git.plutz.net Git - confetti/blob - templates/courses.css.sh

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