Another upgrade.
[wolnelektury.git] / src / wolnelektury / static / scss / widget.scss
1 html, body {
2     padding: 0;
3     margin: 0;
4     overflow: hidden;
5     font-family: sans-serif;
6 }
7
8
9 #wl {
10     background-color: #083F4D;
11     position:relative;
12
13     a, a:visited, a:hover {
14         display: block;
15         line-height: 5.94rem;
16         border: 0;
17
18         img {
19             border: 0;
20             max-width: 100%;
21             margin: 0 0 0 25px;
22             vertical-align: middle;
23         }
24     }
25
26     #wl-form {
27         background: #083F4D;
28         color: white;
29         height: 45px;
30         position: relative;
31     }
32     #wl-search {
33         position: absolute;
34         left: .3125rem;
35         right: 10px;
36         top: 0;
37     }
38
39     #id_qq {
40         font-family: sans-serif;
41         font-size: 0.8125rem;
42
43         outline: 0;
44         background-color: #FFFFFF;
45         border: medium none;
46         border-radius: 20px;
47         color: #000000;
48         height: 40px;
49         width: 100%;
50
51         line-height: 2.03125rem;
52         padding: 0 0 0 .8125rem;
53         position: relative;
54         box-sizing: border-box;
55         z-index: 200;
56
57         &::-moz-placeholder {
58             color: #767676;
59             font-family: sans-serif;
60             font-style: italic;
61         }
62     }
63
64     button {
65         background: transparent;
66         border: none;
67         color: #083F4D;
68         display: inline-block;
69         font-size: .6875rem;
70         position: absolute;
71         right: 10px;
72         top: 0;
73         bottom: 10px;
74         width: 2rem;
75
76         width: 40px;
77         height: 40px;
78         margin: 0;
79         padding: 0;
80         border-radius: 20px;
81         z-index:300;
82
83         img {
84             max-width: 100%;
85         }
86     }
87 }
88
89 .ui-menu {
90     width: 100%;
91     list-style-type: none;
92     padding: 0;
93     margin: 0;
94
95     li {
96         background-color: white;
97         &:hover{
98             background-color: #083F4D;
99             color:white;
100         }
101
102         .ui-state-hover {
103             background-color: #083F4D;
104             color:white;
105         }
106
107         .search-hint-label {
108             line-height: 30px;
109             display: inline-block;
110             white-space: nowrap;
111             overflow: hidden;
112             text-overflow: ellipsis;
113         }
114
115         .search-hint-category {
116             display: none;
117             @media screen and (min-width: 10em) {
118                 display: block;
119             }
120             float: right;
121             font-size: .9em;
122         }
123     }
124
125     a:hover {
126         text-decoration: none;
127     }
128 }
129
130 .ui-corner-all {
131     cursor: pointer;
132     display:block;
133
134     a {
135         text-decoration: none;
136         color: black;
137         padding: 0 10px;
138     }
139 }