git.plutz.net Git - confetti/blob - static/courses.css

   1 /*
   2 # Copyright 2014 Paul Hänsch
   3 #
   4 # This file is part of Confetti.
   5 #
   6 # Confetti is free software: you can redistribute it and/or modify
   7 # it under the terms of the GNU Affero General Public License as published by
   8 # the Free Software Foundation, either version 3 of the License, or
   9 # (at your option) any later version.
  10 #
  11 # Confetti is distributed in the hope that it will be useful,
  12 # but WITHOUT ANY WARRANTY; without even the implied warranty of
  13 # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  14 # GNU Affero General Public License for more details.
  15 #
  16 # You should have received a copy of the GNU Affero General Public License
  17 # along with Confetti.  If not, see <http://www.gnu.org/licenses/>.
  18 */
  19
  20 .sort {
  21   display: block;
  22   border: solid 1px;
  23   border-radius: 4px 4px 0 0 ;
  24   margin: .5em 2em .25em 2em;
  25   padding: .25em 2ex .25em 2ex;
  26   background: #EFF;
  27 }
  28 .sort .label {
  29   font-weight: bold;
  30 }
  31
  32 .newcourse {
  33   display: block;
  34   border: solid 1px;
  35   border-radius: 0 0 4px 4px;
  36   margin: .25em 2em 1em 2em;
  37   padding: .25em 2ex .25em 2ex;
  38   background: #EFF;
  39 }
  40
  41 .course {
  42   display: block;
  43   position: relative;
  44   border: solid 1px;
  45   margin: .25em 2em;
  46   padding: 0 20ex 0 0;
  47   overflow: auto;
  48   background: #FFF;
  49   min-height: 9em;
  50 }
  51 .course .control {
  52   display: inline-block;
  53   position: absolute;
  54   top 0; right: 0;
  55   text-align: right;
  56   background: #EEF;
  57   margin: 0;
  58   height: 100%;
  59   width: 20ex;
  60   max-width: 33%;
  61   padding: .25em 1ex;
  62 }
  63 .course .control .item {
  64   display: inline-block;
  65   vertical-align: top;
  66   width: 100%;
  67   color: #008;
  68   margin: .25em 0 0 0;
  69   border: 1px solid black;
  70   background: #FFF;
  71 }
  72 .course .control a.item {
  73   border-right: 3px double;
  74   padding: .125em 1ex;
  75 }
  76 .course .control a.item:hover{
  77   border-right: 1px solid;
  78 }
  79
  80 .course .control .item[name=newfield] { width: 85%;}
  81 .course .control .item[value=addfield] { width: 15%;}
  82
  83 .course .section {
  84   display: inline-block;
  85   vertical-align: top;
  86   float: left;
  87   width: 20ex;
  88   min-width: 16.5%;
  89   min-height: 6em;
  90   margin: .125em 0 .5ex 0;
  91   padding: 0 1ex .25em 1ex;
  92 }
  93 .course .section:nth-of-type(2n){ background: #EEE;}
  94
  95 .course .section .item {
  96   display: block;
  97   max-width: 100%;
  98   word-wrap: break-word;
  99 }
 100
 101 .course .section h2, .course .section h3 {
 102   font-size: 1em;
 103   display: block;
 104   font-weight: bold;
 105   margin: .25em -.5ex .25em -.5ex;
 106   border-style: none none solid none;
 107   border-width: 1px;
 108 }
 109 .course .section h2 {
 110   font-size: 1.2em;
 111   margin-top: 0;
 112 }
 113
 114 .course .attendance {
 115   min-width: 66%;
 116 }
 117 .course .attendance a {
 118   display: inline-block;
 119   vertical-align: top;
 120   min-width: 13.5ex;
 121   width: 19%;
 122   color: #008;
 123   border-style: solid;
 124   border-width: 1px;
 125   margin: .25em .125ex .25em .125ex;
 126   padding: .125em 1ex .125em 1ex;
 127   background: #EFF;
 128 }
 129
 130 .course .dtstart { width: 37ex; }
 131 .course .dtstart .DTSYEAR,
 132 .course .dtstart .DTSMONTH,
 133 .course .dtstart .DTS{
 134   font-size: .875em;
 135   margin: .25em .25ex 1em .25ex;
 136   display: inline-block;
 137   text-align: center;
 138   font-weight: bold;
 139 }
 140
 141 .course .dtstart .DTSYEAR{ width: 11.5ex; }
 142 .course .dtstart .DTSMONTH{ width: 18.5ex; }
 143 .course .dtstart .DTS{ width: 5.5ex; }
 144
 145 .course .dtstart .DTSCAL,
 146 .course .dtstart .DTSCALHEAD {
 147   display: inline-block;
 148   overflow: hidden;
 149   text-align: center;
 150   width: 5ex;
 151   margin: 0;
 152 }
 153 .course .dtstart .DTSCALHEAD {
 154   font-weight: bold;
 155   border-top: 1px solid;
 156   border-bottom: 1px solid;
 157 }
 158
 159 .course .dtstart input[name=DTSDAY] { display: none; margin: 0; height: 0; width: 0; }
 160 .course .dtstart input[name=DTSDAY]:checked + label.DTSCAL { font-weight: bold; border: solid 1px; }
 161
 162 .course .dtstart .DTSTIME{
 163   display: inline-block;
 164   width: 10ex;
 165   font-weight: bold;
 166 }
 167
 168 .course .recur{ width: 37ex; }
 169 .course .section select,
 170 .course .section button,
 171 .course .section input {
 172   border: 1px solid;
 173   margin: .5em 0;
 174 }
 175
 176 .course .select_attendance {
 177   max-height: 17em;
 178   overflow-y: scroll;
 179 }
 180 .course .select_attendance label{
 181   display: block;
 182   position: relative;
 183   margin: 0; padding: 0;
 184   padding-left: 3ex;
 185 }
 186 .course .select_attendance label input{
 187   position: absolute;
 188   margin: 0; padding: 0;
 189   margin-left: -3ex;
 190   top: 0;
 191 }
 192
 193 .course .section input[type="text"] { width: 100%; }
 194 .course .section textarea.COMMENT { min-height: 6em; width: 100%; overflow: auto; }
 195