MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Schreck.Net
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(57 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* 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://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 {
background-color: #0b0b0b;
color:#e6e6e6; }
content { background-color: #e6ffb4; } - changes the background color of the content of articles/pages, including the title of the articles.
bodyContent { background-color: #7d7575; } - changes the background color of the content of pages, without the title of the pages.
/* Edit window toolbar */
/* Edit window toolbar */
#toolbar {
#toolbar {
    height: 22px;
height: 22px;
    margin-bottom: 6px;
margin-bottom: 6px;
}
/* Margins for <ol> and <ul> */
#content ol, #content ul,#mw_content ol, #mw_content ul {
margin-bottom: 0.5em;
}
}






/* Margins for <ol> and <ul> */
/* Tab Box below */
#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 {
.tabs [type=radio], .tabs [type="checkbox"] {
    z-index: 2;
display: none;
    background-color: #847565;
}
background-image: url(../images/background.png);
.tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label {
color: #f2ece5!important;
z-index: 2;
background-color: #0b0b0b;
color: #ededed!important;
outline: 2px dashed #5da160;
font-weight: 400;
}
}


.tabs-tabbox > .tabs-label {
 
    margin: 3px!important;
.tabs-tabbox > .tabs-label {
    position: relative;
margin: 3px!important;
    display: inline-block;
position: relative;
    vertical-align: bottom;
display: inline-block;
    outline: 2px solid #cdc1b3;;
vertical-align: bottom;
    outline-offset: -8px;
outline: 2px dashed #5e5e5e;
    padding: 10px 20px;
padding: 10px 20px;
background-image: url(../images/background3.png);
color: #5e5e5e!important;
color: #373126!important;
border-radius:0!important;
border-radius:0!important;
border-bottom: none;
border-bottom: none;
font-family: amiri, Times, serif!important;
font-family: "Inconsolata", monospace!important;
}
}
.tabs-tabbox > .tabs-container {
.tabs-tabbox > .tabs-container {
    margin-top: 10px!important;
margin-top: 10px!important;
position: relative;
position: relative;
    border-radius: 0!important;
border-radius: 0!important;
    border: 0px solid #b9b0a2!important;
border: 2px dashed #5da160!important;
width: inherit;
width: inherit;
max-width: inherit;
max-width: inherit;
Zeile 67: Zeile 65:
z-index: 1;
z-index: 1;
}
}
.tabs-label{
.tabs-label{
font-size: 14px;
font-family: "Inconsolata", monospace;
font-weight: 100;
font-size: 1.1rem;
font-family: amiri, Times, serif;
    font-weight: 400;
text-transform: uppercase;
text-transform: uppercase;
letter-spacing:5px;
letter-spacing:5px;
    color: #f2ece5!important;
color: #ededed!important;
background-image: url(../images/background.png);
background-color: #0b0b0b;
    cursor: pointer;
cursor: pointer;
    display: block;
display: block;
padding: 10px 20px!important;
padding: 10px 15px!important;
    font-size: 0.875rem;
line-height: 1.5;
    font-weight: normal;
margin-bottom: 0;
    line-height: 1.5;
    margin-bottom: 0;
border-radius:0!important;
border-radius:0!important;
border:0!important;
border:0!important;
}
}


.tabs-label:hover{
color: #65e165!important;
font-weight: 400;
outline: 2px dashed #65e165;
background-color: #0b0b0b;
}
.tabs-content {
.tabs-content {
    margin-top: 10px;
width: 100%;
    width: 100%;
border: 0px solid #fff !important;
    border: 0px solid #fff !important;
padding:0px!important;
text-align:justify!important;
text-align:justify!important;
}
}


 
 
/* Navbox below */
 


table.navbox {
table.navbox {
    border: 0px solid #bdaf9f!important;
border: 5px solid #d42441!important;
    width: 100%;
width: 100%;
    margin: auto;
margin: auto;
    clear: both;
clear: both;
    text-align: center;
text-align: center;
background-image: url(../images/background4.png)!important;
line-height: 0.5em
line-height: 0.5em
}
}
 
td.navbox, td.navbox {
td.navbox, td.navbox {
border: 10px solid #bdaf9f!important;
    border: 10px solid #bdaf9f!important;
width: 100%;
    width: 100%;
margin: auto;
    margin: auto;
line-height: 0.5em!important;
line-height: 0.5em!important;
}
}
.navbox, .navbox-subgroup {
.navbox, .navbox-subgroup {
    background:#d8cdc1!important;
background:#0b0b0b!important;
}
}
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
    background:#b3a799!important;
