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.
(adjusting header width)
mNo edit summary
 
(53 intermediate revisions by 2 users not shown)
Line 1: Line 1:
.mw-body { border: 1px solid #aaaaaa; }
body{font-size:15px}


/* Games Bar */
#wrapper{background:#100100}
#sitenav-games {
 
  margin-bottom: 15px;
/* 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;
}
}
.secondary {
/* Main font size fix TEMP */
  width: 100%;
.vector-body {
  /*background: #060805;*/
    font-size: 1em;
  box-sizing: content-box;
  position: relative;
  height: auto;
  top: 0;
}
}
.secondary * {
.vector-body li{
  box-sizing: content-box;
    font-size: 1.04em;
}
}
.secondary h2 {
 
  margin: 12px 0 12px
.mw-body {
    border: 1px solid #1d6d26;
    border-radius: 0 0 10px 10px;
    border-bottom: 4px solid #1d6d26
}
}
.secondary > ul {
 
  /*z-index: 10000;*/
/* Tabs fix */
  position: relative;
.vector-menu-tabs-legacy li {
   height: 70px;
   background-image:linear-gradient(to top,#FBF0D4 0,#F9F9F9 100%);
  margin: 0px auto;
    border: 1px solid #1d6d26;
  padding: 0px;
    border-bottom: 0;
  box-shadow: 0px 1px 2px #333;
}
}
.secondary > ul > li {
 
  list-style: none;
.vector-menu-tabs-legacy {
  float: left;
    background: 0 0
}
}
.secondary > ul > li {
 
  display: block;
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 {
  width: 60px;
    color: #1d6d26
  height: 70px;
}
}
/* splitting pixels.. */
 
.secondary > ul > li:nth-child(even) {
.vectorTabs a:hover, .vectorTabs strong:hover, .selected a, .selected strong, .selected a:hover, .selected strong:hover{
   width: 61px;
   border-radius: 8px 8px 0 0;
}
}


.secondary > ul > li > a {
.vector-menu-dropdown {
  display: block;
   background-image:linear-gradient(to top,#FBF0D4 0,#F9F9F9 100%);
  background-repeat: no-repeat;
   border-radius: 8px 8px 0 0;
  background-position-y: 5px;
  width: 100%;
  height: 100%;
}
.secondary > ul, .secondary > ul > li {  
  border-right: 1px solid rgba(38, 96, 38, 0.4);
   background: #1C3E26; /* Old browsers */
  background: -moz-linear-gradient(top, #1C3E26 0%, #000201 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1C3E26), color-stop(100%, #000201)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #1C3E26 0%, #000201 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #1C3E26 0%, #000201 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #1C3E26 0%, #000201 100%); /* IE10+ */
  background: linear-gradient(to bottom, #1C3E26 0%, #000201 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C3E26', endColorstr='#000201', GradientType=0); /* IE6-9 */
}
.secondary > ul > li:last-child {
    border: none;
}
.secondary > ul > li:hover {
  background: #C6E2C9; /* Old browsers */
  background: -moz-linear-gradient(top, #1C3E26 0%, #C6E2C9 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1C3E26), color-stop(100%, #C6E2C9)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #1C3E26 0%, #C6E2C9 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #1C3E26 0%, #C6E2C9 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #1C3E26 0%, #C6E2C9 100%); /* IE10+ */
  background: linear-gradient(to bottom, #1C3E26 0%, #C6E2C9 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C3E26', endColorstr='#C6E2C9', GradientType=0); /* IE6-9 */
}
}


/* wide game nav */
.mw-changeslist-legend, .ext-replacetext-searchoptions, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
@media (min-width: 1280px) {
     background-color: #fdf6e4;
  .secondary {
    background: #1C3E26; /* Old browsers */
    background: -moz-linear-gradient(top, #1C3E26 0%, #000201 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1C3E26), color-stop(100%, #000201)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1C3E26 0%, #000201 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #1C3E26 0%, #000201 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #1C3E26 0%, #000201 100%); /* IE10+ */
     background: linear-gradient(to bottom, #1C3E26 0%, #000201 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C3E26', endColorstr='#000201', GradientType=0); /* IE6-9 */
    box-shadow: 0px 1px 2px #333;
  }
  .secondary > ul {
    width: 1280px;
    margin: 0 auto;
    box-shadow: none;
  }
  .secondary > ul > li,
  .secondary > ul > li:nth-child(even) {
    width: 66px;
  }
  .secondary > ul > li:nth-child(4n+1) {
    width: 67px;
  }
  .secondary > ul > li a {
    background-position-x: 3px;
  }
}
}


@media only screen and (max-width: 1280px) and (min-width: 1200px){
/* Footer */
  .secondary > ul > li {
#footer{
     width: 59px!important;
    min-height:2em;
  }
     padding: 20px 20px 0;
}
}


@media (min-width: 1440px) {
#footer-places li {
  header.top > div.hero {
     line-height: 1;
     width: 1440px;
  }
  .secondary > ul {
    width: 1440px;
    margin: 0 auto;
    box-shadow: none;
  }
  .secondary > ul > li,
  .secondary > ul > li:nth-child(even) {
    width: 75px;
  }
  .secondary > ul > li:nth-child(4n+1) {
    width: 74px;
  }
  .secondary > ul > li > a {
    background-position-x: 7px;
  }
}
}
/* Main Header Nav */
#footer-icons {
#top { background: #253125; }
     margin-top: -10px;
.primary-mast { background: #0F1B11; }
#nav-primary ul li a { font-size: 14px; }
@media screen and (min-width: 1201px) {
  .site-nav ul li {
    display: inline-flex;
    float: left;
    padding: 15px 30px 0px 0px;
     margin-bottom: -10px;
  }
  .site-nav {
    margin: 0px auto;
    width: 1440px;
  }
}
}
@media (min-width: 768px) {
 
  .primary-mast {
#footer-info{
     box-shadow: 0 0 20px 5px #100100;
     margin-top: -10px;
  }
}
}
@media screen and (max-width: 729px) {
 
  .titlebar, #nav-primary {
.mw-footer li {
    border-bottom: 1px solid #0F1B11;
     padding: 0;
    background-color: #0F1B11;
  }
  .titlebar i {
     left: 15px;
    right: auto;
    top: 9px;
  }
}
}


/* Sidebar */
@media screen and (min-width: 982px){
  div#mw-panel { width: 300px; padding-left: 0px; margin-right: 20px; margin-top: 4px;}
  div#footer, #mw-head-base, div#content { margin-left: 305px; }
  #left-navigation { margin-left: 305px; }
}


/* Fix for gap created by Recent Changes legend. */
 
table.mw-recentchanges-table {
@media screen and (max-width: 981px) {
width: 575px;
    #mw-panel {
        width:150px;
    }
}
}


/* Fix to make changes in the Diff view more visible post-MediaWiki 1.23.7. */
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
del.diffchange, del.diffchange-inline {
    background-color: #f0ddbd;
color: #8b0000;
    border: 1px solid #b2a9a1;
}
}
ins.diffchange, ins.diffchange-inline {
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
color: #006400;
    background-color: #f0ddbd;
    border: 1px solid #b2a9a1;
}
}


