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.
(v35 updates pass 2)
(v35 updates pass 3)
Line 61: Line 61:
   background: linear-gradient(top,white 0,#F9F9F9 5%,#FBF0D4 55%); /* W3C */
   background: linear-gradient(top,white 0,#F9F9F9 5%,#FBF0D4 55%); /* W3C */
}
}
/* Search */
#p-search form { margin: 0; }
#searchInput { background-color: rgba(255,255,255,1); }


/* Content */
/* Content */
Line 80: Line 84:
/* Fix link color */
/* Fix link color */
a, a:visited,
a, a:visited,
vector-menu-tabs li a,
.vector-menu-tabs li a, .vector-menu-tabs li a:visited,
.mw-body a.external, .mw-body a.external: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-body a.extiw, .mw-body a.extiw:active, .mw-body a.extiw:visited,

Revision as of 00:21, 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 */
}

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

/* 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, .vector-menu-tabs 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; }
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; }