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 /*#ShedulerNodes-scroll-container {\r
  87     float: left;\r
  88     overflow-x: scroll;\r
  89     overflow-y: hidden;\r
  90     width: 15%;\r
  91 }\r
  92 #ShedulerNodes {\r
  93     border-collapse: collapse;\r
  94     border-spacing: 0;\r
  95     max-width: 500px;\r
  96     width: 450px;\r
  97     margin-top: 6px !important;\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 \r
 144     */\r
 145 /*background: url("../img/opened-lock-15.png") no-repeat scroll 50% 50% transparent;*/\r
 146 /*\r
 147 #scheduler-reservation-table td {\r
 148     border: 1px solid #FFFFFF;\r
 149     cursor: pointer;\r
 150     height: 27px;\r
 151     padding: 3px 0 2px;\r
 152     text-align: center;\r
 153     width: 25px;\r
 154 }\r
 155 \r
 156 #scheduler-reservation-table td img{\r
 157     height: 15px;\r
 158 }\r
 159 \r
 160 #scheduler-reservation-table td.fixed, #scheduler-reservation-table th.fixed{\r
 161     position:absolute; \r
 162     width:4em; \r
 163     top:auto;\r
 164     border-right: 2px none black; \r
 165 }\r
 166 \r
 167 #scheduler-reservation-table td.info, #scheduler-reservation-table th  {\r
 168     background: #30196D;\r
 169     font-weight:normal;\r
 170     color: #fff;\r
 171     height: 25px;\r
 172     padding: 0 3px;\r
 173     width: auto;\r
 174 }\r
 175 \r
 176 #scheduler-reservation-table th span {\r
 177     display: block;\r
 178     line-height: 3px;\r
 179     margin: 0 auto;\r
 180     padding: 0 5px;\r
 181     width: 3px;\r
 182 }\r
 183     \r
 184 */\r
 185 #scheduler-reservation-table {\r
 186     margin-top: 0 !important;\r
 187 }\r
 188 #scheduler-reservation-table tbody tr {\r
 189     border: none !important;\r
 190 }\r
 191 #scheduler-reservation-table tbody tr td{\r
 192     background-color: #A6C9E2 ;\r
 193     border: 1px solid #111111;\r
 194 }\r
 195 \r
 196 #scheduler-reservation-table tbody tr.even td{\r
 197     background-color: #E0E0E0 ;\r
 198 }\r
 199 \r
 200 #scheduler-reservation-table tbody tr th::selection {color:     #000000;background:transparent;}\r
 201 #scheduler-reservation-table tbody tr th::-moz-selection {color:        #000000;background:transparent;}\r
 202 \r
 203 #scheduler-reservation-table tbody tr td.free {\r
 204 }\r
 205 \r
 206 #scheduler-reservation-table tbody tr td.reserved {\r
 207     background: url("../img/closed-lock-15.png") no-repeat scroll 50% 50% #DD4444;\r
 208     cursor: not-allowed;\r
 209 }\r
 210 \r
 211 #scheduler-reservation-table tbody tr td.maintenance {\r
 212     background: url("../img/tools-15.png") no-repeat scroll 50% 50% #EDA428;\r
 213 }\r
 214 \r
 215 #scheduler-reservation-table tbody tr td.free:hover ,#scheduler-reservation-table tbody tr td.selected, #scheduler-reservation-table tbody tr td.selected_tmp {\r
 216     background: #25BA25;\r
 217 }\r
 218 \r
 219 td.no-image {\r
 220     background-image: none !important;\r
 221     padding: 0 !important;\r
 222 }\r
 223 \r
 224 \r
 225 /*legend*/\r
 226 \r
 227 .legend ol {\r
 228     font-size: 0.8em;\r
 229     list-style: none;\r
 230     padding: 0;\r
 231 }\r
 232 \r
 233 .legend ol li{\r
 234     background: #a6c9e2; /* Old browsers */\r
 235     background: -moz-linear-gradient(left, #a6c9e2 28px, #e0e0e0 28px); /* FF3.6+ */\r
 236     background: -webkit-gradient(linear, left top, right top, color-stop(28px,#a6c9e2), color-stop(28px,#e0e0e0)); /* Chrome,Safari4+ */\r
 237     background: -webkit-linear-gradient(left, #a6c9e2 28px,#e0e0e0 28px); /* Chrome10+,Safari5.1+ */\r
 238     background: -o-linear-gradient(left, #a6c9e2 28px,#e0e0e0 28px); /* Opera 11.10+ */\r
 239     background: -ms-linear-gradient(left, #a6c9e2 28px,#e0e0e0 28px); /* IE10+ */\r
 240     background: linear-gradient(to right, #a6c9e2 28px,#e0e0e0 28px); /* W3C */\r
 241     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c9e2', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-9 */\r
 242 \r
 243     padding: 3px 0 3px 30px;\r
 244     width: 109px;\r
 245 }\r
 246 \r
 247 .legend ol li.free{\r
 248 \r
 249 }\r
 250 \r
 251 .legend ol li.closed{\r
 252     background: url("../img/closed-lock-15.png") no-repeat scroll 8px 50% #DD4444;\r
 253 }\r
 254 \r
 255 .legend ol li.maintenance {\r
 256     background: url("../img/tools-15.png") no-repeat scroll 8px 50% #EDA428;\r
 257 }\r
 258 \r
 259 .legend ol li.selected {\r
 260     background: #25BA25;\r
 261 }\r
 262 \r
 263 /* latest stuff */\r
 264 .sliderContainer {\r
 265     margin: 10px 0;\r
 266 }\r
 267 .table-responsive{\r
 268     overflow: hidden !important;\r
 269 }