MediaWiki:Common.less/transcripts.less

From RuneScape Classic Wiki
Jump to: navigation, search
// <pre>
/* ===========================
          Transcripts
   =========================== */

.transcript {
    .border-radius( ~"0 0 120px 120px / 0 0 8px 8px" );
    .box-shadow( 0 5px 7px -7px rgba(0, 0, 0, 0.4) );
    width:75%;
    background: #f1f1f1;
    margin: 0 0 15px 15px;
    padding: 5px 20px 15px 20px;

    // [[Template:Letter]]
    &.godletter {
        margin: 20px auto;
        padding: 20px 30px;
    }

}

.ns-120 #mw-content-text,
.transcript {
    cursor:default;

    > ul,
    > ul ul {
        /* Remove bullets */
        list-style-type:none;
        
        li {
            // alignment markers
            border-left: 1px dotted #888;
            padding: 20px 15px 5px 10px;
            
            b:first-child {
                // First bold word should always be the character
		// Move and stylise it
                color: #129;
                position: relative;
                float: left;
                // removes the weird indent
                margin-right: -100%;
                bottom: 20px;
                right: 9px;
                line-height: 13px;
                padding: 5px 3px 0 2px;
                border-bottom: 1px solid;
            }
        }
        
        li:hover {
            background: #cde5f1;
            outline: 1px solid #888;
            opacity: 1.0 !important;
            
            li {
                opacity:0.7;
            }
            
            // alternating colours
            li:hover,
            li:hover li:hover li:hover,
            li:hover li:hover li:hover li:hover li:hover,
            li:hover li:hover li:hover li:hover li:hover li:hover li:hover {
                background: #fff;
            }

            li:hover li:hover,
            li:hover li:hover li:hover li:hover,
            li:hover li:hover li:hover li:hover li:hover li:hover {
                // blue
                background: #cde5f1;
            }
            
        }
    }
}

// quest actions for transcripts
.quest-action {
    text-align: center;
    font-style: italic;
    margin: 0 5%;

    &:before,
    &:after {
        content: '———';
        margin: 4px;
        letter-spacing: -1px;
    }

}