[Summary view] [Print] [Text view]

   1  /**
   2   * MyBB Installer CSS
   3   * (c) 2014 MyBB Group
   4   */
   5  
   6  body {
   7      font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
   8      font-size: 12px;
   9      background: #fff;
  10      color: #333;
  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: 880px;
  27  }
  28  
  29  /* Logo */
  30  #logo h1 {
  31      background: #fff url('images/logo.png') no-repeat 0 5px;
  32      height: 82px;
  33      margin: 0 0 2px 0;
  34      padding: 3px;
  35  }
  36  
  37  /* Header */
  38  #header {
  39      clear: both;
  40      background: #efefef;
  41      border-top: 1px solid #ccc;
  42      border-bottom: 1px solid #ccc;
  43      padding: 12px;
  44      font-size: 20px;
  45      color: #444;
  46      margin-bottom: 20px;
  47  }
  48  
  49  /* Inner Container */
  50  #inner_container {
  51      background: #fff;
  52  }
  53  
  54  /* Progress Side bar */
  55  #progress {
  56      width: 230px;
  57      float: left;
  58      margin: 0;
  59      padding: 10px 0 0 5px;
  60      padding-right: 0px;
  61      font-size: 11px;
  62      border-right: 1px solid #e7e7e7;
  63  }
  64  #progress ul {
  65      list-style: none;
  66      padding: 0 0 0 10px;
  67      margin: 0;
  68  }
  69  
  70  #progress li {
  71      color: #888;
  72      font-weight: normal;
  73      margin: 4px 0 12px;
  74      padding: 2px 0 1px 24px;
  75      background-image: url("images/inactive.png");
  76      background-position: 0 0;
  77      background-repeat: no-repeat;
  78  }
  79  
  80  #progress li.active {
  81      background-image: url("images/active.png");
  82      color: #333;
  83      padding-top: 0;
  84      font-size: 14px;
  85      font-weight: bold;
  86  }
  87  
  88  #progress li.intro {
  89      background-position: 0 -20px;
  90  }
  91  
  92  #progress li.license {
  93      background-position: 0 -40px;
  94  }
  95  
  96  #progress li.requirements_check {
  97      background-position: 0 -60px;
  98  }
  99  
 100  #progress li.database_info {
 101      background-position: 0 -80px;
 102  }
 103  
 104  #progress li.create_tables {
 105      background-position: 0 -100px;
 106  }
 107  
 108  #progress li.populate_tables {
 109      background-position: 0 -120px;
 110  }
 111  
 112  #progress li.templates {
 113      background-position: 0 -140px;
 114  }
 115  
 116  #progress li.configuration {
 117      background-position: 0 -160px;
 118  }
 119  
 120  #progress li.adminuser {
 121      background-position: 0 -180px;
 122  }
 123  
 124  #progress li.final {
 125      background-position: 0 -200px;
 126  }
 127  
 128  /* Content Area */
 129  #content {
 130      margin-left: 235px;
 131      width: 580px;
 132      padding: 10px 20px 0 30px;
 133      border-left: 1px solid #e7e7e7;
 134  }
 135  
 136  * html #content {
 137      width: 580px;
 138  }
 139  
 140  /* Heading Styles */
 141  h2 {
 142      margin: 0;
 143      font-size: 20px;
 144      padding-bottom: 5px;
 145      border-bottom: 1px dotted #ccc;
 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  .license_agreement {
 160      margin: 10px auto;
 161      padding: 10px;
 162      overflow: scroll;
 163      height: 400px;
 164      width: 560px;
 165      border: 1px solid #ccc;
 166  }
 167  
 168  .license_agreement ul {
 169      padding: 0;
 170      margin: 15px;
 171  }
 172  
 173  /* Next Button */
 174  #next_button, .next_button {
 175      text-align: right;
 176      width: auto;
 177  }
 178  
 179  /* Footer */
 180  #footer {
 181      clear: both;
 182      background: #f5f5f5;
 183      margin-top: 20px;
 184      border-top: 1px solid #ddd;
 185      border-bottom: 1px solid #ddd;
 186      padding: 8px;
 187      font-size: 11px;
 188      text-align: right;
 189      vertical-align: middle;
 190      color: #666;
 191      margin-bottom: 20px;
 192  }
 193  
 194  /* Tables */
 195  .border_wrapper {
 196      margin: 0;
 197      padding: 1px;
 198      margin-top: 14px;
 199      border-top: 0;
 200      border: 1px solid #ccc;
 201      border-radius: 6px;
 202      -moz-border-radius: 6px;
 203      -webkit-border-radius: 6px;
 204  }
 205  
 206  .border_wrapper div.title {
 207      background: #0066a2 url(images/thead.png) top left repeat-x;
 208      color: #fff;
 209      border-bottom: 1px solid #263c30;
 210      padding: 8px;
 211      font-weight: bold;
 212      text-align: left;
 213      font-size: 120%;
 214      border-radius: 5px 5px 0 0;
 215      -moz-border-radius: 5px 5px 0 0;
 216      -webkit-border-radius: 5px 5px 0 0;
 217  }
 218  
 219  .border_wrapper div.title a {
 220      color: #fff;
 221      text-decoration: none;
 222  }
 223  
 224  table.general {
 225      background: #ccc;
 226      width: 100%;
 227  }
 228  
 229  table.general td {
 230      border-top: 1px solid #fafafa;
 231      border-bottom: 1px solid #ccc;
 232      border-right: 1px solid #ccc;
 233      border-left: 1px solid #fafafa;
 234  }
 235  
 236  table.general tr td:last-child {
 237      border-right: 0;
 238  }
 239  
 240  table.general tr td:first-child {
 241      border-left: 0;
 242  }
 243  
 244  table.general tr:last-child td {
 245      border-bottom: 0;
 246  }
 247  
 248  table.bottom_cell_border td {
 249      border-right: 0;
 250      border-left: 0;
 251  }
 252  
 253  table.general tr.last td {
 254      border-bottom: 0;
 255  }
 256  
 257  table.bottom_cell_border td {
 258      border-right: 0;
 259      border-left: 0;
 260  }
 261  
 262  table.general td {
 263      background: #f5f5f5;
 264      padding: 6px;
 265      vertical-align: top;
 266  }
 267  
 268  table.general th {
 269      background: #0f0f0f url(images/tcat.png) repeat-x;
 270      color: #fff;
 271      border-top: 1px solid #444;
 272      border-bottom: 1px solid #000;
 273      padding: 8px;
 274      font-size: 96%;
 275      font-weight: bold;
 276      text-align: left;
 277  }
 278  
 279  table.general th a, table.general th {
 280      color: #fff;
 281      text-decoration: none;
 282  }
 283  
 284  table .alt_row td {
 285      background: #f1f1f1;
 286  }
 287  
 288  /* Forms */
 289  input.text_input {
 290      border: 1px solid #aaa;
 291      width: 300px;
 292      padding: 4px;
 293      font-size: 13px;
 294      font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
 295      border-radius: 5px;
 296      -moz-border-radius: 5px;
 297      -webkit-border-radius: 5px;
 298      outline: 0;
 299  }
 300  
 301  select {
 302      border: 1px solid #aaa;
 303      padding: 4px;
 304      font-size: 12px;
 305      font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
 306      border-radius: 5px;
 307      -moz-border-radius: 5px;
 308      -webkit-border-radius: 5px;
 309      outline: 0;
 310  }
 311  
 312  input.text_input:focus, select:focus {
 313      border: 1px solid #777;
 314  }
 315  
 316  input.submit_button {
 317      border: 1px solid #999;
 318      padding: 4px 7px;
 319      background: #e3e3e3 url(images/submit_bg.png) repeat-x top;
 320      color: #444;
 321      font-weight: bold;
 322      font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
 323      margin-right: 3px;
 324      font-size: 1.1em;
 325      border-radius: 5px;
 326      -moz-border-radius: 5px;
 327      -webkit-border-radius: 5px;
 328      margin-top: 4px;
 329      margin-right: 3px;
 330  }
 331  
 332  input.submit_button:hover {
 333      border: 1px solid #666;
 334      cursor: pointer;
 335  }
 336  
 337  label {
 338      font-weight: bold;
 339  }
 340  
 341  .field_description, small {
 342      color: #444;
 343      font-size: 11px;
 344  }
 345  
 346  /* Misc */
 347  .invisible {
 348      display: none;
 349  }
 350  
 351  .pass {
 352      color: green;
 353  }
 354  
 355  .fail {
 356      color: red;
 357  }
 358  
 359  .error {
 360      background: #FFF6BF;
 361      border: 1px solid #FFD324;
 362      margin: 10px auto;
 363      padding: 5px 10px 10px 10px;
 364      border-radius: 5px;
 365      -moz-border-radius: 5px;
 366      -webkit-border-radius: 5px;
 367  }
 368  
 369  .error p {
 370      margin-bottom: 0;
 371  }
 372  
 373  .success {
 374      background: #D6ECA6;
 375      border: 1px solid #8DC93E;
 376      text-align: center;
 377      margin: 10px auto;
 378      padding: 10px;
 379      font-weight: bold;
 380      border-radius: 5px;
 381      -moz-border-radius: 5px;
 382      -webkit-border-radius: 5px;
 383  }
 384  
 385  .upgrade_note {
 386      background: #efefef;
 387  }