reservations add/delete use ajax, no need to wait for the page to reload

[plewww.git] / planetlab / css / my_slice.css

diff --git a/planetlab/css/my_slice.css b/planetlab/css/my_slice.css
index 87007ab..2cf7430 100644 (file)
--- a/planetlab/css/my_slice.css
+++ b/planetlab/css/my_slice.css
@@ -7,7 +7,7 @@ div.my-slice-renewal {
     margin: 30px;
 }
 
-/* internal toggles */
+/* toggles for the nodes sections */
 div#toggle-container-my-slice-persons-current,
 div#toggle-container-my-slice-nodes-current {
     background: #f0f0f0;
@@ -18,13 +18,62 @@ div#toggle-container-my-slice-nodes-add {
     background: #f0e0e0;
 }
 
-/* the container for the scheduler area */
+/* the scheduler area */
+div#toggle-container-my-slice-nodes-reserve {
+    background: #def;
+}
+
+/* where the graphics go */
 div#leases_area {
-    padding: 25px;
-    background: #bbd3e2;
+  padding: 10px 25px;
 }
 
-/* don't display the scheduler data table */
-table#leases_data {
+/* this class is used to store data that needs to get passed to javascript code */
+/* these elements re not meant to be rendered */
+.hidden {
     display: none;
 }
+
+/* the various controls for the scheduler */
+/* upper section, with selection mode */
+#leases_modes { padding: 10px; text-align: center; color: #333; }
+
+#leases_buttons { padding: 0px 10px 10px 10px; }
+#leases_clear { position: relative; left: 30%;}
+#leases_submit { position: relative; left: 60%; }
+        
+
+/* column configuation style */
+
+div#toggle-container-my-slice-nodes-configuration {
+    background: #f8f8f8;
+}
+
+OPTION.out{background-color:white; color:black}
+OPTION.in{background-color:#CAE8EA; color:#4f6b72}
+
+div.out{background-color:white; color:black}
+div.in{background-color:#CAE8EA; color:#4f6b72}
+div.selected{background-color:gray; color:black}
+div.invisible{display:none}
+
+.myslice {
+        font: 11px Arial, Helvetica, sans-serif;
+        color: gray;
+}
+
+.myslice .title {
+        font: 11px;
+        font-weight: bold;
+}
+
+.myslice .desc {
+        font: 11px;
+        font-style: italic;
+}
+
+.myslice .subtitle{
+        color: #bb9c61;
+}
+
+