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

MediaWiki:Vector.css: Difference between revisions

From the Club Penguin Wiki, the free, editable encyclopedia about Club Penguin
Jump to navigation Jump to search
imported>LordMaster96
No edit summary
imported>Hat Pop
Undo revision, Halloween is over (hopefully this doesn't screw up anything :P )
Line 1: Line 1:
/* CSS placed here will affect users of the Vector skin */
/* CSS placed here will affect users of the Vector skin */


body {
body {background: #0864af url('http://www.clubpenguinwiki.info/static/images/www/6/62/CPWHeaderVector.png') top center no-repeat; padding-top:50px;}
    background: #444 url('http://www.clubpenguinwiki.info/static/images/www/3/36/CPWHalloweenFooter.png') top left repeat-x;  
#mw-page-base {background:transparent; }
    padding-top:0px;
#left-navigation, #right-navigation {padding-top:50px;}
}
#p-cactions.vectorMenu {background: url('http://www.clubpenguinwiki.info/static/images/www/a/a6/CPWVectorTabFade.png') bottom left repeat-x;}
textarea[readonly] {
#p-cactions.vectorMenu h5 a {background: url('http://www.clubpenguinwiki.info/w/skins/vector/images/arrow-down-icon.png') center 7px no-repeat !important;}
    background-color: #DDD;
#p-personal {background:transparent; padding:0 10px 0 0; margin:0;}
    border-style: outset;
#p-personal ul{padding-left:0;}
    border: 2px dashed grey;
#p-personal li{margin:0; padding:0;}
    padding: 5px;
#p-personal a{color:#FFF; margin:0; padding:0 5px 3px 5px; background: #026189; opacity: 0.8; text-shadow:1px 1px #222;  
    color: #444;
background: -webkit-gradient( linear,left bottom,left top,color-stop(1,rgba(33, 33, 33, 0.7)), color-stop(0,rgba(33, 33, 33, 0.1)) );}
    font-family: monospace;
#p-personal a:hover{background: rgba(33,33,33,0.7); text-decoration:none;}
    width: 95%;
#simpleSearch #searchButton img{margin-top:-5px!important;}
}


/* Navigation Tabs */
/* 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; }
div.vectorTabs {
div.vectorTabs {
background-image: none;
background-image: none;
Line 26: Line 31:
div.vectorTabs ul li,
div.vectorTabs ul li,
div.vectorMenu {
div.vectorMenu {
         background-image: url('http://www.clubpenguinwiki.info/static/images/www/c/c0/TabBGHalloween.png') !important;
         background-image: url('http://www.clubpenguinwiki.info/static/images/www/e/e4/TabBG.png') !important;
background-position: left top;
background-position: left top;
         background-repeat: no-repeat;
         background-repeat: no-repeat;
Line 36: Line 41:
div.vectorTabs li span,
div.vectorTabs li span,
div.vectorMenu h5 {
div.vectorMenu h5 {
background-image: url('http://www.clubpenguinwiki.info/static/images/www/c/c0/TabBGHalloween.png') !important;
background-image: url('http://www.clubpenguinwiki.info/static/images/www/e/e4/TabBG.png') !important;
         background-repeat: no-repeat;
         background-repeat: no-repeat;
background-position: right top !important;
background-position: right top !important;
Line 57: Line 62:




#mw-page-base {background:transparent; }
#footer, div#footer ul li { color: #74C2E1; }
#left-navigation, #right-navigation {padding-top:0px;}
#footer a {color:#74C2E1 }
#p-cactions.vectorMenu {background: url('http://www.clubpenguinwiki.info/static/images/www/a/a6/CPWVectorTabFade.png') bottom left repeat-x;}
#footer a:visited {color:#FFFFFF;}
#p-cactions.vectorMenu h5 a {background: url('http://www.clubpenguinwiki.info/w/skins/vector/images/arrow-down-icon.png') center 7px no-repeat !important;}
#footer a:hover {color:#FFFFFF;}
#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:#FFF; margin:0; padding:0 5px 3px 5px; background: transparent;}
#p-personal a:hover{background: transparent; text-decoration:none;}
#simpleSearch #searchButton img{margin-top:-5px!important;}
 
#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:#FFF; }
#footer a {color:#FFF; }
#footer a:visited {color:#ccc;}
#footer a:hover {color:#ccc;}


/* Sidebar design */
/* Sidebar design */
Line 83: Line 71:
.mediawiki #mw-panel .portal h5 {color:#FFF; margin-left:2px;}
.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 {padding-top:0; border:none; background:none;}
.mediawiki #mw-panel .portal .body ul { background:#FFF; border:2px solid #FF8C00;margin-right:10px; padding-top:5px; padding-left:5px; border-radius:7px;}
.mediawiki #mw-panel .portal .body ul { background:#FFF; border:2px solid #74C2E1;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:#333;}
.mediawiki #mw-panel .portal .body ul li a, .mediawiki #mw-panel .portal .body ul li a:visited {color:#338;}
.mediawiki #mw-panel .portal .body ul li a:hover {color:#FF8C00; text-decoration:none;}
.mediawiki #mw-panel .portal .body ul li a:hover {color:#026189; text-decoration:none;}
 
/* Sidebar Headings */
#mw-panel #p-navigation h3 { background: transparent url('http://www.clubpenguinwiki.info/static/images/www/f/f4/CPWHalloweenNavigation.png') no-repeat top left; font-size: 1px; color: transparent; margin-left:20px; }
#mw-panel #p-Explore h3 { background: transparent url('http://www.clubpenguinwiki.info/static/images/www/b/b2/CPWHalloweenExplore.png') no-repeat top left; font-size: 1px; color: transparent; margin-left:20px; }
#mw-panel #p-Community h3 { background: transparent url('http://www.clubpenguinwiki.info/static/images/www/1/1b/CPWHalloweenCommunity.png') no-repeat top left; font-size: 1px; color: transparent; margin-left:20px; }
#mw-panel #p-Ads h3 { background: transparent url('http://www.clubpenguinwiki.info/static/images/www/2/2e/CPWHalloweenAd.png') no-repeat top left; font-size: 1px; color: transparent; margin-left:20px; }
#mw-panel #p-tb h3 { background: transparent url('http://www.clubpenguinwiki.info/static/images/www/1/1f/CPWHalloweenToolbox.png') no-repeat top left; font-size: 1px; color: transparent; margin-left:20px; }
#mw-panel #p-lang h3 { color:#FFF; }


/* Vector drop-down arrow fix */
/* Vector drop-down arrow fix */
Line 100: Line 80:
background-position:top;
background-position:top;
margin-top:4px;
margin-top:4px;
}
textarea[readonly] {
background-color: #DDD;
border-style: outset;
border: 3px dashed grey;
padding: 5px;
color: #444;
font-family: monospace;
width: 95%;
}
}



