Worldpedia:Main Page/styles.css: Difference between revisions

per tper
and lo, they said, we return portals to thee (and minerva gets main page columns from 875 to 1100px)
Line 10: Line 10:
background-color: #f9f9f9;
background-color: #f9f9f9;
white-space: nowrap;
white-space: nowrap;
}
body.skin-minerva #mp-topbanner {
min-width: 0;
white-space: normal;
}
}


Line 34: Line 29:
width: 22em;
width: 22em;
text-align: center;
text-align: center;
}
body.skin-minerva #mp-welcomecount {
width: auto;
}
}


Line 61: Line 52:
min-width: 25em;
min-width: 25em;
font-size: 95%;
font-size: 95%;
}
body.skin-minerva #mp-portals {
display: none;
}
}


Line 121: Line 108:
width: 100%;
width: 100%;
margin-top: 4px;
margin-top: 4px;
margin-bottom: 0;
border-spacing: 0;
border-spacing: 0;
border-collapse: separate;
}
}


Line 162: Line 151:
#mp-other-lower > div {
#mp-other-lower > div {
padding: 0.1em 0.6em;
padding: 0.1em 0.6em;
}
#mp-dyk,
#mp-otd {
padding-bottom: 0.5em;
}
}


Line 208: Line 192:
#mp-tfp {
#mp-tfp {
margin: 0.1em 0.4em 0.6em;
margin: 0.1em 0.4em 0.6em;
}
body.skin-minerva #mp-tfp tr:first-child td:first-child a {
text-align: center;
display: block;
}
}


#mp-other-lower {
#mp-other-lower {
padding-top: 4px;
padding: 0;
padding-bottom: 2px;
border-color: #e2e2e2;
border-color: #e2e2e2;
margin-top: 4px;
margin-top: 4px;
}
}


#mp-dyk,
#mp-otd,
#mp-other-lower {
padding-bottom: 0.5em;
}


#mp-other-lower .mp-h2 {
#mp-other-lower .mp-h2 {
Line 229: Line 212:
}
}


/* SKIN-MINERVA */
@media (max-width: 875px) {
body.skin-minerva table,
body.skin-minerva tr,
body.skin-minerva #mp-welcomecount,
body.skin-minerva td,
body.skin-timeless #mp-welcomecount {
body.skin-minerva tbody {
width: auto;
display: block !important;
}
width: 100% !important;
 
box-sizing: border-box;
body.skin-minerva #mp-topbanner,
body.skin-timeless #mp-topbanner {
min-width: 0;
white-space: normal;
}
body.skin-minerva #mp-portals,
body.skin-timeless #mp-portals {
display: block;
position: static;
width: auto;
min-width: 0;
text-align: center;
margin: 0 auto;
border-top: 1px solid #ddd;
padding: 0.4em 0;
margin: 0 0.4em;
}
body.skin-minerva #mp-portals li,
body.skin-timeless #mp-portals li {
position: static;
display: inline;
padding: 0 5px;
}
body.skin-minerva #mp-topbanner .portal-hright,
body.skin-timeless #mp-topbanner .portal-hright {
white-space: nowrap;
}
body.skin-minerva table,
body.skin-minerva tr,
body.skin-minerva td,
body.skin-minerva tbody,
body.skin-timeless table,
body.skin-timeless tr,
body.skin-timeless td,
body.skin-timeless tbody {
display: block !important;
width: 100% !important;
box-sizing: border-box;
}
 
body.skin-minerva #mp-tfp tr:first-child td:first-child a,
body.skin-timeless #mp-tfp tr:first-child td:first-child a {
text-align: center;
display: table;
margin: 0 auto;
}
}
}