Club Penguin Wiki:CSS Storage/Default

/* CSS placed here will affect users of the Vector skin */

body {

    background: #0F72AE url('//www.clubpenguinwiki.info/static/images/www/5/57/BackgroundDefault.png') top left repeat-x; 
    padding-top:0px;

} textarea[readonly] {

    background-color: #DDD;
    border-style: outset;
    border: 2px dashed grey;
    padding: 5px;
    color: #444;
    font-family: monospace;
    width: 95%;

}

/* Navigation Tabs */ div.vectorTabs { background-image: none; height: 25px; padding-left: 0; } div.vectorTabs ul { background-image: none } div.vectorTabs ul li, div.vectorMenu {

       background-image: url('//www.clubpenguinwiki.info/static/images/www/5/5a/TabBGSky.png') !important;

background-position: left top;

       background-repeat: no-repeat;

background-color: transparent; } div.vectorTabs span { background-image: none !important; } div.vectorTabs li span, div.vectorMenu h5 { background-image: url('//www.clubpenguinwiki.info/static/images/www/5/5a/TabBGSky.png') !important;

       background-repeat: no-repeat;

background-position: right top !important; height: 25px; float: left; } div.vectorTabs li.selected span, div.vectorTabs li span:hover, div.vectorMenu:hover h5 { background-position: right bottom !important } div.vectorTabs li a { background-image: none; height: 25px }

1. left-navigation .vectorTabs li:first-child {

padding: 0; background-image: none }

1. mw-page-base {background:transparent; }
2. left-navigation, #right-navigation {padding-top:0px;}
3. simpleSearch #searchButton img{margin-top:-5px!important;}

/* Userpage Talk Contribs Notifications Watchlist Logout Header */

1. p-personal {background:transparent; padding:0 10px 0 0; margin:0;}
2. p-personal ul{padding-left:0;}
3. p-personal li{margin:0; padding:0;}
4. p-personal a{color:white;}
5. p-personal a:hover{text-decoration:underline;}
6. pt-userpage a{color:white; margin:0; padding:0 5px 3px 5px; }
7. pt-mytalk a{color:white; margin:0; padding:0 5px 3px 5px; }
8. pt-preferences a{color:white; margin:0; padding:0 5px 3px 5px; }
9. pt-watchlist a{color:white; margin:0; padding:0 5px 3px 5px; }
10. pt-mycontris a{color:white; margin:0; padding:0 5px 3px 5px; }
11. pt-logout a{color:white; margin:0; padding:0 5px 3px 5px; }
12. pt-login a{color:white; margin:0; padding:0 5px 3px 5px; }
13. pt-createaccount a{color:white; margin:0; padding:0 5px 3px 5px; }
14. pt-notifications .mw-echo-notifications-badge { border-radius:2px; color:#FFF; margin:0; padding:0 5px 3px 5px; background:#00BFFF; opacity:1.0; text-shadow:none; }
15. pt-notifications .mw-echo-notifications-badge:focus { background-color: #FFF; color:#000; opacity:0.5;!important; }
16. pt-notifications .mw-echo-notifications-badge:hover { background-color: #FFF; color:#000; opacity:0.5;!important; }
17. mw-echo-overlay-moreinfo-link { display:none }
18. pt-notifications a:hover{background: none; text-decoration:none; }

/ *Navigation Tabs */

1. mw-head .vectorTabs ul, #mw-head .vectorTabs span, #mw-head .vectorTabs {background:none;}
2. mw-head .vectorTabs li {height:1.5em; margin-top: 16px;}
3. mw-head .vectorTabs li:hover {background-color:#CCF;}
4. mw-head .vectorTabs li a {padding-top:0.5em}
5. mw-head .vectorMenu {height:1.5em; margin-top:16px; }

1. footer, div#footer ul li { color:#FFF; }
2. footer a {color:#FFF }
3. footer a:visited {color:#EEE;}
4. footer a:hover {color:#DDD;}

/* Sidebar design */ .mediawiki #mw-panel #p-navigation {border-top:none; margin-top:3px;} .mediawiki #mw-panel .portal h5 {color:#FFF; margin-left:2px;} .mediawiki #mw-panel .portal .body {padding-top:0; border:none; background:none;} .mediawiki #mw-panel .portal .body ul { background:#FFF; border:3px solid #00BFFF; margin-right:10px; padding-top:5px; padding-left:5px; border-radius:7px;} .mediawiki #mw-panel .portal .body ul li a, .mediawiki #mw-panel .portal .body ul li a:visited {color:#000;} .mediawiki #mw-panel .portal .body ul li a:hover {color:#888; text-decoration:none;}

/* Sidebar Headings */

1. mw-panel #p-navigation h3 { height:21px; width:100px; margin-left:20px; background: transparent url('//www.clubpenguinwiki.info/static/images/www/4/4f/Navigation.png') no-repeat top left; font-size: 1px; color: transparent; }
2. mw-panel #p-Explore h3 { height:21px; width:100px; margin-left:20px; background: transparent url('//www.clubpenguinwiki.info/static/images/www/0/09/Explore.png') no-repeat top left; font-size: 1px; color: transparent; }
3. mw-panel #p-Community h3 { height:21px; width:100px; margin-left:20px; background: transparent url('//www.clubpenguinwiki.info/static/images/www/c/ce/Community.png') no-repeat top left; font-size: 1px; color: transparent; }
4. mw-panel #p-Partners h3 { height:21px; width:100px; margin-left:20px; background: transparent url('//www.clubpenguinwiki.info/static/images/www/8/8b/Partners.png') no-repeat top left; font-size: 1px; color: transparent; }
5. mw-panel #p-Ads h3 { height:21px; width:130px; margin-left:20px;background: transparent url('//www.clubpenguinwiki.info/static/images/www/8/87/Advertisement.png') no-repeat top left; font-size: 1px; color: transparent; }
6. mw-panel #p-tb h3 { height:21px; width:100px; margin-left:20px; background: transparent url('//www.clubpenguinwiki.info/static/images/www/4/46/Toolbox.png') no-repeat top left; font-size: 1px; color: transparent; }
7. mw-panel #p-lang h3 { height:21px; width:150px; margin-left:20px; background: transparent url('//www.clubpenguinwiki.info/static/images/www/4/4d/OtherLanguages.png') no-repeat top left; font-size: 1px; color: transparent; }

/*

1. Fix for side-scrolling on narrow resolutions

.mw-content-ltr > div, .mw-content-ltr > table, .mw-content-ltr > p, .mw-content-ltr > ul { background-color: #FFF; }*/

1. mw-head .vectorTabs li#ca-watch a, #mw-head .vectorTabs li#ca-unwatch a { padding-top: 2em !important;

}

/* Vector Menu Dropdown Fix */ div#mw-head div.vectorMenu h3 { background-image: none; } div.vectorMenu h3 span { padding-top: 0.5em; } div.vectorMenu h3 a { background-position: 100% 25%; } div.vectorMenu div.menu { top: 1.8em; }