Files
chrani-bot-tng/bot/modules/webserver/static/lcars/310-header_widgets.css

70 lines
2.2 KiB
CSS
Raw Normal View History

2025-11-21 07:26:02 +01:00
body > header > div > #header_widgets > .widget {
padding-right: 0.25em;
color: black;
padding-top: var(--main_table_gutter)
}
body > header > div > #header_widgets > .widget > div {
background-color: var(--lcars-atomic-tangerine);
border-radius: 12px; padding: 0 1em;
white-space: nowrap;
line-height: 1.5em;
}
body > header > div > #header_widgets > #login_logout_widget {
margin-left: auto;
}
body > header > div > #header_widgets > #login_logout_widget a {
color: var(--background)
}
body > header > div > #header_widgets > #gameserver_status_widget > div.active {
background-color: var(--lcars-tanoi);
}
body > header > div > #header_widgets > #gameserver_status_widget > div.inactive {
background-color: var(--lcars-chestnut-rose);
}
body > header > div > #header_widgets > #gameserver_status_widget span > a,
body > header > div > #header_widgets > #gameserver_status_widget span > a:visited {
color: var(--lcars-blue-bell);
}
body > header > div > #header_widgets > #gameserver_status_widget span > a {
display: inline-block;
padding: 0 calc(var(--main_table_gutter) / 2);
border-left: calc(var(--main_table_gutter) / 2) solid var(--background);
border-right: calc(var(--main_table_gutter) / 2) solid var(--background);
color: var(--background); /* Edge seems to require this */
background-color: var(--lcars-chestnut-rose);
}
body > header > div > #header_widgets > #gameserver_status_widget span > a:hover,
body > header > div > #header_widgets > #gameserver_status_widget span > a:visited {
color: var(--background);
text-decoration: none;
}
body > header > div > #header_widgets > #gameserver_status_widget span:hover > a {
background-color: var(--lcars-chestnut-rose);
}
body > header > div > #header_widgets > #gametime_widget {
order: -1;
}
body > header > div > #header_widgets > #gametime_widget span.time {
padding: 0 var(--main_table_gutter);
}
body > header > div > #header_widgets > #gametime_widget span.day.bloodday,
body > header > div > #header_widgets > #gametime_widget span.time.bloodmoon {
color: var(--lcars-chestnut-rose);
}
body > header > div > #header_widgets > #gametime_widget span.time.bloodmoon {
background-color: var(--background);
}