git://git.onelab.eu / myslice.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Chrysostomos for scheduler
[myslice.git] / plugins / scheduler2 / static / css / scheduler2.css
diff --git a/plugins/scheduler2/static/css/scheduler2.css b/plugins/scheduler2/static/css/scheduler2.css
new file mode 100755 (executable)
index 0000000..1133433
--- /dev/null
+++ b/plugins/scheduler2/static/css/scheduler2.css
@@ -0,0 +1,246 @@
+/*\r
+#\r
+# Copyright (c) 2012 NITLab, University of Thessaly, CERTH, Greece\r
+#\r
+# Permission is hereby granted, free of charge, to any person obtaining a copy\r
+# of this software and associated documentation files (the "Software"), to deal\r
+# in the Software without restriction, including without limitation the rights\r
+# to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\r
+# copies of the Software, and to permit persons to whom the Software is\r
+# furnished to do so, subject to the following conditions:\r
+#\r
+# The above copyright notice and this permission notice shall be included in\r
+# all copies or substantial portions of the Software.\r
+#\r
+# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\r
+# IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\r
+# FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.  IN NO EVENT SHALL THE\r
+# AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\r
+# LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\r
+# OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\r
+# THE SOFTWARE.\r
+#\r
+#\r
+# This is a MySlice plugin for the NITOS Scheduler\r
+# NITOScheduler v8\r
+#\r
+*/\r
+.m-t {\r
+    margin-top:5px;\r
+}\r
+.m-b {\r
+    margin-bottom:5px;\r
+}\r
+.m-none {\r
+    margin:0;\r
+}\r
+\r
+.form-control {\r
+    padding-right: 30px;\r
+}\r
+\r
+.form-control + .glyphicon {\r
+    position: absolute;\r
+    right: 0;\r
+    padding: 8px 27px;\r
+}\r
+\r
+#time-range {\r
+    margin-top:10px;\r
+}\r
+#TopologyModal .modal-dialog {\r
+    width: 700px;\r
+}\r
+#TopologyModal .modal-body {\r
+    position: relative;\r
+    overflow-y: auto;\r
+    max-height: 100%;\r
+    padding: 15px;\r
+}\r
+#TopologyModal .modal-header, #TopologyModal .modal-body, #TopologyModal .modal-footer {\r
+    background: none repeat scroll 0 0 #FFFFFF;\r
+}\r
+#TopologyModal .modal-header {\r
+    border-radius: 11px 11px 0 0;\r
+}\r
+#TopologyModal .modal-body {\r
+    border-radius: 0 0 11px 11px;\r
+}\r
+\r
+#scheduler .table {\r
+    background:#fff;\r
+}\r
+\r
+#scheduler .control-label {\r
+    margin-top: 5px;\r
+}\r
+#lbltime {\r
+    display: inline-block;\r
+    font-size: 1.2em;\r
+    margin-top: 0;\r
+    padding: 6px;\r
+}\r
+\r
+/** tables css **/\r
+#ShedulerNodes-scroll-container {\r
+    float: left;\r
+    overflow-x: scroll;\r
+    overflow-y: hidden;\r
+    width: 15%;\r
+}\r
+#ShedulerNodes {\r
+    border-collapse: collapse;\r
+    border-spacing: 0;\r
+    max-width: 500px;\r
+    width: 450px;\r
+    margin-top:55px;\r
+}\r
+\r
+#ShedulerNodes th{\r
+    height: 60px;\r
+}\r
+\r
+#ShedulerNodes td{\r
+    background: url("../img/podcast-15-w.png") no-repeat scroll 3px 50% #30196D;\r
+    border: 1px solid #CDCDCD;\r
+    color: #FFFFFF;\r
+    height: 27px;\r
+    padding: 0 3px 0 19px;\r
+}\r
+\r
+#ShedulerNodes td.verticalIndex {\r
+    padding: 0 2px !important;\r
+}\r
+\r
+#ShedulerNodes td .verticalText {\r
+    -webkit-transform: rotate(-90deg);\r
+    -moz-transform: rotate(-90deg);\r
+    -ms-transform: rotate(-90deg);\r
+    -o-transform: rotate(-90deg);\r
+    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);\r
+    margin-left: -30px;\r
+    position: absolute;\r
+    transform: rotate(-90deg); \r
+}\r
+\r
+#reservation-table-scroll-container {\r
+    overflow-x: scroll;\r
+    overflow-y: visible;\r
+    padding-bottom: 1px;\r
+    width:85%;\r
+}\r
+\r
+\r
+#scheduler-reservation-table {\r
+    border-spacing:0;\r
+    border-collapse:collapse;\r
+    margin-bottom: 0 !important;\r
+    overflow: auto;\r
+    width: 100%;\r
+}\r
+\r
+#scheduler-reservation-table tr{\r
+    background-color: #A6C9E2 ;\r
+}\r
+\r
+#scheduler-reservation-table tr.even{\r
+    background-color: #E0E0E0 ;\r
+}\r
+\r
+/*background: url("../img/opened-lock-15.png") no-repeat scroll 50% 50% transparent;*/\r
+#scheduler-reservation-table td {\r
+    border: 1px solid #FFFFFF;\r
+    cursor: pointer;\r
+    height: 27px;\r
+    padding: 3px 0 2px;\r
+    text-align: center;\r
+    width: 25px;\r
+}\r
+\r
+#scheduler-reservation-table td img{\r
+    height: 15px;\r
+}\r
+\r
+#scheduler-reservation-table td.fixed, #scheduler-reservation-table th.fixed{\r
+    position:absolute; \r
+    width:4em; \r
+    top:auto;\r
+    border-right: 2px none black; \r
+}\r
+\r
+#scheduler-reservation-table td.info, #scheduler-reservation-table th  {\r
+    background: #30196D;\r
+    font-weight:normal;\r
+    color: #fff;\r
+    height: 25px;\r
+    padding: 0 3px;\r
+    width: auto;\r
+}\r
+\r
+#scheduler-reservation-table th span {\r
+    display: block;\r
+    line-height: 3px;\r
+    margin: 0 auto;\r
+    padding: 0 5px;\r
+    width: 3px;\r
+}\r
+\r
+#scheduler-reservation-table td.free {\r
+}\r
+\r
+#scheduler-reservation-table td.closed {\r
+    background: url("../img/closed-lock-15.png") no-repeat scroll 50% 50% #DD4444;\r
+    cursor: not-allowed;\r
+}\r
+\r
+#scheduler-reservation-table td.maintenance {\r
+    background: url("../img/tools-15.png") no-repeat scroll 50% 50% #EDA428;\r
+}\r
+\r
+#scheduler-reservation-table td.free:hover ,#scheduler-reservation-table td.selected, #scheduler-reservation-table td.selected_tmp {\r
+    background: #25BA25;\r
+}\r
+\r
+td.no-image {\r
+    background-image: none !important;\r
+    padding: 0 !important;\r
+}\r
+\r
+\r
+/*legend*/\r
+\r
+.legend ol {\r
+    font-size: 0.8em;\r
+    list-style: none;\r
+    padding: 0;\r
+}\r
+\r
+.legend ol li{\r
+    background: #a6c9e2; /* Old browsers */\r
+    background: -moz-linear-gradient(left, #a6c9e2 28px, #e0e0e0 28px); /* FF3.6+ */\r
+    background: -webkit-gradient(linear, left top, right top, color-stop(28px,#a6c9e2), color-stop(28px,#e0e0e0)); /* Chrome,Safari4+ */\r
+    background: -webkit-linear-gradient(left, #a6c9e2 28px,#e0e0e0 28px); /* Chrome10+,Safari5.1+ */\r
+    background: -o-linear-gradient(left, #a6c9e2 28px,#e0e0e0 28px); /* Opera 11.10+ */\r
+    background: -ms-linear-gradient(left, #a6c9e2 28px,#e0e0e0 28px); /* IE10+ */\r
+    background: linear-gradient(to right, #a6c9e2 28px,#e0e0e0 28px); /* W3C */\r
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c9e2', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-9 */\r
+\r
+    padding: 3px 0 3px 30px;\r
+    width: 109px;\r
+}\r
+\r
+.legend ol li.free{\r
+\r
+}\r
+\r
+.legend ol li.closed{\r
+    background: url("../img/closed-lock-15.png") no-repeat scroll 8px 50% #DD4444;\r
+}\r
+\r
+.legend ol li.maintenance {\r
+    background: url("../img/tools-15.png") no-repeat scroll 8px 50% #EDA428;\r
+}\r
+\r
+.legend ol li.selected {\r
+    background: #25BA25;\r
+}\r
myslice (django)