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

No edit summary
Tag: Reverted
Undo revision 2256 by AZMindroma (talk)
Tags: Undo Reverted
Line 1: Line 1:
/* {{pp|small=yes}} */
#mp-topbanner {
.mp-box {
position: relative;
border: 1px solid #aaa; /* all colors overriden on specific elements in @media screen */
box-sizing: border-box;
padding: 0 0.5em 0.5em;
min-width: 47em;
margin-top: 4px;
border-color: #ddd;
background-color: #f9f9f9;
white-space: nowrap;
}
}


.mp-bordered,
.mp-h2,
.mp-h2,
body.skin-timeless .mp-h2 { /* Timeless needs a higher specificity */
body.skin-timeless .mp-h2 { /* Timeless needs a higher specificity */
border: 1px solid #aaa; /* all colors overriden on specific elements in @media screen */
border-width: 1px;
margin: 0.5em 0;
border-style: solid;
padding: 0.2em 0.4em;
font-size: 120%;
font-weight: bold;
font-family: inherit;
}
}


.mp-later {
#mp-topbanner,
font-size: 85%;
.mp-h2,
font-weight: normal;
#mp-left {
color: #000;
}
}


#mp-welcomecount {
#mp-welcomecount {
margin: 0.4em;
width: 22em;
text-align: center;
text-align: center;
margin: 0.4em;
}
}


Line 29: Line 30:
font-size: 162%;
font-size: 162%;
padding: 0.1em;
padding: 0.1em;
}
#mp-welcome h1,
#mp-welcome .mw-heading1 {
font-size: inherit;
font-family: inherit;
display: inline;
border: none;
}
}


Line 47: Line 40:
}
}


#articlecount > ul {
#mp-portals {
margin: 0;
position: absolute;
padding: 0;
right: -1em;
top: 50%;
margin-top: -2.4em;
width: 38%;
min-width: 25em;
font-size: 95%;
}
}


#articlecount > ul > li {
#mp-portals li {
margin: 0;  
position: absolute;
display: inline;
left: 0;
top: 0;
}
}


#articlecount > ul > li::after {
#mp-portals .portal-hmid {
content: " · ";
left: 33%;
font-weight: bold;
}
 
#mp-portals .portal-hright {
left: 66%;
}
 
#mp-portals .portal-vmid {
top: 1.6em;
}
}


#articlecount > ul > li:last-child::after {
#mp-portals .portal-vbot {
content: "";
top: 3.2em;
}
}


#mp-banner {
#mp-portals li:last-child {
text-align: center;
font-weight: bold;
padding-top: 0.5em;
}
}


/* clear fix */
#mp-banner {
.mp-contains-float::after {
margin-top: 4px;
content: "";
padding: 0.5em;
display: block;
background-color: #fffaf5;
clear: both;
border-color: #f2e0ce;
}
}