MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Schreck.Net
Keine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
(Änderung 273 von Belladonna (Diskussion) rückgängig gemacht.)
Markierung: Rückgängigmachung
Zeile 1: Zeile 1:
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
@import url ("https://use.fontawesome.com/releases/v5.7.2/css/all.css");
@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&family=M+PLUS+1+Code:wght@100..700&display=swap')
// <uniquifier>: Use a uniquifier for the class name
// <weight>: Use a value from 100 to 700
.m-plus 1 code-<uniquifier> {
  font-family: "M PLUS 1 Code", monospace;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
// <uniquifier>: Use a uniquifier for the class name
// <weight>: Use a value from 200 to 900
.inconsolata-<uniquifier> {
  font-family: "Inconsolata", monospace;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
/* Das folgende CSS wird für Benutzer der Vector-Benutzeroberfläche geladen. */
/* Das folgende CSS wird für Benutzer der Vector-Benutzeroberfläche geladen. */
body {
body {  
background-color: #0b0b0b;
background-color: #0b0b0b;
color:#809581;
background-image:url(https://the-schreck.net/wiki_new/skins/Vector/image/bg.jpg);
color:#809581;}
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. */
/* 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;
#content { background-color: #0b0b0b; }
border: 1px solid #1e1e1e;
}
/* changes the background color of the content of articles/pages, including the title of the articles */
/* 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 of the pages */
#catlinks {
/* changes the background color of the content of pages, without the title of the pages */
background-color: #1e1e1e;
border: 0px;
}
#firstHeading {
background-color: #0b0b0b;  
color:#809581;}
/* changes the background color only of page titles */
#catlinks { background-color: #1e1e1e; }  
/* 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 */
/* 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;
}
#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.) */
/*changes the background color at the top of the screen, the area above the page title. 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;
color: #339933;
border: 1px solid #1e1e1e;
color: #339933; }
}
/* 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) */
/* 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;
#p-logo { background-color: #0b0b0b; }
background-color:transparent;
}
/* sets the background color of the area where the logo is located (the top left corner) */
.mw-header .vector-search-box {
opacity: 0.5;
}
#p-navigation {  
.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, .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;
letter-spacing: 4px;
}
#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;
background-color: #0b0b0b;
padding: 0 0 0 .5em;
padding: 0 0 0 .5em;
color: #339933;
font-family: "Courier New",Courier,monospace;
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. */
/* 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;
#p-tb { background-color: #0b0b0b; }
/* changes the background color of the Tools menu in the left column. Both the title of the menu and the links in it are affected. */
#p-tb-label { background-color: #0b0b0b; }
/* changes the background color only of the title of the Tools menu on the left. The color of the actual menu is not changed. */
#p-tb .body { background-color: #0b0b0b; }
/* changes the background color of the Tools menu but without changing the background color of the title of the menu.
/* Das folgende CSS wird für Benutzer der Vector-Benutzeroberfläche geladen. */
a {
padding: 0 0 0 .5em;
  color: #339933;
  font-family: "Courier New",Courier,monospace; }
/* Edit window toolbar */
#toolbar {
    height: 22px;
    margin-bottom: 6px;
}
}
/* 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;
/* Margins for <ol> and <ul> */
font-variant: small-caps;
font-family: "Courier New",Courier,monospace;
#content ol, #content ul,
padding: .25em .5em!important;
letter-spacing: 3px!important;
#mw_content ol, #mw_content ul {
border: 0px!important;
  margin-bottom: 0.5em;
}
}
/* 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;
   
.tabs [type=radio], .tabs [type="checkbox"]  {
  display: none;  
}
}
.mw-header #mw-sidebar-button{
background-color: rgba(102, 204, 102, 0.3);
.tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label {
    z-index: 2;
    background-color: #847565;
background-image: url(../images/background.png);
color:  #f2ece5!important;
}
}
.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;
.tabs-tabbox > .tabs-label {
    margin: 3px!important;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    outline: 2px solid #cdc1b3;;
    outline-offset: -8px;
    padding: 10px 20px;
background-image: url(../images/background3.png);
color: #373126!important;
border-radius:0!important;
border-bottom: none;
font-family: amiri, Times, serif!important;
}
}
.mw-article-toolbar-container {
display: flow-root;
border-bottom: 0px solid #eaecf0;
.tabs-tabbox > .tabs-container {
    margin-top: 10px!important;
position: relative;
    border-radius: 0!important;
    border: 0px solid #b9b0a2!important;
width: inherit;
max-width: inherit;
min-width: inherit;
z-index: 1;
}
}
.sidebar-toc {
background-color: #0b0b0b;
width: 244px;
.tabs-label{
margin-left: 0.75em;
border: 1px solid #1e1e1e;
font-size: 14px;
font-weight: 100;
font-family: amiri, Times, serif;
text-transform: uppercase;
letter-spacing:5px;
    color: #f2ece5!important;
background-image: url(../images/background.png);
    cursor: pointer;
    display: block;
padding: 10px 20px!important;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 0;
border-radius:0!important;
border:0!important;
}
}
.sidebar-toc- {
background-color: #1e1e1e;
color: #ededed!important;
.tabs-content {
display: block;
font-variant: small-caps;
    margin-top: 10px;
font-family: "Courier New",Courier,monospace;
font-size:x-small;
    width: 100%;
padding: .25em .5em!important;
border: 0px;
    border: 0px solid #fff !important;
padding:0px!important;
text-align:justify!important;
}
}
.sidebar-toc-link {
color: #339933;
font-weight: normal !important;
font-size: 0.75em!important;
line-height: 1.125em;
word-wrap: break-word;
table.navbox {
    border: 0px solid #bdaf9f!important;
    width: 100%;
    margin: auto;
    clear: both;
    text-align: center;
background-image: url(../images/background4.png)!important;
line-height: 0.5em
}
}
 
a:link, a:visited{
color: #339933!important;
td.navbox, td.navbox  {
font-weight: bold;
font-family: "Courier New",Courier,monospace;
    border: 10px solid #bdaf9f!important;
letter-spacing: 2px;
    width: 100%;
    margin: auto;
line-height: 0.5em!important;
}
}
a:active {
color: #65e165!important;
.navbox, .navbox-subgroup {
    background:#d8cdc1!important;
}
}
a:hover {
color: #ededed!important;
text-decoration: none;
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
text-shadow: #ccdccd 1px 0 10px;
    background:#b3a799!important;
}
}
.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;
.navbox-group {
border: 0px solid!important;
font-weight: bold!important;
    white-space: nowrap;
    text-align: right;
    padding-left: 1em;
    padding-right: 1em;
font-family: 'Amiri',serif;
color: #f2ece5;
background-image: url(../images/background.png)!important;
letter-spacing:2px!important;
text-transform:uppercase;
text-transform:uppercase;
margin-bottom: 2px;
font-size: 10px;
border: 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;
.navbox-title, table.navbox th {
border: 0px solid!important;
}
    background: #948876!important;
.vector-toc-collapse-button, .vector-toc-uncollapse-button {
color: #ededed!important;
background-image: url(../images/background.png)!important;
text-transform:lowercase;
font-size: xx-small;
text-transform: uppercase;
}
 
font-size: 12px;
.vector-menu-dropdown .vector-menu-content {
    background-color: #0b0b0b;
    border: 1px solid #1e1e1e;
  }
 
  .vector-user-links {
font-weight: bold;
font-weight: bold;
font-family: 'Amiri',serif;
letter-spacing: 2px;
color: #f2ece5;
}
}
 
.vector-user-menu-logout {
     border-top: 1px solid #1e1e1e;
.navbox-title, .navbox-abovebelow, table.navbox th {
  }
 
     text-align: center;
.quote1, #quote1 {
font-family: 'M PLUS 1 Code', monospace;
    padding-left: 1em;
font-size: smaller;
letter-spacing: 1px;
    padding-right: 1em;
color: #e3e3e3;
}
}
.quote2, #quote2 {
font-family: 'Inconsolata', monospace;
font-size: x-small;
letter-spacing: 3px;
.navbox-even {
color: #e3e3e3;
text-shadow: #ccdccd 1px 0 5px;
    background: transparent!important;
background-image: url(../images/background3.png)!important;
}
}
 
 
.navbox-list {
.quote3, #quote3 {
font-family: 'Inconsolata', monospace;
    border-color: #d3cbbf!important;
color: #65e165;
font-size: x-small;
font-size:13px!important;
letter-spacing: 3px;
text-transform:uppercase;
}
}
b {
color: #5da160;
text-transform:uppercase;
letter-spacing: 2px;
}
i {
color: #ccdccd;
letter-spacing: 2px;
}
.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;
  }

Version vom 12. Januar 2024, 12:22 Uhr

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
	
	
	
@import url ("https://use.fontawesome.com/releases/v5.7.2/css/all.css");
	
@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&family=M+PLUS+1+Code:wght@100..700&display=swap')

// <uniquifier>: Use a uniquifier for the class name
// <weight>: Use a value from 100 to 700

.m-plus 1 code-<uniquifier> {
  font-family: "M PLUS 1 Code", monospace;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


// <uniquifier>: Use a uniquifier for the class name
// <weight>: Use a value from 200 to 900 

.inconsolata-<uniquifier> {
  font-family: "Inconsolata", monospace;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

	
/* Das folgende CSS wird für Benutzer der Vector-Benutzeroberfläche geladen. */
	
	
body { 
	
	background-color: #0b0b0b;
	
	color:#809581;} 
	
/* 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; } 
	
/* changes the background color of the content of articles/pages, including the title of the articles */
	
	
#bodyContent {
	
	background-color: #0b0b0b;
	
	color:#809581; } 
	
/* changes the background color of the content of pages, without the title of the pages */
	
	
#firstHeading {
	
	background-color: #0b0b0b; 
	
	color:#809581;} 
	
/* changes the background color only of page titles */
	
	
#catlinks { background-color: #1e1e1e; } 
	
/* 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 title. It doesn't affect the color of the page tabs (e.g. Discussion, Edit, etc.) */
	
	
#mw-panel {
	
	background-color: #0b0b0b;
	
	color: #339933;  } 
	
/* 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) */
	
	
#p-logo { background-color: #0b0b0b; }
	
 /* 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. */
	
	
#p-tb { background-color: #0b0b0b; } 
	
	
 /* changes the background color of the Tools menu in the left column. Both the title of the menu and the links in it are affected. */
	
	
#p-tb-label { background-color: #0b0b0b; } 
	
/* changes the background color only of the title of the Tools menu on the left. The color of the actual menu is not changed. */
	
	
#p-tb .body { background-color: #0b0b0b; } 
	
/* changes the background color of the Tools menu but without changing the background color of the title of the menu. 
	
/* Das folgende CSS wird für Benutzer der Vector-Benutzeroberfläche geladen. */
	
 
	
 
	
 a {
	
	padding: 0 0 0 .5em;
	
  	color: #339933;
	
  	font-family: "Courier New",Courier,monospace; }
	
	
	
	
	
	
/* Edit window toolbar */
	
#toolbar {
	
    height: 22px;
	
    margin-bottom: 6px;
	
}
	
	
	
	
/* Margins for <ol> and <ul> */
	
