planetlab/css/plc_style.css

   1 /* expanding links */
   2 .example {
   3     padding:10px;
   4     color:#000;
   5     background:#fcf7ff;
   6     width:80%;
   7     clear:left;
   8     margin:2em auto 3em auto;
   9     border:1px solid #69c;
  10 }
  11 a.expandlink {
  12     color:#00c
  13 }
  14 a:active.expandlink,
  15 a:focus.expandlink,
  16 a:hover.expandlink {
  17     color:#fff
  18 }
  19
  20 /* -------------------- general */
  21 body {
  22     position: relative;
  23 }
  24
  25 .bold {
  26     font-weight: bold;
  27 }
  28
  29 /* -------------------- inputs in forms */
  30 /* don't mess with other types of input, e.g. buttons might get affected */
  31 input[type="text"], textarea {
  32     border: solid 1px #444;
  33     background-image: url( '/planetlab/icons/form_input_bg.png' );
  34     background-repeat: repeat-x;
  35     background-position: top;
  36 }
  37
  38 /* make disabled fields more obvious */
  39 input[type="text"][disabled], textarea[disabled] {
  40     border: solid 1px #f8f8f8;
  41     background-image: url( '/planetlab/icons/form_input_disabled.png' );
  42     background-repeat: repeat-x;
  43     background-position: top;
  44 }
  45
  46 /* -------------------- errors & warnings */
  47 .plc-warning {
  48     padding:     4px;
  49     background:  #ffa223;
  50 }
  51 .plc-error {
  52     background:  red;
  53     font-weight: bold;
  54 }
  55
  56 .plc-warning a:link { text-decoration: none; color:white }
  57 .plc-warning a:visited { text-decoration: none; color:white }
  58 .plc-warning a:hover { text-decoration: none; color:black }
  59
  60 /* -------------------- the planetlab module area */
  61 div.block-planetlab a {
  62     font-weight:normal;
  63     font-style:italic;
  64 }
  65 /* -------------------- sites */
  66 .addresses { text-align: center; font-weight: bold; }
  67
  68 /* -------------------- admin search */
  69 #admin-search-form {
  70     text-align: center;
  71     padding: 10px;
  72 }
  73
  74 #admin-search-form label {
  75     font-weight : bold;
  76     padding-right: 20px;
  77 }
  78
  79 span.tokens {
  80     font-weight: bold;
  81     font-style: italic;
  82 }
  83
  84 #admin-search-message {
  85     padding: 30px;
  86 }
  87
  88 p.node_add {
  89     font-style: italic;
  90     padding: 20px 40px;
  91     text-align: center;
  92 /*    font-size: smaller; */
  93 }
  94
  95 p.node_download {
  96     font-style: italic;
  97     padding: 20px 40px;
  98     font-size: larger;
  99 }
 100
 101 #download_button, #slice_add_button {
 102     text-align:center;
 103 }
 104 h3.node_download {
 105     text-align: center;
 106 }
 107
 108 /* qualify enough so that this wins over the even/odd row patterns in tables */
 109 tbody>tr>td.node-ok {
 110     background: #a0f0e6;
 111 }
 112 tbody>tr>td.node-ko {
 113     background: #ffa7a8;
 114 }
 115 /****************************************/
 116 /* registrations */
 117 div.site-register {
 118     background-color: #c8c7de;
 119     padding: 5px;
 120     margin: 10px;
 121 }
 122 /* site registration */
 123 div.site-pending, div.sites-pending {
 124     background-color: #eadbc8;
 125     padding: 5px;
 126     margin: 10px;
 127 }
 128 div.person-register {
 129     background-color: #e3d1cb;
 130     padding: 5px;
 131     margin: 10px;
 132 }
 133 div.person-register {
 134     background-color: #e3d1cb;
 135     padding: 5px;
 136     margin: 10px;
 137 }
 138
 139 /****************************************/
 140 /* slice creation page */
 141 #create-slice-choose-site {
 142     margin:20px ;
 143 }
 144 div#create-slice-in-site {
 145     text-align:center;
 146 }
 147 div.create-slice-instantiations {
 148     padding:  5px 0px 0px 0px;
 149 /*    font-size: larger; */
 150     font-style: italic;
 151 }
 152 div#toggle-container-create-slice-details {
 153     background-color: #e5dbb7;
 154 }
 155 div#toggle-area-create-slice-details {
 156     padding: 20px 5px 5px 5px;
 157 }
 158 div#toggle-container-create-slice-persons {
 159     background-color: #dfe6a1;
 160 }
 161 div#toggle-area-create-slice-persons {
 162     padding: 20px 5px 5px 5px;
 163 }
 164 /* override details default */
 165 div#toggle-area-create-slice-details>table.plc_details {
 166     margin:0 ;
 167 }
 168 div#toggle-container-add-node,
 169 div#toggle-container-add-interface {
 170     background-color: #e0d0ff;
 171 }