X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=planetlab%2Fcss%2Fplc_style.css;h=60a5485071e57f6ea5e7dca8416bd1e6a1e6bc08;hb=cc69977eaad2e905c9496db4f466640ad3d96b0f;hp=1edabeba0b84fca0ee82a175f0306427309e5e15;hpb=cc80f3553825a3e1f170776319a927c0ca90fbb2;p=plewww.git

diff --git a/planetlab/css/plc_style.css b/planetlab/css/plc_style.css
index 1edabeb..60a5485 100644
--- a/planetlab/css/plc_style.css
+++ b/planetlab/css/plc_style.css
@@ -1,7 +1,4 @@
-/* $Id$ */
-
 /* expanding links */
-
 .example {
     padding:10px; 
     color:#000; 
@@ -25,12 +22,57 @@ body {
     position: relative;
 }
 
+.bold {
+    font-weight: bold;
+}
+
+/* this class is used to store data that needs to get passed to javascript code */
+/* these elements are not meant to be rendered */
+.hidden {
+    display: none;
+}
+.center {
+    text-align: center;
+}
+
+/* -------------------- inputs in forms */
+/* note: this is used by the register wizard as well
+   in case where importing all this file this would some day conflict
+   it might make sense to split this file into plc_style (general) and plc_views (specifics) */
+/* don't mess with other types of input, e.g. buttons might get affected */
+input[type="text"], textarea {
+    border: solid 1px #444;
+    background-image: url( '/planetlab/icons/form_input_bg.png' );
+    background-repeat: repeat-x;
+    background-position: top;
+}
+
+textarea {
+    font-family: courier, monospace;
+}
+ 
+input[type="password"] {
+    border: solid 1px #444;
+    background-image: url( '/planetlab/icons/form_input_password.png' );
+    background-repeat: repeat-x;
+    background-position: top;
+}
+
+/* make disabled fields more obvious */
+input[type="text"][disabled], textarea[disabled] {
+    border: solid 1px #f8f8f8;
+    background-image: url( '/planetlab/icons/form_input_disabled.png' );
+    background-repeat: repeat-x;
+    background-position: top;
+}
+
+/* -------------------- errors & warnings */
 .plc-warning {
-    padding: 4px;
+    padding:	 4px;
     background:  #ffa223; 
 }
 .plc-error {
-    background: red;
+    background:  red;
     font-weight: bold;
 }
 
@@ -70,37 +112,92 @@ p.node_add {
     font-style: italic;
     padding: 20px 40px;
     text-align: center;
-    font-size: larger;
+/*    font-size: smaller; */
 }
-
 p.node_download {
     font-style: italic;
     padding: 20px 40px;
     font-size: larger;
 }
 
-div.slice_add {
-    padding: 20px 40px;
-}
-div.slice_add p {
-    font-size: larger;
-*    text-align: center; */
-}
-div.slice_add * {
-    font-style: italic;
-}
-.bold {
-    font-weight: bold;
-}
 #download_button, #slice_add_button {
     text-align:center;
 }
 h3.node_download {
     text-align: center;
 }
-div#add_slice_in_site {
-    text-align:center;
+
+/* qualify enough so that this wins over the even/odd row patterns in tables */
+tbody>tr>td.node-ok {
+    background: #a0f0e6;
+}
+tbody>tr>td.node-ko {
+    background: #ffa7a8;
+}
+/****************************************/
+/* registrations */
+div.site-register {
+    background-color: #c8c7de;
+    padding: 5px;
+    margin: 10px;
+}
+/* site registration */
+div.site-pending, div.sites-pending {
+    background-color: #eadbc8;
+    padding: 5px;
+    margin: 10px;
+}
+div.person-register {
+    background-color: #e3d1cb;
+    padding: 5px;
+    margin: 10px;
+}
+div.person-register {
+    background-color: #e3d1cb;
+    padding: 5px;
+    margin: 10px;
 }
-#add_slice_choose_site {
+
+/****************************************/
+/* slice creation page */
+#create-slice-choose-site {
     margin:20px ;
 }
+div#create-slice-in-site {
+    text-align:center;
+}
+div.create-slice-instantiations {
+    padding:  5px 0px 0px 0px;
+/*    font-size: larger; */
+    font-style: italic;
+}
+div#toggle-container-create-slice-details {
+    background-color: #e5dbb7;
+}
+div#toggle-area-create-slice-details {
+    padding: 20px 5px 5px 5px;
+}
+div#toggle-container-create-slice-persons {
+    background-color: #dfe6a1;
+}
+div#toggle-area-create-slice-persons {
+    padding: 20px 5px 5px 5px;
+}
+/* override details default */
+div#toggle-area-create-slice-details>table.plc_details {
+    margin:0 ;
+}
+div#toggle-container-add-node,
+div#toggle-container-add-interface {
+    background-color: #e0d0ff;
+}
+p.note_reservable {
+    font-style: italic;
+    padding: 20px 40px;
+    text-align: center;
+    font-size: larger; 
+}
+span.note_roles {
+    font-style:italic;
+    font-size: smaller;
+}