691
edits
MediaWiki:Vector.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary Tag: Reverted |
No edit summary Tag: Manual revert |
||
| Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Vector skin */ | |||
/* To make images responsive */ | |||
img { | |||
max-width:100%; | |||
height:auto; | |||
} | |||
body { | |||
background: url(/images/backgroundda.png) #f6f6f6 top left no-repeat; | |||
background-size: 1400px 200px; | |||
} | |||
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { | |||
body { | |||
background-image: url('/images/backgroundda.png'); | |||
background-size: 1400px 200px; | |||
} | |||
} | |||
#mw-page-base { | |||
background: none; | |||
} | |||
div#mw-panel { | |||
padding-top: 2.5em; | |||
} | |||
div#mw-panel div.portal h3 { | |||
font-weight: bold; | |||
} | |||
div#mw-panel div.portal div.body { | |||
background: none; | |||
margin-right: 0.5em; | |||
} | |||
.mw-body { | |||
border-color: transparent; | |||
box-shadow: 0 0.25em 0.6em -0.15em rgba(0, 0, 0, 0.15); | |||
margin-top: 0; | |||
} | |||
div.vectorTabs, | div.vectorTabs, | ||
div.vectorTabs ul, | div.vectorTabs ul, | ||
| Line 11: | Line 55: | ||
div.vectorTabs li.selected { | div.vectorTabs li.selected { | ||
background: #fbfbfb; | background: #fbfbfb; | ||
} | |||
#ca-view { | |||
display: none; | |||
} | |||
#pt-notifications-alert .mw-echo-notifications-badge:before { | |||
background-size: 75%; | |||
background-position: center 80%; | |||
} | |||
#pt-notifications-notice .mw-echo-notifications-badge:before { | |||
background-size: 80%; | |||
background-position: center 90%; | |||
} | |||
div.vectorTabs { | |||
} | |||
div.vectorTabs ul li { | |||
background: #f6f6f6; | |||
} | |||
div.vectorTabs ul li:hover a { | |||
text-decoration: none; | |||
} | |||
div.vectorTabs li a { | |||
padding: 0 0.75em; | |||
} | |||
div.vectorTabs span { | |||
background: none; | |||
} | |||
div.vectorTabs span a { | |||
padding-top: 1em; | |||
height: 2.25em; | |||
} | |||
div.vectorTabs ul li:not(.selected):hover, | |||
div#mw-head div.vectorMenu h3:hover, | |||
#p-cactions:hover #p-cactions-label { | |||
background: #fafafa; | |||
} | |||
div.vectorTabs ul li:not(.selected), | |||
div#mw-head div.vectorMenu h3 { | |||
box-shadow: inset 0 -7px 7px -7px rgba(0, 0, 0, 0.15); | |||
} | |||
.ve-activated .vectorTabs .selected { | |||
box-shadow: none; | |||
} | |||
div.vectorMenu { | |||
line-height: initial; | |||
} | |||
div.vectorMenu h3 span { | |||
padding-top: 1.1em; | |||
} | |||
div.vectorMenu h3 a { | |||
height: 2.2em; | |||
} | |||
div.vectorMenu div.menu { | |||
border: 1px solid #ddd; | |||
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); | |||
} | |||
#p-cactions-label { | |||
padding-right: 0.5em; | |||
} | |||
#ca-unwatch.icon a, | |||
#ca-watch.icon a { | |||
padding-top: 2.95em; | |||
} | |||
#p-search { | |||
margin: 0; | |||
} | |||
#p-search form { | |||
margin-top: 0; | |||
} | |||
div#simpleSearch { | |||
border: none; | |||
background: #ffffff; | |||
height: 2.485em; | |||
margin-top: 0; | |||
box-shadow: inset 0 -7px 7px -7px rgba(0, 0, 0, 0.15); | |||
} | |||
div#simpleSearch #searchInput { | |||
font-family: 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif; | |||
padding: 1em 0 0 0.75em; | |||
} | |||
div#simpleSearch #searchButton { | |||
width: 2.5em; | |||
} | |||
#siteNotice { | |||
text-align: center; | |||
margin: 0.75em 0 1em; | |||
} | |||
.sitedir-ltr .mw-dismissable-notice-body { | |||
margin: 0; | |||
} | |||
form#editform { | |||
margin-top: 1.25em; | |||
} | |||
.button { | |||
background: #438ab5; | |||
border: 1px solid #2a83bb; | |||
color: #fff; | |||
cursor: pointer; | |||
display: inline-block; | |||
font-size: 12px; | |||
height: 19px; | |||
line-height: 20px; | |||
padding: 0 10px; | |||
} | |||
#t-specialpages, | |||
#t-recentchangeslinked, | |||
#t-print, | |||
#t-permalink { | |||
display: none; | |||
} | } | ||