much-awaited web-based self-checkout system
[wip/koha-chris_n.git] / koha-tmpl / opac-tmpl / prog / en / css / sco.css
1 input.focus {
2         background-color: #FFF;
3         border-bottom: 2px dashed #993300;
4 }
5
6 input.unfocus {
7         background-color : #FFF;
8 }
9
10 div.sco_head { 
11   font-weight: bold;
12   width: 75%;
13   margin: 15px auto;
14   padding-left: 10px;
15 }
16
17 div#sco_main {
18         text-align: center;
19         }
20 div#newcheckout {
21 /*      margin : 20px 30px;
22 /*  text-align: center;
23 */  padding: 10px 10px 10px 40px;
24 /*  width: 80%;
25 /*  min-width: 300px;
26 */  } 
27
28 div#checkout h3 {
29 /*  background: url(/opac-tmpl/npl/en/sco/images/checkout-top-right.gif) top right no-repeat;
30 /*  border : 1px solid yellow;*/
31   font-size:1.3em;
32   padding: 15px 15px 0px 15px;
33   margin:0;
34   }
35
36 div#borrowerdetails {
37   margin: 10px 5px 5px 5px;
38   }
39   
40 div#borrowerdetails h2 {
41   font-style: italic;
42   border-bottom: 1px;
43   border-color: red;
44   margin: 5px;
45   }
46
47 .submit {
48  font-size: smaller;
49  }
50
51 .sco_entry {
52         background-color : #FFE;
53         text-align: left;
54         width : 75%;
55         margin: 15px auto;!important
56         padding: 10px;
57         border : 2px solid #CC3333;     
58 }
59
60 p.checkout {
61 /*  background: url(/opac-tmpl/npl/en/sco/images/checkout-right.gif) top right repeat-y;
62 /*  border : 1px solid lime;*/
63   margin: 5px;
64   padding: 5px 15px;
65   text-align: center;
66   }
67
68 div#checkouthelp p {
69   text-align: center;
70  
71 }
72 div#checkoutfooter {
73 /*  background: url(/opac-tmpl/npl/en/sco/images/checkout-bottom-left.gif) bottom left no-repeat;
74 */  border-top : 1px solid red;
75   }
76 div#footerbody {
77 /*  background: url(/opac-tmpl/npl/en/sco/images/checkout-bottom-right.gif) bottom right no-repeat;
78 */  padding:15px;
79   display:block;
80   margin: -1.1em 0 0 0;
81   }
82   
83  input.confirm {
84         background-color: #009900;
85         color : #FFFFCC;
86         font-weight: bold;
87 }
88
89 input.reject {
90         background-color: #CC3333;
91         color : #FFFFCC;
92         font-weight: bold;
93
94
95 div.sco_head p.alert {
96         width: 50%;
97         font-weight: bold;
98         background-color : #FFFF99;
99         font-size : 105%;
100         margin: 5px auto;
101         margin-bottom : 15px;
102         padding: 5px;
103         border :1px solid #CC3333;      
104  }
105 p.alert a{
106         font-weight: bold;
107 }
108 div.error {
109         background-color : #FFFF99;
110         font-size : 105%;
111 /*      width : 50%;
112 */      margin: 5px auto;
113         margin-bottom : 15px;
114         padding: 5px;
115         border : 2px dashed #CC3333;    
116 }
117
118 div.error h3 {
119         color: #CC3333;
120         font-size : 110%;
121         padding-left : 63px;
122         height : 46px;
123 }
124
125 div.error p {
126         margin-top : 0px;
127         margin-left : 10px;
128 }
129
130 div#footerbody p {
131         background-color : #EFF1DC;
132         font-size : 80%;
133         width : 60%;
134         margin: 5px auto;
135         padding: 3px;
136         border : 1px dashed #CCCC99;
137         text-align: center;
138 }
139
140 div#complete {
141         float : right;
142         border : 0px solid lime;
143 }
144
145 div#complete input {
146         background-color : #009900;
147         color : #FEEDDB;
148         font-family : verdana,arial,hevetica;
149         font-size : small;
150         font-weight : bold;
151         margin: 0;
152         padding : 2px 32px 2px 2px;     
153 }
154
155 div#abort {
156         margin: 5px auto;
157         border : 0;
158         text-align : center;
159 }
160
161 div#abort input, .warning input {
162         background-color : #993300;
163         color : #FEEDDB;
164         font-family : verdana,arial,hevetica;
165         font-size : small;
166         font-weight : bold;
167         margin: 0;
168         padding : 2px 32px 2px 2px;     
169 }
170
171 .warning-header {
172         display : block;
173         color: #CC3333;
174         font-size : 110%;
175 }
176
177 input.back {
178         background-color : #936;
179         color : #ffffcc;
180         font-family : verdana,arial,hevetica;
181         font-size : small;
182         font-weight : bold;
183         margin: 0;
184         padding : 2px 2px 2px 32px;     
185 }
186
187 p.checkout .warning {
188         display : block;
189         padding : 15px;
190         margin : 10px;
191         margin-bottom : 15px;
192         background-color : #FFFFCC;
193         border : 3px dashed #cc0000;
194 }