image listings / boxes work but need polishing. started coding the viewer.
[wolnelektury.git] / apps / wolnelektury_core / static / css / dialogs.css
1 .cuteform {
2     font-size: 1.1em;
3 }
4 .cuteform ol, .cuteform ul {
5     padding: 0;
6     margin: 0;
7     list-style: none;
8     font-style: 1.1em;
9 }
10
11 .cuteform ol li, .cuteform ul li {
12     margin-top: 0.7em;
13 }
14
15 .cuteform label {
16     display: block;
17 }
18
19 .cuteform span.help-text {
20     display: block;
21     font-size: 0.8em;
22     color: #999;
23 }
24
25 .cuteform .error {
26     color: #BF3024;
27     display: block;
28 }
29 .cuteform .errorlist {
30     color: #BF3024;
31 }
32
33
34 .jqmOverlay { background-color: #000; }
35
36
37 .dialog-window {
38     position: absolute;
39     display: none;
40     background-color: transparent;
41     margin-top: -0.5em;
42     margin-left: 1em;
43     width: 20em;
44 }
45
46 .dialog-window div.header {
47     font-size: 1.1em;
48     width: 4em;
49     background-color: #FFF;
50     border-right: 0.3em solid #DDD;
51     padding: 0.5em 1em 0.5em 1em;
52     right: 0;
53     left: auto;
54     float: right;
55     text-align: center;
56 }
57
58
59 .dialog-window div.target {
60     background-color: #FFF;
61     color: black;
62     border-right: 0.3em solid #DDD;
63     border-bottom: 0.3em solid #DDD;
64     padding: 1em;
65     clear: both;
66 }
67
68 .dialog-window h1 {
69     font-size: 1.2em;
70 }
71
72 .dialog-window textarea, .dialog-window input {
73     width: 100%;
74 }
75
76 .hidelabels label {
77         display: block;
78         width: 1px;
79         height: 1px;
80         overflow:hidden;
81 }
82
83
84
85 #login-window {
86     width: 26em;
87 }
88 #register-window {
89     width: 26em;
90 }
91 #context-login-window {
92         width: 26em;
93 }
94
95 #suggest-window {
96     width: 26em;
97 }
98
99 #suggest-window textarea {
100     height: 6em;
101 }
102
103 #suggest-publishing-window {
104     width: 29em;
105 }
106
107 #suggest-publishing-window textarea {
108     height: 3em;
109 }
110
111 #custom-pdf-window {
112     width: 24em;   
113 }
114
115 #custom-pdf-window label {
116     display: inline;
117 }