X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=planetlab%2Fcss%2Fplc_style.css;h=0a845984180ea510c6120a5b8b11e933874286a9;hb=fa425f537d2e4aced1a2362672791aed274dd903;hp=26c2b67dfb8675bb125b82e18cf5f5ed2e949a1b;hpb=8dfeb8aa13ccfe89e04ca7e290f0dfbd10e1b5ab;p=plewww.git diff --git a/planetlab/css/plc_style.css b/planetlab/css/plc_style.css index 26c2b67..0a84598 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,34 +17,174 @@ a:hover.expandlink { color:#fff } +/* -------------------- general */ body { position: relative; } -h2.plc { - text-align: center; +.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; } -/* tmp - for visual checking */ -/*.plc-local { - border: 1px solid #00f; */ +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; } -*.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 } +span.tokens { + font-weight: bold; + font-style: italic; +} + +#admin-search-message { + padding: 30px; +} -/* separator below the minitabs area */ -p.plc-minitabs { - height:15px; +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; +} + +/* 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; }