[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      width: 450px;
 263      height: 270px;
 264      min-width: 100%;
 265      max-width: 100%;
 266      font-size: 1.2em;
 267      resize: vertical;
 268      outline: 3px dashed transparent;
 269      outline-offset: -4px;
 270      -webkit-transition: all .5s ease, height 1ms linear;
 271      -moz-transition: all .5s ease, height 1ms linear;
 272      -ms-transition: all .5s ease, height 1ms linear;
 273      -o-transition: all .5s ease, height 1ms linear;
 274      transition: all .5s ease, height 1ms linear;
 275  }
 276  
 277  /* Emoticons panel */
 278  .smiley-box {
 279      width: 18%;
 280      float: right;
 281  }
 282  
 283  .smiley-box img {
 284      margin: 3px;
 285  }
 286  
 287  /* Input field styles
 288  ---------------------------------------- */
 289  .inputbox {
 290      border: 1px solid transparent;
 291      padding: 2px;
 292  }
 293  
 294  .inputbox:hover, .inputbox:focus {
 295      border: 1px solid transparent;
 296      outline-style: none;
 297  }
 298  
 299  input.inputbox    { width: 85%; }
 300  input.medium    { width: 50%; }
 301  input.narrow    { width: 25%; }
 302  input.tiny    { width: 150px; }
 303  
 304  textarea.inputbox {
 305      width: 85%;
 306  }
 307  
 308  .autowidth {
 309      width: auto !important;
 310  }
 311  
 312  input[type="number"] {
 313      -moz-padding-end: 0;
 314  }
 315  
 316  input[type="search"] {
 317      -webkit-appearance: textfield;
 318      -webkit-box-sizing: content-box;
 319  }
 320  
 321  input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
 322      display: none;
 323  }
 324  
 325  input[type="search"]::-webkit-search-cancel-button {
 326      cursor: pointer;
 327  }
 328  
 329  /* Form button styles
 330  ---------------------------------------- */
 331  input.button1, input.button2 {
 332      font-size: 1em;
 333  }
 334  
 335  a.button1, input.button1, input.button3, a.button2, input.button2 {
 336      width: auto !important;
 337      padding-top: 1px;
 338      padding-bottom: 1px;
 339      font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
 340      background: transparent none repeat-x top left;
 341      line-height: 1.5;
 342  }
 343  
 344  a.button1, input.button1 {
 345      font-weight: bold;
 346      border: 1px solid transparent;
 347  }
 348  
 349  input.button3 {
 350      padding: 0;
 351      margin: 0;
 352      line-height: 5px;
 353      height: 12px;
 354      background-image: none;
 355      font-variant: small-caps;
 356  }
 357  
 358  input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"] {
 359      cursor: pointer;
 360  }
 361  
 362  /* Alternative button */
 363  a.button2, input.button2, input.button3 {
 364      border: 1px solid transparent;
 365  }
 366  
 367  /* <a> button in the style of the form buttons */
 368  a.button1, a.button2 {
 369      text-decoration: none;
 370      padding: 0 3px;
 371      vertical-align: text-bottom;
 372  }
 373  
 374  /* Hover states */
 375  a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
 376      border: 1px solid transparent;
 377  }
 378  
 379  input.disabled {
 380      font-weight: normal;
 381  }
 382  
 383  /* Focus states */
 384  input.button1:focus, input.button2:focus, input.button3:focus {
 385      outline-style: none;
 386  }
 387  
 388  /* Topic and forum Search */
 389  .search-box {
 390      float: left;
 391  }
 392  
 393  .search-box .inputbox {
 394      background-image: none;
 395      border-right-width: 0;
 396      border-radius: 4px 0 0 4px;
 397      float: left;
 398      height: 24px;
 399      padding: 3px;
 400      -webkit-box-sizing: border-box;
 401      -moz-box-sizing: border-box;
 402      box-sizing: border-box;
 403  }
 404  
 405  /* Search box (header)
 406  --------------------------------------------- */
 407  .search-header {
 408      border-radius: 4px;
 409      display: block;
 410      float: right;
 411      margin-right: 5px;
 412      margin-top: 30px;
 413  }
 414  
 415  .search-header .inputbox { border: 0; }
 416  
 417  .navbar .linklist > li.responsive-search { display: none; }
 418  
 419  input.search {
 420      background-image: none;
 421      background-repeat: no-repeat;
 422      background-position: left 1px;
 423      padding-left: 17px;
 424  }
 425  
 426  .full { width: 95%; }
 427  .medium { width: 50%;}
 428  .narrow { width: 25%;}
 429  .tiny { width: 10%;}