MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
mNo edit summary |
||
(55 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* https isn't special anymore */ | .footer-poweredbyico { | ||
display:none | |||
} | |||
.link-https { /* https isn't special anymore, show with regular link image */ | |||
background: url(external-ltr.png) center right no-repeat; | background: url(external-ltr.png) center right no-repeat; | ||
padding-right: 13px; | padding-right: 13px; | ||
} | } | ||
@media screen { | @media screen { | ||
Line 14: | Line 22: | ||
background-repeat: repeat; | background-repeat: repeat; | ||
background-size: auto; | background-size: auto; | ||
} | |||
.inlinecode { | |||
background-color: #eee; | |||
} | } | ||
Line 60: | Line 72: | ||
#p-navigation a:visited, #footer a:visited, #mw-head a:visited { color: #ddd !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; } | #p-navigation a:hover, #footer a:hover, #mw-head a:hover { color: #ccc !important; } | ||
#footer li { color: #ccc !important } | #footer li { color: #ccc !important } | ||
Line 77: | Line 90: | ||
div#content { | div#content { | ||
max-width: 55em; | /* max-width: 55em; */ | ||
border-radius: 0px 10px 10px 10px; | border-radius: 0px 10px 10px 10px; | ||
} | } | ||
Line 84: | Line 97: | ||
#right-navigation { | #right-navigation { | ||
margin-left: 4em; | margin-left: 4em; | ||
} | |||
.mw-plusminus-pos { | |||
color: #2d992d; | |||
} | } | ||
Line 95: | Line 113: | ||
} | } | ||
h2 { margin-top:1.1em; | .vector-body h2 { margin-top:1.1em; font-size:160%; } | ||
h3 { margin-top:0.9em; | .vector-body h3 { margin-top:0.9em; font-size:130%; } | ||
h4 { margin-top:0.7em; | .vector-body h4 { margin-top:0.7em; font-size:120%; } | ||
h5 { margin-top:0.5em; | .vector-body h5 { margin-top:0.5em; font-size:110%; } | ||
h6 { margin-top:0.3em; | .vector-body h6 { margin-top:0.3em; font-size:100%; } | ||
hr { | hr { | ||
Line 164: | Line 182: | ||
} | } | ||
#content table { | #content table { | ||
background:#f5e9e033 | background:#f5e9e033; | ||
} | |||
#content table.old { | |||
background: #f9a2a2; | |||
} | |||
.toc { | |||
background-color:black; | |||
} | } | ||
a { | a { | ||
color: | color: #ab92bb; | ||
} | } | ||
a:visited { | a:visited { | ||
color: | color: #b9a7b9; | ||
} | } | ||
a.new { | a.new { | ||
color: # | color: #d0aaaa !important; | ||
} | } | ||
Line 226: | Line 250: | ||
} | } | ||
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; | |||
} | |||
.mw_metadata th { background-color:#fcfcfc50 } | |||
.mw_metadata td { background-color:#fcfcfc33 } | |||
#filetoc { background-color: #20031d47; } | |||
.tag_food #content, .tag_food #mw-head li.selected { background-color: rgb(36, 32, 26) } | |||
body.tag_food div .vector-body:after { | |||
top: 17em; | |||
position: absolute; | |||
content: "food"; | |||
display: inline-block; | |||
transform: rotate(-40deg) scale(1500%); | |||
left: 27em; | |||
color: #ddddff05; | |||
z-index:-100; | |||
} | |||
.tag_ling #content, .tag_ling #mw-head li.selected { background-color: rgb(16, 21, 7) } | |||
body.tag_ling div .vector-body:after { | |||
top: 17em; | |||
position: absolute; | |||
content: "language"; | |||
display: inline-block; | |||
transform: rotate(-40deg) scale(1500%); | |||
left: 27em; | |||
color: #ddddff05; | |||
z-index:-100; | |||
} | |||
.tag_tech #content, .tag_tech #mw-head li.selected { background-color: #0e121c } | |||
body.tag_tech div .vector-body:after { | |||
top: 17em; | |||
position: absolute; | |||
content: "tech"; | |||
display: inline-block; | |||
transform: rotate(-40deg) scale(1800%); | |||
left: 27em; | |||
color: #ffffff05; | |||
z-index:-100; | |||
} | |||
.tag_media #content, .tag_media #mw-head li.selected { background-color: #140e1c } | |||
.tag_security #content, .tag_security #mw-head li.selected { background-color: #031213 } | |||
body.tag_security div .vector-body:after { | |||
top: 17em; | |||
position: absolute; | |||
content: "security"; | |||
display: inline-block; | |||
transform: rotate(-40deg) scale(1200%); | |||
left: 27em; | |||
color: #ffffff04; | |||
z-index:-100; | |||
} | |||
.tag_math #content, .tag_math #mw-head li.selected { background-color: rgb(11, 30, 30) } | |||
.tag_opinion #content, .tag_opinion #mw-head li.selected { background-color: #1e020c } | |||
body.tag_opinion div .vector-body:before { | |||
top: 27em; | |||
position: absolute; | |||
content: "opinions"; | |||
display: inline-block; | |||
transform: rotate(40deg) scale(1800%); | |||
left: 27em; | |||
color: #ffddff10; | |||
z-index:-100; | |||
} | |||
} | |||
@media (min-width:1000px) { | |||
div#content { | |||
max-width: 55em; | |||
} | |||
} | } |
Latest revision as of 18:29, 8 May 2024
/* CSS placed here will be applied to all skins */
.footer-poweredbyico {
display:none
}
.link-https { /* https isn't special anymore, show with regular link image */
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;
}
.mw-plusminus-pos {
color: #2d992d;
}
/* unsure */
.python {
border: 2px inset #eee4 !important;
border-radius:1em;
background-color:#ddd;
margin-right:0rem;
}
.vector-body h2 { margin-top:1.1em; font-size:160%; }
.vector-body h3 { margin-top:0.9em; font-size:130%; }
.vector-body h4 { margin-top:0.7em; font-size:120%; }
.vector-body h5 { margin-top:0.5em; font-size:110%; }
.vector-body h6 { margin-top:0.3em; font-size:100%; }
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;
}
.mw_metadata th { background-color:#fcfcfc50 }
.mw_metadata td { background-color:#fcfcfc33 }
#filetoc { background-color: #20031d47; }
.tag_food #content, .tag_food #mw-head li.selected { background-color: rgb(36, 32, 26) }
body.tag_food div .vector-body:after {
top: 17em;
position: absolute;
content: "food";
display: inline-block;
transform: rotate(-40deg) scale(1500%);
left: 27em;
color: #ddddff05;
z-index:-100;
}
.tag_ling #content, .tag_ling #mw-head li.selected { background-color: rgb(16, 21, 7) }
body.tag_ling div .vector-body:after {
top: 17em;
position: absolute;
content: "language";
display: inline-block;
transform: rotate(-40deg) scale(1500%);
left: 27em;
color: #ddddff05;
z-index:-100;
}
.tag_tech #content, .tag_tech #mw-head li.selected { background-color: #0e121c }
body.tag_tech div .vector-body:after {
top: 17em;
position: absolute;
content: "tech";
display: inline-block;
transform: rotate(-40deg) scale(1800%);
left: 27em;
color: #ffffff05;
z-index:-100;
}
.tag_media #content, .tag_media #mw-head li.selected { background-color: #140e1c }
.tag_security #content, .tag_security #mw-head li.selected { background-color: #031213 }
body.tag_security div .vector-body:after {
top: 17em;
position: absolute;
content: "security";
display: inline-block;
transform: rotate(-40deg) scale(1200%);
left: 27em;
color: #ffffff04;
z-index:-100;
}
.tag_math #content, .tag_math #mw-head li.selected { background-color: rgb(11, 30, 30) }
.tag_opinion #content, .tag_opinion #mw-head li.selected { background-color: #1e020c }
body.tag_opinion div .vector-body:before {
top: 27em;
position: absolute;
content: "opinions";
display: inline-block;
transform: rotate(40deg) scale(1800%);
left: 27em;
color: #ffddff10;
z-index:-100;
}
}
@media (min-width:1000px) {
div#content {
max-width: 55em;
}
}