[Summary view] [Print] [Text view]

   1  /**
   2   * MyBB Installer CSS
   3   * (c) 2010 MyBB Group
   4   */
   5  
   6  body {
   7      font-family: Verdana, Arial, sans-serif;
   8      font-size: 12px;
   9      background: #fff;
  10      color: #000000;
  11      margin: 0;
  12  }
  13  
  14  a {
  15      color: #035488;
  16      text-decoration: none;
  17  }
  18  
  19  a:hover {
  20      color: #444;
  21      text-decoration: underline;
  22  }
  23  
  24  #container {
  25   margin: auto auto;
  26   width: 780px;
  27  }
  28  
  29  /* Logo */
  30  
  31  #logo h1 {
  32      background: #fff url('images/logo.gif') no-repeat top left;
  33      height: 82px;
  34      margin: 0 0 2px 0;
  35      padding: 3px;
  36  }
  37  
  38  /* Header */
  39  
  40  #header {
  41      clear: both;
  42      background: #016DB1 url('images/thead_bg.gif') repeat-x top left;
  43      color: #fff;
  44      padding: 5px;
  45      font-weight: bold;
  46      border-bottom: 1px solid #000;
  47  }
  48  
  49  /* Inner Container */
  50  
  51  #inner_container {
  52      background: #ebebeb url('images/content_bg.gif');
  53      border: 1px solid #000;
  54  }
  55  
  56  /* Progress Side bar */
  57  
  58  #progress {
  59      width: 160px;
  60      float: left;
  61      padding: 10px;
  62      padding-right: 0px;
  63      font-size: 11px;
  64  }
  65  #progress ul {
  66      list-style: none;
  67      padding: 0 0 0 10px;
  68      margin: 0;
  69  }
  70  
  71  #progress li {
  72      color: #535353;
  73      font-weight: bold;
  74      margin: 0;
  75      padding: 0 0 3px 0;
  76  }
  77  
  78  #progress li.active {
  79      list-style-image: url('images/bullet.gif');
  80      color: #000;
  81  }
  82  
  83  /* Content Area */
  84  
  85  #content {
  86      margin-left: 170px;
  87      width: 570px;
  88      padding: 10px 10px 10px 19px;
  89  }
  90  
  91  * html #content {
  92      width: 560px;
  93  }
  94  
  95  /* Heading Styles */
  96  
  97  h2 {
  98      margin: 0;
  99      font-size: 24px;
 100      height: 32px;
 101      padding-left: 40px;
 102  }
 103  
 104  h2.welcome {
 105      background: url('images/h2-welcome.gif') no-repeat;
 106  }
 107  
 108  h2.license {
 109      background: url('images/h2-license.gif') no-repeat;
 110  }
 111  
 112  h2.requirements {
 113      background: url('images/h2-requirements.gif') no-repeat;
 114  }
 115  
 116  h2.dbconfig {
 117      background: url('images/h2-dbconfig.gif') no-repeat;
 118  }
 119  
 120  h2.createtables {
 121      background: url('images/h2-createtables.gif') no-repeat;
 122  }
 123  
 124  h2.tablepopulate {
 125      background: url('images/h2-tablepopulate.gif') no-repeat;
 126  }
 127  
 128  h2.errormsg {
 129      background: url('images/error_bg.gif') no-repeat 0 5px;
 130  }
 131  
 132  h2.theme {
 133      background: url('images/h2-theme.gif') no-repeat;
 134  }
 135  
 136  h2.config {
 137      background: url('images/h2-config.gif') no-repeat;
 138  }
 139  
 140  h2.admin {
 141      background: url('images/h2-admin.gif') no-repeat;
 142  }
 143  
 144  h2.finish{
 145      background: url('images/h2-finish.gif') no-repeat;
 146  }
 147  
 148  h3 {
 149      font-size: 14px;
 150      margin: 5px 0;
 151  }
 152  
 153  h4 {
 154      font-size: 12px;
 155      margin: 5px 0;
 156  }
 157  
 158  /* License Agreement */
 159  
 160  .license_agreement {
 161      margin: 10px auto;
 162      padding: 10px;
 163      overflow: scroll;
 164      height: 400px;
 165      width: 560px;
 166      border: 1px solid #ccc;
 167  }
 168  
 169  
 170  .license_agreement ul {
 171      padding: 0;
 172      margin: 15px;
 173  }
 174  
 175  /* Next Button */
 176  
 177  #next_button, .next_button {
 178      text-align: right;
 179      width: auto;
 180  }
 181  
 182  /* Footer */
 183  
 184  #footer {
 185      clear: both;
 186      background: #ebebeb;
 187      border-top: 1px solid #ccc;
 188      padding: 5px;
 189      font-size: 11px;
 190      text-align: right;
 191      vertical-align: middle;
 192  }
 193  
 194  /* Tables */
 195  
 196  .border_wrapper {
 197      border: 1px solid #0F5C8E;
 198      margin: 0;
 199      padding: 0;
 200      height: 100%;
 201      margin-top: 14px;
 202      border-top: 0;
 203  }
 204  
 205  .border_wrapper div.title {
 206      background: #016DB1 url('images/thead_bg.gif') repeat-x top left;
 207      color: #fff;
 208      padding: 6px 4px;
 209      font-size: 100%;
 210      text-align: left;
 211      font-weight: bold;
 212  }
 213  
 214  .border_wrapper div.title a {
 215      color: #fff;
 216      text-decoration: none;
 217  }
 218  
 219  table.general {
 220      background: #ccc;
 221      width: 100%;
 222  }
 223  
 224  table.general td {
 225      border-top: 1px solid #fafafa;
 226      border-bottom: 1px solid #ccc;
 227      border-right: 1px solid #ccc;
 228      border-left: 1px solid #fafafa;
 229  }
 230  
 231  table.general tr.last td {
 232      border-bottom: 0;
 233  }
 234  
 235  table.bottom_cell_border td {
 236      border-right: 0;
 237      border-left: 0;
 238  }
 239  
 240  table.general td {
 241      background: #f5f5f5;
 242      padding: 6px;
 243      vertical-align: top;
 244  }
 245  
 246  table.general th {
 247      background: #ADCBE6;
 248      text-align: left;
 249      color: #000;
 250      padding: 5px;
 251      font-size: 96%;
 252      font-weight: bold;
 253      border-bottom: 1px solid #000;
 254      border-top: 1px solid #000;
 255  }
 256  
 257  table.general th a, table.general th {
 258      color: #000;
 259      text-decoration: none;
 260  }
 261  
 262  
 263  table .alt_row td {
 264      background: #f1f1f1;
 265  }
 266  
 267  /* Forms */
 268  
 269  input.text_input {
 270      border: 1px solid #0F5C8E;
 271      background: #fff;
 272      width: 300px;
 273      padding: 3px;
 274      font-size: 11px;
 275  }
 276  
 277  input.text_input:focus {
 278      border: 1px solid #000;
 279  }
 280  
 281  input.submit_button {
 282      border: 3px double #0F5C8E;
 283      padding: 3px;
 284      background: #fff url('images/submit_bg.gif') repeat-x top;
 285      color: #0F5C8E;
 286      font-weight: bold;
 287      margin-top: 4px;
 288      margin-right: 3px;
 289  }
 290  
 291  label {
 292      font-weight: bold;
 293  }
 294  
 295  .field_description, small {
 296      color: #444;
 297      font-size: 11px;
 298  }
 299  
 300  /* Misc */
 301  
 302  .invisible {
 303      display: none;
 304  }
 305  
 306  .pass {
 307      color: green;
 308  }
 309  
 310  .fail {
 311      color: red;
 312  }
 313  
 314  .error {
 315      background: #FFF6BF;
 316      border-top: 2px solid #FFD324;
 317      border-bottom: 2px solid #FFD324;
 318      margin: 10px auto;
 319      padding: 3px 20px;
 320  }
 321  
 322  .success {
 323      background: #D6ECA6;
 324      border-top: 2px solid #8DC93E;
 325      border-bottom: 2px solid #8DC93E;
 326      text-align: center;
 327      margin: 10px auto;
 328      padding: 3px 20px;
 329      font-weight: bold;
 330  }
 331  
 332  .upgrade_note {
 333      background: #efefef;
 334  }