initscript body needs a fixed width font

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

diff --git a/planetlab/css/plc_style.css b/planetlab/css/plc_style.css
index 1e4cdbd..441eb7b 100644 (file)
--- 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,48 @@ body {
     position: relative;
 }
 
+.bold {
+    font-weight: bold;
+}
+
+/* -------------------- 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,12 +103,92 @@ p.node_add {
     font-style: italic;
     padding: 20px 40px;
     text-align: center;
+/*    font-size: smaller; */
+}
+p.node_download {
+    font-style: italic;
+    padding: 20px 40px;
     font-size: larger;
 }
 
-/* some air around the list tables */
-table#sites, table#persons, table#nodes, table#slices {
-    margin-left: 10px;
-    margin-right: 10px;
+#download_button, #slice_add_button {
+    text-align:center;
+}
+h3.node_download {
+    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;
+}
+
+/****************************************/
+/* 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;
 }
-