background:#65e165!important;
}
}
.navbox-group {
.navbox-group {
    white-space: nowrap;
white-space: nowrap;
    text-align: right;
text-align: right;
    padding-left: 1em;
padding-left: 1em;
    padding-right: 1em;
padding-right: 1em;
font-family: 'Amiri',serif;
font-family: "Inconsolata", monospace;
color: #f2ece5;
color: #f2ece5;
background-image: url(../images/background.png)!important;
letter-spacing:2px!important;
letter-spacing:2px!important;
text-transform:uppercase;
text-transform:uppercase;
font-size: 10px;
font-size: 10px;
border: 2px;
border: 2px;
}
}
.navbox-title, table.navbox th {
.navbox-title, table.navbox th {
    background: #948876!important;
background: #5da160!important;
background-image: url(../images/background.png)!important;
text-transform: uppercase;
text-transform: uppercase;
font-size: 12px;
font-size: 12px;
font-weight: bold;
font-weight: bold;
font-family: 'Amiri',serif;
font-family: "Inconsolata", monospace;
letter-spacing: 2px;
letter-spacing: 2px;
color: #f2ece5;
color: #f2ece5;
}
}
.navbox-title, .navbox-abovebelow, table.navbox th {
.navbox-title, .navbox-abovebelow, table.navbox th {
    text-align: center;
text-align: center;
    padding-left: 1em;
padding-left: 1em;
    padding-right: 1em;
padding-right: 1em;
}
}
.navbox-even {
.navbox-even {
    background: transparent!important;
background: transparent!important;
background-image: url(../images/background3.png)!important;
}
}
.navbox-list {
.navbox-list {
    border-color: #d3cbbf!important;
border-color: #d3cbbf!important;
font-size:13px!important;
font-size:13px!important;
}
}
/* Image resize */
img {
max-width:100%;
height:auto;
}
/* removes the whole Tools menu. */
#p-tb { display: none; }

Aktuelle Version vom 14. Februar 2024, 04:10 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. */
/* 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;
}



/* Tab Box below */



.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: #0b0b0b;
	color: #ededed!important;
	outline: 2px dashed #5da160;
	font-weight: 400;
}


.tabs-tabbox > .tabs-label {
	margin: 3px!important;
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	outline: 2px dashed #5e5e5e;
	padding: 10px 20px;
	color: #5e5e5e!important;
	border-radius:0!important;
	border-bottom: none;
	font-family: "Inconsolata", monospace!important;
}
.tabs-tabbox > .tabs-container {
	margin-top: 10px!important;
	position: relative;
	border-radius: 0!important;
	border: 2px dashed #5da160!important;
	width: inherit;
	max-width: inherit;
	min-width: inherit;
	z-index: 1;
}
.tabs-label{
	font-family: "Inconsolata", monospace;
	font-size: 1.1rem;
    font-weight: 400;
	text-transform: uppercase;
	letter-spacing:5px;
	color: #ededed!important;
	background-color: #0b0b0b;
	cursor: pointer;
	display: block;
	padding: 10px 15px!important;
	line-height: 1.5;
	margin-bottom: 0;
	border-radius:0!important;
	border:0!important;
}

.tabs-label:hover{
	color: #65e165!important;
	font-weight: 400;
	outline: 2px dashed #65e165;
	background-color: #0b0b0b;

}
.tabs-content {
	width: 100%;
	border: 0px solid #fff !important;
	text-align:justify!important;
}



/* Navbox below */


table.navbox {
	border: 5px solid #d42441!important;
	width: 100%;
	margin: auto;
	clear: both;
	text-align: center;
	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:#0b0b0b!important;
}
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
	background:#65e165!important;
}
.navbox-group {
	white-space: nowrap;
	text-align: right;
	padding-left: 1em;
	padding-right: 1em;
	font-family: "Inconsolata", monospace;
	color: #f2ece5;
	letter-spacing:2px!important;
	text-transform:uppercase;
	font-size: 10px;
	border: 2px;
}
.navbox-title, table.navbox th {
	background: #5da160!important;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	font-family: "Inconsolata", monospace;
	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;
}
.navbox-list {
	border-color: #d3cbbf!important;
	font-size:13px!important;
}



/* Image resize */

img {
	max-width:100%;
	height:auto;
}

/* removes the whole Tools menu. */

#p-tb { display: none; }