X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=planetlab%2Fcss%2Fplc_style.css;h=60a5485071e57f6ea5e7dca8416bd1e6a1e6bc08;hb=9fea82d06df5c051a457045595aa682c56cddefd;hp=7e21a055a34d76b0c82da49f692f6d2a3549476b;hpb=305c3ccb1a65dc994558ec83e5fc3b877686e07f;p=plewww.git

diff --git a/planetlab/css/plc_style.css b/planetlab/css/plc_style.css
index 7e21a05..60a5485 100644
--- a/planetlab/css/plc_style.css
+++ b/planetlab/css/plc_style.css
@@ -1,7 +1,4 @@
-/*
-expanding links
-*/
-
+/* expanding links */
 .example {
     padding:10px; 
     color:#000; 
@@ -20,28 +17,187 @@ a:hover.expandlink {
     color:#fff
 }
 
+/* -------------------- general */
 body {
     position: relative;
 }
 
-h2.plc { 
+.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;
+}
 
-.plc-foreign {
-    background:  #e0e0e0;
+/* 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 {
-    background:  orange;
+    padding:	 4px;
+    background:  #ffa223; 
 }
 .plc-error {
-    background: red;
-    font-weight:bold;
+    background:  red;
+    font-weight: bold;
+}
+
+.plc-warning a:link { text-decoration: none; color:white }
+.plc-warning a:visited { text-decoration: none; color:white }
+.plc-warning a:hover { text-decoration: none; color:black }
+
+/* -------------------- the planetlab module area */
+div.block-planetlab a {
+    font-weight:normal;
+    font-style:italic;
+}
+/* -------------------- sites */
+.addresses { text-align: center; font-weight: bold; }
+
+/* -------------------- admin search */
+#admin-search-form {
+    text-align: center;
+    padding: 10px;
+}
+
+#admin-search-form label {
+    font-weight : bold;
+    padding-right: 20px;
+}
+
+span.tokens {
+    font-weight: bold;
+    font-style: italic;
+}
+
+#admin-search-message {
+    padding: 30px;
+}
+
+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;
+}
+
+#download_button, #slice_add_button {
+    text-align:center;
+}
+h3.node_download {
+    text-align: center;
 }
 
-*.plc-warning a:link { text-decoration: none; color:white }
-*.plc-warning a:visited { text-decoration: none; color:white }
-*.plc-warning a:hover { text-decoration: none; color:black }
+/* 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;
+}