ATutor 2.0
[atutor.git] / themes / mobile / forms.css
1 div.input-form {\r
2         width: 90%; \r
3         margin-left:auto; \r
4         margin-right:auto;\r
5         border: thin #CCCCCC solid;\r
6         margin-bottom: 20px;\r
7         line-height:150%;\r
8         background-color: #F8F8F8;\r
9 \r
10 }\r
11 \r
12 div.input-form div.row h3 {\r
13         margin-left: 0px;\r
14 }\r
15 \r
16 div.input-form div.row {\r
17         background-color: #F8F8F8;\r
18         padding:8px;\r
19 }\r
20 \r
21 /*<img> and <a> tags: on mouse hover the color of the background will keep the same!*/\r
22 div.input-form div.row img,a:hover{\r
23     background-color:#F8F8F8;\r
24 }\r
25 \r
26 div.input-form .footer {\r
27         border-top: 1px solid #F9F6F2;\r
28 }\r
29 \r
30 div.input-form p {\r
31         margin-left: 0px;\r
32 }\r
33 \r
34 div.input-form input {\r
35         z-index: 2;\r
36 }\r
37 div.input-form textarea {\r
38         border: 1px solid #595241;\r
39         width: 98%;\r
40         padding: 2px;\r
41         margin-right: 2px;\r
42 }\r
43 \r
44 div.input-form input[type=text], div.input-form input[type=password] {\r
45         border: 1px solid #595241;\r
46         padding: 2px;\r
47         max-width: 60%;\r
48         background-color:white;\r
49 }\r
50 \r
51 div.input-form textarea:focus, div.input-form  input[type=password]:focus, div.input-form  input[type=text]:focus{\r
52         border:1px solid #A50707;\r
53         background-color: #FFDAB9;\r
54         padding: 2px;\r
55 }\r
56 \r
57 input[type=checkbox]{\r
58 \r
59         background-color: #FFDAB9;\r
60 }\r
61 \r
62 div.input-form div.buttons {\r
63         text-align: right;\r
64         padding:8px;\r
65 }\r
66 div.input-form div.buttons input {\r
67         background-color: #efefef;\r
68         font-weight: normal;\r
69         border:  #AAA  solid 1px;\r
70 }\r
71 .formfield:focus{\r
72         background-color: #FFDAB9;\r
73 }\r
74 \r
75 #ot:focus{\r
76         background-color: #FFDAB9;\r
77 }\r
78 \r
79 /*Added by Silvia*/\r
80 div.input-form div.row_alternatives {\r
81         background-color: #F8F8F8;\r
82         padding: 5px;\r
83 /*      width: 70%;\r
84         float: left;\r
85         width: 100%;\r
86         float: left;*/\r
87         /*clear: both;*/\r
88 }\r
89 \r
90 #radio_alt{\r
91         /*width: auto;*/\r
92         /*border-bottom: 1px #CCCCCC solid;*/\r
93 \r
94 }\r
95 \r