frontend-dali/source/style/main.css

158 lines
2.1 KiB
CSS

html {
background-color: #111;
color: #FFF;
font-family: sans-serif;
}
header {
background-color: #222;
/*
border-bottom: 2px solid #888;
padding-bottom: 16px;
*/
margin-bottom: 16px;
}
nav > ul {
list-style-type: none;
margin: 0;
padding: 0;
}
nav > ul > li {
display: inline-block;
margin: 8px;
padding: 8px;
}
a {
padding: 8px;
text-decoration: none;
color: hsl(0, 0%, 87.5%);
}
a:hover {
color: hsl(0, 0%, 100%);
border-bottom: 2px solid hsl(0, 0%, 100%);
transition: 1s ease color;
}
.calendar {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.calendar-pane-left {
flex-basis: 12.5%;
}
.calendar-pane-right {
flex-basis: 87.5%;
}
.tableview-sources {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 0.75em;
}
.tableview-sources-entry {
margin: 8px;
padding: 4px;
cursor: pointer;
}
.tableview-sources-entry:not(.tableview-sources-entry-active) {
filter: saturate(0);
}
.calendar table {
width: 100%;
border-collapse: collapse;
}
.calendar-cell {
border: 1px solid #888;
padding: 8px;
vertical-align: top;
}
.calendar-cell-day {
width: 13.5%;
}
.calendar-cell-week {
width: 5.5%;
}
.calendar-cell-regular {
width: 13.5%;
height: 120px;
cursor: copy;
}
.calendar-cell-today {
outline: 4px solid #FFF;
}
.calendar-day {
font-size: 0.75em;
cursor: help;
}
.calendar-events {
margin: 0; padding: 0;
list-style-type: none;
}
.calendar-event_entry {
margin: 4px;
padding: 4px;
border-radius: 2px;
font-size: 0.75em;
color: #FFF;
font-weight: bold;
}
.calendar-event_entry.access_level-none
,
.calendar-event_entry.access_level-view
{
cursor: default;
}
.calendar-event_entry.access_level-edit
,
.calendar-event_entry.access_level-admin
{
cursor: pointer;
}
.plankton_input_group_field {
margin-bottom: 8px;
}
.plankton_input_group_field_label {
display: block;
font-weight: bold;
font-size: 0.8em;
}
.plankton_input_soft_container > * {
display: inline-block;
}
.plankton_input_soft_setter {
margin-right: 8px;
}
.plankton_input_soft_inactive {
display: none !important;
}
.plankton_input_group {
margin-left: 48px;
}