MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
mNo edit summary |
||
Line 260: | Line 260: | ||
top: 17em; | top: 17em; | ||
position: absolute; | position: absolute; | ||
content: " | content: "language"; | ||
display: inline-block; | display: inline-block; | ||
transform: rotate(-40deg) scale(1500%); | transform: rotate(-40deg) scale(1500%); |
Revision as of 16:55, 20 April 2024
/* CSS placed here will be applied to all skins */
/* https isn't special anymore */
.link-https {
background: url(external-ltr.png) center right no-repeat;
padding-right: 13px;
}
@media screen {
body {
font-size:125%;
background-image: url(https://scarfboy.com/i/bg1.png);
background-color: #444;
background-repeat: repeat;
background-size: auto;
}
.inlinecode {
background-color: #eee;
}
ul {
list-style-image: none;
}
li::marker {
color:#faba;
}
/* The next section tries to make Vector more subtle */
#ca-watch, #ca-unwatch, #pt-watchlist, #pt-mycontris, #pt-mytalk, #t-permalink, #t-info, #t-upload {
display:none;
}
#mw-page-base {
background-color:transparent;
background-image:none;
}
.vector-menu-tabs-legacy li {
background-image: none;
line-height: 0.6;
}
.mw-watchlink {
display:none;
}
.vector-menu-tabs-legacy { color: #ccc !important; }
.mw-list-item.selected { border-radius: 5px 5px 0px 0px; }
#mw-head .selected a, #mw-head .vector-menu-content a {
color: #ddd;
}
#right-navigation {
float: left !important;
margin-top: 2.5em;
margin-left: 10em;
}
#p-navigation a, #footer a, #mw-head a { color: #eee !important; }
#p-navigation a:visited, #footer a:visited, #mw-head a:visited { color: #ddd !important; }
#p-navigation a:hover, #footer a:hover, #mw-head a:hover { color: #ccc !important; }
#footer li { color: #ccc !important }
#p-tb li, #p-navigation li { padding: 0.45em .15em; font-size:1em }
#p-tb a { color: #aaa !important; }
#p-tb a:visited { color: #999 !important; }
#p-tb a:hover { color: #888 !important; }
#mw-head .new a { color: #a77 !important; }
#mw-head .selected a, #p-cactions .vector-menu-content-list .mw-list-item a { color: #333 !important; }
div#content {
max-width: 55em;
border-radius: 0px 10px 10px 10px;
}
#right-navigation {
margin-left: 4em;
}
/* unsure */
.python {
border: 2px inset #eee4 !important;
border-radius:1em;
background-color:#ddd;
margin-right:0rem;
}
h2 { margin-top:1.1em; }
h3 { margin-top:0.9em; }
h4 { margin-top:0.7em; }
h5 { margin-top:0.5em; }
h6 { margin-top:0.3em; }
hr {
height: 1px;
color: #aaa;
background-color: #aaa;
border: 0;
margin: .2em 0 .2em 0;
}
#content pre {
/*padding: .6em 1em;*/
border: 1px dashed #2f6fab;
color: black;
background-color: #f9f9f9;
line-height: 1.1em;
border-radius: .3em;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
}
/* Dark mode experiment */
textarea {
color: rgb(217, 202, 176);
background:#1c1b18;
scrollbar-color: #504c44 #292823;
}
.mw-body, #content, .vector-menu-content-list .selected {
border-color: rgb(54, 70, 76);
background-color: rgb(33, 31, 28);
color: rgb(217, 202, 176);
}
mw-changeslist-line, .mw-changeslist-legend, #mw-searchoptions, .mw-search-profile-tabs {
border-color: rgb(54, 70, 76);
background-color: #f5e9e033 !important;
color: rgb(217, 202, 176);
}
.mw-rcfilters-ui-filterTagMultiselectWidget {
border-color: rgb(54, 70, 76);
background-color: #f5e9e099 !important;
color: rgb(217, 202, 176);
}
.oo-ui-tagMultiselectWidget-handle{ background-color:inherit }
.mw-changeslist-edit td { border-bottom: 1px solid rgb(33, 31, 28); }
#content pre {
color: #f5d5d5 !important;
background-color: #3e3e3e !important;
}
.catlinks {
background-color: inherit;
border-color: #a2a9b133;
}
#content table {
background:#f5e9e033;
}
#content table.old {
background: #f9a2a2;
}
.toc {
background-color:black;
}
a {
color: #ab92bb;
}
a:visited {
color: #b9a7b9;
}
a.new {
color: #d0aaaa !important;
}
.inlinecode {
background-color: #b18c8c4d;
}
.editOptions {
background-color: #7a7e88;
}
h1, h2, h3, h4, h5, h6 {
color: inherit;
}
#mw-head .selected a, #mw-head .vector-menu-content a {
color: #959595 !important;
}
.toc {
background-color:inherit;
}
.toc .tocnumber {
color:#5a636d87;
}
input[type='text'] {
color: #f5d5d5 !important;
background-color: #3e3e3e !important;
}
.mw-ui-button {
background-color: #77828c88;
}
.diff-context {
background: #f8f9fa55;
border-color: #eaecf055;
color: #202122;
}
.diffchange {
color:black;
}
#pagehistory li.selected {
background-color: #f8f9fa55;
}
figure[typeof~="mw:File/Thumb"], figure[typeof~="mw:File/Thumb"] > figcaption {
background-color: #3c1833;
}
h1, h2, h3, h4, h5, h6 {
color: inherit;
color: #a22677;
background-color: #6662;
border-radius: 12px 0px;
padding: 1.5em 0px .2em .0em;
margin-bottom: 1.2em;
background: linear-gradient(0deg,rgba(100,100,100,0.2) 0%,rgba(135,135,135,.01) 40%,rgba(135,135,135,0) 100%);
}
h1, h2 {
background: linear-gradient(0deg,rgba(100,100,100,0.2) 0%,rgba(135,135,135,.01) 60%,rgba(135,135,135,0) 100%);
}
h2, h3, h4, h5, h6 {
font-variant: small-caps;
}
body.tag_ling div .vector-body:after {
top: 17em;
position: absolute;
content: "language";
display: inline-block;
transform: rotate(-40deg) scale(1500%);
left: 27em;
color: #ddddff09;
}
body.tag_tech div .vector-body:after {
top: 17em;
position: absolute;
content: "tech";
display: inline-block;
transform: rotate(-40deg) scale(1800%);
left: 27em;
color: #ffffff09;
}
body.tag_security div .vector-body:after {
top: 17em;
position: absolute;
content: "security";
display: inline-block;
transform: rotate(-40deg) scale(1200%);
left: 27em;
color: #ffffff09;
}
body.tag_opinion div .vector-body:after {
top: 17em;
position: absolute;
content: "opinions";
display: inline-block;
transform: rotate(-40deg) scale(1800%);
left: 27em;
color: #ffddff09;
}
}