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