/* Fix for de-uglify the vector tabs that were broken in an update. */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
div.vectorTabs {
    background-color: #f8f9fa;
  background: transparent !important;
    color: #222120;
  background-image: none !important;
    border-color: #b2a9a1;
  margin-bottom: -1px !important;
  padding-left: 0px !important;
}
}
div.vectorTabs ul, div.vectorTabs ul li, div.vectorTabs ul li span {
 
  background: transparent !important;  
.infotable th, .infotable td{padding: 0em .4em;}
  background-image: none !important;
.box .title, .zdw-box .zdw-box__title {
   border: none;
   font-size: 1.15em;
}
}
#mw-head .vectorMenu h3 {
.zdw-box.navbox .gallerybox .gallerytext p {
   background: none;
   font-size: 13px; line-height:1.2; text-align:center;
  border: none;
}
}


.vectorTabs a, .vectorMenu {
/* [[MediaWiki:Edittools]] font sizing */
  border-top: 1px solid #AAA;
.edittools_gamelinking, .edittools_moregames, .edittools_otherversions, .edittools_spinoffs, .edittools_wiki_markup{display:block;font-size:90%}
  border-left: 1px solid #AAA;
 
  border-right: 1px solid #AAA;
hr{border-top: 2px solid #b2a9a1}
  -moz-border-radius-topleft: 8px;
.mw-editTools hr{border-top: 2px solid #ccc}
  -moz-border-radius-topright: 8px;
 
  -moz-border-radius-bottomright: 0;
/* Search image right margin */
  -moz-border-radius-bottomleft: 0;
.searchResultImage a.image img{padding-right:0.5em}
  border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  background: #FBF0D4; /* Old browsers */
  background: -moz-linear-gradient(top,#F9F9F9 0,#FBF0D4 100%); /* FF3.6+ */
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FBF0D4),color-stop(100%,#F9F9F9)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,#F9F9F9 0,#FBF0D4 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,#F9F9F9 0,#FBF0D4 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,#F9F9F9 0,#FBF0D4 100%); /* IE10+ */
  background: linear-gradient(top,#F9F9F9 0,#FBF0D4 100%); /* W3C */
}
.vectorTabs a:hover, .vectorTabs strong:hover, .selected a, .selected strong,.elected a:hover, .selected strong:hover{
  text-shadow: 0px -1.5px 0px #DDD;
  background: #FBF0D4;
}
.vectorTabs a:hover,.vectorTabs strong:hover {
  background: #FBF0D4; /* Old browsers */
  background: -moz-linear-gradient(top,#F9F9F9 0,#FBF0D4 100%); /* FF3.6+ */
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#E1E4FA),color-stop(100%,#F9F9F9)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,#F9F9F9 0,#FBF0D4 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,#F9F9F9 0,#FBF0D4 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,#F9F9F9 0,#FBF0D4 100%); /* IE10+ */
  background: linear-gradient(top,#F9F9F9 0,#FBF0D4 100%); /* W3C */
}
.selected li, .selected li,.selected a:hover, .selected strong:hover {
  background: #FBF0D4; /* Old browsers */
  background: -moz-linear-gradient(top,white 0,#F9F9F9 5%,#FBF0D4 55%); /* FF3.6+ */
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(5%,#F9F9F9),color-stop(55%,#FBF0D4)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,white 0,#F9F9F9 5%,#FBF0D4 55%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,white 0,#F9F9F9 5%,#FBF0D4 55%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,white 0,#F9F9F9 5%,#FBF0D4 55%); /* IE10+ */
  background: linear-gradient(top,white 0,#F9F9F9 5%,#FBF0D4 55%); /* W3C */
}

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}
Retrieved from "https://www.zeldadungeon.net/wiki/index.php?title=MediaWiki:Vector.css&oldid=651698"