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 \r
  86 #scheduler-reservation-table > tbody > tr > th {\r
  87         font-weight: normal;\r
  88 }\r
  89 #scheduler-reservation-table > thead > tr > th {\r
  90         font-weight: normal;\r
  91 }\r
  92 \r
  93 /*#ShedulerNodes-scroll-container {\r
  94     float: left;\r
  95     overflow-x: scroll;\r
  96     overflow-y: hidden;\r
  97     width: 15%;\r
  98 }\r
  99 #ShedulerNodes {\r
 100     border-collapse: collapse;\r
 101     border-spacing: 0;\r
 102     max-width: 500px;\r
 103     width: 450px;\r
 104     margin-top: 6px !important;\r
 105 }\r
 106 \r
 107 #ShedulerNodes th{\r
 108     height: 60px;\r
 109 }\r
 110 \r
 111 #ShedulerNodes td{\r
 112     background: url("../img/podcast-15-w.png") no-repeat scroll 3px 50% #30196D;\r
 113     border: 1px solid #CDCDCD;\r
 114     color: #FFFFFF;\r
 115     height: 27px;\r
 116     padding: 0 3px 0 19px;\r
 117 }\r
 118 \r
 119 #ShedulerNodes td.verticalIndex {\r
 120     padding: 0 2px !important;\r
 121 }\r
 122 \r
 123 #ShedulerNodes td .verticalText {\r
 124     -webkit-transform: rotate(-90deg);\r
 125     -moz-transform: rotate(-90deg);\r
 126     -ms-transform: rotate(-90deg);\r
 127     -o-transform: rotate(-90deg);\r
 128     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);\r
 129     margin-left: -30px;\r
 130     position: absolute;\r
 131     transform: rotate(-90deg); \r
 132 }\r
 133 \r
 134 #reservation-table-scroll-container {\r
 135     overflow-x: scroll;\r
 136     overflow-y: visible;\r
 137     padding-bottom: 1px;\r
 138     width:85%;\r
 139 }\r
 140 \r
 141 \r
 142 #scheduler-reservation-table {\r
 143     border-spacing:0;\r
 144     border-collapse:collapse;\r
 145     margin-bottom: 0 !important;\r
 146     overflow: auto;\r
 147     width: 100%;\r
 148 }\r
 149 \r
 150 \r
 151     */\r
 152 /*background: url("../img/opened-lock-15.png") no-repeat scroll 50% 50% transparent;*/\r
 153 /*\r
 154 #scheduler-reservation-table td {\r
 155     border: 1px solid #FFFFFF;\r
 156     cursor: pointer;\r
 157     height: 27px;\r
 158     padding: 3px 0 2px;\r
 159     text-align: center;\r
 160     width: 25px;\r
 161 }\r
 162 \r
 163 #scheduler-reservation-table td img{\r
 164     height: 15px;\r
 165 }\r
 166 \r
 167 #scheduler-reservation-table td.fixed, #scheduler-reservation-table th.fixed{\r
 168     position:absolute; \r
 169     width:4em; \r
 170     top:auto;\r
 171     border-right: 2px none black; \r
 172 }\r
 173 \r
 174 #scheduler-reservation-table td.info, #scheduler-reservation-table th  {\r
 175     background: #30196D;\r
 176     font-weight:normal;\r
 177     color: #fff;\r
 178     height: 25px;\r
 179     padding: 0 3px;\r
 180     width: auto;\r
 181 }\r
 182 \r
 183 #scheduler-reservation-table th span {\r
 184     display: block;\r
 185     line-height: 3px;\r
 186     margin: 0 auto;\r
 187     padding: 0 5px;\r
 188     width: 3px;\r
 189 }\r
 190     \r
 191 */\r
 192 #scheduler-reservation-table {\r
 193     margin-top: 0 !important;\r
 194 }\r
 195 #scheduler-reservation-table tbody tr {\r
 196     border: none !important;\r
 197 }\r
 198 #scheduler-reservation-table tbody tr td{\r
 199     background-color: #FFFFFF; /*#A6C9E2 ;*/\r
 200 /*    border: 1px solid #111111;*/\r
 201 }\r
 202 \r
 203 #scheduler-reservation-table tbody tr.even td{\r
 204     background-color: #FAFAFA; /*E0E0E0 ;*/\r
 205 }\r
 206 \r
 207 #scheduler-reservation-table tbody tr th::selection {color:     #000000;background:transparent;}\r
 208 #scheduler-reservation-table tbody tr th::-moz-selection {color:        #000000;background:transparent;}\r
 209 \r
 210 #scheduler-reservation-table tbody tr td.free {\r
 211 }\r
 212 \r
 213 #scheduler-reservation-table tbody tr td.reserved {\r
 214     background: url("../img/closed-lock-15.png") no-repeat scroll 50% 50%; /* #DD4444;*/\r
 215     cursor: not-allowed;\r
 216 }\r
 217 \r
 218 #scheduler-reservation-table tbody tr td.disabled {\r
 219     background: url("../img/forbidden.png") no-repeat scroll 50% 50%; /* #DD4444;*/\r
 220     cursor: not-allowed;\r
 221 }\r
 222 \r
 223 #scheduler-reservation-table tbody tr td.success:after {\r
 224         content: "✓";\r
 225 }\r
 226 #scheduler-reservation-table tbody tr td.failure:after {\r
 227         content: "✗";\r
 228 }\r
 229 \r
 230 #scheduler-reservation-table tbody tr td.maintenance {\r
 231     background: url("../img/tools-15.png") no-repeat scroll 50% 50% #EDA428;\r
 232 }\r
 233 \r
 234 #scheduler-reservation-table tbody tr td.pendingin {\r
 235     background: #FFFF99;\r
 236 }\r
 237 \r
 238 \r
 239 #scheduler-reservation-table tbody tr td.pendingout {\r
 240     background: #E8E8E8;\r
 241 }\r
 242 \r
 243 #scheduler-reservation-table tbody tr td.free:hover ,#scheduler-reservation-table tbody tr td.selected, #scheduler-reservation-table tbody tr td.selected_tmp {\r
 244     background: #25BA25;\r
 245 }\r
 246 \r
 247 td.no-image {\r
 248     background-image: none !important;\r
 249     padding: 0 !important;\r
 250 }\r
 251 \r
 252 \r
 253 /*legend*/\r
 254 \r
 255 .legend ol {\r
 256     font-size: 0.8em;\r
 257     list-style: none;\r
 258     padding: 0;\r
 259 }\r
 260 \r
 261 .legend ol li{\r
 262     background: #a6c9e2; /* Old browsers */\r
 263     background: -moz-linear-gradient(left, #a6c9e2 28px, #e0e0e0 28px); /* FF3.6+ */\r
 264     background: -webkit-gradient(linear, left top, right top, color-stop(28px,#a6c9e2), color-stop(28px,#e0e0e0)); /* Chrome,Safari4+ */\r
 265     background: -webkit-linear-gradient(left, #a6c9e2 28px,#e0e0e0 28px); /* Chrome10+,Safari5.1+ */\r
 266     background: -o-linear-gradient(left, #a6c9e2 28px,#e0e0e0 28px); /* Opera 11.10+ */\r
 267     background: -ms-linear-gradient(left, #a6c9e2 28px,#e0e0e0 28px); /* IE10+ */\r
 268     background: linear-gradient(to right, #a6c9e2 28px,#e0e0e0 28px); /* W3C */\r
 269     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c9e2', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-9 */\r
 270 \r
 271     padding: 3px 0 3px 30px;\r
 272     width: 150px;\r
 273 }\r
 274 \r
 275 .legend ol li.free{\r
 276 \r
 277 }\r
 278 .legend ol li.pendingin{\r
 279 background: #FFFF99;\r
 280 }\r
 281 .legend ol li.pendingout{\r
 282 background: #E8E8E8;\r
 283 }\r
 284 \r
 285 \r
 286 .legend ol li.closed{\r
 287     background: url("../img/closed-lock-15.png") no-repeat scroll 8px 50% #DD4444;\r
 288 }\r
 289 \r
 290 .legend ol li.maintenance {\r
 291     background: url("../img/tools-15.png") no-repeat scroll 8px 50% #EDA428;\r
 292 }\r
 293 \r
 294 .legend ol li.selected {\r
 295     background: #25BA25;\r
 296 }\r
 297 \r
 298 /* latest stuff */\r
 299 .sliderContainer {\r
 300         margin-left: -15px;\r
 301         margin-right: 15px;\r
 302 }\r
 303 .table-responsive{\r
 304     overflow: hidden !important;\r
 305 }\r
 306 input {\r
 307     min-width: 150px !important;\r
 308         margin-left: 5px;\r
 309 }\r
 310 \r
 311 .slider.slider-horizontal {\r
 312         width: 100%;\r
 313 }\r