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 /* note: this is used by the register wizard as well
  31    in case where importing all this file this would some day conflict
  32    it might make sense to split this file into plc_style (general) and plc_views (specifics) */
  33 /* don't mess with other types of input, e.g. buttons might get affected */
  34 input[type="text"], textarea {
  35     border: solid 1px #444;
  36     background-image: url( '/planetlab/icons/form_input_bg.png' );
  37     background-repeat: repeat-x;
  38     background-position: top;
  39 }
  40
  41 textarea {
  42     font-family: courier, monospace;
  43 }
  44
  45 input[type="password"] {
  46     border: solid 1px #444;
  47     background-image: url( '/planetlab/icons/form_input_password.png' );
  48     background-repeat: repeat-x;
  49     background-position: top;
  50 }
  51
  52 /* make disabled fields more obvious */
  53 input[type="text"][disabled], textarea[disabled] {
  54     border: solid 1px #f8f8f8;
  55     background-image: url( '/planetlab/icons/form_input_disabled.png' );
  56     background-repeat: repeat-x;
  57     background-position: top;
  58 }
  59
  60 /* -------------------- errors & warnings */
  61 .plc-warning {
  62     padding:     4px;
  63     background:  #ffa223;
  64 }
  65 .plc-error {
  66     background:  red;
  67     font-weight: bold;
  68 }
  69
  70 .plc-warning a:link { text-decoration: none; color:white }
  71 .plc-warning a:visited { text-decoration: none; color:white }
  72 .plc-warning a:hover { text-decoration: none; color:black }
  73
  74 /* -------------------- the planetlab module area */
  75 div.block-planetlab a {
  76     font-weight:normal;
  77     font-style:italic;
  78 }
  79 /* -------------------- sites */
  80 .addresses { text-align: center; font-weight: bold; }
  81
  82 /* -------------------- admin search */
  83 #admin-search-form {
  84     text-align: center;
  85     padding: 10px;
  86 }
  87
  88 #admin-search-form label {
  89     font-weight : bold;
  90     padding-right: 20px;
  91 }
  92
  93 span.tokens {
  94     font-weight: bold;
  95     font-style: italic;
  96 }
  97
  98 #admin-search-message {
  99     padding: 30px;
 100 }
 101
 102 p.node_add {
 103     font-style: italic;
 104     padding: 20px 40px;
 105     text-align: center;
 106 /*    font-size: smaller; */
 107 }
 108 p.node_download {
 109     font-style: italic;
 110     padding: 20px 40px;
 111     font-size: larger;
 112 }
 113
 114 #download_button, #slice_add_button {
 115     text-align:center;
 116 }
 117 h3.node_download {
 118     text-align: center;
 119 }
 120
 121 /* qualify enough so that this wins over the even/odd row patterns in tables */
 122 tbody>tr>td.node-ok {
 123     background: #a0f0e6;
 124 }
 125 tbody>tr>td.node-ko {
 126     background: #ffa7a8;
 127 }
 128 /****************************************/
 129 /* registrations */
 130 div.site-register {
 131     background-color: #c8c7de;
 132     padding: 5px;
 133     margin: 10px;
 134 }
 135 /* site registration */
 136 div.site-pending, div.sites-pending {
 137     background-color: #eadbc8;
 138     padding: 5px;
 139     margin: 10px;
 140 }
 141 div.person-register {
 142     background-color: #e3d1cb;
 143     padding: 5px;
 144     margin: 10px;
 145 }
 146 div.person-register {
 147     background-color: #e3d1cb;
 148     padding: 5px;
 149     margin: 10px;
 150 }
 151
 152 /****************************************/
 153 /* slice creation page */
 154 #create-slice-choose-site {
 155     margin:20px ;
 156 }
 157 div#create-slice-in-site {
 158     text-align:center;
 159 }
 160 div.create-slice-instantiations {
 161     padding:  5px 0px 0px 0px;
 162 /*    font-size: larger; */
 163     font-style: italic;
 164 }
 165 div#toggle-container-create-slice-details {
 166     background-color: #e5dbb7;
 167 }
 168 div#toggle-area-create-slice-details {
 169     padding: 20px 5px 5px 5px;
 170 }
 171 div#toggle-container-create-slice-persons {
 172     background-color: #dfe6a1;
 173 }
 174 div#toggle-area-create-slice-persons {
 175     padding: 20px 5px 5px 5px;
 176 }
 177 /* override details default */
 178 div#toggle-area-create-slice-details>table.plc_details {
 179     margin:0 ;
 180 }
 181 div#toggle-container-add-node,
 182 div#toggle-container-add-interface {
 183     background-color: #e0d0ff;
 184 }
 185 p.note_reservable {
 186     font-style: italic;
 187     padding: 20px 40px;
 188     text-align: center;
 189     font-size: larger;
 190 }
 191 span.note_roles {
 192     font-style:italic;
 193     font-size: smaller;
 194 }