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