2902862fc5cd91486b6c0c2efca1d0e5c271a6eb
[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.help-text {
84         display: block;
85         font-size: 0.8em;
86         color: #999;
87     }
88
89     .error {
90         color: #BF3024;
91         display: block;
92     }
93
94     .errorlist {
95         color: #BF3024;
96     }
97 }
98
99
100 .jqmOverlay { background-color: #000; }
101
102
103
104 .hidelabels label {
105     @include hidden-label;
106 }
107
108
109 @media screen and (min-width: 30em) {
110     #login-window {
111         @include size(width, 260px);
112     }
113     #register-window {
114         width: 26em;
115     }
116     #context-login-window {
117         width: 26em;
118     }
119     #suggest-window {
120         width: 26em;
121     }
122     #suggest-publishing-window {
123         width: 29em;
124     }
125     #custom-pdf-window {
126         width: 24em;   
127     }
128 }
129
130 #suggest-window textarea {
131     height: 6em;
132 }
133 #suggest-publishing-window textarea {
134     height: 3em;
135 }
136 #custom-pdf-window label {
137     display: inline;
138 }