[Summary view] [Print] [Text view]

   1  /* Form Styles
   2  ---------------------------------------- */
   3  
   4  /* General form styles
   5  ----------------------------------------*/
   6  fieldset {
   7      border-width: 0;
   8      font-family: Verdana, Helvetica, Arial, sans-serif;
   9      font-size: 1.1em;
  10  }
  11  
  12  input {
  13      font-weight: normal;
  14      vertical-align: middle;
  15      padding: 0 3px;
  16      font-size: 1em;
  17      font-family: Verdana, Helvetica, Arial, sans-serif;
  18  }
  19  
  20  select {
  21      font-family: Verdana, Helvetica, Arial, sans-serif;
  22      font-weight: normal;
  23      cursor: pointer;
  24      vertical-align: middle;
  25      border: 1px solid transparent;
  26      padding: 1px;
  27      font-size: 1em;
  28  }
  29  
  30  select:focus {
  31      outline-style: none;
  32  }
  33  
  34  option {
  35      padding-right: 1em;
  36  }
  37  
  38  select optgroup option {
  39      padding-right: 1em;
  40      font-family: Verdana, Helvetica, Arial, sans-serif;
  41  }
  42  
  43  textarea {
  44      font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  45      width: 60%;
  46      padding: 2px;
  47      font-size: 1em;
  48      line-height: 1.4em;
  49  }
  50  
  51  label {
  52      cursor: default;
  53      padding-right: 5px;
  54  }
  55  
  56  label input {
  57      vertical-align: middle;
  58  }
  59  
  60  label img {
  61      vertical-align: middle;
  62  }
  63  
  64  /* Definition list layout for forms
  65  ---------------------------------------- */
  66  fieldset dl {
  67      padding: 4px 0;
  68  }
  69  
  70  fieldset dt {
  71      float: left;
  72      width: 40%;
  73      text-align: left;
  74      display: block;
  75  }
  76  
  77  fieldset dd {
  78      margin-left: 41%;
  79      vertical-align: top;
  80      margin-bottom: 3px;
  81  }
  82  
  83  /* Specific layout 1 */
  84  fieldset.fields1 dt {
  85      width: 15em;
  86      border-right-width: 0;
  87  }
  88  
  89  fieldset.fields1 dd {
  90      margin-left: 15em;
  91      border-left-width: 0;
  92  }
  93  
  94  fieldset.fields1 div {
  95      margin-bottom: 3px;
  96  }
  97  
  98  /* Set it back to 0px for the reCaptcha divs: PHPBB3-9587 */
  99  fieldset.fields1 .live-search div {
 100      margin-bottom: 0;
 101  }
 102  
 103  /* Specific layout 2 */
 104  fieldset.fields2 dt {
 105      width: 15em;
 106      border-right-width: 0;
 107  }
 108  
 109  fieldset.fields2 dd {
 110      margin-left: 16em;
 111      border-left-width: 0;
 112  }
 113  
 114  /* Form elements */
 115  dt label {
 116      font-weight: bold;
 117      text-align: left;
 118  }
 119  
 120  dd label {
 121      white-space: nowrap;
 122  }
 123  
 124  dd input, dd textarea {
 125      margin-right: 3px;
 126  }
 127  
 128  dd select {
 129      width: auto;
 130  }
 131  
 132  dd select[multiple] {
 133      width: 100%;
 134  }
 135  
 136  dd textarea {
 137      width: 85%;
 138  }
 139  
 140  /* Hover effects */
 141  .timezone {
 142      width: 95%;
 143  }
 144  
 145  /* Browser-specific tweaks */
 146  button::-moz-focus-inner {
 147      padding: 0;
 148      border: 0;
 149  }
 150  
 151  /* Quick-login on index page */
 152  fieldset.quick-login {
 153      margin-top: 5px;
 154  }
 155  
 156  fieldset.quick-login input {
 157      width: auto;
 158  }
 159  
 160  fieldset.quick-login input.inputbox {
 161      width: 15%;
 162      vertical-align: middle;
 163      margin-right: 5px;
 164  }
 165  
 166  fieldset.quick-login label {
 167      white-space: nowrap;
 168      padding-right: 2px;
 169  }
 170  
 171  /* Display options on viewtopic/viewforum pages  */
 172  fieldset.display-options {
 173      text-align: center;
 174      margin: 3px 0 5px 0;
 175  }
 176  
 177  fieldset.display-options label {
 178      white-space: nowrap;
 179      padding-right: 2px;
 180  }
 181  
 182  fieldset.display-options a {
 183      margin-top: 3px;
 184  }
 185  
 186  .dropdown fieldset.display-options {
 187      font-size: 1em;
 188      margin: 0;
 189      padding: 0;
 190  }
 191  
 192  .dropdown fieldset.display-options label {
 193      display: block;
 194      margin: 4px;
 195      padding: 0;
 196      text-align: right;
 197      white-space: nowrap;
 198  }
 199  
 200  .dropdown fieldset.display-options select {
 201      min-width: 120px;
 202  }
 203  
 204  /* Display actions for ucp and mcp pages */
 205  fieldset.display-actions {
 206      text-align: right;
 207      line-height: 2em;
 208      white-space: nowrap;
 209      padding-right: 1em;
 210  }
 211  
 212  fieldset.display-actions label {
 213      white-space: nowrap;
 214      padding-right: 2px;
 215  }
 216  
 217  fieldset.sort-options {
 218      line-height: 2em;
 219  }
 220  
 221  /* MCP forum selection*/
 222  fieldset.forum-selection {
 223      margin: 5px 0 3px 0;
 224      float: right;
 225  }
 226  
 227  fieldset.forum-selection2 {
 228      margin: 13px 0 3px 0;
 229      float: right;
 230  }
 231  
 232  /* Submit button fieldset */
 233  fieldset.submit-buttons {
 234      text-align: center;
 235      vertical-align: middle;
 236      margin: 5px 0;
 237  }
 238  
 239  fieldset.submit-buttons input {
 240      vertical-align: middle;
 241  }
 242  
 243  /* Posting page styles
 244  ----------------------------------------*/
 245  
 246  /* Buttons used in the editor */
 247  .format-buttons {
 248      margin: 15px 0 2px 0;
 249  }
 250  
 251  .format-buttons input, .format-buttons select {
 252      vertical-align: middle;
 253  }
 254  
 255  /* Main message box */
 256  .message-box {
 257      width: 80%;
 258  }
 259  
 260  .message-box textarea {
 261      font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
 262      -webkit-box-sizing: border-box;
 263      -moz-box-sizing: border-box;
 264      box-sizing: border-box;
 265      width: 450px;
 266      height: 270px;
 267      min-width: 100%;
 268      max-width: 100%;
 269      font-size: 1.2em;
 270      resize: vertical;
 271      outline: 3px dashed transparent;
 272      outline-offset: -4px;
 273      -webkit-transition: all .5s ease, height 1ms linear;
 274      -moz-transition: all .5s ease, height 1ms linear;
 275      -ms-transition: all .5s ease, height 1ms linear;
 276      -o-transition: all .5s ease, height 1ms linear;
 277      transition: all .5s ease, height 1ms linear;
 278  }
 279  
 280  /* Emoticons panel */
 281  .smiley-box {
 282      width: 18%;
 283      float: right;
 284  }
 285  
 286  .smiley-box img {
 287      margin: 3px;
 288  }
 289  
 290  /* Input field styles
 291  ---------------------------------------- */
 292  .inputbox {
 293      border: 1px solid transparent;
 294      padding: 2px;
 295  }
 296  
 297  .inputbox:hover, .inputbox:focus {
 298      border: 1px solid transparent;
 299      outline-style: none;
 300  }
 301  
 302  input.inputbox    { width: 85%; }
 303  input.medium    { width: 50%; }
 304  input.narrow    { width: 25%; }
 305  input.tiny    { width: 150px; }
 306  
 307  textarea.inputbox {
 308      width: 85%;
 309  }
 310  
 311  .autowidth {
 312      width: auto !important;
 313  }
 314  
 315  input[type="number"] {
 316      -moz-padding-end: 0;
 317  }
 318  
 319  input[type="search"] {
 320      -webkit-appearance: textfield;
 321      -webkit-box-sizing: content-box;
 322  }
 323  
 324  input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
 325      display: none;
 326  }
 327  
 328  input[type="search"]::-webkit-search-cancel-button {
 329      cursor: pointer;
 330  }
 331  
 332  /* Form button styles
 333  ---------------------------------------- */
 334  input.button1, input.button2 {
 335      font-size: 1em;
 336  }
 337  
 338  a.button1, input.button1, input.button3, a.button2, input.button2 {
 339      width: auto !important;
 340      padding-top: 1px;
 341      padding-bottom: 1px;
 342      font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
 343      background: transparent none repeat-x top left;
 344      line-height: 1.5;
 345  }
 346  
 347  a.button1, input.button1 {
 348      font-weight: bold;
 349      border: 1px solid transparent;
 350  }
 351  
 352  input.button3 {
 353      padding: 0;
 354      margin: 0;
 355      line-height: 5px;
 356      height: 12px;
 357      background-image: none;
 358      font-variant: small-caps;
 359  }
 360  
 361  input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"], .search-results li {
 362      cursor: pointer;
 363  }
 364  
 365  /* Alternative button */
 366  a.button2, input.button2, input.button3 {
 367      border: 1px solid transparent;
 368  }
 369  
 370  /* <a> button in the style of the form buttons */
 371  a.button1, a.button2 {
 372      text-decoration: none;
 373      padding: 0 3px;
 374      vertical-align: text-bottom;
 375  }
 376  
 377  /* Hover states */
 378  a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
 379      border: 1px solid transparent;
 380  }
 381  
 382  input.disabled {
 383      font-weight: normal;
 384  }
 385  
 386  /* Focus states */
 387  input.button1:focus, input.button2:focus, input.button3:focus {
 388      outline-style: none;
 389  }
 390  
 391  /* Topic and forum Search */
 392  .search-box {
 393      float: left;
 394  }
 395  
 396  .search-box .inputbox {
 397      background-image: none;
 398      border-right-width: 0;
 399      border-radius: 4px 0 0 4px;
 400      float: left;
 401      height: 24px;
 402      padding: 3px;
 403      -webkit-box-sizing: border-box;
 404      -moz-box-sizing: border-box;
 405      box-sizing: border-box;
 406  }
 407  
 408  /* Search box (header)
 409  --------------------------------------------- */
 410  .search-header {
 411      border-radius: 4px;
 412      display: block;
 413      float: right;
 414      margin-right: 5px;
 415      margin-top: 30px;
 416  }
 417  
 418  .search-header .inputbox { border: 0; }
 419  
 420  .navbar .linklist > li.responsive-search { display: none; }
 421  
 422  input.search {
 423      background-image: none;
 424      background-repeat: no-repeat;
 425      background-position: left 1px;
 426      padding-left: 17px;
 427  }
 428  
 429  .full { width: 95%; }
 430  .medium { width: 50%; }
 431  .narrow { width: 25%; }
 432  .tiny { width: 10%; }