MediaWiki:Common.css: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
(27 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> { | |||
@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&family=M+PLUS+1+Code:wght@100..700&display=swap') | font-family: "M PLUS 1 Code", monospace; | ||
font-optical-sizing: auto; | |||
// <uniquifier>: Use a uniquifier for the class name | font-weight: <weight>; | ||
// <weight>: Use a value from 100 to 700 | font-style: normal; | ||
.m-plus 1 code-<uniquifier> { | |||
} | } | ||
// <uniquifier>: Use a uniquifier for the class name// <weight>: Use a value from 200 to 900.inconsolata-<uniquifier> { | |||
font-family: "Inconsolata", monospace; | |||
// <uniquifier>: Use a uniquifier for the class name | font-optical-sizing: auto; | ||
// <weight>: Use a value from 200 to 900 | font-weight: <weight>; | ||
font-style: normal; | |||
.inconsolata-<uniquifier> { | 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. */ | ||
/* Edit window toolbar */ | /* Edit window toolbar */ | ||
#toolbar { | #toolbar { | ||
height: 22px; | |||
margin-bottom: 6px; | |||
} | } | ||
/* Margins for <ol> and <ul> */ | /* Margins for <ol> and <ul> */ | ||
#content ol, #content ul,#mw_content ol, #mw_content ul { | |||
#content ol, #content ul, | margin-bottom: 0.5em; | ||
#mw_content ol, #mw_content ul { | |||
} | } | ||
/* 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; | |||
color: # | |||
border-radius:0!important; | border-radius:0!important; | ||
border-bottom: none; | border-bottom: none; | ||
font-family: "Inconsolata", monospace!important; | |||
font-family: | |||
} | } | ||
.tabs-tabbox > .tabs-container { | .tabs-tabbox > .tabs-container { | ||
margin-top: 10px!important; | |||
position: relative; | position: relative; | ||
border-radius: 0!important; | |||
border: 2px dashed #5da160!important; | |||
width: inherit; | width: inherit; | ||
max-width: inherit; | max-width: inherit; | ||
min-width: inherit; | min-width: inherit; | ||
z-index: 1; | z-index: 1; | ||
} | } | ||
.tabs-label{ | .tabs-label{ | ||
font-family: "Inconsolata", monospace; | |||
font- | font-size: 1.1rem; | ||
font-weight: 400; | |||
font- | |||
text-transform: uppercase; | text-transform: uppercase; | ||
letter-spacing:5px; | letter-spacing:5px; | ||
color: #ededed!important; | |||
background-color: #0b0b0b; | |||
cursor: pointer; | |||
background- | display: block; | ||
padding: 10px 15px!important; | |||
line-height: 1.5; | |||
margin-bottom: 0; | |||
padding: 10px | |||
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 { | ||
width: 100%; | |||
border: 0px solid #fff !important; | |||
text-align:justify!important; | text-align:justify!important; | ||
} | } | ||
/* Navbox below */ | |||
table.navbox { | table.navbox { | ||
border: 5px solid #d42441!important; | |||
width: 100%; | |||
margin: auto; | |||
clear: both; | |||
text-align: center; | |||
line-height: 0.5em | line-height: 0.5em | ||
} | } | ||
td.navbox, td.navbox { | |||
border: 10px solid #bdaf9f!important; | |||
td.navbox, td.navbox | width: 100%; | ||
margin: auto; | |||
line-height: 0.5em!important; | line-height: 0.5em!important; | ||
} | } | ||
.navbox, .navbox-subgroup { | .navbox, .navbox-subgroup { | ||
background:#0b0b0b!important; | |||
} | } | ||
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { | .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { | ||
background:#65e165!important; | |||
} | } | ||
.navbox-group { | .navbox-group { | ||
white-space: nowrap; | |||
text-align: right; | |||
padding-left: 1em; | |||
padding-right: 1em; | |||
font-family: "Inconsolata", monospace; | |||
font-family: | |||
color: #f2ece5; | color: #f2ece5; | ||
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: #5da160!important; | |||
text-transform: uppercase; | text-transform: uppercase; | ||
font-size: 12px; | font-size: 12px; | ||
font-weight: bold; | font-weight: bold; | ||
font-family: "Inconsolata", monospace; | |||
font-family: | |||
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; | |||
padding-left: 1em; | |||
padding-right: 1em; | |||
} | } | ||
.navbox-even { | .navbox-even { | ||
background: transparent!important; | |||
} | } | ||
.navbox-list { | .navbox-list { | ||
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; }