themes/default/forms.css

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