Foreground.css: Unterschied zwischen den Versionen
Aus bahnwege wiki
K |
K |
||
(13 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
− | /* | + | /* Menüleistenfarbe bw-blau*/ |
.top-bar, | .top-bar, | ||
.top-bar-section ul, | .top-bar-section ul, | ||
Zeile 6: | Zeile 6: | ||
.top-bar-section .has-form { | .top-bar-section .has-form { | ||
background: #393d98; | background: #393d98; | ||
− | |||
− | |||
} | } | ||
+ | |||
+ | /* Menüfarbe bw-hellblau*/ | ||
.top-bar-section ul li { | .top-bar-section ul li { | ||
− | background: # | + | background: #c31924; |
} | } | ||
− | /* | + | /* Menüfarbe ausgeklappt bw-blau*/ |
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { | .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { | ||
− | background: # | + | background: #393d98; |
color: #FFFFFF; | color: #FFFFFF; | ||
} | } | ||
− | /* | + | /* Menüfarbe ausgeklappt Trennungslinie bw-rot*/ |
+ | .top-bar-section ul li.active > a, | ||
+ | .top-bar-section ul li ul.dropdown li > a { | ||
+ | background: #fff none repeat scroll 0 0; | ||
+ | color: #393d98; | ||
+ | border-bottom: 1px solid #c31924; | ||
+ | } | ||
+ | |||
+ | /* Farbe für Mouse-Hover bw-rot*/ | ||
.top-bar-section ul li.hover > a, | .top-bar-section ul li.hover > a, | ||
.top-bar-section ul li ul.dropdown li.hover > a{ | .top-bar-section ul li ul.dropdown li.hover > a{ | ||
Zeile 25: | Zeile 33: | ||
.top-bar-section ul li ul.dropdown li > a { | .top-bar-section ul li ul.dropdown li > a { | ||
− | background: # | + | background: #fcf8c6; |
} | } | ||
Zeile 32: | Zeile 40: | ||
.button:hover, | .button:hover, | ||
.button:focus { | .button:focus { | ||
− | background-color: # | + | background-color: #c31924; |
} | } | ||
Aktuelle Version vom 1. Juni 2019, 17:54 Uhr
/* Menüleistenfarbe bw-blau*/
.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;
}
/* Menüfarbe bw-hellblau*/
.top-bar-section ul li {
background: #c31924;
}
/* Menüfarbe ausgeklappt bw-blau*/
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
background: #393d98;
color: #FFFFFF;
}
/* Menüfarbe ausgeklappt Trennungslinie bw-rot*/
.top-bar-section ul li.active > a,
.top-bar-section ul li ul.dropdown li > a {
background: #fff none repeat scroll 0 0;
color: #393d98;
border-bottom: 1px solid #c31924;
}
/* Farbe für Mouse-Hover bw-rot*/
.top-bar-section ul li.hover > a,
.top-bar-section ul li ul.dropdown li.hover > a{
background: #c31924;
}
.top-bar-section ul li ul.dropdown li > a {
background: #fcf8c6;
}
button:hover,
button:focus,
.button:hover,
.button:focus {
background-color: #c31924;
}
.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;
}
}