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:55px;\r
  97 }\r
  98 \r
  99 #ShedulerNodes th{\r
 100     height: 60px;\r
 101 }\r
 102 \r
 103 #ShedulerNodes td{\r
 104     background: url("../img/podcast-15-w.png") no-repeat scroll 3px 50% #30196D;\r
 105     border: 1px solid #CDCDCD;\r
 106     color: #FFFFFF;\r
 107     height: 27px;\r
 108     padding: 0 3px 0 19px;\r
 109 }\r
 110 \r
 111 #ShedulerNodes td.verticalIndex {\r
 112     padding: 0 2px !important;\r
 113 }\r
 114 \r
 115 #ShedulerNodes td .verticalText {\r
 116     -webkit-transform: rotate(-90deg);\r
 117     -moz-transform: rotate(-90deg);\r
 118     -ms-transform: rotate(-90deg);\r
 119     -o-transform: rotate(-90deg);\r
 120     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);\r
 121     margin-left: -30px;\r
 122     position: absolute;\r
 123     transform: rotate(-90deg); \r
 124 }\r
 125 \r
 126 #reservation-table-scroll-container {\r
 127     overflow-x: scroll;\r
 128     overflow-y: visible;\r
 129     padding-bottom: 1px;\r
 130     width:85%;\r
 131 }\r
 132 \r
 133 \r
 134 #scheduler-reservation-table {\r
 135     border-spacing:0;\r
 136     border-collapse:collapse;\r
 137     margin-bottom: 0 !important;\r
 138     overflow: auto;\r
 139     width: 100%;\r
 140 }\r
 141 \r
 142 #scheduler-reservation-table tr{\r
 143     background-color: #A6C9E2 ;\r
 144 }\r
 145 \r
 146 #scheduler-reservation-table tr.even{\r
 147     background-color: #E0E0E0 ;\r
 148 }\r
 149 \r
 150 /*background: url("../img/opened-lock-15.png") no-repeat scroll 50% 50% transparent;*/\r
 151 #scheduler-reservation-table td {\r
 152     border: 1px solid #FFFFFF;\r
 153     cursor: pointer;\r
 154     height: 27px;\r
 155     padding: 3px 0 2px;\r
 156     text-align: center;\r
 157     width: 25px;\r
 158 }\r
 159 \r
 160 #scheduler-reservation-table td img{\r
 161     height: 15px;\r
 162 }\r
 163 \r
 164 #scheduler-reservation-table td.fixed, #scheduler-reservation-table th.fixed{\r
 165     position:absolute; \r
 166     width:4em; \r
 167     top:auto;\r
 168     border-right: 2px none black; \r
 169 }\r
 170 \r
 171 #scheduler-reservation-table td.info, #scheduler-reservation-table th  {\r
 172     background: #30196D;\r
 173     font-weight:normal;\r
 174     color: #fff;\r
 175     height: 25px;\r
 176     padding: 0 3px;\r
 177     width: auto;\r
 178 }\r
 179 \r
 180 #scheduler-reservation-table th span {\r
 181     display: block;\r
 182     line-height: 3px;\r
 183     margin: 0 auto;\r
 184     padding: 0 5px;\r
 185     width: 3px;\r
 186 }\r
 187 \r
 188 #scheduler-reservation-table td.free {\r
 189 }\r
 190 \r
 191 #scheduler-reservation-table td.closed {\r
 192     background: url("../img/closed-lock-15.png") no-repeat scroll 50% 50% #DD4444;\r
 193     cursor: not-allowed;\r
 194 }\r
 195 \r
 196 #scheduler-reservation-table td.maintenance {\r
 197     background: url("../img/tools-15.png") no-repeat scroll 50% 50% #EDA428;\r
 198 }\r
 199 \r
 200 #scheduler-reservation-table td.free:hover ,#scheduler-reservation-table td.selected, #scheduler-reservation-table td.selected_tmp {\r
 201     background: #25BA25;\r
 202 }\r
 203 \r
 204 td.no-image {\r
 205     background-image: none !important;\r
 206     padding: 0 !important;\r
 207 }\r
 208 \r
 209 \r
 210 /*legend*/\r
 211 \r
 212 .legend ol {\r
 213     font-size: 0.8em;\r
 214     list-style: none;\r
 215     padding: 0;\r
 216 }\r
 217 \r
 218 .legend ol li{\r
 219     background: #a6c9e2; /* Old browsers */\r
 220     background: -moz-linear-gradient(left, #a6c9e2 28px, #e0e0e0 28px); /* FF3.6+ */\r
 221     background: -webkit-gradient(linear, left top, right top, color-stop(28px,#a6c9e2), color-stop(28px,#e0e0e0)); /* Chrome,Safari4+ */\r
 222     background: -webkit-linear-gradient(left, #a6c9e2 28px,#e0e0e0 28px); /* Chrome10+,Safari5.1+ */\r
 223     background: -o-linear-gradient(left, #a6c9e2 28px,#e0e0e0 28px); /* Opera 11.10+ */\r
 224     background: -ms-linear-gradient(left, #a6c9e2 28px,#e0e0e0 28px); /* IE10+ */\r
 225     background: linear-gradient(to right, #a6c9e2 28px,#e0e0e0 28px); /* W3C */\r
 226     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c9e2', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-9 */\r
 227 \r
 228     padding: 3px 0 3px 30px;\r
 229     width: 109px;\r
 230 }\r
 231 \r
 232 .legend ol li.free{\r
 233 \r
 234 }\r
 235 \r
 236 .legend ol li.closed{\r
 237     background: url("../img/closed-lock-15.png") no-repeat scroll 8px 50% #DD4444;\r
 238 }\r
 239 \r
 240 .legend ol li.maintenance {\r
 241     background: url("../img/tools-15.png") no-repeat scroll 8px 50% #EDA428;\r
 242 }\r
 243 \r
 244 .legend ol li.selected {\r
 245     background: #25BA25;\r
 246 }\r