No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
/* | /* Basis */ | ||
body { | |||
position: relative; | position: relative; | ||
overflow-x: hidden; | overflow-x: hidden; | ||
background: #f5f6f7; /* leicht grau wie im Screenshot */ | |||
} | } | ||
/* | /* Helle obere Welle */ | ||
body:: | body::before { | ||
content: ""; | content: ""; | ||
position: fixed; | position: fixed; | ||
bottom: -120px; | bottom: -120px; | ||
right: -10%; | |||
width: | width: 140%; | ||
height: | height: 300px; | ||
background: # | background: #dbeafe; /* hellblau */ | ||
border-top-left-radius: 70% 100%; | |||
border-top-left-radius: | border-top-right-radius: 30% 100%; | ||
border-top-right-radius: | |||
transform: rotate(-3deg); | |||
z-index: | z-index: 1; | ||
} | } | ||
/* | /* Dunklere Hauptfläche */ | ||
body:: | body::after { | ||
content: ""; | content: ""; | ||
position: fixed; | position: fixed; | ||
bottom: - | bottom: -180px; | ||
right: -10%; | |||
width: | width: 140%; | ||
height: | height: 340px; | ||
background: | background: #3b82f6; /* blau */ | ||
border-top-left-radius: | border-top-left-radius: 75% 100%; | ||
border-top-right-radius: | border-top-right-radius: 25% 100%; | ||
z-index: | transform: rotate(-3deg); | ||
z-index: 0; | |||
} | } | ||
Revision as of 13:41, 9 April 2026
/* Basis */
body {
position: relative;
overflow-x: hidden;
background: #f5f6f7; /* leicht grau wie im Screenshot */
}
/* Helle obere Welle */
body::before {
content: "";
position: fixed;
bottom: -120px;
right: -10%;
width: 140%;
height: 300px;
background: #dbeafe; /* hellblau */
border-top-left-radius: 70% 100%;
border-top-right-radius: 30% 100%;
transform: rotate(-3deg);
z-index: 1;
}
/* Dunklere Hauptfläche */
body::after {
content: "";
position: fixed;
bottom: -180px;
right: -10%;
width: 140%;
height: 340px;
background: #3b82f6; /* blau */
border-top-left-radius: 75% 100%;
border-top-right-radius: 25% 100%;
transform: rotate(-3deg);
z-index: 0;
}
/*Aufzählungslisten als 1, 1.1, 1.1.1 usw */
article ol {
counter-reset:section;
list-style-type:none;
display: table;
margin-left:1.4em!important;
}
article ol > li {
list-style-type:none;
display: table-row;
}
article ol > li ol {
counter-reset:subsection;
}
article ol li ol > li ol{
counter-reset:subsubsection;
}
article ol > li:before{
counter-increment:section;
content:counter(section) ". ";
display: table-cell;
text-align: right;
padding-right: 0.5em;
}
article ol li ol > li:before {
counter-increment:subsection;
content:counter(section) "." counter(subsection) " ";
}
article ol > li ol > li ol > li:before {
counter-increment:subsubsection;
content:counter(section) "." counter(subsection) "." counter(subsubsection) "" ;
}
article li {
line-height:1.4em;
}
article li p {
line-height:1.8em;margin-top:0; margin-bottom:0
}
/*#sb-sec #ca-bookshelf-add-to-book {
display:none;
}
#ca-bookshelf-add-to-book .list-group-item {
display:none;
}
#new-content-menu .dropdown-item.new-book-action {
display: none !important;
}
*/
/*.bs-filtertable .oojsplus-data-gridWidget-tbody label {
font-size:small;
}
*/
/* .notification-item {
background-color: yellow !important;
}
*/
/*.notifications-no-notifications-wrapper p {
color:yellow !important;
}
*/
/*Beginn Dropdown Menü */
/* Dropdown - Hauptzeile, nicht nur linker Rand – von der linken Seite*/
ul#nav {
margin: 3px;
padding: 2px;
list-style-type: none;
border: none;
background: #a7C6e6; /* Außenfrarbe des Rahmens, wenn nicht verschachtelt */
width: auto;
}
/*Farben der Dropdown-Menülinien, die beim Laden des Menüs "blinken".*/
ul#nav li ul {
background: #ffffff; /* Rahemfarbe wenn nicht vollständig angezeigt wird*/
margin: 0px;
padding: 5px;
width: auto;
}
ul#nav li {
position: relative;
margin: 5px;
width: auto;
padding: 5px;
list-style-type: none;
background: #003063; /* alt #333; */
color: #003063; /* alt #333; */
line-height: 150%;
}
/*Schriftfarbe des Hauptlinks und „Laderahmen“ auf fff für Unsichtbarkeit gesetzt*/
ul#nav a {
border: 1px solid #ffffff;
color: #ffffff; /* Schriftfarbe des sichtbaren Feldes alt #dc091b*/
text-decoration: none;
display: block;
}
/*Überfahren Sie die Option mit der Maus und wählen Sie die Textfarbe.*/
ul#nav a:hover {
border: 1px inset #333;
background: #a7c6e6; /* alt #333; */
color: #ffffff; /* alt #333 Schriftfarbe Listenpunkte Mouse over */
}
/*Die Dropdown-Liste mit der Textfarbe wird angezeigt, ohne dass sich der Mauszeiger darüber befindet.*/
ul#nav li li a {
padding-left: 1em;
color: #ffffff; /* alt #006AFF */
text-decoration: none;
display: block;
}
ul#nav li li a:hover {
background: #bd1d1d; /* alt #cceeff; */
}
/* DDM Beispiel für ein relatives Dropdown-Menü */
.hiddenChild {
position: absolute;
left: -999em;
}
.shownChild {
left: -1px;
}
/*Die anfängliche Rahmeninformation des übergeordneten Elements ist weiß fff, um den "Bereich mit optionalen Optionen" auszublenden.*/
ul#nav.dhtml {
list-style-image: none;
display: block;
position: relative;
width: auto;
border: 2px solid #ffffff;
background: #ffffff; /*Hintergrundfarbe oberster Streifen*/
margin: 2px;
padding: 2px;
list-style-type: none;
height: 1.5em;
}
/*Die Breite ist die beste Option.. (OPTION WIDTH - 1)*/
ul#nav.dhtml li {
position: relative;
float: left;
width: 9em;
border-right: 1px solid #333;
border-top: 1px solid #333;
border-left: 1px solid #333;
border-bottom: 1px solid #333;
}
/*Anfangshintergrundfarbe der Optionen beim Überfahren des Hauptlinks mit der Maus*/
ul#nav.dhtml ul {
list-style-image: none;
display: block;
top: 1.5em;
position: absolute;
border-top: 1px solid #333;
border-right: 1px solid #333;
border-left: 1px solid #333;
background: #a7c6e6; /* Hintergundfarbe der äußeren Rahmens im Mouse over alt #09259f*/
width: auto;
z-index: 10;
}
ul#nav.dhtml li a,
ul#nav.dhtml li a:hover {
border: none;
background: #ffffff; /* alt #333; */
}
ul#nav.dhtml li a {
padding: 0 .5em;
background: #003063; /* Hintergrundfarbe sichtbares Feld ohne mouse over alt #a7c6e6 */
}
/*Die Hintergrundfarbe der Optionen entspricht der Breite des Optionsfelds, wenn die Hauptkategorie mit der Maus markiert ist und keine Optionen ausgewählt sind.*/
ul#nav.dhtml ul li {
border: none;
width: 9em;
background: #ffffff; /* Rahmenfarbe ausgeklapp um Textfeld*/
}
/*Kein Mauszeiger auf dem Hintergrund des Hauptlinks*/
ul#nav.dhtml li.isParent {
background: #a7c6e6; /* alt #cceeff */
}
/*Ja, Mauszeiger über Hauptlink-Hintergrund*/
ul#nav.dhtml li.isActive {
background: #ffffff; /* Farbe oberer Textrahmen mit Mousover */
}
ul#nav.dhtml li.isActive a {
background: #003063; /* Hintergrundfarbe aufgeklappte Schaltfläche alt #cceeff */
}
ul#nav.dhtml li.isActive ul a {
padding: 0 .5em;
}
ul#nav.dhtml a:hover {
background: #ffffff; /* alt #333; */
}
ul#nav.dhtml li.isParent a:hover {
background: #f0321e; /* alt #333; */
}
ul#nav.dhtml li.isActive ul a:hover {
background: #a7c6e6; /* Hintergrundfarbe einzelner Listenpunkte im Mouse over alt#dc091b */
}
/*Ende Dropdown Menü */
.mwstake-alert-container.alert alert-info{
display:none;
}
.mwstake-alert-container .alert alert-info{
display:none;
}
div#mwstake-alert-container.alert alert-info{
display:none;
}
.page-Alpaka .mw-headline-number {
display:none;
}
.mw-content-ltr.mw-parser-output hr {
height: 6px;
background-color: #f0db1f;
}