[Summary view] [Print] [Text view]

   1  /*
   2  by default, the default form adds some surrounding space, this cancels it
   3  */
   4  .content div.form-item,
   5  .content div.content {
   6    margin: 0; padding: 0;
   7  }
   8  
   9  /*
  10  this adds some space in top and bottom, so anything inside can look vertically
  11  centered
  12  */
  13  #user-login-form {
  14    padding: .65em 0;
  15    margin-top:30px;
  16    width:370px;
  17  }
  18  
  19  /*
  20  by default, fields labels tries to reserve a whole line for itself, this
  21  cancels that and and sends it to the left.
  22  it also adds some space on the right and left of the label to look easy on
  23  the eye.
  24  */
  25  #user-login-form label {
  26    float: left;
  27    margin-left: 10px;
  28    margin-right: 2px;
  29  }
  30  
  31  /*
  32  inputs too, they try to reserve a whole line for itself, this
  33  cancels that and sends it to the left
  34  */
  35  #user-login-form input {
  36    float: left;
  37  }
  38  
  39  /*
  40  I don't like the required * (asterisks), so I hide them.
  41  */
  42  #user-login-form span.form-required {
  43    display: none;
  44  }
  45  
  46  /*
  47  the form submit button,
  48  */
  49  /* #user-login-form input.form-submit {
  50    margin-top: -1px;
  51    margin-left: 10px;
  52    padding: 0em .5em .1em .5em;
  53    font-size:.9em;
  54    border:1px solid #999;
  55    background-color:#E3A332;
  56    color:white;
  57    cursor:pointer;
  58  }
  59  */
  60  
  61  #user-login-form #edit-name, #user-login-form #edit-pass {
  62  width: 70px;
  63  font-size:.9em;
  64  }
  65  
  66  
  67  /*
  68  now this is for the links list, lists by default tries to reserve a whole line
  69  also they add space surrounding them. we cancel all that and send the list
  70  to the right
  71  */
  72  #user-login-form div.item-list ul {
  73    margin: 10px; padding: 0px;
  74    padding-top:5px;
  75    text-align:left;
  76    clear:both;
  77  }
  78  
  79  /*
  80  remember, stylign above was for the whole list, now for each item,
  81  we all know each item in the list by default exists on a separate line, also
  82  has that bullet on the left. we cancel all that. and makes all items sit beside
  83  each other
  84  */
  85  #user-login-form div.item-list ul li {
  86    margin:0px;
  87    padding: 0px;
  88    margin-top: 6px;
  89    background: none;
  90    list-style:none;
  91    display:inline;
  92  }
  93  
  94  /*
  95  this is the "Hi user, welcome back message".
  96  by default <p> tries to exist on a separate line, we cancel that.
  97  also by default <p> has some surrounding space, we cancel that too, and give it
  98  only space on the left.
  99  */
 100  #user-login-form p.user-info {
 101    float: left;
 102    padding: 0;
 103    margin: 0 0 0 10px;
 104  }
 105