diff options
Diffstat (limited to 'public/css/theme0.css')
-rw-r--r-- | public/css/theme0.css | 74 |
1 files changed, 50 insertions, 24 deletions
diff --git a/public/css/theme0.css b/public/css/theme0.css index 49f928e9..02bdeb7f 100644 --- a/public/css/theme0.css +++ b/public/css/theme0.css @@ -6730,38 +6730,64 @@ body { .footer a { color: #777777; } -#shifts td.free { - border: 1px solid #d9534f; - background-color: #f2dede; +.panel-primary .panel-heading a { + color: #ffffff; } -a#shifts td.free:hover, -a#shifts td.free:focus { - background-color: #e4b9b9; +.panel-default .panel-heading a { + color: #333333; } -#shifts td.occupied { - border: 1px solid #5cb85c; - background-color: #dff0d8; +.panel-info .panel-heading a { + color: #31708f; } -a#shifts td.occupied:hover, -a#shifts td.occupied:focus { - background-color: #c1e2b3; +.panel-success .panel-heading a { + color: #3c763d; } -#shifts td.collides { - border: 1px solid #f0ad4e; - background-color: #fcf8e3; +.panel-warning .panel-heading a { + color: #8a6d3b; } -a#shifts td.collides:hover, -a#shifts td.collides:focus { - background-color: #f7ecb5; +.panel-danger .panel-heading a { + color: #a94442; } -#shifts td.own { - border: 1px solid #777777; +.shift-calendar { + display: flex; + flex-direction: row; + flex-wrap: nowrap; + align-itmes: stretch; + width: 100%; } -.row-day { - border-top: 2px solid #777777; +.shift-calendar .lane { + background: #f9f9f9; + min-width: 300px; + width: 300px; + flex-grow: 1; } -.row-header { - min-width: 90px; +.shift-calendar .lane .header { + background: #ffffff; + height: 30px; + padding: 5px; +} +.shift-calendar .lane .tick { + height: 30px; + border-top: 1px solid #f4f4f4; +} +.shift-calendar .lane .tick.hour { + border-top: 2px solid #dddddd; + font-size: 0.9em; + padding-left: 5px; +} +.shift-calendar .lane .tick.day { + border-top: 2px solid #337ab7; + font-size: 0.9em; + padding-left: 5px; +} +.shift-calendar .lane.time { + min-width: 100px; + width: 100px; + flex-grow: 0; +} +.shift-calendar .shift { + margin: 0 5px 5px 0; + overflow: hidden; } .space-top { margin-top: 15px; |