/static/light_hatched_style/base.css.tmpl

  1body 
  2{
  3    font: 75% verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif; 
  4    background: white;
  5    color: $base_text;
  6    background-image: url(base_bg.png);
  7    background-repeat: repeat-x;
  8    background-position: top;
  9    margin: 10px;
 10    margin-right: 15px;
 11    margin-left: 15px;
 12}
 13
 14a:link, a:visited, a:active
 15{
 16    color: $link_text;
 17}
 18
 19h1, h2, h3, h4 
 20{
 21    color: $header_text;
 22    /*text-shadow: #bbb 2px 2px 1px;*/
 23}
 24
 25hr
 26{
 27    border: none;
 28    border-bottom: dotted $base_text 1px;
 29}
 30
 31div.toolForm
 32{
 33    margin-right: -5px;
 34    margin-left: -5px;
 35}
 36
 37div.toolFormTitle
 38{ 
 39  background: $form_title_bg;
 40  background-image: url(form_title_bg.png);
 41  background-repeat: repeat-x;
 42  background-position: top;  
 43  border-top: solid $form_border 1px;
 44  border-bottom: solid $form_border 1px;
 45  font-weight: bold;
 46  padding: 5px;
 47}
 48
 49div.toolParamHelp
 50{
 51  font-style: italic;
 52}
 53
 54div.toolFormBody
 55{ 
 56  background: $form_body_bg;
 57  border-bottom: solid $form_border 1px;
 58  padding: 5px;
 59}
 60
 61div.toolFormBody div.toolFormTitle
 62{
 63	background: transparent;
 64	border: none;
 65	font-weight: bold;
 66	border-bottom: solid $form_border 1px;
 67	margin-bottom: 5px;
 68}
 69
 70div.toolHelp
 71{ 
 72}
 73
 74div.toolHelpBody
 75{ 
 76	width: 100%;
 77	overflow: auto;
 78}
 79
 80/* Forms */
 81
 82div.form-row 
 83{
 84    margin-bottom: 1em;
 85}
 86
 87div.form-title-row
 88{
 89    margin-bottom: 0.5em;
 90}
 91
 92div.repeat-group-item
 93{
 94    border-left: solid $form_border 5px;
 95    padding-left: 10px;
 96}
 97
 98div.form-row-error
 99{
100    background: $error_message_bg;
101    padding: 5px;
102}
103
104div.form-row label
105{
106    font-weight: bold;
107    display: block;
108    margin-bottom: .2em;
109}
110
111select
112{
113    max-width: 300px;
114}
115
116.errormessage, .warningmessage, .donemessage, .infomessage, .welcomemessage
117{
118    padding: 10px;
119    padding-left: 52px;
120    min-height: 32px;
121    border-top: 1px solid $error_message_border;
122    border-bottom: 1px solid $error_message_border;
123    background-color: $error_message_bg;
124    background-image: url(error_message_icon.png);
125    background-repeat: no-repeat;
126    background-position: 10px 10px;
127}
128
129.warningmessage 
130{
131    background-image: url(warn_message_icon.png);
132    border-color: $warn_message_border;
133    background-color: $warn_message_bg;
134}
135
136.donemessage 
137{
138    background-image: url(done_message_icon.png);
139    border-color: $done_message_border;
140    background-color: $done_message_bg;
141}
142
143.infomessage 
144{
145    background-image: url(info_message_icon.png);
146    border-color: $info_message_border;
147    background-color: $info_message_bg;
148}
149
150.welcomemessage {
151    padding-left: 10px;
152    border-color: #6666AA;
153    background-color: #CCCCFF;
154    background-image: none;
155}
156
157.errormessagesmall, .warningmessagesmall, .donemessagesmall, .infomessagesmall 
158{
159    padding: 5px;
160    padding-left: 25px;
161    min-height: 25px;
162    border-top: 1px solid $error_message_border;
163    border-bottom: 1px solid $error_message_border;
164    background-color: $error_message_bg;
165    background-image: url(error_small.png);
166    background-repeat: no-repeat;
167    background-position: 5px 5px;
168}
169
170.warningmessagesmall
171{
172    background-image: url(warn_small.png);
173    border-color: $warn_message_border;
174    background-color: $warn_message_bg;
175}
176
177.donemessagesmall
178{
179    background-image: url(ok_small.png);
180    border-color: $done_message_border;
181    background-color: $done_message_bg;
182}
183
184.infomessagesmall
185{
186    background-image: url(info_small.png);
187    border-color: $info_message_border;
188    background-color: $info_message_bg;
189}
190
191.errormark, .warningmark, .donemark, .infomark, .ok_bgr, .err_bgr
192{
193    padding-left: 20px;
194    min-height: 15px;
195    background: url(error_small.png) no-repeat;
196}
197
198.warningmark 
199{
200    background-image: url(warn_small.png);
201}
202
203.donemark 
204{
205    background-image: url(ok_small.png);
206}
207
208.infomark, .ok_bgr
209{
210    background-image: url(info_small.png);
211}
212
213table.colored
214{
215  border-top: solid $table_border 1px;
216  border-bottom: solid $table_border 1px;
217}
218
219table.colored td
220{
221    padding: 5px;
222}
223
224table.colored tr.header
225{ 
226  background: $table_header_bg;
227  background-image: url(form_title_bg.png);
228  background-repeat: repeat-x;
229  background-position: top;
230	border-bottom: solid $table_border 1px;
231  font-weight: bold;
232}
233
234table.colored tr
235{ 
236  background: $table_row_bg;
237}
238
239div.debug
240{
241    margin: 10px;
242    padding: 5px;
243    background: #FFFF99;
244    border: solid #FFFF33 1px;
245    color: black;
246}
247
248div.odd_row
249{
250    background: $odd_row_bg;
251}
252    
253#footer {
254  position: fixed;
255  background: $footer_bg;
256  width: 100%;
257  left: 0px;
258  bottom: 0px;
259  color: white;
260  z-index:10000;
261  opacity:0.9;
262  filter:alpha(opacity:90);
263}
264
265#footer a {
266    color: white;
267}
268
269.footerheader
270{
271  padding: 5px;
272  text-align:center;
273  background-image: url(footer_title_bg.png);
274  background-position: bottom right;
275}
276
277.footermenu
278{
279  /*border-top: solid white 1px; */
280}
281
282.footermenuitem
283{
284    margin-top: 5px;
285    margin-bottom: 5px;
286    margin-right: 5px;
287    margin-left: 25px;
288    display: list-item;
289    list-style: square outside;
290}
291
292.footermenumessage
293{
294    margin: 5px;
295}