X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=planetlab%2Fcss%2Fmy_slice.css;h=088fc47cc3a6e46988816cd017f3a3040263992b;hb=9a861118daa28fe79fec7fc2f24a5511a8e7cd69;hp=1cf26f92bfc30ded84d58b363cf7cf4922e1703f;hpb=de3b1cb925d7a36b4e5a9610318ab4f21041c49e;p=plewww.git

diff --git a/planetlab/css/my_slice.css b/planetlab/css/my_slice.css
index 1cf26f9..088fc47 100644
--- 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,3 +18,114 @@ div#toggle-container-my-slice-nodes-add {
     background: #f0e0e0;
 }
 
+/* the scheduler area */
+div#toggle-container-my-slice-nodes-reserve {
+    background: #def;
+}
+
+/* where the graphics go */
+div#leases_area {
+  padding: 10px 25px;
+}
+
+/* don't display the scheduler data table - not quite sure this works */
+table#leases_data {
+    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}
+
+div.note-div {
+ 	padding: 4px;
+ 	background-color: #cae8ea;
+ 	width: 800px;
+	margin-left:auto;
+	margin-right:auto;
+
+}
+
+div#scrolldiv {
+	border : solid 2px grey; 
+	padding:4px; 
+	width:300px; 
+	height:180px; 
+	overflow:auto;
+}
+
+th,td.top {
+	vertical-align: top;
+	text-align: left;
+	padding:10px;
+}
+
+td.smallright {
+	text-align: right;
+	width:20px;
+}
+
+table.center {
+	margin-left:auto; 
+	margin-right:auto;
+}
+
+table.columnlist {
+	width:280px;
+}
+
+td.header {
+	background-color: #CAE8EA;
+	text-align: center;
+	width:30px;
+}
+
+span.header {
+	font-weight: bold;
+	color: #3399CC;
+}
+
+a.source-url{
+        font-weight: bold;
+}
+
+span.gray{
+        color: #555555;
+}
+
+span.short {
+	height:10px;
+}
+
+span.column-title {
+        font-size: 15px;
+        font-weight: bold;
+}
+
+span.column-detail {
+        font-size: 11px; 
+        font-style: italic;
+}
+
+
+
+