Difference between revisions of "MediaWiki:Common.css"
From CrowdSociety
m |
|||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
| − | /* To change the background colors of only the text areas of all the pages | + | /* To change the background colors of only the text areas of all the pages */ |
body{background-image:none} | body{background-image:none} | ||
| Line 11: | Line 11: | ||
#articleFooter { | #articleFooter { | ||
background-color:#aaff77; | background-color:#aaff77; | ||
| + | } | ||
| + | |||
| + | /* Lets the top menu float */ | ||
| + | |||
| + | div#mw-head { | ||
| + | position: fixed; | ||
| + | z-index: 100; | ||
| + | top: 0; | ||
| + | left: 11em; | ||
| + | right: 0; | ||
| + | width: auto; | ||
| + | background-color: white; | ||
| + | background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAsCAIAAAArRUU2AAAAOklEQVR42lWNWwoAQAgCde9/59mgF30EOmgKeJLmUHjGpzbBdXnl6F5oV5/J9e/tr/czydmt7RT33floBCM5ZQLqdwAAAABJRU5ErkJggg=="); /*copy Vector skin background*/ | ||
| + | background-position: left bottom; | ||
| + | background-size: auto; | ||
| + | background-repeat: repeat-x; | ||
| + | box-shadow: 15px 5px 20px 5px #FFF; | ||
| + | } | ||
| + | #mw-head:before { | ||
| + | z-index: -1; | ||
| + | content: ''; /*further hacks...*/ | ||
| + | position:absolute; | ||
| + | top: -1px; | ||
| + | left: 0; | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | border-bottom: 1px solid #A7D7F9; | ||
| + | } | ||
| + | #left-navigation { | ||
| + | margin-left: 0; | ||
} | } | ||
Revision as of 21:39, 24 November 2014
/* CSS placed here will be applied to all skins */
/* To change the background colors of only the text areas of all the pages */
body{background-image:none}
#article {
background-color:#ff77aa;
}
#articleFooter {
background-color:#aaff77;
}
/* Lets the top menu float */
div#mw-head {
position: fixed;
z-index: 100;
top: 0;
left: 11em;
right: 0;
width: auto;
background-color: white;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAsCAIAAAArRUU2AAAAOklEQVR42lWNWwoAQAgCde9/59mgF30EOmgKeJLmUHjGpzbBdXnl6F5oV5/J9e/tr/czydmt7RT33floBCM5ZQLqdwAAAABJRU5ErkJggg=="); /*copy Vector skin background*/
background-position: left bottom;
background-size: auto;
background-repeat: repeat-x;
box-shadow: 15px 5px 20px 5px #FFF;
}
#mw-head:before {
z-index: -1;
content: ''; /*further hacks...*/
position:absolute;
top: -1px;
left: 0;
width: 100%;
height: 100%;
border-bottom: 1px solid #A7D7F9;
}
#left-navigation {
margin-left: 0;
}
