#vis_container .mic-navleft-huawei .label {
font-size: 100% !important;
font-family: RobotoCondensed-Light !important;
text-align: left !important;
text-shadow: 2px 2px 2px #000000 !important;
padding: 0 !important;
margin: -3px 0px 0px 50px !important;
}
/* Nicht selektiert */
#vis_container .mic-navleft-huawei .bg-orange {
background: none !important;
box-shadow: none !important; /* Rahmen weg */
}
/* selektiert */
#vis_container .mic-navleft-huawei .bg-green {
background: rgba(182, 17, 138, 0.6) !important;
box-shadow: none !important; /* Rahmen weg */
}
.button_site_navigation_grey_200
{
height:94px;
width:200px;
line-height:94px;
text-align:center;
vertical-align:middle;
border:#85888a solid 3px;
border-radius: 5px;
font-size:22px;
background: #0079FF;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
background: -moz-linear-gradient(center top, #676a6e, #1f2122);
color:white;
}
.button_site_navigation_blue_200
{
height:94px;
width:200px;
line-height:94px;
text-align:center;
vertical-align:middle;
border:#1a89c8 solid 3px;
border-radius: 5px;
font-size:22px;
background: #0079FF;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
background: -moz-linear-gradient(center top, #676a6e, #1f2122);
color:white;
}
/************************
* Log-Table
************************/
.tablelog .log-warn { color: orange; font-weight: bold; }
.tablelog .log-error { color: red; font-weight: bold;}
.tablelog-inner {
background-color: transparent;
}
.tablelog.vis-widget {
background-color: transparent !important;
}
.tablelog-th1 { /* nur linke Spalte */
width: 40px;
text-align: center;
color: white;
font-size: 11px;
padding: 2px;
}
/* Tabellen-Zeilen odd/even */
.tablelog-tr:nth-child(odd) {
font-size: 11px;
color: white;
background-color: #707070;
}
.tablelog-tr:nth-child(even) {
font-size: 11px;
color: white;
background-color: #606060;
}
.hintegrundfarbe_bigbox{
background: #484A5C;
border:1px solid #2B2D3B;
}
/* das hellblaue 4F5165
/*3E404C */
.kod_fanart_verlauf{
box-shadow: inset 700px 0px 150px 8px #161616;
}
.small_button_aktiv{
border:#7F808F solid 0.5px;
border-radius:4px;
border-left-color:#7F808F;
border-left-width: 10px;
box-sizing:border-box;
}
.shadown_hg{
box-shadow: 0px 10px 35px -10px
#202020;
}
.shadown_box{
box-shadow: 0px 12px 35px -12px #000;
}
.Menue_ueberschrift{
font-size:20px;
font-family:Jura-DemiBold;
color:#fff;
}
.linie_unten{
border-bottom: 0.2px solid #acacac;
opacity:0.5;
}
.linie_oben_unten{
border-top: 2px solid #2B2D3B;
border-bottom: 2px solid #2B2D3B;
}
.linie_rechts{
border-right: 1px solid #000;
border-left: 0px solid #000;
border-top: 0px solid #000;
border-bottom: 1px solid #000;
}
/* ########################## */
.zentrieren div {
display: flex;
align-items: center; /* vertikal*/
justify-content: center; /* horizontal */
}
.zentrieren_links div {
display: flex;
align-items: center; /* vertikal*/
justify-content: left; /* horizontal */
}
.zentrieren_unten div {
display: flex;
align-items: flex-end; /* vertikal*/
justify-content: center; /* horizontal */
}
.zentrieren_oben_center div {
display: flex;
justify-content: center; /* horizontal */
}
.zentrieren_oben_links div {
display: flex;
align-items: left; /* vertikal*/
}
/* ########################## */
.blur{
/* Add the blur effect */
filter: blur(2px);
-webkit-filter: blur(10px);
}
.blur2{
/* Add the blur effect */
filter: blur(4px);
-webkit-filter: blur(10px);
}
.blur3{
/* Add the blur effect */
filter: blur(1px);
-webkit-filter: blur(2px);
}
/******************************************
— LINKS —
******************************************/
.noteProject a:link { color: #b8b8b8; } /* unvisited link */
.noteProject a:visited { color: #b8b8b8; } /* visited link */
.noteProject a:hover { color: #ffffff; } /* mouse over link */
.pnoteProjecte a:active { color: #ffffff; } /* selected link */
hr { border:0; height: 1px; background-color:#b8b8b8 }
/******************************************
— LINKS —
******************************************/
.noteProject a:link { color: #b8b8b8; } /* unvisited link */
.noteProject a:visited { color: #b8b8b8; } /* visited link */
.noteProject a:hover { color: #ffffff; } /* mouse over link */
.pnoteProjecte a:active { color: #ffffff; } /* selected link */
hr { border:0; height: 1px; background-color:#b8b8b8 }
/******************************************
— LINKS —
******************************************/
.noteProject a:link { color: #b8b8b8; } /* unvisited link */
.noteProject a:visited { color: #b8b8b8; } /* visited link */
.noteProject a:hover { color: #ffffff; } /* mouse over link */
.pnoteProjecte a:active { color: #ffffff; } /* selected link */
hr { border:0; height: 1px; background-color:#b8b8b8 }
/******************************************
— TABLE —
******************************************/
/* Color of log level */
.tableLog .logInfo { color: yellow;}
.tableLog .logWarn { color: orange;}
.tableLog .logError { color: red;}
/* Apply word-break */
.tableLog {
word-break: break-word;
}
/* Jede zweite Tabellenzeile formatieren */
.tableLog tr:nth-child(even) {
background:rgba(56,46,67,0.1);
}
/* Rand unterhalb Tabellenüberschrift setzen */
.tableLog .mdc-data-table__header-row {
border-bottom: 1px solid #434343;
}
/* Zeilenhöhe und Abstände definieren */
.tableLog .mdc-data-table__cell {
line-height:1.3em;
padding-top: 6px;
padding-bottom: 6px;
}
/* Scrollbar */
.tableLog::-webkit-scrollbar { width: 15px; }
.tableLog::-webkit-scrollbar-track { background: transparent; }
.tableLog::-webkit-scrollbar-thumb { background-color: rgba(63,64,71,1); border-radius: 7px; border-color: rgba(63,64,71,1); }
.tableLog::-webkit-scrollbar-thumb:hover { background: #8f8f8f; }
/******************************************
— BUTTONS —
******************************************/
.leftBarBtn .materialdesign-button-body {
justify-content: left !important;
margin-left: 0.9em;
}
/* Scrollbar von Widget "materialdesign - Select" enfernen */
.v-menu__content.theme--light.menuable__content__active::-webkit-scrollbar {
width: 0px;
background: transparent;
}
.v-menu__content.theme--light.menuable__content__active {
scrollbar-width: none; /* für Firefox */
}
.mdc-dialog__content{
padding: 0 !important;
}
/* ANFANG Anpassung Dialog View von Scrounger */
.mdc-dialog__content {
padding: 0 4px !important;
}
.mdc-dialog__content {
padding: 0 4px !important;
}
.mdc-dialog__title {
padding: 0 24px 1px !important;
}
.mdc-dialog__actions {
padding: 0px !important;
min-height: 1px !important;
margin: auto !important
}
.mdc-dialog .mdc-dialog__scrim {
background:linear-gradient(0deg, #2c2a3f, #4f344c, #2c2a3f)!important;
opacity: .8 !important;
}
.element.style ::-webkit-scrollbar {
width: 0px;
background: transparent;
}
.mdc-dialog .element.style {
overflow-y: none !important;
}
/* ENDE Anpassung Dialog View von Scrounger */
.rotate090 {
transform-origin:50% 50%;
transform: rotate(270deg);
}
/* ===========================================
Formatierung DOCKER-Ausgabe
=========================================== */
.dockerup { color:LIME; }
.dockererr { color:RED; }
.dockerimg { color:DARKTURQUOISE; }
/* ENDE Anpassung Dialog View von Scrounger */
/** Scrollbar: anderer Style (Chrome, Fully) **/
.mAppBar .mdc-drawer__content::-webkit-scrollbar { width: 15px; }
.mAppBar .mdc-drawer__content::-webkit-scrollbar-track { background: transparent; }
.mAppBar .mdc-drawer__content::-webkit-scrollbar-thumb { background-color: rgba(63,64,71,1); border-radius: 7px; border-color: rgba(63,64,71,1); }
.mAppBar .mdc-drawer__content::-webkit-scrollbar-thumb:hover { background: #8f8f8f; }
.station_open {
color: #2EFE2E;
}
.station_closed {
color: #FF0000 !important; /* !important kann ggf. weggelassen werden */
}
/* € sign */
.station_combined_euro {
font-family: RobotoCondensed-Light;
font-size: 88%;
}
/* Spinner */
.spinnerleft {
animation-name: spin;
animation-duration: 60000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes spin {
from {
transform:rotate(360deg);
}
to {
transform:rotate(0deg);
}
}
.spinnerright {
animation-name: spin2;
animation-duration: 60000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes spin2 {
from {
transform:rotate(0deg);
}
to {
transform:rotate(360deg);
}
}
.rotate90{
transform: rotate(90deg);
}
.rotate-90{
transform: rotate(-90deg);
}
.rotate180{
transform: rotate(180deg);
}
/* TimeSwitch */
app-on-off-schedule-widget {
/* Primary color (button background, toggle switch color) */
--ts-widget-primary-color: #337ab7;
/* Background color of the widget */
--ts-widget-bg-color: #424242;
/* Background color of the triggers */
--ts-widget-trigger-bg-color: #272727;
/* Foreground color (font color and scrollbar color) */
--ts-widget-fg-color: white;
/* Font color of the switched states id */
--ts-widget-oid-fg-color: #a5a5a5;
/* Font color in buttons */
--ts-widget-btn-fg-color: white;
/* Font color of a disabled weekday */
--ts-widget-weekdays-disabled-fg-color: #5D5D5D;
/* Font color of an enabled weekday */
--ts-widget-weekdays-enabled-fg-color: white;
/* Font color of the name of the widget (defaults to --ts-widget-fg-color) */
--ts-widget-name-fg-color: white;
/* Font color of switched time (defaults to --ts-widget-fg-color) */
--ts-widget-switched-time-fg-color: white;
/* Font color of switched value (defaults to --ts-widget-fg-color)*/
--ts-widget-switched-value-fg-color: white;
/* Font color of the astro time (defaults to --ts-widget-fg-color) */
--ts-widget-astro-time-fg-color: black;
/* Font color of the astro time's shift */
--ts-widget-astro-shift-fg-color: #5d5d5d;
/* Font family used in the whole widget */
--ts-widget-font-family: 'Roboto', 'Segoe UI', BlinkMacSystemFont, system-ui, -apple-system;
/* Font size of the name of the widget */
--ts-widget-name-font-size: 2em;
/* Font size of the switched oid */
--ts-widget-oid-font-size: 30px;
/* Applies a filter to icons used in buttons (safe, edit, remove, cancel), for
white use invert(1) and for black invert(0) */
--ts-widget-img-btn-filter: invert(1);
/* Add trigger dropdown background color */
--ts-widget-add-trigger-dropdown-bg-color: #f1f1f1;
/* Add trigger dropdown font color */
--ts-widget-add-trigger-dropdown-fg-color: black;
/* Add trigger dropdown hover background color */
--ts-widget-add-trigger-dropdown-hover-bg-color: #ddd;
/* ! Changing these may break the layout, change at your own risk */
/* Font size of weekdays */
--ts-widget-weekdays-font-size: 23px;
/* Font size of switched value (on/off) */
--ts-widget-switched-value-font-size: 2em;
/* Font size of switched time */
--ts-widget-switched-time-font-size: 2em;
/* Font size of the astro time (e.g. Sunrise, ...) */
--ts-widget-astro-time-font-size: 1.5em;
/* Font size of the astro time's shift */
--ts-widget-astro-shift-font-size: 1em;
}
