X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=planetlab%2Fcss%2Fplc_style.css;h=60a5485071e57f6ea5e7dca8416bd1e6a1e6bc08;hb=09dfe40f5c40b16b7c4d59e3d39e294ae3b6810e;hp=ad68fd8f7debf02542d17fbb4c3f983c79ae605c;hpb=9c2c95763677a4f5045bc039f680e56752861f4b;p=plewww.git diff --git a/planetlab/css/plc_style.css b/planetlab/css/plc_style.css index ad68fd8..60a5485 100644 --- a/planetlab/css/plc_style.css +++ b/planetlab/css/plc_style.css @@ -1,297 +1,203 @@ -/* -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 - * Mark Huang - * 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 }