revamp search hints
[wolnelektury.git] / src / wolnelektury / static / scss / main / dialogs.scss
1 .dialog-window {
2     position: absolute;
3     display: none;
4     background-color: transparent;
5     @include size(margin-top, -5px);
6     @include size(margin-left, 10px);
7     @include size(width, 200px);
8
9     @media screen and (max-width: 29.999999em) {
10         left: 0 !important;
11         right: 0;
12         @include size(margin-left, 0);
13         width: auto;
14     }
15
16     div.header {
17         @include mono;
18         @include size(font-size, 11px);
19         width: 4em;
20         background-color: #FFF;
21         padding: 1em;
22         right: 0;
23         left: auto;
24         float: right;
25         text-align: center;
26
27         @media screen and (min-width: 30em) {
28             padding-top: 0.5em;
29             padding-bottom: 0.5em;
30             border-right: 0.3em solid #DDD;
31         }
32     }
33
34     div.target {
35         background-color: #FFF;
36         color: black;
37         border-bottom: 0.3em solid #DDD;
38         padding: 1em 10px;
39         clear: both;
40
41         @media screen and (min-width: 30em) {
42             border-right: 0.3em solid #DDD;
43             padding-left: 1em;
44             padding-right: 1em;
45         }
46     }
47
48     h1 {
49         @include size(font-size, 12px);
50         font-weight: normal;
51         margin-top: .4em;
52     }
53
54     textarea, input {
55         width: 100%;
56     }
57 }
58
59
60
61
62
63
64
65 .cuteform {
66     @include size(font-size, 11px);
67
68     ol, ul {
69         padding: 0;
70         margin: 0;
71         list-style: none;
72         @include size(font-size, 11px);
73
74         li {
75             margin-top: 0.7em;
76         }
77     }
78
79     label {
80         display: block;
81     }
82
83     span.helptext {
84         display: block;
85         font-size: 0.9em;
86         color: #999;
87     }
88
89     .error {
90         color: #BF3024;
91         display: block;
92     }
93
94     .errorlist {
95         color: #BF3024;
96     }
97
98     .checkbox {
99         label {
100             display: block;
101             padding-left: 15px;
102             text-indent: -15px;
103         }
104
105         input {
106             width: 13px;
107             height: 13px;
108             padding: 0;
109             margin:0;
110             vertical-align: bottom;
111             position: relative;
112             top: -1px;
113             *overflow: hidden;
114         }
115     }
116 }
117
118
119 .jqmOverlay { background-color: #000; }
120
121
122
123 .hidelabels label, .hidelabels .label {
124     @include hidden-label;
125 }
126
127 .hidelabels label.nohide {
128     width: auto;
129     height: auto;
130 }
131
132 .hidelabels .checkbox .label {
133     display: inline;
134 }
135
136
137 @media screen and (min-width: 30em) {
138     #login-window {
139         @include size(width, 260px);
140     }
141     #register-window {
142         width: 26em;
143     }
144     #context-login-window {
145         width: 26em;
146     }
147     #suggest-window {
148         width: 26em;
149     }
150     #suggest-publishing-window {
151         width: 29em;
152     }
153     #custom-pdf-window {
154         width: 24em;
155     }
156 }
157
158 #suggest-window textarea {
159     height: 6em;
160 }
161 #suggest-publishing-window textarea {
162     height: 3em;
163 }
164 #custom-pdf-window label {
165     display: inline;
166 }