MediaWiki:Vector.css: Difference between revisions

Revision as of 00:15, April 18, 2021

/* TODO remove this after cloudflare cache is updated */
#wrapper * { box-sizing: border-box; }
* { box-sizing: content-box; }

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

/* Sidebar */
#p-logo { display: none; }
#mw-panel { top: 36px; background-color: #F0DDBD; border-radius: 10px; }
#mw-panel .portal .body li, #mw-panel .portal h3, .mw-body-content { font-size: 1em; }
@media screen and (min-width: 982px) {
  #mw-panel { width: 180px; padding-left: 0px; margin-right: 20px; margin-top: 4px; }
  #footer, #mw-head-base, #content { margin-left: 185px; }
  #left-navigation { margin-left: 185px; }
}

/* VectorTabs */
.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;
  -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, .selected 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 */
}

/* Content */
#content { float: none; width: auto; background-color: #FBF0D4; }
#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 */
h1, h2, h3, h4, h5, h6 { color: #000; }

/* Fix link color */
a, a:visited,
vector-menu-tabs li a,
.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; }
a:hover { color: #F3B333; }

/* Fix for gap created by Recent Changes legend. */
table.mw-recentchanges-table {
width: 575px;
}

/* Fix to make changes in the Diff view more visible post-MediaWiki 1.23.7. */
del.diffchange, del.diffchange-inline {
color: #8b0000;
}
ins.diffchange, ins.diffchange-inline {
color: #006400;
}

.mw-changeslist-line-watched .mw-changeslist-title, .mw-specialpagerestricted a { text-shadow: 0.5px 1px #1D6D26; }