MediaWiki:Vector.css: Difference between revisions
Jump to navigation
Jump to search
(Blanked the page) Tags: Blanking Reverted |
No edit summary Tags: Manual revert Reverted |
||
Line 1: | Line 1: | ||
/* <pre> */ | |||
#p-logo { | |||
filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.25)); | |||
margin: -1.5em 0 1.5em; | |||
} | |||
body { | |||
background: url('filepath://RuneScape_Wiki_background.jpg?width=1000') #f6f6f6 top left no-repeat; | |||
} | |||
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { | |||
body { | |||
background-image: url('filepath://RuneScape_Wiki_background.jpg'); | |||
background-size: 1000px 250px; | |||
} | |||
} | |||
#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 ul, | |||
div#mw-head div.vectorMenu h3 { | |||
background: #f6f6f6; | |||
} | |||
div.vectorTabs li.selected { | |||
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; | |||
} | |||
#n-Discord a { | |||
color: white !important; | |||
font-size: 12px; | |||
font-weight: bold; | |||
border-radius: 5px; | |||
border: 1px solid #4b56d0; | |||
background-color: #5865F2; | |||
display: block; | |||
position: relative; | |||
padding: 4px 0 5px calc(17px + 5.5px * 2); | |||
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); | |||
transition: 0.2s ease; | |||
} | |||
#n-Discord a::before { | |||
content: 'Chat on '; | |||
font-weight: normal; | |||
opacity: 0.85; | |||
} | |||
#n-Discord a::after { | |||
content: ''; | |||
background: url('filepath://Discord_logo_icon.svg') no-repeat; | |||
background-size: 17px 13px; | |||
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1)); | |||
position: absolute; | |||
top: 5px; | |||
left: 7px; | |||
width: 17px; | |||
height: 13px; | |||
} | |||
#n-Discord a:hover { | |||
text-decoration: none; | |||
background-color: #525ee0; | |||
} |
Revision as of 23:14, 7 November 2021
/* <pre> */
#p-logo {
filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.25));
margin: -1.5em 0 1.5em;
}
body {
background: url('filepath://RuneScape_Wiki_background.jpg?width=1000') #f6f6f6 top left no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
body {
background-image: url('filepath://RuneScape_Wiki_background.jpg');
background-size: 1000px 250px;
}
}
#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 ul,
div#mw-head div.vectorMenu h3 {
background: #f6f6f6;
}
div.vectorTabs li.selected {
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;
}
#n-Discord a {
color: white !important;
font-size: 12px;
font-weight: bold;
border-radius: 5px;
border: 1px solid #4b56d0;
background-color: #5865F2;
display: block;
position: relative;
padding: 4px 0 5px calc(17px + 5.5px * 2);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
transition: 0.2s ease;
}
#n-Discord a::before {
content: 'Chat on ';
font-weight: normal;
opacity: 0.85;
}
#n-Discord a::after {
content: '';
background: url('filepath://Discord_logo_icon.svg') no-repeat;
background-size: 17px 13px;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
position: absolute;
top: 5px;
left: 7px;
width: 17px;
height: 13px;
}
#n-Discord a:hover {
text-decoration: none;
background-color: #525ee0;
}