]> git.plutz.net Git - confetti/blob - templates/courses.css.sh
3d9516212b6ee45597ebf70ca6bf55db856a3e30
[confetti] / 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   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
196 EOF
197
198 # vi:set filetype=css: