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.
(move some vector-specific styles from Common)
mNo edit summary
 
(54 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 {
  .secondary > ul {
     line-height: 1;
     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"