MediaWiki:Vector-darkmode.less/mainpage.less

De RuneScape Wiki
Ir para: navegação, pesquisa
// <pre>

/* --------------------
        main page
   -------------------- */

/* ===================
        variables
   =================== */

@mp-text-light: fade( @white, 90% );
@mp-border-color: @mystic;
@mp-gutter-width: .9rem;

@base-text-color: saturate( darken( @river-bed, 5% ), 5% );
@base-heading-color: @river-bed;
@base-heading-border: @mystic;

@social-discord:   #7289da;
@social-facebook:  #4262a9;
@social-parceiros: @steel-blue;


// 3 tiles
.mainpage-noticias-recentes p:not(.byline),
.mainpage-body h2 a,
.mainpage-habilidades li a:last-child {
    color: @dark-text;
}

// big tile
.tile.big-tile {
    background: linear-gradient(to left, fade( @pickled-bluewood, 0%), fade( @pickled-bluewood, 75%), @pickled-bluewood 50%), url("filepath://Main page Shauny night.png") right / auto 100% no-repeat @pickled-bluewood;

   /* @media only screen and (max-width: 66rem) {
        background: linear-gradient(to left, fade( @cloud-burst, 50%), fade( @cloud-burst, 50%) 75%), url("filepath://Song_of_Seren_mainpage_pic.png") right / auto 100% no-repeat @cloud-burst;
    }*/
    
//For Double XP Weekends (wip)
	&.rs-senntisten {
		background: linear-gradient(to left, fade( @pickled-bluewood, 50%), @pickled-bluewood 50%), url("filepath://Destaque Senntisten.png") right / auto 150% no-repeat @pickled-bluewood;
	}

}

.tile.dark.marks-and-spencer {
    background: linear-gradient(to left, fade( @cloud-burst, 0% ), fade( @cloud-burst, 50% ) 200px, @cloud-burst 400px), filepath('Mining_and_Smithing_rework_concept_art.jpg') right / auto 100% no-repeat @cloud-burst;

    @media only screen and (max-width: 66rem) {
        background: linear-gradient(to left, fade( @cloud-burst, 0% ), fade( @cloud-burst, 50% ) 150px, @cloud-burst 300px), filepath('Mining_and_Smithing_rework_concept_art.jpg') right / auto 100% no-repeat @cloud-burst;
    }

}

.mainpage-body {
    display: flex;
    flex-flow: row wrap;

    h2 a {
        color: @base-heading-color; // from [[MediaWiki:Common.less/elementos.less]]
    }

    .tile {
        padding-left: 1.75em;
        padding-right: 1.75em;
        max-width: 100%;
    }

    .tile-row {
        width: 100%;
        margin-bottom: @mp-gutter-width;
    }

}

.mainpage-destaque {
	
	.tile {
        flex: 1;
        padding-left: 0;
        padding-right: 0;
        margin-right: @mp-gutter-width;

        &:last-child {
            margin-right: 0;
        }

    }

    .tile-row {
        color: #9DB3CD;
    }

     .tile-halves {
        flex: 1;
        align-content: flex-start;
        margin-right: @mp-gutter-width;

        // zoom on hover
        &:hover .tile-top img {
            transform: scale(1.04);
        }

        &:last-child {
            margin-right: 0;
        }

    }

    body.wgl-readermode & .tile-image {
    }

    .tile-bottom.link-button a {
        text-align: center;
        padding: 1rem 1.5rem .75rem;
    } 

    h2 {
        margin: -0.5em 0 .3em;
    }

    p:not(.byline) {
        font-size: .9em;
        line-height: 1.75em;
        color: @river-bed;
    }

    .jagex-promotion .byline {
        color: @medium-purple;
    }

}

/* ------------------------
        popular pages
   ------------------------ */

.mp-popular-page-light {
    background-color: @dark-button;

    a {
		color: white;
	}

}

// </pre>