Foreground.css: Unterschied zwischen den Versionen
Aus bahnwege wiki
K |
K |
||
Zeile 1: | Zeile 1: | ||
− | /* | + | /* blaue Menüleistenfarbe */ |
.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; | ||
− | /* | + | |
+ | /* hellblaue Menüfarbe */ | ||
} | } | ||
.top-bar-section ul li { | .top-bar-section ul li { | ||
background: #6a6cd0; | background: #6a6cd0; | ||
} | } | ||
− | /* | + | /* hellblaue Menüfarbe ausgeklappt */ |
.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: #6a6cd0; | background: #6a6cd0; | ||
Zeile 17: | Zeile 18: | ||
} | } | ||
+ | /* rote Farbe für Mouse-Hover */ | ||
.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{ | ||
− | background: # | + | background: #c31924; |
+ | } | ||
+ | |||
+ | .top-bar-section ul li ul.dropdown li > a { | ||
+ | background: #006398; | ||
} | } | ||
Zeile 29: | Zeile 35: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.responsive-card-table { | .responsive-card-table { |
Version vom 29. Mai 2019, 20:12 Uhr
/* blaue 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;
/* hellblaue Menüfarbe */
}
.top-bar-section ul li {
background: #6a6cd0;
}
/* hellblaue Menüfarbe ausgeklappt */
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
background: #6a6cd0;
color: #FFFFFF;
}
/* rote Farbe für Mouse-Hover */
.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: #006398;
}
button:hover,
button:focus,
.button:hover,
.button:focus {
background-color: #c06666;
}
.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;
}
}