removed template
[unfold.git] / plugins / scheduler2 / static / css / scheduler2.css
1 /*\r
2 #\r
3 # Copyright (c) 2012 NITLab, University of Thessaly, CERTH, Greece\r
4 #\r
5 # Permission is hereby granted, free of charge, to any person obtaining a copy\r
6 # of this software and associated documentation files (the "Software"), to deal\r
7 # in the Software without restriction, including without limitation the rights\r
8 # to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\r
9 # copies of the Software, and to permit persons to whom the Software is\r
10 # furnished to do so, subject to the following conditions:\r
11 #\r
12 # The above copyright notice and this permission notice shall be included in\r
13 # all copies or substantial portions of the Software.\r
14 #\r
15 # THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\r
16 # IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\r
17 # FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.  IN NO EVENT SHALL THE\r
18 # AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\r
19 # LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\r
20 # OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\r
21 # THE SOFTWARE.\r
22 #\r
23 #\r
24 # This is a MySlice plugin for the NITOS Scheduler\r
25 # NITOScheduler v8\r
26 #\r
27 */\r
28 .m-t {\r
29     margin-top:5px;\r
30 }\r
31 .m-b {\r
32     margin-bottom:5px;\r
33 }\r
34 .m-none {\r
35     margin:0;\r
36 }\r
37 \r
38 .form-control {\r
39     padding-right: 30px;\r
40 }\r
41 \r
42 .form-control + .glyphicon {\r
43     position: absolute;\r
44     right: 0;\r
45     padding: 8px 27px;\r
46 }\r
47 \r
48 #time-range {\r
49     margin-top:10px;\r
50 }\r
51 #TopologyModal .modal-dialog {\r
52     width: 700px;\r
53 }\r
54 #TopologyModal .modal-body {\r
55     position: relative;\r
56     overflow-y: auto;\r
57     max-height: 100%;\r
58     padding: 15px;\r
59 }\r
60 #TopologyModal .modal-header, #TopologyModal .modal-body, #TopologyModal .modal-footer {\r
61     background: none repeat scroll 0 0 #FFFFFF;\r
62 }\r
63 #TopologyModal .modal-header {\r
64     border-radius: 11px 11px 0 0;\r
65 }\r
66 #TopologyModal .modal-body {\r
67     border-radius: 0 0 11px 11px;\r
68 }\r
69 \r
70 #scheduler .table {\r
71     background:#fff;\r
72 }\r
73 \r
74 #scheduler .control-label {\r
75     margin-top: 5px;\r
76 }\r
77 #lbltime {\r
78     display: inline-block;\r
79     font-size: 1.2em;\r
80     margin-top: 0;\r
81     padding: 6px;\r
82 }\r
83 \r
84 /** tables css **/\r
85 #ShedulerNodes-scroll-container {\r
86     float: left;\r
87     overflow-x: scroll;\r
88     overflow-y: hidden;\r
89     width: 15%;\r
90 }\r
91 #ShedulerNodes {\r
92     border-collapse: collapse;\r
93     border-spacing: 0;\r
94     max-width: 500px;\r
95     width: 450px;\r
96     margin-top: 6px !important;\r
97     /* margin-top:55px; */\r
98 }\r
99 \r
100 #ShedulerNodes th{\r
101     height: 60px;\r
102 }\r
103 \r
104 #ShedulerNodes td{\r
105     background: url("../img/podcast-15-w.png") no-repeat scroll 3px 50% #30196D;\r
106     border: 1px solid #CDCDCD;\r
107     color: #FFFFFF;\r
108     height: 27px;\r
109     padding: 0 3px 0 19px;\r
110 }\r
111 \r
112 #ShedulerNodes td.verticalIndex {\r
113     padding: 0 2px !important;\r
114 }\r
115 \r
116 #ShedulerNodes td .verticalText {\r
117     -webkit-transform: rotate(-90deg);\r
118     -moz-transform: rotate(-90deg);\r
119     -ms-transform: rotate(-90deg);\r
120     -o-transform: rotate(-90deg);\r
121     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);\r
122     margin-left: -30px;\r
123     position: absolute;\r
124     transform: rotate(-90deg); \r
125 }\r
126 \r
127 #reservation-table-scroll-container {\r
128     overflow-x: scroll;\r
129     overflow-y: visible;\r
130     padding-bottom: 1px;\r
131     width:85%;\r
132 }\r
133 \r
134 \r
135 #scheduler-reservation-table {\r
136     border-spacing:0;\r
137     border-collapse:collapse;\r
138     margin-bottom: 0 !important;\r
139     overflow: auto;\r
140     width: 100%;\r
141 }\r
142 \r
143 #scheduler-reservation-table tr{\r
144     background-color: #A6C9E2 ;\r
145 }\r
146 \r
147 #scheduler-reservation-table tr.even{\r
148     background-color: #E0E0E0 ;\r
149 }\r
150 \r
151 /*background: url("../img/opened-lock-15.png") no-repeat scroll 50% 50% transparent;*/\r
152 #scheduler-reservation-table td {\r
153     border: 1px solid #FFFFFF;\r
154     cursor: pointer;\r
155     height: 27px;\r
156     padding: 3px 0 2px;\r
157     text-align: center;\r
158     width: 25px;\r
159 }\r
160 \r
161 #scheduler-reservation-table td img{\r
162     height: 15px;\r
163 }\r
164 \r
165 #scheduler-reservation-table td.fixed, #scheduler-reservation-table th.fixed{\r
166     position:absolute; \r
167     width:4em; \r
168     top:auto;\r
169     border-right: 2px none black; \r
170 }\r
171 \r
172 #scheduler-reservation-table td.info, #scheduler-reservation-table th  {\r
173     background: #30196D;\r
174     font-weight:normal;\r
175     color: #fff;\r
176     height: 25px;\r
177     padding: 0 3px;\r
178     width: auto;\r
179 }\r
180 \r
181 #scheduler-reservation-table th span {\r
182     display: block;\r
183     line-height: 3px;\r
184     margin: 0 auto;\r
185     padding: 0 5px;\r
186     width: 3px;\r
187 }\r
188 \r
189 #scheduler-reservation-table td.free {\r
190 }\r
191 \r
192 #scheduler-reservation-table td.closed {\r
193     background: url("../img/closed-lock-15.png") no-repeat scroll 50% 50% #DD4444;\r
194     cursor: not-allowed;\r
195 }\r
196 \r
197 #scheduler-reservation-table td.maintenance {\r
198     background: url("../img/tools-15.png") no-repeat scroll 50% 50% #EDA428;\r
199 }\r
200 \r
201 #scheduler-reservation-table td.free:hover ,#scheduler-reservation-table td.selected, #scheduler-reservation-table td.selected_tmp {\r
202     background: #25BA25;\r
203 }\r
204 \r
205 td.no-image {\r
206     background-image: none !important;\r
207     padding: 0 !important;\r
208 }\r
209 \r
210 \r
211 /*legend*/\r
212 \r
213 .legend ol {\r
214     font-size: 0.8em;\r
215     list-style: none;\r
216     padding: 0;\r
217 }\r
218 \r
219 .legend ol li{\r
220     background: #a6c9e2; /* Old browsers */\r
221     background: -moz-linear-gradient(left, #a6c9e2 28px, #e0e0e0 28px); /* FF3.6+ */\r
222     background: -webkit-gradient(linear, left top, right top, color-stop(28px,#a6c9e2), color-stop(28px,#e0e0e0)); /* Chrome,Safari4+ */\r
223     background: -webkit-linear-gradient(left, #a6c9e2 28px,#e0e0e0 28px); /* Chrome10+,Safari5.1+ */\r
224     background: -o-linear-gradient(left, #a6c9e2 28px,#e0e0e0 28px); /* Opera 11.10+ */\r
225     background: -ms-linear-gradient(left, #a6c9e2 28px,#e0e0e0 28px); /* IE10+ */\r
226     background: linear-gradient(to right, #a6c9e2 28px,#e0e0e0 28px); /* W3C */\r
227     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c9e2', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-9 */\r
228 \r
229     padding: 3px 0 3px 30px;\r
230     width: 109px;\r
231 }\r
232 \r
233 .legend ol li.free{\r
234 \r
235 }\r
236 \r
237 .legend ol li.closed{\r
238     background: url("../img/closed-lock-15.png") no-repeat scroll 8px 50% #DD4444;\r
239 }\r
240 \r
241 .legend ol li.maintenance {\r
242     background: url("../img/tools-15.png") no-repeat scroll 8px 50% #EDA428;\r
243 }\r
244 \r
245 .legend ol li.selected {\r
246     background: #25BA25;\r
247 }\r