Common.css: Difference between revisions
From Illustrations in German Translations of Mark Twain's Works
Created page with "→CSS placed here will be applied to all skins: .ausklapp-menublock { border: 1px solid #ccc; padding: 1em; background-color: #fdfdfd; max-width: 500px; border-radius: 6px; } .ausklapp-button { display: block; width: 100%; text-align: left; margin: 0.5em 0; padding: 0.5em; background-color: #0078d7; color: white; border: none; border-radius: 4px; font-weight: bold; cursor: pointer; } .ausklapp-button:hover { background-color: #005a9..." |
No edit summary |
||
| Line 3: | Line 3: | ||
border: 1px solid #ccc; | border: 1px solid #ccc; | ||
padding: 1em; | padding: 1em; | ||
background-color: # | background-color: #FFF2E6; | ||
max-width: 500px; | max-width: 500px; | ||
border-radius: 6px; | border-radius: 6px; | ||
| Line 14: | Line 14: | ||
margin: 0.5em 0; | margin: 0.5em 0; | ||
padding: 0.5em; | padding: 0.5em; | ||
background-color: # | background-color: #FFF2E6; | ||
color: white; | color: white; | ||
border: none; | border: none; | ||
| Line 27: | Line 27: | ||
.ausklapp-button.sub { | .ausklapp-button.sub { | ||
background-color: # | background-color: #FFF2E6; | ||
margin-left: 1em; | margin-left: 1em; | ||
font-size: 90%; | font-size: 90%; | ||
Revision as of 14:23, 8 July 2025
/* CSS placed here will be applied to all skins */
.ausklapp-menublock {
border: 1px solid #ccc;
padding: 1em;
background-color: #FFF2E6;
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: #0078d7;
}
.ausklapp-inhalt a:hover {
text-decoration: underline;
}