MediaWiki:Vector.css: Difference between revisions

Latest revision as of 02:05, 19 February 2017

/* CSS placed here will affect users of the Vector skin */

h1, h2, h3, h4, h5, h6 {
color : #c1c1c1;
}
hr {
color : #222;
}
.editOptions {
background-color : #333;
border-color : #4c4c4c;
}
input, textarea {
background-color : #4c4c4c;
border-color : #4c4c4c;
color : #c1c1c1;
}
a, .mw-body a.external, .mw-body a.extiw {
color : #e69710;
}
a:visited, .mw-body a.external:visited, .mw-body a.extiw:visited {
color : #8a7f6c;
}
a.new, #p-personal a.new {
color : #d44;
}
ul {
list-style-image : none;
}
div.thumbinner, .catlinks {
background-color : #4c4c4c;
border-color : #666;
}
#toc, div.toc, ul#filetoc, li.gallerybox div.thumb {
background-color : #4c4c4c;
border-color : #666;
}
code {
border : none;
background-color : inherit;
color : inherit;
}
table.mw_metadata td, table.mw_metadata th, table.wikitable, table.wikitable > * > tr > th, table.wikitable > * > tr > td, pre {
color : #c1c1c1;
background-color : #4c4c4c;
border-color : #666;
}
table.mw_metadata th, table.wikitable > * > tr > th {
background-color : #595959;
}
table.diff {
background-color : #4c4c4c;
}
td .diffchange {
color : #4c4c4c;
}
#pagehistory li.selected, td.diff-context {
background-color : inherit;
color : inherit;
}
#pagehistory li {
border : 0;
}
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper {
background-color : rgba(0, 0, 0, 0.8);
}
#left-navigation div.vectorTabs, #right-navigation div.vectorTabs {
background-image : inherit;
background-color : #250b2d;
}
#left-navigation div.vectorTabs ul, #right-navigation div.vectorTabs ul {
background-color : #250b2d;
}
#left-navigation div.vectorTabs ul li, #right-navigation div.vectorTabs ul li {
background-color : #222;
background-image : linear-gradient(#2e2e2e 20%, #222 100%);
}
#left-navigation div.vectorTabs li.new a, #right-navigation div.vectorTabs li.new a, #left-navigation div.vectorTabs li.new a:visited, #right-navigation div.vectorTabs li.new a:visited {
color : #d44;
}
#left-navigation div.vectorTabs li.selected, #right-navigation div.vectorTabs li.selected {
background-color : #333;
background-image : linear-gradient(#e69710 0, #333 10%);
}
#left-navigation div.vectorTabs li.selected a, #right-navigation div.vectorTabs li.selected a, #left-navigation div.vectorTabs li.selected a:visited, #right-navigation div.vectorTabs li.selected a:visited {
color : #8a7f6c;
}
#left-navigation div.vectorTabs li a, #right-navigation div.vectorTabs li a {
color : #e69710;
}
#left-navigation div.vectorTabs span, #right-navigation div.vectorTabs span {
background : transparent;
}
div#mw-head #right-navigation div.vectorMenu h3 {
background : inherit;
}
div#mw-head div.vectorMenu h3 span {
color : #e69710;
}
div.vectorMenu h3 a {
background : inherit;
}
div.vectorMenu ul {
background-color : black;
border : #0c0c0c solid 1px;
}
div.vectorMenu li a {
color : #e69710;
}
div.vectorMenu li.selected a, div.vectorMenu li.selected a:visited {
color : #8a7f6c;
text-decoration : none;
}
div.vectorMenu#p-cactions div.menu {
border-color : #666;
}
div.vectorMenu#p-cactions ul {
border : 0;
background-color : #4c4c4c;
}
#mw-navigation div#mw-panel div.portal {
background-image : none;
border-top : 1px solid #4c4c4c;
}
#mw-navigation div#mw-panel div.portal#p-logo, #mw-navigation div#mw-panel div.portal#p-navigation {
border-top : none;
}
html {
font-size : 100%;
}
html, body {
height : 100%;
margin : 0;
padding : 0;
font-family : sans-serif;
}
body {
background-color : #2a2a2a;
}
.mw-body {
margin-left : 10em;
padding : 1em;
border : #250b2d solid 1px;
border-right-width : 0;
margin-top : -1px;
background-color : #333;
color : #c1c1c1;
direction : ltr;
}
.mw-body .mw-editsection, .mw-body .mw-editsection-like {
font-family : sans-serif;
}
.mw-body p {
line-height : inherit;
margin : 0.5em 0;
}
.mw-body h1, .mw-body h2, .mw-body #firstHeading {
font-family : "Linux Libertine", Georgia, Times, serif;
line-height : 1.3;
margin-bottom : 0.25em;
padding : 0;
}
.mw-body h1, .mw-body #firstHeading {
font-size : 1.8em;
}
.mw-body h2 {
font-size : 1.5em;
margin-top : 1em;
}
.mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 {
line-height : 1.6;
margin-top : 0.3em;
margin-bottom : 0;
padding-bottom : 0;
}
.mw-body h3 {
font-size : 1.17em;
}
.mw-body h3, .mw-body h4 {
font-weight : bold;
}
.mw-body h4, .mw-body h5, .mw-body h6 {
font-size : 100%;
}
.mw-body #toc h2, .mw-body .toc h2 {
font-size : 100%;
font-family : sans-serif;
}
div.emptyPortlet {
display : none;
}
ul {
list-style-type : disc;
list-style-image : url('skins/Vector/images/bullet-icon.png');
}
pre, .mw-code {
line-height : 1.3em;
}
#siteNotice {
font-size : 0.8em;
}
.redirectText {
font-size : 140%;
}
.redirectMsg img {
vertical-align : text-bottom;
}
.mw-body-content {
position : relative;
line-height : 1.6;
font-size : 0.875em;
}
body.vector-animateLayout .mw-body, body.vector-animateLayout div#footer, body.vector-animateLayout #left-navigation {
transition : margin-left 250ms, padding 250ms;
}
body.vector-animateLayout #p-logo {
transition : left 250ms;
}
body.vector-animateLayout #mw-panel {
transition : padding-right 250ms;
}
body.vector-animateLayout #p-search {
transition : margin-right 250ms;
}
body.vector-animateLayout #p-personal {
transition : right 250ms;
}
body.vector-animateLayout #mw-head-base {
transition : margin-left 250ms;
}
#p-personal {
position : absolute;
top : 0.33em;
right : 0.75em;
z-index : 100;
}
#p-personal h3 {
display : none;
}
#p-personal ul {
list-style-type : none;
list-style-image : none;
margin : 0;
padding-left : 10em;
}
#p-personal li {
line-height : 1.125em;
float : left;
margin-left : 0.75em;
margin-top : 0.5em;
font-size : 0.75em;
white-space : nowrap;
}
#pt-userpage, #pt-anonuserpage {
background-position : left top;
background-repeat : no-repeat;
background-image : url('skins/Vector/images/user-icon.png');
background-image : linear-gradient(transparent, transparent), url('skins/Vector/images/user-icon.svg');
padding-left : 15px !important ;
}
#p-search {
float : left;
margin-right : 0.5em;
margin-left : 0.5em;
}
#p-search h3 {
display : none;
}
#p-search form, #p-search input {
margin : 0;
margin-top : 0.4em;
}
div#simpleSearch {
display : block;
width : 12.6em;
padding-right : 1.4em;
height : 1.4em;
margin-top : 0.65em;
position : relative;
min-height : 1px;
border : #aaa solid 1px;
color : black;
background-color : white;
background-image : url('skins/Vector/images/search-fade.png');
background-position : top left;
background-repeat : repeat-x;
}
div#simpleSearch input {
margin : 0;
padding : 0;
border : 0;
background-color : transparent;
color : black;
}
div#simpleSearch #searchInput {
width : 100%;
padding : 0.2em 0 0.2em 0.2em;
font-size : 13px;
direction : ltr;
}
div#simpleSearch #searchInput:focus {
outline : none;
}
div#simpleSearch #searchInput.placeholder {
color : #999;
}
div#simpleSearch #searchInput:-ms-input-placeholder {
color : #999;
}
div#simpleSearch #searchInput:-moz-placeholder {
color : #999;
}
div#simpleSearch #searchButton, div#simpleSearch #mw-searchButton {
position : absolute;
top : 0;
right : 0;
width : 1.65em;
height : 100%;
cursor : pointer;
text-indent : -99999px;
line-height : 1;
direction : ltr;
white-space : nowrap;
overflow : hidden;
background-image : url('skins/Vector/images/search-ltr.png');
background-image : linear-gradient(transparent, transparent), url('skins/Vector/images/search-ltr.svg');
background-position : center center;
background-repeat : no-repeat;
}
div#simpleSearch #mw-searchButton {
z-index : 1;
}
div.vectorTabs h3 {
display : none;
}
div.vectorTabs {
float : left;
height : 2.5em;
background-image : url('skins/Vector/images/tab-break.png');
background-position : bottom left;
background-repeat : no-repeat;
padding-left : 1px;
}
div.vectorTabs ul {
float : left;
height : 100%;
list-style-type : none;
list-style-image : none;
margin : 0;
padding : 0;
background-image : url('skins/Vector/images/tab-break.png');
background-position : right bottom;
background-repeat : no-repeat;
}
div.vectorTabs ul li {
float : left;
line-height : 1.125em;
display : inline-block;
height : 100%;
margin : 0;
padding : 0;
background-color : #f3f3f3;
background-image : url('skins/Vector/images/tab-normal-fade.png');
background-position : bottom left;
background-repeat : repeat-x;
white-space : nowrap;
}
div.vectorTabs ul > li {
display : block;
}
div.vectorTabs li.new a, div.vectorTabs li.new a:visited {
color : #a55858;
}
div.vectorTabs li.selected {
background-image : url('skins/Vector/images/tab-current-fade.png');
}
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {
color : #333;
text-decoration : none;
}
div.vectorTabs li.icon a {
background-position : bottom right;
background-repeat : no-repeat;
}
div.vectorTabs li a {
display : inline-block;
height : 1.9em;
padding-left : 0.5em;
padding-right : 0.5em;
color : #e69710;
cursor : pointer;
font-size : 0.8em;
}
div.vectorTabs li > a {
display : block;
}
div.vectorTabs span {
display : inline-block;
background-image : url('skins/Vector/images/tab-break.png');
background-position : bottom right;
background-repeat : no-repeat;
}
div.vectorTabs span a {
display : inline-block;
padding-top : 1.25em;
}
div.vectorTabs span > a {
float : left;
display : block;
}
div.vectorMenu {
direction : ltr;
float : left;
cursor : pointer;
position : relative;
}
body.rtl div.vectorMenu {
direction : rtl;
}
div#mw-head div.vectorMenu h3 {
float : left;
background-image : url('skins/Vector/images/tab-break.png');
background-repeat : no-repeat;
background-position : bottom right;
margin-left : -1px;
font-size : 1em;
height : 2.5em;
padding-right : 1px;
margin-right : -1px;
}
div.vectorMenu h3 span {
display : block;
font-size : 0.8em;
padding-left : 0.7em;
padding-top : 1.375em;
margin-right : 20px;
font-weight : normal;
color : #4d4d4d;
}
div.vectorMenu h3 a {
position : absolute;
top : 0;
right : 0;
width : 20px;
height : 2.5em;
background-image : url('skins/Vector/images/arrow-down-icon.png');
background-image : linear-gradient(transparent, transparent), url('skins/Vector/images/arrow-down-icon.svg');
background-position : 100% 70%;
background-repeat : no-repeat;
transition : background-position 250ms;
}
div.vectorMenu.menuForceShow h3 a {
background-position : 100% 100%;
}
div.vectorMenuFocus h3 a {
background-image : url('skins/Vector/images/arrow-down-focus-icon.png');
background-image : linear-gradient(transparent, transparent), url('skins/Vector/images/arrow-down-focus-icon.svg');
}
div.vectorMenu div.menu {
min-width : 100%;
position : absolute;
top : 2.5em;
left : -1px;
background-color : white;
border : silver solid 1px;
border-top-width : 0;
clear : both;
text-align : left;
display : none;
}
div.vectorMenu:hover div.menu, div.vectorMenu.menuForceShow div.menu {
display : block;
}
div.vectorMenu ul {
list-style-type : none;
list-style-image : none;
padding : 0;
margin : 0;
text-align : left;
}
div.vectorMenu ul, x:-moz-any-link {
min-width : 5em;
}
div.vectorMenu li {
padding : 0;
margin : 0;
text-align : left;
line-height : 1em;
}
div.vectorMenu li a {
display : inline-block;
padding : 0.5em;
white-space : nowrap;
color : #e69710;
cursor : pointer;
font-size : 0.8em;
}
div.vectorMenu li > a {
display : block;
}
div.vectorMenu li.selected a, div.vectorMenu li.selected a:visited {
color : #333;
text-decoration : none;
}
@keyframes rotate {
from {
transform : rotate(0deg);
}
to {
transform : rotate(360deg);
}
}
#ca-unwatch.icon a, #ca-watch.icon a {
margin : 0;
padding : 0;
display : block;
width : 26px;
padding-top : 3.1em;
margin-top : 0;
height : 0;
overflow : hidden;
background-position : 5px 60%;
}
#ca-unwatch.icon a {
background-image : url('skins/Vector/images/unwatch-icon.png');
background-image : linear-gradient(transparent, transparent), url('skins/Vector/images/unwatch-icon.svg');
}
#ca-watch.icon a {
background-image : url('skins/Vector/images/watch-icon.png');
background-image : linear-gradient(transparent, transparent), url('skins/Vector/images/watch-icon.svg');
}
#ca-unwatch.icon a:hover, #ca-unwatch.icon a:focus {
background-image : url('skins/Vector/images/unwatch-icon-hl.png');
background-image : linear-gradient(transparent, transparent), url('skins/Vector/images/unwatch-icon-hl.svg');
}
#ca-watch.icon a:hover, #ca-watch.icon a:focus {
background-image : url('skins/Vector/images/watch-icon-hl.png');
background-image : linear-gradient(transparent, transparent), url('skins/Vector/images/watch-icon-hl.svg');
}
#ca-unwatch.icon a.loading, #ca-watch.icon a.loading {
background-image : url('skins/Vector/images/watch-icon-loading.png');
background-image : linear-gradient(transparent, transparent), url('skins/Vector/images/watch-icon-loading.svg');
animation : rotate 700ms linear infinite;
outline : none;
cursor : default;
background-position : 50% 60%;
transform-origin : 50% 57%;
}
#ca-unwatch.icon a span, #ca-watch.icon a span {
display : none;
}
#mw-navigation h2 {
position : absolute;
top : -9999px;
}
#mw-page-base {
height : 5em;
background-position : bottom left;
background-repeat : repeat-x;
background-image : url('skins/Vector/images/page-fade.png');
background-color : #2a2a2a;
background-image : linear-gradient(#333 50%, #2a2a2a 100%);
background-color : #333;
}
#mw-head-base {
margin-top : -5em;
margin-left : 10em;
height : 5em;
}
div#mw-head {
position : absolute;
top : 0;
right : 0;
width : 100%;
}
div#mw-head h3 {
margin : 0;
padding : 0;
}
#left-navigation {
float : left;
margin-left : 10em;
margin-top : 2.5em;
margin-bottom : -2.5em;
display : inline;
}
#right-navigation {
float : right;
margin-top : 2.5em;
}
#p-logo {
position : absolute;
top : -160px;
left : 0;
width : 10em;
height : 160px;
}
#p-logo a {
display : block;
width : 10em;
height : 160px;
background-repeat : no-repeat;
background-position : center center;
text-decoration : none;
}
div#mw-panel {
font-size : inherit;
position : absolute;
top : 160px;
padding-top : 1em;
width : 10em;
left : 0;
}
div#mw-panel div.portal {
margin : 0 0.6em 0 0.7em;
padding : 0.25em 0;
direction : ltr;
background-position : top left;
background-repeat : no-repeat;
background-image : url('skins/Vector/images/portal-break.png');
}
div#mw-panel div.portal h3 {
font-size : 0.75em;
color : #4d4d4d;
font-weight : normal;
margin : 0;
padding : 0.25em 0 0.25em 0.25em;
cursor : default;
border : none;
}
div#mw-panel div.portal div.body {
margin : 0 0 0 1.25em;
padding-top : 0;
}
div#mw-panel div.portal div.body ul {
list-style-type : none;
list-style-image : none;
margin : 0;
padding : 0;
}
div#mw-panel div.portal div.body ul li {
line-height : 1.125em;
margin : 0;
padding : 0.25em 0;
font-size : 0.75em;
overflow-wrap : break-word;
}
div#mw-panel div.portal div.body ul li a {
color : #e69710;
}
div#mw-panel div.portal div.body ul li a:visited {
color : #8a7f6c;
}
div#mw-panel div.portal.first {
background-image : none;
margin-top : 0;
}
div#mw-panel div.portal.first h3 {
display : none;
}
div#mw-panel div.portal.first div.body {
margin-left : 0.5em;
}
div#footer {
margin-left : 10em;
margin-top : 0;
padding : 0.75em;
direction : ltr;
}
div#footer ul {
list-style-type : none;
list-style-image : none;
margin : 0;
padding : 0;
}
div#footer ul li {
margin : 0;
padding : 0;
padding-top : 0.5em;
padding-bottom : 0.5em;
color : #333;
font-size : 0.7em;
}
div#footer #footer-icons {
float : right;
}
div#footer #footer-icons li {
float : left;
margin-left : 0.5em;
line-height : 2em;
text-align : right;
}
div#footer #footer-info li {
line-height : 1.4em;
}
div#footer #footer-places li {
float : left;
margin-right : 1em;
line-height : 2em;
}
body.ltr div#footer #footer-places {
float : left;
}
.mw-body .external {
background-position : center right;
background-repeat : no-repeat;
background-image : url('skins/Vector/images/external-link-ltr-icon.png');
background-image : linear-gradient(transparent, transparent), url('skins/Vector/images/external-link-ltr-icon.svg');
padding-right : 13px;
}