#content ol, #content ul,
	
#mw_content ol, #mw_content ul {
	
  margin-bottom: 0.5em;
	
}
	
	
 
	
 .tabs [type=radio], .tabs [type="checkbox"]  {
	
  display: none;   
	
}
	
	
	
 .tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label {
	
    z-index: 2;
	
    background-color: #847565;
	
	background-image: url(../images/background.png);
	
	color:  #f2ece5!important;
	
}
	
	
 .tabs-tabbox > .tabs-label {
	
    margin: 3px!important;
	
    position: relative;
	
    display: inline-block;
	
    vertical-align: bottom;
	
    outline: 2px solid #cdc1b3;;
	
    outline-offset: -8px;
	
    padding: 10px 20px;
	
	background-image: url(../images/background3.png);
	
	color: #373126!important;
	
	border-radius:0!important;
	
	border-bottom: none;
	
	font-family: amiri, Times, serif!important;
	
}
	
	
.tabs-tabbox > .tabs-container {
	
    margin-top: 10px!important;
	
	position: relative;
	
    border-radius: 0!important;
	
    border: 0px solid #b9b0a2!important;
	
	width: inherit;
	
	max-width: inherit;
	
	min-width: inherit;
	
	z-index: 1;
	
}
	
	
.tabs-label{
	
	font-size: 14px;
	
	font-weight: 100;
	
	font-family: amiri, Times, serif;
	
	text-transform: uppercase;
	
	letter-spacing:5px;
	
    color:  #f2ece5!important;
	
	background-image: url(../images/background.png);
	
    cursor: pointer;
	
    display: block;
	
	padding: 10px 20px!important;
	
    font-size: 0.875rem;
	
    font-weight: normal;
	
    line-height: 1.5;
	
    margin-bottom: 0;
	
	border-radius:0!important;
	
	border:0!important;
	
}
	
	
.tabs-content {
	
    margin-top: 10px;
	
    width: 100%;
	
    border: 0px solid #fff !important;
	
	padding:0px!important;
	
	text-align:justify!important;
	
}
	
	
 
	
	
