root/trunk/Wierszowki/Wierszowki.Web/Content/Site.css @ 842

Wersja 842, 8.4 KB (wprowadzona przez alina, 17 years temu)

fix #207, #193, #205

Line 
1/*----------------------------------------------------------
2The base color for this template is #5c87b2. If you'd like
3to use a different color start by replacing all instances of
4#5c87b2 with your new color.
5----------------------------------------------------------*/
6body
7{
8    background-color: #5c87b2;
9    font-size: .75em;
10    font-family: Verdana, Helvetica, Sans-Serif;
11    margin: 0;
12    padding: 0;
13    color: #696969;
14}
15
16a:link
17{
18    color: #034af3;
19    text-decoration: underline;
20}
21a:visited
22{
23    color: #505abc;
24}
25a:hover
26{
27    color: #1d60ff;
28    text-decoration: none;
29}
30a:active
31{
32    color: #12eb87;
33}
34
35p, ul
36{
37    margin-bottom: 20px;
38    line-height: 1.6em;
39}
40
41/* HEADINGS   
42----------------------------------------------------------*/
43h1, h2, h3, h4, h5, h6
44{
45    font-size: 1.5em;
46    color: #000;
47    font-family: Arial, Helvetica, sans-serif;
48}
49
50h1
51{
52    font-size: 2em;
53    padding-bottom: 0;
54    margin-bottom: 0;
55}
56h2
57{
58    padding: 0 0 10px 0;
59}
60h3
61{
62    font-size: 1.2em;
63}
64h4
65{
66    font-size: 1.1em;
67}
68h5, h6
69{
70    font-size: 1em;
71}
72
73/* this rule styles <h2> tags that are the
74first child of the left and right table columns */
75.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
76{
77    margin-top: 0;
78}
79
80/* PRIMARY LAYOUT ELEMENTS   
81----------------------------------------------------------*/
82
83/* you can specify a greater or lesser percentage for the
84page width. Or, you can specify an exact pixel width. */
85.page
86{
87    width: 90%;
88    margin-left: auto;
89    margin-right: auto;
90}
91
92.reportTable, .reportTable td, .reportTable table
93{
94        border: none;
95        text-align: left;
96        background-color: #F5F5F5;
97}
98#header
99{
100    position: relative;
101    margin-bottom: 0px;
102    color: #000;
103    padding: 0;
104}
105
106#header h1
107{
108    font-weight: bold;
109    padding: 5px 0;
110    margin: 0;
111    color: #fff;
112    border: none;
113    line-height: 2em;
114    font-family: Arial, Helvetica, sans-serif;
115    font-size: 32px !important;
116}
117
118#main
119{
120    padding: 30px 30px 15px 30px;
121    background-color: #fff;
122    margin-bottom: 30px;
123    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
124}
125
126#footer
127{
128    color: #999;
129    padding: 10px 0;
130    text-align: center;
131    line-height: normal;
132    margin: 0;
133    font-size: .9em;
134}
135
136/* TAB MENU   
137----------------------------------------------------------*/
138ul#menu
139{
140    border-bottom: 1px #5C87B2 solid;
141    padding: 0 0 2px;
142    position: relative;
143    margin: 0;
144    text-align: right;
145}
146
147ul#menu li
148{
149    display: inline;
150    list-style: none;
151}
152
153ul#menu li#greeting
154{
155    padding: 10px 20px;
156    font-weight: bold;
157    text-decoration: none;
158    line-height: 2.8em;
159    color: #fff;
160}
161
162ul#menu li a
163{
164    padding: 10px 20px;
165    font-weight: bold;
166    text-decoration: none;
167    line-height: 2.8em;
168    background-color: #e8eef4;
169    color: #034af3;
170}
171
172ul#menu li a:hover
173{
174    background-color: #fff;
175    text-decoration: none;
176}
177
178ul#menu li a:active
179{
180    background-color: #a6e2a6;
181    text-decoration: none;
182}
183
184ul#menu li.selected a
185{
186    background-color: #fff;
187    color: #000;
188}
189
190/* FORM LAYOUT ELEMENTS   
191----------------------------------------------------------*/
192
193fieldset
194{
195    margin: 1em 0;
196    padding: 1em;
197    border: 1px solid #CCC;
198}
199
200fieldset p
201{
202    margin: 2px 12px 10px 10px;
203}
204
205fieldset label
206{
207    display: block;
208}
209
210fieldset label.inline
211{
212    display: inline;
213}
214
215legend
216{
217    font-size: 1.1em;
218    font-weight: 600;
219    padding: 2px 4px 8px 4px;
220}
221
222input[type="text"]
223{
224    width: 200px;
225    border: 1px solid #CCC;
226}
227
228input[type="password"]
229{
230    width: 200px;
231    border: 1px solid #CCC;
232}
233select,textarea
234{
235    width: 200px;
236}
237/* TABLE
238----------------------------------------------------------*/
239
240table
241{
242  border: solid 1px #e8eef4;
243  border-collapse: collapse;
244}
245table select
246{
247    width: 180px;
248}
249
250table td
251{
252  padding: 5px;   
253  border: solid 1px #e8eef4;
254  text-align: right;
255  vertical-align: top;
256}
257
258table th
259{
260  padding: 6px 5px;
261  text-align: center;
262  background-color: #e8eef4;
263  border: solid 1px #e8eef4;   
264}
265/* MISC 
266----------------------------------------------------------*/
267.clear
268{
269    clear: both;
270}
271
272.error
273{
274    color:Red;
275}
276
277#menucontainer
278{
279    margin-top:40px;
280}
281
282div#title
283{
284    display:block;
285    float:left;
286    text-align:left;
287}
288
289div#title a
290{
291    color:#fff;
292    text-decoration:none;
293}
294
295#logindisplay
296{
297    font-size:1.1em;
298    display:block;
299    text-align:right;
300    margin:10px;
301    color:White;
302}
303
304#logindisplay a:link
305{
306    color: white;
307    text-decoration: underline;
308}
309
310#logindisplay a:visited
311{
312    color: white;
313    text-decoration: underline;
314}
315
316#logindisplay a:hover
317{
318    color: white;
319    text-decoration: none;
320}
321
322.field-validation-error
323{
324    color: #ff0000;
325}
326
327.input-validation-error
328{
329    border: 1px solid #ff0000;
330    background-color: #ffeeee;
331}
332
333.validation-summary-errors
334{
335    font-weight: bold;
336    color: #ff0000;
337}
338
339/*  Custom */
340.watermark
341{
342        background-color: #ffffff;
343        color: #bbb;
344}
345
346div.formitem
347{
348        width: 100%;
349        border-bottom: solid 1px #ccc; 
350        padding: 5px 0 5px 5px;
351}
352
353fieldset
354{
355        width: 600px;
356        padding: 5px 5px 5px 5px;
357}
358
359label
360{       
361        float: left;
362        width: 45%;
363}
364
365fieldset input
366{
367        /*width: 100%;*/
368}
369
370p.label
371{
372        width: 45%;     
373}
374
375p#tooltip
376{
377        position: absolute;
378        display: none;
379        width: 250px;
380        background-color: #fffcdf;
381        padding: 5px 5px 5px 5px;
382        border: solid 1px #fff000;
383}
384
385table.jCalendar {
386        border: 1px solid #000;
387        background: #aaa;
388    border-collapse: separate;
389    border-spacing: 2px;
390}
391table.jCalendar th {
392        background: #333;
393        color: #fff;
394        font-weight: bold;
395        padding: 3px 5px;
396}
397
398table.jCalendar td {
399        background: #ccc;
400        color: #000;
401        padding: 3px 5px;
402        text-align: center;
403}
404table.jCalendar td.other-month {
405        background: #ddd;
406        color: #aaa;
407}
408table.jCalendar td.today {
409        background: #666;
410        color: #fff;
411}
412table.jCalendar td.selected {
413        background: #f66;
414        color: #fff;
415}
416table.jCalendar td.selected.dp-hover {
417        background: #f33;
418        color: #fff;
419}
420table.jCalendar td.dp-hover,
421table.jCalendar tr.activeWeekHover td {
422        background: #fff;
423        color: #000;
424}
425table.jCalendar tr.selectedWeek td {
426        background: #f66;
427        color: #fff;
428}
429table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
430        background: #bbb;
431        color: #888;
432}
433table.jCalendar td.unselectable,
434table.jCalendar td.unselectable:hover,
435table.jCalendar td.unselectable.dp-hover {
436        background: #bbb;
437        color: #888;
438}
439
440/* For the popup */
441
442/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
443
444div.dp-popup {
445        position: relative;
446        background: #ccc;
447        font-size: 10px;
448        font-family: arial, sans-serif;
449        padding: 2px;
450        width: 171px;
451        line-height: 1.2em;
452}
453div#dp-popup {
454        position: absolute;
455        z-index: 199;
456}
457div.dp-popup h2 {
458        font-size: 12px;
459        text-align: center;
460        margin: 2px 0;
461        padding: 0;
462}
463a#dp-close {
464        font-size: 11px;
465        padding: 4px 0;
466        text-align: center;
467        display: block;
468}
469a#dp-close:hover {
470        text-decoration: underline;
471}
472div.dp-popup a {
473        color: #000;
474        text-decoration: none;
475        padding: 3px 2px 0;
476}
477div.dp-popup div.dp-nav-prev {
478        position: absolute;
479        top: 2px;
480        left: 4px;
481        width: 100px;
482}
483div.dp-popup div.dp-nav-prev a {
484        float: left;
485}
486/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
487div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
488        cursor: pointer;
489}
490div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
491        cursor: default;
492}
493div.dp-popup div.dp-nav-next {
494        position: absolute;
495        top: 2px;
496        right: 4px;
497        width: 100px;
498}
499div.dp-popup div.dp-nav-next a {
500        float: right;
501}
502div.dp-popup a.disabled {
503        cursor: default;
504        color: #aaa;
505}
506div.dp-popup td {
507        cursor: pointer;
508}
509div.dp-popup td.disabled {
510        cursor: default;
511}
512/*Komunikaty na stronie Error.aspx*/
513.error_info
514{
515    font-size: 14px;
516    font-weight: bold;
517    color: Gray;
518}
519.st1
520{
521    font-size: 16px;
522    font-weight: bold;
523    color: Gray;
524}
525.st1 span
526{
527    font-size: 14px;
528    font-weight: normal;
529}
Notatka: Zobacz TracBrowser aby uzyskać więcej informacji.