MediaWiki:Vector.css: Difference between revisions

Revision as of 14:13, December 15, 2014

/* Header */
#site{width:100%; background-image:url("http://zeldadungeon.net/Justin/wordpress/wp-content/themes/layout20/images/b.png"); background-position:top; background-repeat:repeat-x;}
#body{background-image:url("http://zeldadungeon.net/Justin/wordpress/wp-content/themes/layout20/images/a.png"); height:350px; background-position: center top; background-repeat:no-repeat; width: 100%; margin:0px auto; min-width:1000px;}
#text_links{width:980px; height:22px; font-family:Verdana; font-size:11px; padding:5px 0px 0px 0px; margin:0px auto; color:#707070;}
#text_links a{font-size:11px; color:#aaaaaa; font-family:Verdana; margin:0px 10px 0px 10px; padding:0px;}
#text_links a:hover{color:#FFF;} 
#text_links b{font-size:11px; color:#4f4f4f;}
#games{height:56px; width:992px; margin:0px auto;}
#games ul {margin:0px 0px 0px 0px; padding:0px; display:block; height:56px;}
#games ul li{width:51px; height: 56px; margin-bottom: 0px; display:block; float:left; background-image:url("http://zeldadungeon.net/Justin/wordpress/wp-content/themes/layout20/images/e.png"); position:relative; z-index:9999999;}
#games ul li a, #games ul li span{display:block; width: 51px; height:56px; line-height: normal;}
/*Dropdown Menu*/
#games ul li ul{display:none; margin:0px; padding:0px; width:130px; position:relative; height:auto !important; top:0px;}
#games ul li:hover ul{display:block;}
#games ul li ul li{display:block; height:18px; background-color:#99bdec; width:131px; background-repeat:no-repeat; background-image: url("http://zeldadungeon.net/wp-content/themes/default/images/MenuArrow.gif"); background-position: right center;  border:1px solid #000; border-width:0px 1px 1px 1px; z-index:999; position:relative;}
#games ul li ul li:hover{background-color:#c6deff;}
#games ul li ul li a, #games ul li ul li span{font-family:Tahoma; font-size:12px; height:15px; display:block; width:127px;  color:#000; text-decoration:none; padding:1px 0px 2px 3px; cursor:pointer;}
#games ul li ul li ul{display:none; margin:0px; padding:0px; position:relative; left:132px; top:-19px; border:none;}
#games ul li:hover ul li ul{display:none;}
#games ul li ul li:hover ul{display:block;}
#games ul li ul li ul li{ background-image:none; width:150px;}
#games ul li ul li ul li a{padding:1px 0px 2px 3px; width:147px;}
.rightsub ul{position:relative; right:82px;}
.rightsub ul li{text-align:left; background-repeat:no-repeat; background-image: url("http://zeldadungeon.net/wp-content/themes/layout20/images/MenuArrow2.gif") !important; background-position: left center !important; }
.rightsub ul li a, .rightsub ul li span{padding:1px 3px 2px 15px !important;}
.rightsub ul li ul{ position:relative; left:-152px !important;}
.rightsub ul li ul li{background-image:none !important;}
.rightsub ul li ul li a{padding:1px 0px 2px 3px !important;}
#games #loz{ background-position: 0px 250px;}
#games #loz:hover{background-position:0px 194px;}
#games #aol{ background-position: 967px 250px;}
#games #aol:hover{background-position:967px 194px;}
#games #alttp{background-position: 916px 250px;}
#games #alttp:hover{background-position:916px 194px;}
#games #la{ background-position: 865px 250px;}
#games #la:hover{background-position:865px 194px;}
#games #oot{background-position: 814px 250px;}
#games #oot:hover{background-position:814px 194px;}
#games #mm{background-position: 763px 250px;}
#games #mm:hover{background-position:763px 194px;}
#games #oos{background-position: 712px 250px;}
#games #oos:hover{background-position:712px 194px;}
#games #ooa{background-position: 661px 250px;}
#games #ooa:hover{background-position:661px 194px;}
#games #ww{background-position: 610px 250px;}
#games #ww:hover{background-position:610px 194px;}
#games #fs{background-position: 559px 250px;}
#games #fs:hover{background-position:559px 194px;}
#games #fsa{width:55px; background-position: 508px 250px;}
#games #fsa:hover{background-position:508px 194px;}
#games #fsa a{width:55px;}
#games #mc{background-position: 453px 250px;}
#games #mc:hover{background-position:453px 194px;}
#games #tp{background-position: 402px 250px;}
#games #tp:hover{background-position:402px 194px;}
#games #ph{background-position: 351px 250px;}
#games #ph:hover{background-position:351px 194px;}
#games #st{background-position: 300px 250px;}
#games #st:hover{background-position:300px 194px;}
#games #ss{background-position: 249px 250px;}
#games #ss:hover{background-position:249px 194px;}
#games #zwu{background-position: 198px 250px;}
#games #zwu:hover{background-position:198px 194px;}
#games #z3d{width:69px; background-position: 146px 250px;}
#games #z3d:hover{background-position:146px 194px;}
#games #z3d a{width:69px;}
#games #z3d ul{position:relative; right:64px;}
#games #oth{ background-position: 77px 250px;}
#games #oth:hover{background-position:77px 194px;}
#misc{ display:block; width:1000px; height:125px; margin:0px auto 0px auto;}
#misc_top{display:block; margin:0px; padding:0px; height:30px;}
#misc_top li{background-image:url("http://zeldadungeon.net/wp-content/themes/layout20/images/e.png"); display:block; float:left; height:30px; margin:0px 0px 0px 0px;}
#misc_top li a{height:30px; display:block; width:inherit;}
#misc_top li ul li a, #misc_top li ul li a:link, #misc_top li ul li a:visited, #misc_top li ul li a:hover{color: #000000; }
#banner_top{background-image:none !important; width:268px;}
#banner_top a, #banner_bottom a{display:block; height:inherit; width:inherit;}
#home{background-position:0px 138px; width:77px; }
#home:hover{ background-position:495px 138px;}
#forums_link{background-position:941px 138px; width:87px;}
#forums_link:hover{background-position:418px 138px;}
#wiki_link{background-position:854px 138px; width:63px;}
#wiki_link:hover{background-position:331px 138px;}
#media{background-position:791px 138px; width:76px;}
#media ul, #resources ul{display:none; margin:0px; background-image:none; position:relative; z-index:90; width:700px; padding:3px; left:-200px; height:50px;}
#media:hover ul, #media *:hover, #resources:hover ul, #resources *:hover{display:block;}
#media ul li, #resources ul li{display:block; float:left; margin:0px 1px 2px 0px; height:18px; background-color:#99bdec; width:120px; background-image:none; border:1px solid #000; position:relative;}
#media ul li a, #resources ul li a{ display:block; color:00; padding:1px 0px 0px 0px; text-align:center; font-size:12px; width:120px; height:17px; line-height: normal; text-decoration:none; }
#media ul li:hover, #resources ul li:hover{background-color:#c6deff;}
#media:hover{background-position:268px 138px;}
#resources{background-position:715px 138px; width:108px;}
#resources a{width:inherit;}
#resources:hover{background-position:192px 138px;}
#resources ul{left:-250px !important; width:615px !important;}
#resources ul li{width:150px !important;}
#resources ul li a{width:150px !important;}
#gallery{background-position:607px 138px; width:84px;}
#gallery:hover{background-position:84px 138px;}
#misc_top_spacer{width:0px; background-position:546px 138px;}
.social_networks{width:33px;}
.social_networks a{display:block; width:33px;}
#rss{background-position: 231px 104px;}
#rss:hover{background-position:231px 74px;}
#youtube{background-position: 198px 104px;}
#youtube:hover{background-position:198px 74px;}
#googleplus{background-position: 165px 104px;}
#googleplus:hover{background-position:198px 74px;}
#facebook{background-position: 132px 104px;}
#facebook:hover{background-position:132px 74px;}
#twitter{background-position: 99px 104px;}
#twitter:hover{background-position:99px 74px;}
#deviantart{background-position: 66px 104px;}
#deviantart:hover{background-position:66px 74px;}
#twitchtv{background-position: 33px 104px;}
#twitchtv:hover{background-position:33px 74px;}
#misc_bottom{display:block; margin:0px 0px 0px 0px; padding:0px; height:92px; clear:left;}
#misc_bottom li{ display:block; float:left; height:92px; margin:0px 0px 0px 0px;}
#mis_bottom li a{height:92px;}
#banner_bottom{width:268px;}
#top_ad{width:728px; padding:0px 0px 0px 0px;}
#top_ad iframe{margin:3px 0px 0px 0px; position:relative; z-index:50;}
#top_ad img{position:relative; z-index:50;}

#top-cover { height: 36px; width: 100%; background-color: #262c35; position: absolute; z-index: 100; color: white; line-height: 36px; vertical-align: middle; font-size: 20px; }
a.link-home{ position: relative; z-index-400; padding-left: 20px; font-size: 20px; position: relative; top: 3px; }
a.link-home, a.link-home:hover { color: white; }
a.link-home:visited { color:white; }
#p-personal a { color: white; }

div#p-logo { display: none; }
div#mw-panel { top: 36px; background-color: #fff; }
body { background-color: #90b6e7; }
div#mw-page-base {
  background-image: -moz-linear-gradient(top,#6e95c6 50%,#90b6e7 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#6e95c6),color-stop(100%,#90b6e7));
  background-image: -webkit-linear-gradient(top,#6e95c6 50%,#90b6e7 100%);
  background-image: linear-gradient(#6e95c6 50%,#90b6e7 100%);
  background-color: #6e95c6;
}