MediaWiki:Vector.css: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
(93 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 13: | Zeile 13: | ||
padding: 1em; | padding: 1em; | ||
border: 1px solid #1e1e1e; | border: 1px solid #1e1e1e; | ||
text-align: justify; | |||
} | } | ||
/* changes the background color of the content of articles/pages, including the | /* changes the background color of the content of articles/pages, including the of the articles */ | ||
#bodyContent { | #bodyContent { | ||
background-color: #0b0b0b; | background-color: #0b0b0b; | ||
color:#809581; | color:#809581; | ||
} | } | ||
/* changes the background color of the content of pages, without the | /* changes the background color of the content of pages, without the of the pages */ | ||
#catlinks { | #catlinks { | ||
background-color: #1e1e1e; | background-color: #1e1e1e; | ||
Zeile 28: | Zeile 29: | ||
background-color: #0b0b0b; | background-color: #0b0b0b; | ||
} | } | ||
/*changes the background color at the top of the screen, the area above the page | /*changes the background color at the top of the screen, the area above the page . It doesn't affect the color of the page tabs (e.g. Discussion, Edit, etc.) */ | ||
#mw-panel { | #mw-panel { | ||
background-color: #0b0b0b; | background-color: #0b0b0b; | ||
Zeile 51: | Zeile 52: | ||
} | } | ||
.vector-sticky-header-start { | .vector-sticky-header-start { | ||
background-color: | background-color: transparent; | ||
padding: 0 0 0 25em; | padding: 0 0 0 25em; | ||
border: 0px; | border: 0px; | ||
} | } | ||
.mw-page-title-main { | .mw-page-title-main { | ||
font-family: | font-family: 'M PLUS 1 Code', monospace!important; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
color: #fefefe; | color: #fefefe; | ||
letter-spacing: 10px; | |||
} | } | ||
.mw-logo-container { | .mw-logo-container { | ||
Zeile 72: | Zeile 74: | ||
border-bottom: 2px dashed #00CC00; | border-bottom: 2px dashed #00CC00; | ||
} | } | ||
/* page | /* page s */ | ||
.mw-body-content h1 { | .mw-body-content h1 { | ||
color: #65e165; | color: #65e165; | ||
Zeile 89: | Zeile 91: | ||
.mw-body-content h3 { | .mw-body-content h3 { | ||
color: #72b672; | color: #72b672; | ||
font-family: | font-family: 'M PLUS 1 Code', monospace; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
padding: 0 0 0 0.5em; | padding: 0 0 0 0.5em; | ||
border: 0px solid #339933; | border: 0px solid #339933; | ||
letter-spacing: 4px; | |||
} | |||
.mw-body-content h4 { | |||
color: #ededed; | |||
font-family: 'M PLUS 1 Code', monospace; | |||
padding: 0 0 0 0.5em; | |||
border: 0px solid #339933; | |||
letter-spacing: 4px; | |||
} | } | ||
.mw-body-content h5, .mw-body-content h6 { | |||
color: #ededed; | color: #ededed; | ||
font-family: | font-family: 'M PLUS 1 Code', monospace; | ||
padding: 0 0 0 0.5em; | padding: 0 0 0 0.5em; | ||
border: 0px solid #339933; | border: 0px solid #339933; | ||
Zeile 112: | Zeile 122: | ||
} | } | ||
/* this is for the background color of the Navigation menu in the left column. That's the menu with the links Main page, Recent changes, Random page, Help. */ | /* this is for the background color of the Navigation menu in the left column. That's the menu with the links Main page, Recent changes, Random page, Help. */ | ||
.vector-menu-portal, #p-tb, #p-tb .body { | .vector-menu-portal, .vector-menu-content li a, #p-tb, #p-tb .body { | ||
background-color: #0b0b0b; | background-color: #0b0b0b; | ||
text-transform: none!important; | |||
} | } | ||
/* changes the background color of the Tools menu but without changing the background color of the | /* changes the background color of the Tools menu but without changing the background color of the of the menu. */ | ||
.vector-menu-heading, #p-tb-label { | .vector-menu-heading, #p-tb-label { | ||
background-color: #1e1e1e; | background-color: #1e1e1e; | ||
Zeile 126: | Zeile 137: | ||
border: 0px!important; | border: 0px!important; | ||
} | } | ||
/* changes the background color only of the | /* changes the background color only of the of the Tools menu on the left. The color of the actual menu is not changed. */ | ||
.vector-toc-not-collapsed .sidebar-toc::after { | .vector-toc-not-collapsed .sidebar-toc::after { | ||
background:transparent!important; | background:transparent!important; | ||
Zeile 142: | Zeile 153: | ||
.sidebar-toc { | .sidebar-toc { | ||
background-color: #0b0b0b; | background-color: #0b0b0b; | ||
margin-left: 0.75em; | margin-left: 0.75em; | ||
border: 1px solid #1e1e1e; | border: 1px solid #1e1e1e; | ||
max-width: 100%; | |||
overflow: hidden; | |||
} | } | ||
.sidebar-toc-title { | .sidebar-toc-title { | ||
background-color: #1e1e1e; | background-color: #1e1e1e; | ||
color: #ededed!important; | color: #ededed!important; | ||
display: | display: grid; | ||
font-variant: small-caps; | font-variant: small-caps; | ||
font-family: "Courier New",Courier,monospace; | font-family: "Courier New",Courier,monospace; | ||
padding: .25em .5em | font-size:xx-small; | ||
padding: .25em .5em; | |||
border: 0px; | border: 0px; | ||
word-wrap: break-word; | |||
} | } | ||
.sidebar-toc .sidebar-toc-title { | |||
letter-spacing: 2px; | |||
text-align: center; | |||
font-family: 'M PLUS 1 Code',monospace !important; | |||
} | |||
.sidebar-toc-link { | .sidebar-toc-link { | ||
color: #339933; | color: #339933; | ||
Zeile 163: | Zeile 186: | ||
word-wrap: break-word; | word-wrap: break-word; | ||
} | } | ||
. | |||
.sidebar-toc .sidebar-toc-list-item-active > .sidebar-toc-link { | |||
color: #ccdccd; | |||
text-transform:uppercase; | |||
} | } | ||
a:link, a:visited{ | a:link, a:visited{ | ||
color: #339933 | color: #339933; | ||
font-weight: bold; | font-weight: bold; | ||
font-family: "Courier New",Courier,monospace; | |||
letter-spacing: 2px; | |||
} | } | ||
a:active { | a:active { | ||
color: #65e165!important; | color: #65e165!important; | ||
} | |||
a.new { | |||
color: #d42441; | |||
} | } | ||
a:hover { | a:hover { | ||
Zeile 191: | Zeile 222: | ||
border: 0px solid!important; | border: 0px solid!important; | ||
} | } | ||
.vector-toc-collapse-button, .vector-toc-uncollapse-button | .vector-toc-collapse-button, .vector-toc-uncollapse-button { | ||
color: #ededed!important; | color: #ededed!important; | ||
text-transform: | text-transform:lowercase; | ||
font-size: xx-small; | font-size: xx-small; | ||
} | } | ||
.vector-toc-collapsed { | |||
top: calc(76px + 28px); | |||
left: 0.75em; | |||
} | |||
.client-js .vector-toc-collapsed .mw-table-of-contents-container .sidebar-toc { | |||
top: calc(36px + 28px); | |||
left: 0.75em; | |||
} | |||
.vector-menu-dropdown .vector-menu-content { | .vector-menu-dropdown .vector-menu-content { | ||
background-color: #0b0b0b; | |||
border: 1px solid # | border: 1px solid #1e1e1e; | ||
} | |||
. | .vector-user-links { | ||
font-weight: bold; | |||
} | |||
.vector-user-menu-logout { | |||
border-top: 1px solid #1e1e1e; | |||
} | |||
.quote1 { | |||
font-family: 'M PLUS 1 Code', monospace; | |||
font-size: smaller; | |||
letter-spacing: 1px; | |||
color: #e3e3e3; | |||
} | |||
.quote2 { | |||
font-family: 'Inconsolata',monospace; | |||
font-size: x-small; | |||
letter-spacing: 2px; | |||
color: #ec2848; | |||
} | |||
.quote3 { | |||
font-family: 'Inconsolata', monospace; | |||
color: #65e165; | |||
font-size: x-small; | |||
letter-spacing: 3px; | |||
text-transform:uppercase; | |||
} | |||
.quote3 { | |||
font-family: 'Inconsolata', monospace; | |||
color: #65e165; | |||
font-size: x-small; | |||
letter-spacing: 3px; | |||
text-transform:uppercase; | |||
} | |||
.quote4 { | |||
font-family: 'Inconsolata', monospace; | |||
color: #65e165; | |||
font-size: smaller; | |||
letter-spacing: 1px; | |||
border: 2px dashed #65e165; | |||
padding: 18px; | |||
} | |||
.quote4 a:link { | |||
color: #ccdccd; | |||
font-family: 'M PLUS 1 Code',monospace; | |||
text-transform: uppercase; | |||
border-bottom: 1px solid #d42441; | |||
} | |||
.quote4 a:visited { | |||
color: #ccdccd; | |||
font-family: 'M PLUS 1 Code',monospace; | |||
text-transform: uppercase; | |||
border-bottom: 1px solid #d42441; | |||
} | |||
.quote5 { | |||
font-family: 'M PLUS 1 Code', monospace; | |||
letter-spacing: 1px; | |||
text-align: right; | |||
color: #e3e3e3; | |||
width:40%; | |||
float: left; | |||
margin-right: 18px!important; | |||
} | |||
.quote6 { | |||
font-family: 'M PLUS 1 Code', monospace; | |||
letter-spacing: 1px; | |||
text-align: left; | |||
color: #e3e3e3; | color: #e3e3e3; | ||
text- | width:40%; | ||
font-size: | float: right; | ||
margin-left: 18px!important; | |||
} | |||
.quote7 { | |||
text-align: left; | |||
font-size: small; | |||
padding:15px; | |||
width: 80%; | |||
border: 0px solid #1c1c1c; | |||
margin-left: 10% !important; | |||
} | |||
.disclaimer { | |||
color: #ccbccb; | |||
font-size: smaller; | |||
letter-spacing: 1px; | |||
border: 1px solid #d42441; | |||
padding: 18px; | |||
} | |||
.disclaimer b { | |||
color: #d42441; | |||
font-size: small; | |||
letter-spacing: 2px; | letter-spacing: 2px; | ||
} | } | ||
b { | b { | ||
color: #5da160; | color: #5da160; | ||
text-transform:uppercase; | text-transform:uppercase; | ||
letter-spacing: 2px; | |||
} | |||
b2, .b2, #b2 { | |||
color: #d42441; | |||
letter-spacing: 2px; | letter-spacing: 2px; | ||
} | } | ||
Zeile 217: | Zeile 358: | ||
color: #ccdccd; | color: #ccdccd; | ||
letter-spacing: 2px; | letter-spacing: 2px; | ||
} | |||
u1 { | |||
color: #ccdccd; | |||
letter-spacing: 2px; | |||
boder-bottom: 2px solid #5da160; | |||
} | |||
.initial { | |||
font-family: "Lucida Console", Monaco, monospace; | |||
font-size:125px; | |||
color: #65e165; | |||
height: 123px; | |||
margin-right: 15px; | |||
text-align: center; | |||
float: left; | |||
opacity: .35; | |||
font-weight:bolder; | |||
} | |||
.mw-cookiewarning-container { | |||
position: fixed; | |||
box-sizing: border-box; | |||
padding: 15px; | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
z-index: 10; | |||
display: flex; | |||
justify-content: center; | |||
background-color: #0b0b0b; | |||
} | |||
.mw-cookiewarning-text { | |||
display: flex; | |||
align-items: center; | |||
color: #fff; | |||
font-weight: bold; | |||
font-size: 92%; | |||
} | |||
.wikitable { | |||
margin: 1em 0; | |||
background-color: #1e1e1e; | |||
border: 1px solid #323232; | |||
border-collapse: collapse; | |||
color: #809581; | |||
} | |||
.wikitable > * > tr > th { | |||
background-color: #1e1e1e; | |||
border: 1px solid #323232; | |||
text-align: center; | |||
} | |||
.wikitable > * > tr > td { | |||
border: 1px #323232 solid; | |||
padding: 0.6em; | |||
} | |||
.thumbimage { | |||
background-color: #0b0b0b; | |||
border: 0px solid #1e1e1e; | |||
} | |||
.thumbinner { | |||
background-color: #0b0b0b!important; | |||
border: 0px solid #1e1e1e!important; | |||
} | |||
.thumbcaption { | |||
font-family: 'M PLUS 1 Code', monospace; | |||
font-size: xx-small; | |||
border: 0; | |||
color: #65e165; | |||
text-transform:uppercase; | |||
letter-spacing: 2px; | |||
} | |||
ul { | |||
font-size: small; | |||
} | |||
dt { | |||
font-family: 'M PLUS 1 Code',monospace; | |||
color: #ededed; | |||
} | |||
.mw-editform #wpTextbox1 | |||
{ | |||
background-color: #111111; | |||
color: #c6c6c6; | |||
} | } |
Aktuelle Version vom 8. März 2024, 05:17 Uhr
/* Das folgende CSS wird für Benutzer der Vector-Benutzeroberfläche geladen. */
body {
background-color: #0b0b0b;
color:#809581;
background-image:url(https://the-schreck.net/wiki_new/skins/Vector/image/bg.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
}
/* in general the body is equal to the whole screen. However if you set a background color with it, it covers areas where there isn't any other element with specific background color set. In case of the Vector skin it affects the area under the page content and on the left of it. */
#content {
background-color: #0b0b0b;
color:809581;
padding: 1em;
border: 1px solid #1e1e1e;
text-align: justify;
}
/* changes the background color of the content of articles/pages, including the of the articles */
#bodyContent {
background-color: #0b0b0b;
color:#809581;
}
/* changes the background color of the content of pages, without the of the pages */
#catlinks {
background-color: #1e1e1e;
border: 0px;
}
/* changes the background color of the area in which are displayed the links to the categories to which the page belongs. If a page is assigned to categories, they are listed exactly under the content of the page in a rectangular container */
#mw-head-base {
background-color: #0b0b0b;
}
/*changes the background color at the top of the screen, the area above the page . It doesn't affect the color of the page tabs (e.g. Discussion, Edit, etc.) */
#mw-panel {
background-color: #0b0b0b;
color: #339933;
border: 1px solid #1e1e1e;
}
/* changes the background color of the menus on the left side of the screen (the area where the links Recent changes, Random page, etc., and the Tools menu are located) */
.mw-page-container {
border: 0px dashed #339933;
background-color:transparent;
}
.mw-header .vector-search-box {
opacity: 0.5;
}
.vector-sticky-header {
background-color: transparent;
background-image:url(https://the-schreck.net/wiki_new/skins/Vector/image/bg.jpg);
background-repeat: no-repeat;
padding: 2em;
border-bottom: 0px;
max-width: 100%;
}
.vector-sticky-header-start {
background-color: transparent;
padding: 0 0 0 25em;
border: 0px;
}
.mw-page-title-main {
font-family: 'M PLUS 1 Code', monospace!important;
text-transform: uppercase;
color: #fefefe;
letter-spacing: 10px;
}
.mw-logo-container {
font-family: "Courier New",Courier,monospace;
text-transform: uppercase;
color: #fefefe;
}
#firstHeading {
background-color: #0b0b0b;
color: #65e165;
font-family: "Courier New",Courier,monospace;
text-transform: uppercase;
border-bottom: 2px dashed #00CC00;
}
/* page s */
.mw-body-content h1 {
color: #65e165;
font-family: "Courier New",Courier,monospace;
text-transform: uppercase;
padding: 0.5em;
border: 2px dashed #339933;
}
.mw-body-content h2 {
color: #65e165;
font-family: "Courier New",Courier,monospace;
text-transform: uppercase;
padding: 0 0 0 0.5em;
border-bottom: 1px solid #339933;
}
.mw-body-content h3 {
color: #72b672;
font-family: 'M PLUS 1 Code', monospace;
text-transform: uppercase;
padding: 0 0 0 0.5em;
border: 0px solid #339933;
letter-spacing: 4px;
}
.mw-body-content h4 {
color: #ededed;
font-family: 'M PLUS 1 Code', monospace;
padding: 0 0 0 0.5em;
border: 0px solid #339933;
letter-spacing: 4px;
}
.mw-body-content h5, .mw-body-content h6 {
color: #ededed;
font-family: 'M PLUS 1 Code', monospace;
padding: 0 0 0 0.5em;
border: 0px solid #339933;
}
#p-logo {
background-color: transparent;
padding: 3.5em;
}
/* sets the background color of the area where the logo is located (the top left corner) */
#p-navigation {
background-color: #0b0b0b;
padding: 0 0 0 .5em;
color: #339933;
font-family: "Courier New",Courier,monospace;
}
/* this is for the background color of the Navigation menu in the left column. That's the menu with the links Main page, Recent changes, Random page, Help. */
.vector-menu-portal, .vector-menu-content li a, #p-tb, #p-tb .body {
background-color: #0b0b0b;
text-transform: none!important;
}
/* changes the background color of the Tools menu but without changing the background color of the of the menu. */
.vector-menu-heading, #p-tb-label {
background-color: #1e1e1e;
color: #ededed!important;
display: block;
font-variant: small-caps;
font-family: "Courier New",Courier,monospace;
padding: .25em .5em!important;
letter-spacing: 3px!important;
border: 0px!important;
}
/* changes the background color only of the of the Tools menu on the left. The color of the actual menu is not changed. */
.vector-toc-not-collapsed .sidebar-toc::after {
background:transparent!important;
}
.mw-header #mw-sidebar-button{
background-color: rgba(102, 204, 102, 0.3);
}
.mw-ui-button, .mw-ui-quiet, .mw-ui-icon, .mw-ui-icon-element, .mw-ui-icon-wikimedia-speechBubbles, .sticky-header-icon{
background-color: rgba(102,204,102,0.3)!important;
}
.mw-article-toolbar-container {
display: flow-root;
border-bottom: 0px solid #eaecf0;
}
.sidebar-toc {
background-color: #0b0b0b;
margin-left: 0.75em;
border: 1px solid #1e1e1e;
max-width: 100%;
overflow: hidden;
}
.sidebar-toc-title {
background-color: #1e1e1e;
color: #ededed!important;
display: grid;
font-variant: small-caps;
font-family: "Courier New",Courier,monospace;
font-size:xx-small;
padding: .25em .5em;
border: 0px;
word-wrap: break-word;
}
.sidebar-toc .sidebar-toc-title {
letter-spacing: 2px;
text-align: center;
font-family: 'M PLUS 1 Code',monospace !important;
}
.sidebar-toc-link {
color: #339933;
font-weight: normal !important;
font-size: 0.75em!important;
line-height: 1.125em;
word-wrap: break-word;
}
.sidebar-toc .sidebar-toc-list-item-active > .sidebar-toc-link {
color: #ccdccd;
text-transform:uppercase;
}
a:link, a:visited{
color: #339933;
font-weight: bold;
font-family: "Courier New",Courier,monospace;
letter-spacing: 2px;
}
a:active {
color: #65e165!important;
}
a.new {
color: #d42441;
}
a:hover {
color: #ededed!important;
text-decoration: none;
text-shadow: #ccdccd 1px 0 10px;
}
.mw-list-item.selected a, .mw-list-item.new a, .mw-list-item.new a:visited, .mw-list-item {
color: #a5aaa5!important;
font-size: x-small;
border: 0px solid!important;
font-weight: bold!important;
text-transform:uppercase;
margin-bottom: 2px;
}
.mw-list-item.selected a:hover, .mw-list-item.new a:hover, .mw-list-item a:hover {
color: #ededed!important;
background-color:#0b0b0b!important;
border: 0px solid!important;
}
.vector-toc-collapse-button, .vector-toc-uncollapse-button {
color: #ededed!important;
text-transform:lowercase;
font-size: xx-small;
}
.vector-toc-collapsed {
top: calc(76px + 28px);
left: 0.75em;
}
.client-js .vector-toc-collapsed .mw-table-of-contents-container .sidebar-toc {
top: calc(36px + 28px);
left: 0.75em;
}
.vector-menu-dropdown .vector-menu-content {
background-color: #0b0b0b;
border: 1px solid #1e1e1e;
}
.vector-user-links {
font-weight: bold;
}
.vector-user-menu-logout {
border-top: 1px solid #1e1e1e;
}
.quote1 {
font-family: 'M PLUS 1 Code', monospace;
font-size: smaller;
letter-spacing: 1px;
color: #e3e3e3;
}
.quote2 {
font-family: 'Inconsolata',monospace;
font-size: x-small;
letter-spacing: 2px;
color: #ec2848;
}
.quote3 {
font-family: 'Inconsolata', monospace;
color: #65e165;
font-size: x-small;
letter-spacing: 3px;
text-transform:uppercase;
}
.quote3 {
font-family: 'Inconsolata', monospace;
color: #65e165;
font-size: x-small;
letter-spacing: 3px;
text-transform:uppercase;
}
.quote4 {
font-family: 'Inconsolata', monospace;
color: #65e165;
font-size: smaller;
letter-spacing: 1px;
border: 2px dashed #65e165;
padding: 18px;
}
.quote4 a:link {
color: #ccdccd;
font-family: 'M PLUS 1 Code',monospace;
text-transform: uppercase;
border-bottom: 1px solid #d42441;
}
.quote4 a:visited {
color: #ccdccd;
font-family: 'M PLUS 1 Code',monospace;
text-transform: uppercase;
border-bottom: 1px solid #d42441;
}
.quote5 {
font-family: 'M PLUS 1 Code', monospace;
letter-spacing: 1px;
text-align: right;
color: #e3e3e3;
width:40%;
float: left;
margin-right: 18px!important;
}
.quote6 {
font-family: 'M PLUS 1 Code', monospace;
letter-spacing: 1px;
text-align: left;
color: #e3e3e3;
width:40%;
float: right;
margin-left: 18px!important;
}
.quote7 {
text-align: left;
font-size: small;
padding:15px;
width: 80%;
border: 0px solid #1c1c1c;
margin-left: 10% !important;
}
.disclaimer {
color: #ccbccb;
font-size: smaller;
letter-spacing: 1px;
border: 1px solid #d42441;
padding: 18px;
}
.disclaimer b {
color: #d42441;
font-size: small;
letter-spacing: 2px;
}
b {
color: #5da160;
text-transform:uppercase;
letter-spacing: 2px;
}
b2, .b2, #b2 {
color: #d42441;
letter-spacing: 2px;
}
i {
color: #ccdccd;
letter-spacing: 2px;
}
u1 {
color: #ccdccd;
letter-spacing: 2px;
boder-bottom: 2px solid #5da160;
}
.initial {
font-family: "Lucida Console", Monaco, monospace;
font-size:125px;
color: #65e165;
height: 123px;
margin-right: 15px;
text-align: center;
float: left;
opacity: .35;
font-weight:bolder;
}
.mw-cookiewarning-container {
position: fixed;
box-sizing: border-box;
padding: 15px;
top: 0;
left: 0;
width: 100%;
z-index: 10;
display: flex;
justify-content: center;
background-color: #0b0b0b;
}
.mw-cookiewarning-text {
display: flex;
align-items: center;
color: #fff;
font-weight: bold;
font-size: 92%;
}
.wikitable {
margin: 1em 0;
background-color: #1e1e1e;
border: 1px solid #323232;
border-collapse: collapse;
color: #809581;
}
.wikitable > * > tr > th {
background-color: #1e1e1e;
border: 1px solid #323232;
text-align: center;
}
.wikitable > * > tr > td {
border: 1px #323232 solid;
padding: 0.6em;
}
.thumbimage {
background-color: #0b0b0b;
border: 0px solid #1e1e1e;
}
.thumbinner {
background-color: #0b0b0b!important;
border: 0px solid #1e1e1e!important;
}
.thumbcaption {
font-family: 'M PLUS 1 Code', monospace;
font-size: xx-small;
border: 0;
color: #65e165;
text-transform:uppercase;
letter-spacing: 2px;
}
ul {
font-size: small;
}
dt {
font-family: 'M PLUS 1 Code',monospace;
color: #ededed;
}
.mw-editform #wpTextbox1
{
background-color: #111111;
color: #c6c6c6;
}