docs/themes/mobile/forms.css

   1
   2
   3 /* login page */
   4 div.container{
   5         width:100%;
   6         text-align: center;
   7         margin: 0 auto;
   8 }
   9
  10 div.container p {
  11         text-align: left;
  12         padding: .5em;
  13 }
  14
  15 div.column-login{
  16 }
  17 div.column-new-user{
  18 width: 100%;
  19
  20 /* end of login page */
  21
  22
  23 /*
  24 #contentcolumn{
  25         width: 90%;
  26 }
  27 */
  28
  29
  30
  31 fieldset{
  32         border: none;
  33 }
  34
  35 fieldset.group_form{
  36         border: none;
  37         text-align: center;
  38         width:80%;
  39         margin:0 auto;
  40         border:thin #ffffff solid;
  41         padding-bottom: 0em;
  42 }
  43
  44 /* on registration page, group form fields to the left */
  45 fieldset.group_form .row{
  46 text-align: left}
  47
  48 legend.group_form{
  49         border:none;
  50          font-size: 150%;
  51         background-color: #4D4D4D;
  52         color: #F7941E;
  53         padding:.5em;
  54 }
  55
  56 div.input-form {
  57         width: 110%;
  58     margin:0 auto;
  59         margin-bottom: 20px;
  60         padding: 0 6px;
  61     line-height:150%;
  62         border: none;
  63         background-color: #4D4D4D;
  64
  65 }
  66
  67 div.input-form div.row h3 {
  68         margin-left: 0px;
  69 }
  70
  71 div.input-form div.row {
  72         background-color: #4d4d4d;
  73         padding:8px;
  74 }
  75
  76
  77 /*<img> and <a> tags: on mouse hover the color of the background will keep the same!*/
  78 div.input-form div.row img,a:hover{
  79     background-color:#F8F8F8;
  80 }
  81
  82 div.input-form .footer {
  83         border-top: 1px solid #F9F6F2;
  84 }
  85
  86 div.input-form p {
  87         margin-left: 0px;
  88 }
  89
  90 div.input-form input {
  91         z-index: 2;
  92 }
  93 div.input-form textarea {
  94         border: 1px solid #595241;
  95         width: 98%;
  96         padding: 2px;
  97         margin-right: 2px;
  98 }
  99
 100 div.input-form input[type=text], div.input-form input[type=password] {
 101         border: 1px solid #595241;
 102         padding: 2px;
 103         max-width: 60%;
 104         background-color:white;
 105 }
 106
 107 div.input-form textarea:focus, div.input-form  input[type=password]:focus, div.input-form  input[type=text]:focus{
 108         border:1px solid #4D4D4D;
 109
 110         padding: 2px;
 111 }
 112
 113 input[type=checkbox]{
 114
 115         background-color: #FFDAB9;
 116 }
 117
 118 div.input-form div.buttons {
 119         text-align: center;
 120 padding: 0;
 121 margin: 0;
 122 }
 123 div.input-form div.buttons input {
 124         background-color: #efefef;
 125         font-weight: normal;
 126         border:  #AAA  solid 1px;
 127 }
 128 .formfield:focus{
 129         background-color: #FFDAB9;
 130 }
 131
 132 #ot:focus{
 133         background-color: #FFDAB9;
 134 }
 135
 136 /*Added by Silvia*/
 137 div.input-form div.row_alternatives {
 138         background-color: #F8F8F8;
 139         padding: 5px;
 140 /*      width: 70%;
 141         float: left;
 142         width: 100%;
 143         float: left;*/
 144         /*clear: both;*/
 145 }
 146
 147 #radio_alt{
 148         /*width: auto;*/
 149         /*border-bottom: 1px #CCCCCC solid;*/
 150
 151 }
 152