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