Dynamic menu
[wolnelektury.git] / apps / wolnelektury_core / static / css / widget.css
1
2 /* 
3  *  RESET 
4  *  src: http://meyerweb.com/eric/tools/css/reset/
5  */
6
7 #wl div, #wl span, #wl applet, #wl object, #wl iframe,
8 #wl  #eh1, #wl h2, #wl h3, #wl h4, #wl h5, #wl h6, #wl p, #wl blockquote, #wl pre,
9 #wl a, #wl abbr, #wl acronym, #wl address, #wl big, #wl cite, #wl code,
10 #wl del, #wl dfn, #wl em, #wl img, #wl ins, #wl kbd, #wl q, #wl s, #wl samp,
11 #wl small, #wl strike, #wl strong, #wl sub, #wl sup, #wl tt, #wl var,
12 #wl b, #wl u, #wl i, #wl center,
13 #wl dl, #wl dt, #wl dd, #wl ol, #wl ul, #wl li,
14 #wl fieldset, #wl form, #wl label, #wl legend,
15 #wl table, #wl caption, #wl tbody, #wl tfoot, #wl thead, #wl tr, #wl th, #wl td,
16 #wl article, #wl aside, #wl canvas, #wl details, #wl embed,
17 #wl figure, #wl figcaption, #wl footer, #wl header, #wl hgroup, 
18 #wl menu, #wl nav, #wl output, #wl ruby, #wl section, #wl summary,
19 #wl time, #wl mark, #wl audio, #wl video {
20         margin: 0;
21         padding: 0;
22         border: 0;
23         font-size: 100%;
24         font: inherit;
25         vertical-align: baseline;
26 }
27
28 #wl {
29         line-height: 1;
30 }
31
32 #wl ol, #wl ul {
33         list-style: none;
34 }
35 #wl blockquote, #wl q {
36         quotes: none;
37 }
38
39 #wl blockquote:before, #wl blockquote:after,
40 #wl q:before, #wl q:after {
41         content: '';
42         content: none;
43 }
44 #wl table {
45         border-collapse: collapse;
46         border-spacing: 0;
47 }
48
49 /* END RESET */
50
51 #wl {
52     background-color: white;
53 }
54
55 #wl a, a:visited, a:hover {
56     border: 0;
57 }
58
59 #wl img {
60     border: 0;
61     width: 8.625em;
62     margin: 0.375em 0;
63 }
64
65
66 .ui-menu {
67     width: 29em;
68     font-size: small;
69     list-style-type: none;
70     padding: 0;
71     margin:0;
72     border: 1px solid #ddd;
73 }
74
75 .ui-menu .search-hint-label {
76     display: inline-block;
77     width: 20em;
78     margin-right: 2em;
79     font-size: 1.1em;
80     line-height: 1.636em;
81     white-space: nowrap;
82     overflow: hidden;
83 }
84
85 .ui-menu .search-hint-category {
86     width: 9em;
87 }
88
89 .ui-corner-all {
90     /*width: 160px;*/
91     cursor: pointer;
92     display:block;
93 }
94
95 .ui-corner-all a {
96     text-decoration: none;
97     color: #0D7E85;
98     font-size: small;
99     padding: 5px;
100
101 }
102
103 .ui-menu li {
104 }
105
106 .ui-menu li:nth-child(odd) {
107     background-color: white;
108 }
109
110 .ui-menu li:nth-child(even){
111     background-color: #EEE;
112 }
113
114 .ui-menu li .ui-state-hover {
115     background-color: #fdf5ce;
116 }
117
118 .ui-menu li:hover{
119     background-color: #053469;
120     color:white;
121 }
122
123 .ui-menu a:hover {
124 /*    color:white;*/
125     text-decoration: none;
126 }
127
128
129 #wl #id_qq {
130     font-family: Georgia;
131     font-size: 0.75em;
132     
133     background-color: #FFFFFF;
134     border: medium none;
135     border-radius: 0.38em 0.38em 0.38em 0.38em;
136     box-shadow: 0 0 0.5em #444444 inset;
137     color: #000000;
138     height: 2.54em;
139     width: 9.125em;
140
141     line-height: 2.5em;
142     padding: 0 0 0 1em;
143     position: relative;
144 }
145
146 #wl input[type=image] {
147     width: 1.5em;
148     height: 1.5625em;
149     top: 0.375em;
150     position: relative;
151     margin-left: 0.625em;
152 }
153