7db095cffd383fd134e81ecd255e9a3c1f160a5b
[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   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: