Welcome to the Club Penguin Wiki! Log in or Create an account to join the community!

Club Penguin Wiki:CSS Storage/Neon

From the Club Penguin Wiki, the free, editable encyclopedia about Club Penguin
Jump to navigation Jump to search
/* CSS placed here will affect users of the Vector skin */

body {
     background: #222; 
     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/f/f5/TabBG-GRN.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/f/f5/TabBG-GRN.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
}
#left-navigation .vectorTabs li:first-child {
	padding: 0;
	background-image: none
}


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

/* Userpage Talk Contribs Notifications  Watchlist Logout Header */
#p-personal {background:transparent; padding:0 10px 0 0; margin:0;}
#p-personal ul{padding-left:0;}
#p-personal li{margin:0; padding:0;}
#p-personal a{color:#00BFFF;}
#p-personal a:hover{text-decoration:underline;}
#pt-userpage a{color:#00BFFF; margin:0; padding:0 5px 3px 5px; }
#pt-mytalk a{color:#00BFFF; margin:0; padding:0 5px 3px 5px; }
#pt-preferences a{color:#00BFFF; margin:0; padding:0 5px 3px 5px; }
#pt-watchlist a{color:#00BFFF; margin:0; padding:0 5px 3px 5px; }
#pt-mycontris a{color:#00BFFF; margin:0; padding:0 5px 3px 5px; }
#pt-logout a{color:#00BFFF; margin:0; padding:0 5px 3px 5px; }
#pt-login a{color:#00BFFF; margin:0; padding:0 5px 3px 5px; }
#pt-createaccount a{color:#00BFFF; margin:0; padding:0 5px 3px 5px; }
#pt-notifications .mw-echo-notifications-badge { border-radius:2px; color:#FFF; margin:0; padding:0 5px 3px 5px; background:#888; opacity:1.0; text-shadow:none; }
#pt-notifications .mw-echo-notifications-badge:focus { background-color: #FFF; color:#000; opacity:0.5;!important; }
#pt-notifications .mw-echo-notifications-badge:hover { background-color: #FFF; color:#000; opacity:0.5;!important; }
#mw-echo-overlay-moreinfo-link { display:none }
#pt-notifications a:hover{background: none; text-decoration:none; }

/ *Navigation Tabs */
#mw-head .vectorTabs ul, #mw-head .vectorTabs span, #mw-head .vectorTabs {background:none;}
#mw-head .vectorTabs li {height:1.5em; margin-top: 16px;}
#mw-head .vectorTabs li:hover {background-color:#CCF;}
#mw-head .vectorTabs li a {padding-top:0.5em}
#mw-head .vectorMenu {height:1.5em; margin-top:16px; }

#footer, div#footer ul li { color:#00BFFF; }
#footer a {color:#00BFFF; }
#footer a:visited {color:#2E9AFE;}
#footer a:hover {color:#2ECCFA;}

/* 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:#222; border:3px solid #00AC1C; 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:#00BFFF;}
.mediawiki #mw-panel .portal .body ul li a:hover {color:#2ECCFA; text-decoration:none;}

/* Sidebar Headings */
#mw-panel #p-navigation h3 { height:21px; width:100px; margin-left:20px; background: transparent url('//www.clubpenguinwiki.info/static/images/www/6/61/NavigationDF01D7.png') no-repeat top left; font-size: 1px; color: transparent; }
#mw-panel #p-Explore h3 { height:21px; width:100px; margin-left:20px; background: transparent url('//www.clubpenguinwiki.info/static/images/www/c/c4/ExploreDF01D7.png') no-repeat top left; font-size: 1px; color: transparent; }
#mw-panel #p-Community h3 { height:21px; width:100px; margin-left:20px; background: transparent url('//www.clubpenguinwiki.info/static/images/www/2/2a/CommunityDF01D7.png') no-repeat top left; font-size: 1px; color: transparent; }
#mw-panel #p-Partners h3 { height:21px; width:100px; margin-left:20px; background: transparent url('//www.clubpenguinwiki.info/static/images/www/3/33/PartnersDF01D7.png') no-repeat top left; font-size: 1px; color: transparent; }
#mw-panel #p-Ads h3 { height:21px; width:130px; margin-left:20px;background: transparent url('//www.clubpenguinwiki.info/static/images/www/d/db/AdvertisementDF01D7.png') no-repeat top left; font-size: 1px; color: transparent; }
#mw-panel #p-tb h3 { height:21px; width:100px; margin-left:20px; background: transparent url('//www.clubpenguinwiki.info/static/images/www/f/fd/ToolboxDF01D7.png') no-repeat top left; font-size: 1px; color: transparent; }
#mw-panel #p-lang h3 { height:21px; width:150px; margin-left:20px; background: transparent url('//www.clubpenguinwiki.info/static/images/www/7/75/OtherLanguagesDF01D7.png') no-repeat top left; font-size: 1px; color: transparent; }

/*
#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;
}*/
#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;
}