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