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"] {
  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 p.node_download {
 105     font-style: italic;
 106     padding: 20px 40px;
 107     font-size: larger;
 108 }
 109
 110 #download_button, #slice_add_button {
 111     text-align:center;
 112 }
 113 h3.node_download {
 114     text-align: center;
 115 }
 116
 117 /* qualify enough so that this wins over the even/odd row patterns in tables */
 118 tbody>tr>td.node-ok {
 119     background: #a0f0e6;
 120 }
 121 tbody>tr>td.node-ko {
 122     background: #ffa7a8;
 123 }
 124 /****************************************/
 125 /* registrations */
 126 div.site-register {
 127     background-color: #c8c7de;
 128     padding: 5px;
 129     margin: 10px;
 130 }
 131 /* site registration */
 132 div.site-pending, div.sites-pending {
 133     background-color: #eadbc8;
 134     padding: 5px;
 135     margin: 10px;
 136 }
 137 div.person-register {
 138     background-color: #e3d1cb;
 139     padding: 5px;
 140     margin: 10px;
 141 }
 142 div.person-register {
 143     background-color: #e3d1cb;
 144     padding: 5px;
 145     margin: 10px;
 146 }
 147
 148 /****************************************/
 149 /* slice creation page */
 150 #create-slice-choose-site {
 151     margin:20px ;
 152 }
 153 div#create-slice-in-site {
 154     text-align:center;
 155 }
 156 div.create-slice-instantiations {
 157     padding:  5px 0px 0px 0px;
 158 /*    font-size: larger; */
 159     font-style: italic;
 160 }
 161 div#toggle-container-create-slice-details {
 162     background-color: #e5dbb7;
 163 }
 164 div#toggle-area-create-slice-details {
 165     padding: 20px 5px 5px 5px;
 166 }
 167 div#toggle-container-create-slice-persons {
 168     background-color: #dfe6a1;
 169 }
 170 div#toggle-area-create-slice-persons {
 171     padding: 20px 5px 5px 5px;
 172 }
 173 /* override details default */
 174 div#toggle-area-create-slice-details>table.plc_details {
 175     margin:0 ;
 176 }
 177 div#toggle-container-add-node,
 178 div#toggle-container-add-interface {
 179     background-color: #e0d0ff;
 180 }
 181 p.note_reservable {
 182     font-style: italic;
 183     padding: 20px 40px;
 184     text-align: center;
 185     font-size: larger;
 186 }
 187 span.note_roles {
 188     font-style:italic;
 189     font-size: smaller;
 190 }