MediaWiki:Vector.css: Difference between revisions

From Zelda Dungeon Wiki
Jump to navigation Jump to search
Want an adless experience? Log in or Create an account.
mNo edit summary
mNo edit summary
 
(69 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* Header */
body{font-size:15px}
#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: 50px; width: 100%; background-color: #262c35; position: absolute; z-index: 200; color: white; line-height: 50px; vertical-align: center; font-size: 20px; }
#wrapper{background:#100100}
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; }


div#p-logo { display: none; }
/* Sidebar link colour fix */
div#mw-panel { top: 0px; }
.vector-menu-portal .vector-menu-content li a{color:#1d6d26}
.vector-menu-portal .vector-menu-content li a:visited{color:#254224}
 
/* Sidebar font size fix TEMP */
#mw-panel {
    font-size: large;
}
/* Main font size fix TEMP */
.vector-body {
    font-size: 1em;
}
.vector-body li{
    font-size: 1.04em;
}
 
.mw-body {
    border: 1px solid #1d6d26;
    border-radius: 0 0 10px 10px;
    border-bottom: 4px solid #1d6d26
}
 
/* Tabs fix */
.vector-menu-tabs-legacy li {
  background-image:linear-gradient(to top,#FBF0D4 0,#F9F9F9 100%);
    border: 1px solid #1d6d26;
    border-bottom: 0;
}
 
.vector-menu-tabs-legacy {
    background: 0 0
}
 
a,a:visited,.vector-menu-tabs-legacy li a,.vector-menu-tabs-legacy li a:visited,.mw-body a.external,.mw-body a.external:visited,.mw-body a.extiw,.mw-body a.extiw:active,.mw-body a.extiw:visited,#mw-panel .portal .body ul li a,#mw-panel .portal .body ul li a:visited {
    color: #1d6d26
}
 
.vectorTabs a:hover, .vectorTabs strong:hover, .selected a, .selected strong, .selected a:hover, .selected strong:hover{
  border-radius: 8px 8px 0 0;
}
 
.vector-menu-dropdown {
  background-image:linear-gradient(to top,#FBF0D4 0,#F9F9F9 100%);
  border-radius: 8px 8px 0 0;
}
 
.mw-changeslist-legend, .ext-replacetext-searchoptions, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    background-color: #fdf6e4;
}
 
/* Footer */
#footer{
    min-height:2em;
    padding: 20px 20px 0;
}
 
#footer-places li {
    line-height: 1;
}
#footer-icons {
    margin-top: -10px;
}
 
#footer-info{
    margin-top: -10px;
}
 
.mw-footer li {
    padding: 0;
}
 
 
 
@media screen and (max-width: 981px) {
    #mw-panel {
        width:150px;
    }
}
 
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    background-color: #f0ddbd;
    border: 1px solid #b2a9a1;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
    background-color: #f0ddbd;
    border: 1px solid #b2a9a1;
}
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background-color: #f8f9fa;
    color: #222120;
    border-color: #b2a9a1;
}
 
.infotable th, .infotable td{padding: 0em .4em;}
.box .title, .zdw-box .zdw-box__title {
  font-size: 1.15em;
}
.zdw-box.navbox .gallerybox .gallerytext p {
  font-size: 13px; line-height:1.2; text-align:center;
}
 
/* [[MediaWiki:Edittools]] font sizing */
.edittools_gamelinking, .edittools_moregames, .edittools_otherversions, .edittools_spinoffs, .edittools_wiki_markup{display:block;font-size:90%}
 
hr{border-top: 2px solid #b2a9a1}
.mw-editTools hr{border-top: 2px solid #ccc}
 
/* Search image right margin */
.searchResultImage a.image img{padding-right:0.5em}

Latest revision as of 04:15, November 6, 2023

body{font-size:15px}

#wrapper{background:#100100}

/* Sidebar link colour fix */
.vector-menu-portal .vector-menu-content li a{color:#1d6d26}
.vector-menu-portal .vector-menu-content li a:visited{color:#254224}

/* Sidebar font size fix TEMP */
#mw-panel {
    font-size: large;
}
/* Main font size fix TEMP */
.vector-body {
    font-size: 1em;
}
.vector-body li{
    font-size: 1.04em;
}

.mw-body {
    border: 1px solid #1d6d26;
    border-radius: 0 0 10px 10px;
    border-bottom: 4px solid #1d6d26
}

/* Tabs fix */
.vector-menu-tabs-legacy li {
  background-image:linear-gradient(to top,#FBF0D4 0,#F9F9F9 100%);
    border: 1px solid #1d6d26;
    border-bottom: 0;
}

.vector-menu-tabs-legacy {
    background: 0 0
}

a,a:visited,.vector-menu-tabs-legacy li a,.vector-menu-tabs-legacy li a:visited,.mw-body a.external,.mw-body a.external:visited,.mw-body a.extiw,.mw-body a.extiw:active,.mw-body a.extiw:visited,#mw-panel .portal .body ul li a,#mw-panel .portal .body ul li a:visited {
    color: #1d6d26
}

.vectorTabs a:hover, .vectorTabs strong:hover, .selected a, .selected strong, .selected a:hover, .selected strong:hover{
  border-radius: 8px 8px 0 0;
}

.vector-menu-dropdown {
  background-image:linear-gradient(to top,#FBF0D4 0,#F9F9F9 100%);
  border-radius: 8px 8px 0 0;
}

.mw-changeslist-legend, .ext-replacetext-searchoptions, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    background-color: #fdf6e4;
}

/* Footer */
#footer{
    min-height:2em;
    padding: 20px 20px 0;
}

#footer-places li {
    line-height: 1;
}
#footer-icons {
    margin-top: -10px;
}

#footer-info{
    margin-top: -10px;
}

.mw-footer li {
    padding: 0;
}



@media screen and (max-width: 981px) {
    #mw-panel {
        width:150px;
    }
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    background-color: #f0ddbd;
    border: 1px solid #b2a9a1;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
    background-color: #f0ddbd;
    border: 1px solid #b2a9a1;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background-color: #f8f9fa;
    color: #222120;
    border-color: #b2a9a1;
}

.infotable th, .infotable td{padding: 0em .4em;}
.box .title, .zdw-box .zdw-box__title {
  font-size: 1.15em;
}
.zdw-box.navbox .gallerybox .gallerytext p {
  font-size: 13px; line-height:1.2; text-align:center;
}

/* [[MediaWiki:Edittools]] font sizing */
.edittools_gamelinking, .edittools_moregames, .edittools_otherversions, .edittools_spinoffs, .edittools_wiki_markup{display:block;font-size:90%}

hr{border-top: 2px solid #b2a9a1}
.mw-editTools hr{border-top: 2px solid #ccc}

/* Search image right margin */
.searchResultImage a.image img{padding-right:0.5em}