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