[Summary view] [Print] [Text view]

   1  /*
   2  Start with some basic resets
   3  */
   4  
   5  /*
   6  Copyright (c) 2009, Yahoo! Inc. All rights reserved.
   7  Code licensed under the BSD License:
   8  http://developer.yahoo.net/yui/license.txt
   9  version: 2.7.0
  10  */
  11  html{color:#000;background:#FFF;}
  12  body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
  13  table{border-collapse:collapse;border-spacing:0;}
  14  fieldset,img{border:0;}
  15  address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
  16  del,ins{text-decoration:none;}
  17  li{list-style:none;}
  18  caption,th{text-align:left;}
  19  h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
  20  q:before,q:after{content:'';}
  21  abbr,acronym{border:0;font-variant:normal;}
  22  sup{vertical-align:baseline;}
  23  sub{vertical-align:baseline;}
  24  legend{color:#000;}
  25  input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
  26  input,button,textarea,select{*font-size:100%;}
  27  body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
  28  select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
  29  table{font-size:inherit;font:100%;}
  30  pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
  31  
  32  /*
  33  Now for our own code
  34  */
  35  
  36  html {
  37      background-color: rgb(247, 247, 247);
  38  }
  39  
  40  body {
  41      text-align: center;
  42      font-family: 'Lucida Grande', Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
  43      font-size: 1em;
  44      color: rgb(255, 255, 255);
  45  }
  46  
  47  div#container {
  48      margin: 2em auto 1em auto;
  49      padding: 1em 32px;
  50      width: 700px;
  51      background-color: rgb(255, 255, 255);
  52      text-align: left;
  53      -moz-border-radius: 11px;
  54      -khtml-border-radius: 11px;
  55      -webkit-border-radius: 11px;
  56      border-radius: 11px;
  57      border: 1px solid rgb(223, 223, 223);
  58      color: rgb(51, 51, 51);
  59  }
  60  
  61  a {
  62      color: rgb(50, 140, 0);
  63      text-decoration: none;
  64  }
  65  
  66  a:hover {
  67      text-decoration: underline;
  68  }
  69  
  70  strong {
  71      font-weight: bold;
  72  }
  73  
  74  em {
  75      font-style: italic;
  76  }
  77  
  78  div.logo img {
  79      margin: 12px 0 27px 0;
  80      width: 200px;
  81      height: 57px;
  82      display: block;
  83  }
  84  
  85  h1 {
  86      margin: 0 0 2em 0;
  87      font-size: 0.75em;
  88      font-weight: bold;
  89  }
  90  
  91  p {
  92      margin: 0 0 1em 0;
  93      font-size: 0.75em;
  94      line-height: 1.4em;
  95  }
  96  
  97  dl {
  98      border-left: 1px solid rgb(125, 125, 125);
  99      margin: 1.5em 0 1.5em 2.5em;
 100      font-size: 0.75em;
 101  }
 102  
 103  dl code {
 104      font-size: 1.4em;
 105  }
 106  
 107  dt {
 108      font-size: 1em;
 109      padding: 0.6em 0 0.2em 0.6em;
 110  }
 111  
 112  dd {
 113      font-size: 1em;
 114      padding: 0 0 0.6em 3.6em;
 115  }
 116  
 117  p.status {
 118      position: absolute;
 119      right: 0;
 120      top: -2.4em;
 121      margin: 0;
 122      padding: 0.5em 1em;
 123      line-height: 1.4em;
 124      text-shadow: rgb(255, 255, 255) 0px 1px 0px;
 125      color: rgb(70, 70, 70);
 126  }
 127  
 128  p code {
 129      font-size: 1.25em;
 130  }
 131  
 132  div.open div p.error.last,
 133  div.open div p.message.last {
 134      margin-bottom: 1.4em;
 135  }
 136  
 137  h2 {
 138      font-size: 0.75em;
 139      background-color: rgb(236, 236, 236);
 140      padding: 0.5em 1em;
 141      text-shadow: rgb(255, 255, 255) 0px 1px 0px;
 142      color: rgb(70, 70, 70);
 143      font-weight: bold;
 144      line-height: 1.4em;
 145  }
 146  
 147  div.open,
 148  div.closed {
 149      border: 1px solid rgb(223, 223, 223);
 150      -moz-border-radius: 6px;
 151      -khtml-border-radius: 6px;
 152      -webkit-border-radius: 6px;
 153      border-radius: 6px;
 154      margin-bottom: 1em;
 155      background-color: rgb(247, 247, 247);
 156  }
 157  
 158  div.open div {
 159      padding: 1em;
 160      margin: 1px 0;
 161  }
 162  
 163  div.closed div {
 164      position: relative;
 165  }
 166  
 167  p.error {
 168      border: 1px solid rgb(204, 0, 0);
 169      background-color: rgb(255, 235, 232);
 170      padding: 0.6em;
 171      -moz-border-radius: 4px;
 172      -khtml-border-radius: 4px;
 173      -webkit-border-radius: 4px;
 174      border-radius: 4px;
 175  }
 176  
 177  p.error a {
 178      color: rgb(204, 0, 0);
 179  }
 180  
 181  dl.error {
 182      margin-top: -1em;
 183  }
 184  
 185  p.message {
 186      border: 1px solid rgb(230, 219, 85);
 187      background-color: rgb(255, 251, 204);
 188      padding: 0.6em;
 189      -moz-border-radius: 4px;
 190      -khtml-border-radius: 4px;
 191      -webkit-border-radius: 4px;
 192      border-radius: 4px;
 193  }
 194  
 195  div.open div.toggle {
 196      margin: 0;
 197      padding: 0;
 198  }
 199  
 200  div.open h2 {
 201      color: rgb(0, 0, 0);
 202  }
 203  
 204  form {
 205      clear: both;
 206      border: 1px solid rgb(223, 223, 223);
 207      background-color: rgb(255, 255, 255);
 208      -moz-border-radius: 4px;
 209      -khtml-border-radius: 4px;
 210      -webkit-border-radius: 4px;
 211      border-radius: 4px;
 212      padding: 1em 1em 1em 1em;
 213  }
 214  
 215  legend {
 216      font-size: 0.9em;
 217      font-weight: bold;
 218      padding-bottom: 0.5em;
 219  }
 220  
 221  label {
 222      display: block;
 223      margin: 0 0 1.8em 0;
 224      font-size: 0.75em;
 225      color: rgb(34, 34, 34);
 226      cursor: pointer;
 227      clear: both;
 228  }
 229  
 230  label span {
 231      display: block;
 232      margin-bottom: 5px;
 233  }
 234  
 235  label.error {
 236      border: 1px solid rgb(204, 0, 0);
 237      background-color: rgb(255, 235, 232);
 238      padding: 0.6em;
 239      -moz-border-radius: 4px;
 240      -khtml-border-radius: 4px;
 241      -webkit-border-radius: 4px;
 242      border-radius: 4px;
 243  }
 244  
 245  label.forward {
 246      clear: none;
 247  }
 248  
 249  label a.note-toggle {
 250      background-color: rgb(223, 223, 223);
 251      color: rgb(255, 255, 255);
 252      display: block;
 253      text-align: center;
 254      float: left;
 255      font-weight: bold;
 256      font-size: 1.2em;
 257      padding-top: 1px;
 258      padding-left: 1px;
 259      width: 18px;
 260      height: 18px;
 261      line-height: 18px;
 262      margin-left: 6px;
 263      margin-top: 4px;
 264      -moz-border-radius: 9px;
 265      -khtml-border-radius: 9px;
 266      -webkit-border-radius: 9px;
 267      border-radius: 9px;
 268  }
 269  
 270  label a.note-toggle:hover {
 271      text-decoration: none;
 272      background-color: rgb(50, 140, 0);
 273  }
 274  
 275  label.has-note.for-textarea a.note-toggle {
 276      margin-top: -2px;
 277      margin-left: 6px;
 278  }
 279  
 280  label.has-note.for-select a.note-toggle {
 281      margin-top: 3px;
 282      margin-left: 4px;
 283  }
 284  
 285  label.has-note.for-toggle a.note-toggle {
 286      margin-top: -2px;
 287      margin-left: 6px;
 288  }
 289  
 290  label.for-textarea span,
 291  label.for-toggle span {
 292      float: left;
 293  }
 294  
 295  label.for-toggle span {
 296      margin-bottom: 0;
 297  }
 298  
 299  label span.error {
 300      color: rgb(204, 0, 0);
 301      display: block;
 302      margin: 0.4em 0.4em 0.4em 3em;
 303  }
 304  
 305  label code {
 306      font-size: 1.25em;
 307  }
 308  
 309  fieldset.buttons label.forward {
 310      margin: 0;
 311      float: right;
 312  }
 313  
 314  fieldset.buttons label.back {
 315      margin: 0;
 316      float: left;
 317  }
 318  
 319  p.note {
 320      margin: 0 0 0 2.5em;
 321      color: rgb(102, 102, 102);
 322      border-left: 1px solid rgb(50, 140, 0);
 323      padding: 0.6em;
 324      font-size: 0.9em;
 325      font-style: italic;
 326      clear: both;
 327  }
 328  
 329  input.text {
 330      font-family: 'Lucida Grande', Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
 331      font-size: 1.2em;
 332      padding: 4px;
 333      border: 1px solid rgb(187, 187, 187);
 334      width: 400px;
 335      display: block;
 336      float: left;
 337      -moz-border-radius: 4px;
 338      -khtml-border-radius: 4px;
 339      -webkit-border-radius: 4px;
 340      border-radius: 4px;
 341      clear: both;
 342  }
 343  
 344  select {
 345      font-family: 'Lucida Grande', Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
 346      font-size: 1.2em;
 347      padding: 0;
 348      border: 1px solid rgb(187, 187, 187);
 349      display: block;
 350      float: left;
 351  }
 352  
 353  textarea {
 354      font-family: 'Lucida Grande', Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
 355      font-size: 0.9em;
 356      padding: 0;
 357      border: 1px solid rgb(187, 187, 187);
 358      width: 630px;
 359      max-width: 630px;
 360      height: 38em;
 361      display: block;
 362      -moz-border-radius: 4px;
 363      -khtml-border-radius: 4px;
 364      -webkit-border-radius: 4px;
 365      border-radius: 4px;
 366      clear: both;
 367  }
 368  
 369  textarea#config {
 370      text-align: left;
 371  }
 372  
 373  textarea.short,
 374  textarea#error_log {
 375      height: 15em;
 376  }
 377  
 378  textarea#error_log {
 379      border-color: rgb(153, 0, 0);
 380      color: rgb(153, 0, 0);
 381  }
 382  
 383  input.checkbox {
 384      font-size: 1.25em;
 385  }
 386  
 387  input.button {
 388      background: url('images/white-grad.png') repeat-x 0 0 rgb(242, 242, 242);
 389      -moz-border-radius: 15px;
 390      -khtml-border-radius: 15px;
 391      -webkit-border-radius: 15px;
 392      border-radius: 15px;
 393      border: 1px solid rgb(187, 187, 187);
 394      color: rgb(70, 70, 70);
 395      cursor: pointer;
 396      font-family: 'Lucida Grande', Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
 397      font-size: 1.2em;
 398      line-height: 1.2em;
 399      padding: 0.45em 0.9em;
 400      text-decoration: none;
 401  }
 402  
 403  input.button:hover {
 404      border-color: rgb(102, 102, 102);
 405      color: rgb(0, 0, 0);
 406  }
 407  
 408  input.button:active {
 409      background-image: url('images/white-grad-active.png');
 410  }
 411  
 412  label#label-toggle_4 {
 413      margin-bottom: 0;
 414  }
 415  
 416  label#label-toggle_4 span {
 417      margin-bottom: 0.4em;
 418  }
 419  
 420  label#label-error_log,
 421  label#label-installation_log {
 422      margin-top: 1.8em;
 423      margin-bottom: 0;
 424  }
 425  
 426  div.clear {
 427      clear: both;
 428      height: 0;
 429      line-height: 0;
 430      font-size: 0;
 431      margin: 0 !important;
 432      padding: 0 !important;
 433  }