table.navbox {
	
    border: 0px solid #bdaf9f!important;
	
    width: 100%;
	
    margin: auto;
	
    clear: both;
	
    text-align: center;
	
	background-image: url(../images/background4.png)!important;
	
	line-height: 0.5em
	
	
	
}
	
	
td.navbox, td.navbox  {
	
    border: 10px solid #bdaf9f!important;
	
    width: 100%;
	
    margin: auto;
	
	line-height: 0.5em!important;
	
}
	
	
.navbox, .navbox-subgroup {
	
    background:#d8cdc1!important;
	
}
	
	
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
	
    background:#b3a799!important;
	
}
	
	
.navbox-group {
	
    white-space: nowrap;
	
    text-align: right;
	
    padding-left: 1em;
	
    padding-right: 1em;
	
	font-family: 'Amiri',serif;
	
	color: #f2ece5;
	
	background-image: url(../images/background.png)!important;
	
	letter-spacing:2px!important;
	
	text-transform:uppercase;
	
	font-size: 10px;
	
	border: 2px;
	
	
	
}
	
	
.navbox-title, table.navbox th {
	
    background: #948876!important;
	
	background-image: url(../images/background.png)!important;
	
	text-transform: uppercase;
	
	font-size: 12px;
	
	font-weight: bold;
	
	font-family: 'Amiri',serif;
	
	letter-spacing: 2px;
	
	color: #f2ece5;
	
}
	
	
.navbox-title, .navbox-abovebelow, table.navbox th {
	
    text-align: center;
	
    padding-left: 1em;
	
    padding-right: 1em;
	
}
	
	
	
.navbox-even {
	
    background: transparent!important;
	
	background-image: url(../images/background3.png)!important;
	
}
	
.navbox-list {
	
    border-color: #d3cbbf!important;
	
	font-size:13px!important;
	
}
Abgerufen von „https://the-schreck.net/index.php?title=MediaWiki:Common.css&oldid=275“