convert some more ssi to template fragment cache
[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: inline;
101         }
102
103         input {
104             width: auto;
105         }
106     }
107 }
108
109
110 .jqmOverlay { background-color: #000; }
111
112
113
114 .hidelabels label {
115     @include hidden-label;
116 }
117
118
119 @media screen and (min-width: 30em) {
120     #login-window {
121         @include size(width, 260px);
122     }
123     #register-window {
124         width: 26em;
125     }
126     #context-login-window {
127         width: 26em;
128     }
129     #suggest-window {
130         width: 26em;
131     }
132     #suggest-publishing-window {
133         width: 29em;
134     }
135     #custom-pdf-window {
136         width: 24em;
137     }
138 }
139
140 #suggest-window textarea {
141     height: 6em;
142 }
143 #suggest-publishing-window textarea {
144     height: 3em;
145 }
146 #custom-pdf-window label {
147     display: inline;
148 }