MediaWiki:Custom-Common.less/mainpage.less

// /* ================      Mainpage ================ */

// common styles to both left and right columns // @todo implement these better to be common classes .mp-color-common { .border-radius( 5px ); background-color: darken( @default-page, 2.5% ); padding: 4px; margin-top: 10px; margin-bottom: 15px; }

// title .mp-title { text-align: center; margin-bottom: 30px; margin-top: 30px;

div:not( .center ) { display: inline; padding: 5px; } }

// left column .mp-color { .mp-color-common; .box-shadow( ~"0 1px 3px -1px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.07)" ); border-top: 10px solid @theme-buttons;

.mp-header { font-size: 125%; font-weight: bold; padding: 13px 0 0 10px; text-align: left; }

.mp-subheader { font-weight: bold; padding: 10px 0 2px 10px; text-align: left; }

.mp-content { margin: 10px 0; }

.mp-column { width: 33%; // fix against rule in oasis.scss float: left; }

.mp-endrow { clear: both; text-align: right;

.mp-endbox { .border-radius( 5px ); background-color: darken( @default-page, 5% ); padding: 4px 25px; display: inline; font-size: 85%; font-weight: bold; }   } }

// right column .mp-color2 { .mp-color-common; .box-shadow( ~"0 1px 2px -1px rgba( 0, 0, 0, 0.12 ), 0 2px 4px rgba( 0, 0, 0, 0.07 )" ); border-top: 10px solid @theme-header;

.mp-header2 { font-size: 110%; font-weight: bold; padding: 8px 2px 2px 2px; text-align: center; }

.mp-content2 { margin: 5px 0; }

.mp-endrow .mp-endbox2 { .border-radius( 5px ); background-color: darken( @default-page, 5% ); margin-top: 10px; }

.ajax-poll { padding-bottom: 0; padding-top: 5px;

.header { font-weight: normal !important; }

input[type="submit"] { float: right; clear: both; margin-top: 1em !important; }

.pollAnswer { padding-bottom: 3px; }

.pollAnswerVotes { color: @default-page; background-color: lighten( @theme-buttons, 35% ); border: 0; width: inherit !important;

div { background-color: @theme-buttons; }       }    } }

// styles for specific modules .mp-content { line-height: 22px; margin: 0; padding-left: 25px; } }
 * 1) mp-contents,
 * 2) mp-recent,
 * 3) mp-wiki {

&.mp-color { border-color: darken( @theme-buttons, 15% ); }
 * 1) mp-recent {

img { .box-shadow( 0 0 5px rgba( 0, 0, 0, 0.25 ) ); height: 113px; }

.image-light { .transition( 0.2s );

&:hover { .filter( brightness( 105% ) ); }

}

.image-dark { .transition( 0.2s );

&:hover { .filter( brightness( 115% ) ); }

}

a { color: darken( @theme-buttons, 15% ); } }

.box-shadow( 0 0 5px rgba( 0, 0, 0, 0.25 ) ); .transition( 0.2s ); margin: 10px 0;
 * 1) mp-wiki img {

&:hover { .filter( brightness( 115% ) ); }

}

width: 15%; padding: 2px; }
 * 1) mp-rsnews .mp-content .mp-header {

margin-top: 1em; }
 * 1) mp-patch-header {

text-align: center; }
 * 1) mp-gemw .mp-content2 {

font-size: 85%; margin-top: -2px; }
 * 1) mp-gemw-date {

font-weight: bold; font-size: 110%; }
 * 1) mp-gemw-cti {

// previous poll results margin-top: 5px; font-size: 85%; background: none; width: 100%;
 * 1) mp-poll-prev-results {

th { .border-radius( 5px ); background-color: darken( @default-page, 5% ); } }

margin-top: 0.75em; }
 * 1) mp-rsnews-endrow {

position: relative; top: -30px; margin-bottom: -30px; }
 * 1) mp-patch-endrow {

padding-left: 15px; padding-right: 15px;
 * 1) mp-fimg {

img { .filter( drop-shadow(0 0 7px rgba(0,0,0,0.2)) ); } }

border-top: 2px solid #e1e8ed; }
 * 1) mp-twitter .mp-content2 {

// copyright footer background-color: darken( @default-page, 2.5% ); text-align: center; margin-top: 10px; padding: 10px 20px; }
 * 1) mp-footer {