Foreground.css
Aus bahnwege wiki
Version vom 29. Mai 2019, 15:55 Uhr von Bahnwege (Diskussion | Beiträge)
Version vom 29. Mai 2019, 15:55 Uhr von Bahnwege (Diskussion | Beiträge)
Hinweis: Leere nach dem Speichern den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Internet Explorer: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
- Opera: Gehe zu Menü → Einstellungen (Opera → Einstellungen auf dem Mac) und dann auf Datenschutz & Sicherheit → Browserdaten löschen → Gespeicherte Bilder und Dateien.
/* Benutzerdefinierte Menüleistenfarbe */
.top-bar,
.top-bar-section ul,
.top-bar-section ul .active > a,
.top-bar-section li a:not(.button),
.top-bar-section .has-form {
background: #393d98;
/* Benutzerdefinierte Menüfarbe */
}
.top-bar-section ul li {
background: #6a6cd0;
}
/* Benutzerdefinierte Menüfarbe ausgeklappt */
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
background: #6a6cd0;
color: #FFFFFF;
}
button:hover,
button:focus,
.button:hover,
.button:focus {
background-color: #c06666;
}
/* Dunkle Farbe für Mouse-Hover */
.top-bar-section ul li.hover > a,
.top-bar-section ul li ul.dropdown li.hover > a{
background: #c31924;
}
/* Etwas dunklere Farbe für die Dropdowns
.top-bar-section ul li ul.dropdown li > a {
background: #f0d927;
} */
.responsive-card-table {
border-collapse: collapse;
}
.responsive-card-table.unstriped tbody {
background-color: transparent;
}
.responsive-card-table tr th,
.responsive-card-table tr td {
padding: 2px;
}
.responsive-card-table th {
background-color: #fae6e6;
}
.responsive-card-table tr,
.responsive-card-table th,
.responsive-card-table td {
border: 1px solid #d9d9d9;
}
@media screen and (max-width: 640px) {
.responsive-card-table {
}
.responsive-card-table thead tr {
position: absolute;
top: -9999em;
left: -9999em;
}
.responsive-card-table tr {
border: 1px solid #0a0a0a;
display: block;
}
.responsive-card-table tr + tr {
margin-top: 1.5rem;
}
.responsive-card-table td {
border: none;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #0a0a0a;
padding-left: 50%;
position: relative;
}
.responsive-card-table td:before {
content: attr(data-label);
display: inline-block;
font-weight: bold;
line-height: 1.5;
margin-left: -100%;
width: 100%;
position: relative;
z-index: 1;
}
.responsive-card-table td:after {
content: '';
position: absolute;
background: #e6e6e6;
width: 45%;
height: 95%;
left: 1px;
top: 1px;
z-index: 0;
}
}