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