Revision as of 01:25, 1 November 2013

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

body {background: #0864af url('http://www.clubpenguinwiki.info/static/images/www/6/62/CPWHeaderVector.png') top center no-repeat; padding-top:50px;}
#mw-page-base {background:transparent; }
#left-navigation, #right-navigation {padding-top:50px;}
#p-cactions.vectorMenu {background: url('http://www.clubpenguinwiki.info/static/images/www/a/a6/CPWVectorTabFade.png') bottom left repeat-x;}
#p-cactions.vectorMenu h5 a {background: url('http://www.clubpenguinwiki.info/w/skins/vector/images/arrow-down-icon.png') center 7px no-repeat !important;}
#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:#FFF; margin:0; padding:0 5px 3px 5px; background: #026189; opacity: 0.8; text-shadow:1px 1px #222; 
background: -webkit-gradient( linear,left bottom,left top,color-stop(1,rgba(33, 33, 33, 0.7)), color-stop(0,rgba(33, 33, 33, 0.1)) );}
#p-personal a:hover{background: rgba(33,33,33,0.7); text-decoration:none;}
#simpleSearch #searchButton img{margin-top:-5px!important;}

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

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('http://www.clubpenguinwiki.info/static/images/www/e/e4/TabBG.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('http://www.clubpenguinwiki.info/static/images/www/e/e4/TabBG.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
}


#footer, div#footer ul li { color: #74C2E1; }
#footer a {color:#74C2E1 }
#footer a:visited {color:#FFFFFF;}
#footer a:hover {color:#FFFFFF;}

/* 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:2px solid #74C2E1;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:#338;}
.mediawiki #mw-panel .portal .body ul li a:hover {color:#026189; text-decoration:none;}

/* Vector drop-down arrow fix */
#p-cactions.vectorMenu h3 a{
	background-image:url(http://www.clubpenguinwiki.info/w/skins/vector/images/arrow-down-icon.png);
	background-position:top;
	margin-top:4px;
}


textarea[readonly] {
background-color: #DDD;
border-style: outset;
border: 3px dashed grey;
padding: 5px;
color: #444;
font-family: monospace;
width: 95%;
}

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