diff options
Diffstat (limited to 'public/css/theme3.css')
-rw-r--r-- | public/css/theme3.css | 74 |
1 files changed, 50 insertions, 24 deletions
diff --git a/public/css/theme3.css b/public/css/theme3.css index 82228db5..dd65c030 100644 --- a/public/css/theme3.css +++ b/public/css/theme3.css @@ -6739,38 +6739,64 @@ body { .footer a { color: #777777; } -#shifts td.free { - border: 1px solid #da1639; - background-color: #f9c3cd; +.panel-primary .panel-heading a { + color: #ffffff; } -a#shifts td.free:hover, -a#shifts td.free:focus { - background-color: #f495a6; +.panel-default .panel-heading a { + color: #333333; } -#shifts td.occupied { - border: 1px solid #39ab50; - background-color: #c4eccc; +.panel-info .panel-heading a { + color: #6618f9; } -a#shifts td.occupied:hover, -a#shifts td.occupied:focus { - background-color: #9edfab; +.panel-success .panel-heading a { + color: #39ab50; } -#shifts td.collides { - border: 1px solid #dad216; - background-color: #f9f7c3; +.panel-warning .panel-heading a { + color: #dad216; } -a#shifts td.collides:hover, -a#shifts td.collides:focus { - background-color: #f4f095; +.panel-danger .panel-heading a { + color: #da1639; } -#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 #f19224; + 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; |