X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=planetlab%2Fcss%2Fplc_style.css;h=e845e01ed0ccf2280aa3e4c9ab9ce3d3f69e8e47;hb=ed89c2b10099183d6adb804dd918fda6e27a1243;hp=5d3e7915a113b150ebf3264aad5d512778cb6a8b;hpb=18ffccc7029aedcdba5fcdbfd692edc84992a489;p=plewww.git diff --git a/planetlab/css/plc_style.css b/planetlab/css/plc_style.css index 5d3e791..e845e01 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,26 +17,155 @@ a:hover.expandlink { color:#fff } +/* -------------------- general */ body { position: relative; } -.plc-foreign { - background: #e0e0e0; +.bold { + font-weight: bold; +} + +/* -------------------- inputs in forms */ +/* 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; +} + +/* 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; */ } -*.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 } +p.node_download { + font-style: italic; + padding: 20px 40px; + font-size: larger; +} -/* separator below the minitabs area */ -p.plc-minitabs { - height:15px; +#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; }