-/*
-expanding links
-*/
-
-.example {padding:10px; color:#000; background:#fcf7ff; width:80%; clear:left; margin:2em auto 3em auto; border:1px solid #69c}
-a.expandlink {color:#00c}
+/* expanding links */
+.example {
+ padding:10px;
+ color:#000;
+ background:#fcf7ff;
+ width:80%;
+ clear:left;
+ margin:2em auto 3em auto;
+ border:1px solid #69c;
+}
+a.expandlink {
+ color:#00c
+}
a:active.expandlink,
a:focus.expandlink,
-a:hover.expandlink {color:#fff}
+a:hover.expandlink {
+ color:#fff
+}
-/*
-body styles
-*/
-/*
+/* -------------------- general */
body {
- font-family: sans-serif;
- }
-
-#container {
-
- }
-
-#topcontent {
- position: relative;
- width:100%;
- height:30px;
- }
-
-#loginbar {
- padding:1px;
- float:right;
- font-size:14px;
- border:2px solid #072F6F;
- }
-
-#menu {
- position: relative;
- }
-
-#links {
- top: 15px;
- float:right;
- }
-
-#boxcontainer {
- margin-top:5px;
- width:100%;
- }
-
-#topbox {
- width:100%;
- height:49%;
- top:50px;
- }
-
-#topleftcontent {
- float:left;
- width:49%;
- height:98%;
- background:#fff;
- padding:4px;
- }
-
-#toprightcontent {
- float:right;
- width:49%;
- height:98%;
- background:#fff;
- padding:4px;
- }
-
-#bottombox {
- margin-top:1%;
- width: 100%;
- height: 49%;
- }
-
-#bottomleftcontent {
- float: left;
- width:49%;
- height:98%;
- background:#fff;
- padding:4px;
- }
-
-#bottomrightcontent {
- float: right;
- width:49%;
- height:98%;
- background:#fff;
- padding:4px;
- }
-
-#toprightcontent, #bottomrightcontent, #topleftcontent, #bottomleftcontent{
- border:2px solid #072F6F;
- }
-*/
-/*
-form styles
-*/
-/*
-form {
- border: 1px solid #072F6F;
- padding: 5px;
- }
-
-.textarea_input {
- background-color: #ddd;
- color: #072F6F;
- font-size:12px;
- }
-
-.select_input {
- background-color: #ddd;
- color: #072F6F;
- font-size:12px;
- }
-
-.text_input {
- font-size: 10px;
- background-color: #CCCCCC;
- border: 1px solid #666666;
- }
-
-.input {
- font-size:10px;
- color:#072F6F;
- background-color: #ddd;
- }
-*/
-/*
-autocomplete
-*/
-
-body
-{
- position: relative;
+ position: relative;
}
-ul.autosuggest
-{
- position: absolute;
- list-style: none;
- margin: 0;
- padding: 0;
- overflow-y: auto;
+.bold {
+ font-weight: bold;
}
-ul.autosuggest li.autosuggest
-{
- text-align: left;
- border-bottom: 1px solid #ccc;
- border-left: 1px solid #ccc;
- border-right: 1px solid #ccc;
+/* 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;
}
-
-ul.autosuggest li.autosuggest a:link,
-ul.autosuggest li.autosuggest a:visited
-{
- display: block;
- padding: 2px;
- text-decoration: none;
- background-color: #eee;
+.center {
+ text-align: center;
}
-ul.autosuggest li.autosuggest a:hover,
-ul.autosuggest li.autosuggest a:active
-{
- color: #fff;
- background-color: #f30;
+/* -------------------- 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;
}
-
-ul.autosuggest li.highlight a:link,
-ul.autosuggest li.highlight a:visited
-{
- color: #fff;
- background-color: #f30;
+textarea {
+ font-family: courier, monospace;
}
-
-
-/*
-drop down
-*/
-/*
-#csstopmenu, #csstopmenu ul{
- padding: 0;
- margin: 0;
- list-style: none;
+
+input[type="password"] {
+ border: solid 1px #444;
+ background-image: url( '/planetlab/icons/form_input_password.png' );
+ background-repeat: repeat-x;
+ background-position: top;
}
-#csstopmenu li{
- float: left;
- position: relative;
+/* 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;
}
-#csstopmenu a{
- text-decoration: none;
+/* -------------------- errors & warnings */
+.plc-warning {
+ padding: 4px;
+ background: #ffa223;
}
-
-.mainitems{
- border: 0px solid black;
- border-left-width: 0;
- width: 96px;
- height: 16px;
- padding-top: 7px;
- background-repeat: no-repeat;
+.plc-error {
+ background: red;
+ font-weight: bold;
}
-.mainitems:hover{
- /*border-left-width: 1;
- background-repeat: no-repeat;
-}
-/*
-.headerlinks a{
- display:block;
- padding:3px;
- margin-right:2px;
- font-size: 14px;
- font-weight: bold;
- text-align:center;
- color: black;
- background: #eee;
- border:1px solid #072F6F;
+.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; }
-.headerlinks a:hover{
- background: #ddd;
+/* -------------------- admin search */
+#admin-search-form {
+ text-align: center;
+ padding: 10px;
}
-.submenus{
- display: none;
- width: 10em;
- position: absolute;
-
- background-color: #E4E6EA;
- border: 1px solid #072F6F;
+#admin-search-form label {
+ font-weight : bold;
+ padding-right: 20px;
}
-.submenus li{
- margin-top: 2px;
- margin-bottom: 2px;
- font-size:14px;
- margin-left:10px;
+span.tokens {
+ font-weight: bold;
+ font-style: italic;
}
-.submenus li a{
- display: block;
- color: black;
+#admin-search-message {
+ padding: 30px;
}
-html>body .submenus li a{ /* non IE browsers
- width: auto;
+p.node_add {
+ font-style: italic;
+ padding: 20px 40px;
+ text-align: center;
+/* font-size: smaller; */
}
-
-.submenus li a:hover{
- background-color: #072F6F;
- color: white;
+p.node_download {
+ font-style: italic;
+ padding: 20px 40px;
+ font-size: larger;
}
-#csstopmenu li>ul {/* non IE browsers
- top: auto;
- left: auto;
+#download_button, #slice_add_button {
+ text-align:center;
}
-
-#csstopmenu li:hover ul, li.over ul {
- display: block;
+h3.node_download {
+ text-align: center;
}
-html>body #clearmenu{ /* non IE browsers
- height: 3px;
-}
-*/
-/*
- * TODO: CSS for PlanetLab admin pages.
- * Must remain compatible with Drupal standard CSS names.
- *
- * Reid Moran <rmoran@cs.princeton.edu>
- * Mark Huang <mlhuang@cs.princeton.edu>
- * Copyright (C) 2006-2007 The Trustees of Princeton University
- *
- * $Id$
- */
-
-/* Thierry : class used for showing foreign items */
-.plc-foreign {
- background: #d0d0d0;
+/* 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;
}
-/* Thierry : class used for showing various warnings */
-.plc-warning {
- background: orange;
+/****************************************/
+/* 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;
}
-*.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 }
git://git.onelab.eu / plewww.git / blobdiff