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         font-size:100%;\r
  47 }\r
  48 \r
  49 div.input-form input[type=text], div.input-form input[type=password] {\r
  50         border: 1px solid #595241;\r
  51         padding: 2px;\r
  52         max-width: 60%;\r
  53         background-color:white;\r
  54 }\r
  55 \r
  56 div.input-form textarea:focus, div.input-form  input[type=password]:focus, div.input-form  input[type=text]:focus{\r
  57         border:1px solid #545454;\r
  58         background-color: #eeeeee;\r
  59         padding: 2px;\r
  60 }\r
  61 \r
  62 input[type=checkbox]{\r
  63 \r
  64         background-color: #FFDAB9;\r
  65 font-size:100%;\r
  66 \r
  67 }\r
  68 \r
  69 div.input-form div.buttons {\r
  70         text-align: right;\r
  71         padding:8px;\r
  72 }\r
  73 div.input-form div.buttons input {\r
  74         background-color: #efefef;\r
  75         font-weight: normal;\r
  76         border:  #AAA  solid 1px;\r
  77 }\r
  78 .formfield:focus{\r
  79         background-color: #FFDAB9;\r
  80 }\r
  81 \r
  82 #ot:focus{\r
  83         background-color: #FFDAB9;\r
  84 }\r
  85 \r
  86 /*Added by Silvia*/\r
  87 div.input-form div.row_alternatives {\r
  88         background-color: #F8F8F8;\r
  89         padding: 5px;\r
  90 }\r
  91 \r
  92 /* new in ATutor 2.0 */\r
  93 input[type=text]{\r
  94         border-radius:.3em;\r
  95         -moz-border-radius: .3em .3em .3em .3em;\r
  96         font-size:100%;\r
  97 }\r
  98 input[type=password]{\r
  99         border-radius:.3em;\r
 100         -moz-border-radius: .3em .3em .3em .3em;\r
 101         font-size:100%;\r
 102 }\r
 103 \r
 104 input[type=submit]{\r
 105         border-radius:.3em;\r
 106         -moz-border-radius: .3em .3em .3em .3em;\r
 107         font-size:100%;\r
 108 }\r
 109 \r
 110 input[type=reset]{\r
 111         border-radius:.3em;\r
 112         -moz-border-radius: .3em .3em .3em .3em;\r
 113         -moz-box-shadow:.2em .2em .3em #999999;\r
 114         box-shadow: .2em .2em .3em #999999;\r
 115 }\r
 116 \r
 117 div.input-form input[type=submit]{\r
 118         border-radius:.3em;\r
 119         -moz-border-radius: .3em .3em .3em .3em;\r
 120         -moz-box-shadow:.1em .1em .2em #999999;\r
 121          box-shadow: .1em .1em .2em #999999;\r
 122         font-size:100%;\r
 123 }\r
 124 select{\r
 125         background-color:#eeeeee;\r
 126         border-radius: .2em .2em .2em .2em;\r
 127         -moz-border-radius: .2em .2em .2em .2em;\r
 128         -moz-box-shadow:.2em .2em .3em #999999;\r
 129         box-shadow: .2em .2em .3em #999999;\r
 130         font-size:100%;\r
 131 }\r
 132 .test_instruction{\r
 133         background-color: #f3f3f3; \r
 134         padding: 5px 10px; \r
 135         margin: 0px; \r
 136         border-top: 1px solid;\r
 137 }\r
 138 .test_points{\r
 139         float: right; \r
 140         width: 50%; \r
 141         text-align: right; \r
 142         font-weight: bold;\r
 143 }