Common.css: Difference between revisions
From Illustrations in German Translations of Mark Twain's Works
No edit summary |
No edit summary |
||
| Line 50: | Line 50: | ||
.ausklapp-inhalt a:hover { | .ausklapp-inhalt a:hover { | ||
text-decoration: underline; | text-decoration: underline; | ||
} | |||
/* Oberste Ebene (Hauptbuttons) */ | |||
.ausklapp-button { | |||
color: #003366; /* Dunkelblau */ | |||
} | |||
/* Unterpunkte (zweite Ebene) */ | |||
.ausklapp-button.sub { | |||
color: #004080; /* etwas heller */ | |||
} | |||
/* Links innerhalb der Unter-Unterpunkte */ | |||
.ausklapp-inhalt.sub a, | |||
.link-entry { | |||
color: #0059b3; | |||
} | |||
/* Linkpfeil-Symbole */ | |||
.link-icon { | |||
color: #0059b3; | |||
} | } | ||
Revision as of 14:25, 8 July 2025
/* CSS placed here will be applied to all skins */
.ausklapp-menublock {
border: 1px solid #ccc;
padding: 1em;
background-color: #fff;
max-width: 500px;
border-radius: 6px;
}
.ausklapp-button {
display: block;
width: 100%;
text-align: left;
margin: 0.5em 0;
padding: 0.5em;
background-color: #FFF2E6;
color: white;
border: none;
border-radius: 4px;
font-weight: bold;
cursor: pointer;
}
.ausklapp-button:hover {
background-color: #005a9e;
}
.ausklapp-button.sub {
background-color: #FFF2E6;
margin-left: 1em;
font-size: 90%;
}
.ausklapp-inhalt {
display: none;
margin-left: 1em;
}
.ausklapp-inhalt.sub {
margin-left: 2em;
}
.ausklapp-inhalt a {
display: block;
margin: 0.3em 0;
text-decoration: none;
color: #333333;
}
.ausklapp-inhalt a:hover {
text-decoration: underline;
}
/* Oberste Ebene (Hauptbuttons) */
.ausklapp-button {
color: #003366; /* Dunkelblau */
}
/* Unterpunkte (zweite Ebene) */
.ausklapp-button.sub {
color: #004080; /* etwas heller */
}
/* Links innerhalb der Unter-Unterpunkte */
.ausklapp-inhalt.sub a,
.link-entry {
color: #0059b3;
}
/* Linkpfeil-Symbole */
.link-icon {
color: #0059b3;
}