X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=planetlab%2Fcss%2Fmy_slice.css;h=595a91d76aaf28b362dcf72460da1cdb38cdcd0e;hb=98947e425585b861dd0f9c161aef4e0b5180cfe8;hp=ecb684a3a8ee9d1b317e837689da9db9a060c659;hpb=6a1d8248f67a405efd7e175f5593455757f55cc2;p=plewww.git

diff --git a/planetlab/css/my_slice.css b/planetlab/css/my_slice.css
index ecb684a..595a91d 100644
--- a/planetlab/css/my_slice.css
+++ b/planetlab/css/my_slice.css
@@ -1,7 +1,3 @@
-/*
- Thierry Parmentelat -- INRIA
- */
-
 /* space around various messages */
 div.my-slice-renewal {
     margin: 30px;
@@ -25,25 +21,22 @@ div#toggle-container-my-slice-nodes-reserve {
 
 /* where the graphics go */
 div#leases_area {
-  padding: 10px 20px;
+  padding: 10px 25px;
 }
 
-/* this class is used to store data that needs to get passed to javascript code */
-/* these elements are not meant to be rendered */
-.hidden {
+/* don't display the scheduler data table - not quite sure this works */
+table#leases_data {
     display: none;
 }
-.center {
-    text-align: center;
-}
 
 /* the various controls for the scheduler */
-/* bottom section with the buttons */
-input.leases_input { width: 28px; text-align: right; }
-.leases_label { padding-left: 12px; padding-right: 8px; }
-#leases_settings { padding: 15px 30px 10px 30px; }
-#leases_buttons { text-align: center; padding: 0px 10px 10px 10px; }
-#leases_refresh,#leases_submit { padding-left: 20px; padding-right: 20px; margin-left: 10px; margin-right:10px; }
+/* upper section, with selection mode */
+#leases_modes { padding: 10px; text-align: center; color: #333; }
+
+#leases_buttons { padding: 0px 10px 10px 10px; }
+#leases_refresh { position: relative; left: 30%;}
+#leases_submit { position: relative; left: 60%; }
+        
 
 /* column configuation style */
 
@@ -59,23 +52,74 @@ 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;
+div.toggle-info {
+ 	padding: 10px 20px;
+ 	background-color: #cae8ea;
+	margin: 10px 10px;
+
+}
+
+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;
 }
 
-.myslice .title {
-        font: 11px;
+td.header {
+	background-color: #CAE8EA;
+	text-align: center;
+	width:30px;
+}
+
+span.header {
+	font-weight: bold;
+	color: #3399CC;
+}
+
+a.source-url{
         font-weight: bold;
 }
 
-.myslice .desc {
-        font: 11px;
-        font-style: italic;
+span.gray{
+        color: #555555;
 }
 
-.myslice .subtitle{
-        color: #bb9c61;
+span.short {
+	height:10px;
 }
 
+span.column-title {
+        font-size: 15px;
+        font-weight: bold;
+}
+
+span.column-detail {
+        font-size: 11px; 
+        font-style: italic;
+}
+
+
+