Template:Main page/styles.css: Difference between revisions

From ICTED-WIKI
Jump to navigation Jump to search
(Created page with "→‎CSS used for https://www.mediawiki.org/wiki/MediaWiki/Homepage_improvements_2018 :: .mainpage_row { display: flex; flex-direction: row; flex-flow: row wrap; justify-content: space-between; padding: 0; margin: 0 -5px 0 -5px; } .mainpage_box { flex: 1; margin: 5px; min-width: 210px; border: 1px solid #CCC; padding: 0 10px 10px 10px; box-shadow: 0 2px 2px rgba(0,0,0,0.1); } .mainpage_box h3 { →‎Reset padding so is equal across skins: padding-right: 0;...")
 
mNo edit summary
 
Line 1: Line 1:
/* CSS used for https://www.mediawiki.org/wiki/MediaWiki/Homepage_improvements_2018 : */
.mp-panel {
.mainpage_row {
width: 100%;
display: flex;
height: auto;
flex-direction: row;
border: 1px solid #88A;
flex-flow: row wrap;
background-color: #ACF;
justify-content: space-between;
vertical-align: top;
padding: 0;
margin: 0em 0em 0.5em 0em;
margin: 0 -5px 0 -5px;
border-spacing: 0.6em;
}
}
.mainpage_box {
 
flex: 1;
.mp-panel h1 {
margin: 5px;
font-size: 230%;
min-width: 210px;
font-family: 'hoefler text','times new roman', serif;
border: 1px solid #CCC;
font-variant: small-caps;
padding: 0 10px 10px 10px;
border: none;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
margin: 0;
padding: 5pt
}
}
.mainpage_box h3 {
 
/* Reset padding so is equal across skins */
.mp-panel h2 {
padding-right: 0;
text-align: left;
padding-top: 0;
font-size: 1.2em;
padding-bottom: 0;
margin: 4px 0;
/* Padding left gets overridden by headanchor gadget */
padding: 1.5px 0 2px 4px;
margin: 0.5em 0;
background: #F0F0F0 url('https://upload.wikimedia.org/wikipedia/commons/1/1b/Wikibar2.png') right no-repeat;
background-size: auto 100%;
font-weight: bold;
border: 1px solid #AAA;
text-align: left;
color: #000;
display: block !important;
}
}
/* Set padding left only if headanchor gadget is not enabled */
 
.mainpage_box h3:not(.tpl-vheadanchor-heading) {
.mp-panel h2 span {
padding-left: 0;
display: inline !important;
}
}
.mainpage_box h3 .header_icon {
 
float: left;
.mp-subpanel {
margin-right: 5px;
vertical-align: top;
color: #000;
border: 3px double #AAA;
background-color: #ffffff;
padding: 0.5em;
margin: 0;
width: 100%;
}
}
.mainpage_box .items {
 
border-top: 1px solid #CCC;
.mp-left {
padding-top: 0.5em;
width: 55%;
}
}
.mainpage_box p:last-child {
 
margin-bottom: 0;
.mp-right {
width: 45%;
}
}
.mainpage_boxcontents_small {
 
font-size: 95%;
#EnWpMpBook2 {
padding: 1em 0 .6em;
}
}
/* Style the "other languages" box the same way as other boxes on the main page */
 
.mw-pt-languages {
body.skin-minerva table {
display: block;
border-collapse: separate !important;
background: none;
border: 1px solid #CCC;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
width: auto;
}
.mw-pt-languages-label {
background: none;
border-right: none;
}
}


@media screen and (max-width: 719px) {
@media screen and ( max-width: 720px ) {
.thumb {
    body.skin-minerva td,
float: none;
    body.skin-minerva tr,
    body.skin-minerva tbody,
    body.skin-minerva table {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }
   
    #mf-projs td:not(:only-child) {
    display: inline-block;
    width: 40% !important;
    padding: 5px 0;
    }
    #mf-projs td:nth-child(even) {
    width: 50% !important;
    }
#mf-projs td.empty {
display: none !important;
}
   
#mf-know td:last-child tr {
display: flex;
flex-direction: column-reverse;
}
#mf-know {
text-align: center;
}
#mf-know table {
margin: 0;
}
#mf-know td {
padding: 0 !important;
}
}
.thumb, .thumbinner {
#mf-know td tr {
margin-left: auto;
padding: 1em 0;
margin-right: auto;
}
}
}
}

Latest revision as of 04:26, 2 October 2023

.mp-panel { width: 100%; height: auto; border: 1px solid #88A; background-color: #ACF; vertical-align: top; margin: 0em 0em 0.5em 0em; border-spacing: 0.6em; }

.mp-panel h1 { font-size: 230%; font-family: 'hoefler text','times new roman', serif; font-variant: small-caps; border: none; margin: 0; padding: 5pt }

.mp-panel h2 { text-align: left; font-size: 1.2em; margin: 4px 0; padding: 1.5px 0 2px 4px; background: #F0F0F0 url('https://upload.wikimedia.org/wikipedia/commons/1/1b/Wikibar2.png') right no-repeat; background-size: auto 100%; font-weight: bold; border: 1px solid #AAA; text-align: left; color: #000; display: block !important; }

.mp-panel h2 span { display: inline !important; }

.mp-subpanel { vertical-align: top; color: #000; border: 3px double #AAA; background-color: #ffffff; padding: 0.5em; margin: 0; width: 100%; }

.mp-left { width: 55%; }

.mp-right { width: 45%; }

  1. EnWpMpBook2 {

padding: 1em 0 .6em; }

body.skin-minerva table { border-collapse: separate !important; }

@media screen and ( max-width: 720px ) {

   body.skin-minerva td,
   body.skin-minerva tr,
   body.skin-minerva tbody,
   body.skin-minerva table {
       display: block;
       width: 100% !important;
       box-sizing: border-box;
   }
   
   #mf-projs td:not(:only-child) {
   	display: inline-block;
   	width: 40% !important;
   	padding: 5px 0;
   }
   #mf-projs td:nth-child(even) {
   	width: 50% !important;
   }

#mf-projs td.empty { display: none !important; }

#mf-know td:last-child tr { display: flex; flex-direction: column-reverse; } #mf-know { text-align: center; } #mf-know table { margin: 0; } #mf-know td { padding: 0 !important; } #mf-know td tr { padding: 1em 0; } }