MediaWiki:Vector.css: Difference between revisions

Want an adless experience? Log in or Create an account.
m
no edit summary
(v35 updates pass 3)
mNo edit summary
 
(39 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* TODO remove this after cloudflare cache is updated */
body{font-size:15px}
#wrapper * { box-sizing: border-box; }
* { box-sizing: content-box; }


/* Personal links */
#wrapper{background:#100100}
#p-personal a { color: #fff; }


/* Sidebar */
/* Sidebar link colour fix */
#p-logo { display: none; }
.vector-menu-portal .vector-menu-content li a{color:#1d6d26}
#mw-panel { top: 36px; background-color: #F0DDBD; border-radius: 10px; }
.vector-menu-portal .vector-menu-content li a:visited{color:#254224}
#mw-panel .portal .body li, #mw-panel .portal h3, .mw-body-content { font-size: 1em; }
 
@media screen and (min-width: 982px) {
/* Sidebar font size fix TEMP */
   #mw-panel { width: 180px; padding-left: 0px; margin-right: 20px; margin-top: 4px; }
#mw-panel {
  #footer, #mw-head-base, #content { margin-left: 185px; }
    font-size: large;
  #left-navigation { margin-left: 185px; }
}
/* 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 */
.vectorTabs a:hover, .vectorTabs strong:hover, .selected a, .selected strong, .selected a:hover, .selected strong:hover{
.vector-menu-tabs { background: none; }
.vector-menu-content-list li { border-radius: 8px 8px 0 0; }
.vectorTabs a, .vectorMenu {
  border-top: 1px solid #AAA;
  border-left: 1px solid #AAA;
  border-right: 1px solid #AAA;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
   border-radius: 8px 8px 0 0;
   border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
}
   -webkit-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;
   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, .selected a:hover, .selected strong:hover{
 
  text-shadow: 0px -1.5px 0px #DDD;
.mw-changeslist-legend, .ext-replacetext-searchoptions, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  background: #FBF0D4;
    background-color: #fdf6e4;
}
 
/* Footer */
#footer{
    min-height:2em;
    padding: 20px 20px 0;
}
}
.vectorTabs a:hover,.vectorTabs strong:hover {
 
  background: #FBF0D4; /* Old browsers */
#footer-places li {
  background: -moz-linear-gradient(top,#F9F9F9 0,#FBF0D4 100%); /* FF3.6+ */
    line-height: 1;
  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 {
#footer-icons {
  background: #FBF0D4; /* Old browsers */
    margin-top: -10px;
  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 */
}
}


/* Search */
#footer-info{
#p-search form { margin: 0; }
    margin-top: -10px;
#searchInput { background-color: rgba(255,255,255,1); }
}


/* Content */
.mw-footer li {
#content { float: none; width: auto; background-color: #FBF0D4; }
    padding: 0;
#content a { font-weight: bold; }
@media (min-width: 768px) {
  #content { padding: 1.25em 1.5em 1.5em 1.5em; }
}
}


/* Footer */
#footer { clear: both; background-color: #F0DDBD; border-radius: 10px; margin-top: 7px; }


/* Fix font size */
#mw-panel .portal .body li, #mw-panel .portal h3, .mw-body-content { font-size: 1em; }


/* Fix font color */
@media screen and (max-width: 981px) {
h1, h2, h3, h4, h5, h6 { color: #000; }
    #mw-panel {
        width:150px;
    }
}


/* Fix link color */
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
a, a:visited,
    background-color: #f0ddbd;
.vector-menu-tabs li a, .vector-menu-tabs li a:visited,
    border: 1px solid #b2a9a1;
.mw-body a.external, .mw-body a.external:visited,
}
.mw-body a.extiw, .mw-body a.extiw:active, .mw-body a.extiw:visited,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
#mw-panel .portal .body ul li a, #mw-panel .portal .body ul li a:visited { color: #1D6D26; }
    background-color: #f0ddbd;
a:hover { color: #F3B333; }
    border: 1px solid #b2a9a1;
}


/* Fix for gap created by Recent Changes legend. */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
table.mw-recentchanges-table {
    background-color: #f8f9fa;
width: 575px;
    color: #222120;
    border-color: #b2a9a1;
}
}


/* Fix to make changes in the Diff view more visible post-MediaWiki 1.23.7. */
.infotable th, .infotable td{padding: 0em .4em;}
del.diffchange, del.diffchange-inline {
.box .title, .zdw-box .zdw-box__title {
color: #8b0000;
  font-size: 1.15em;
}
}
ins.diffchange, ins.diffchange-inline {
.zdw-box.navbox .gallerybox .gallerytext p {
color: #006400;
  font-size: 13px; line-height:1.2; text-align:center;
}
}


.mw-changeslist-line-watched .mw-changeslist-title, .mw-specialpagerestricted a { text-shadow: 0.5px 1px #1D6D26; }
/* [[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}