f22f45f6a391d6060bd224f5e018880ed010cb69
[redakcja.git] / platforma / static / css / master.css
1 body {
2     margin: 0;    
3
4     font: 12px Helvetica, Verdana, sans-serif;
5     overflow: hidden;
6     background: #AAA;
7 }
8
9 /*  fix icon buttons */
10
11 button img {
12     vertical-align: middle;
13     margin: 0px;
14 }
15
16 /* default form style hacks */
17 select {
18     border: none;
19     margin-left: 0.1em;f
20 }
21
22 #body-wrap {
23     margin: 0px;
24     padding: 0px;
25     position: fixed;
26     left: 0px;
27     right: 0px;
28     bottom: 0px;
29     top: 0px;
30 }
31
32 #header { 
33     position: absolute;
34     padding: 2px 0.5em;
35     background-color: #CDCDCD; /* !unused */
36     border-bottom: 2px solid black;
37
38     font-size: 14px;
39
40     line-height: 26px;
41     vertical-align: middle;
42
43     /* height: 30px; */
44     top: 0px; left: 0px; right: 0px; 
45     z-index: 300;
46 }
47
48 #content {
49     position: absolute;
50     top: 32px; left: 0px; right: 0px; bottom: 0px;
51     overflow: auto;
52     background-color: white;
53 }
54
55 #header #breadcrumbs {
56 }
57
58 #header-right-toolbar {
59     position: absolute;
60     right: 1em;
61 }
62
63 #header button {
64     vertical-align: middle;
65 }
66
67 /* Commit dialog */
68 #commit-dialog-error-empty-message {
69     color: red;
70     display: none;
71     font-weight: bold;
72 }
73
74 text#commit-dialog-message {
75     width: 80%;
76     margin: auto;
77 }
78
79 #split-dialog .container-box form {
80     margin: 0.2em 1em;
81 }
82
83 #split-dialog .container-box fieldset {
84     margin: 0.5em;
85 }
86
87
88
89
90 /* ======= */
91 /* = New = */
92 /* ======= */
93 #splitview {
94     width: 100%;
95     height: 100%;
96     padding: 0;
97     margin: 0;
98 }
99
100 .splitview-splitbar {
101     width: 5px;
102     border-left: 1px solid #999;
103     border-right: 1px solid #999;
104     height: 100%;
105     background-color: #CCC;
106     z-index: 5100;
107 }
108
109 .splitview-overlay {
110     z-index: 5000;
111     background: #FFF;
112     opacity: 0.5;
113 }
114
115 .panel-container {
116     height: 100%;
117     position: relative;
118 }
119
120 .content-view {
121     position: absolute;
122     top: 25px;
123     right: 0;
124     bottom: 0;
125     left: 0;
126     overflow: hidden;
127 }
128
129 .panel-main-toolbar {
130     z-index: 1100;    
131     position: absolute;
132
133     top: 0px;
134     right: 0px;
135     left: 0px;
136     height: 24px;
137
138     border-bottom: 1px solid black;
139     background: gray;
140
141     padding: 0px;
142 }
143
144 .panel-main-toolbar p {
145     margin: 0px;
146     padding: 2px;
147     line-height: 20px;
148     font-size: 13px;    
149 }
150
151 .xmlview {
152     height: 100%;
153 }
154
155 .view-overlay {
156     z-index: 1000;
157     background: #FFF;
158     opacity: 0.8;
159     text-align: center;
160     vertical-align: middle;
161
162     position: absolute;
163     left: 0;
164     right: 0;
165     top: 0;
166     bottom: 0;
167
168     /* user-select: 'none';
169     -webkit-user-select: 'none';
170     -khtml-user-select: 'none';
171     -moz-user-select: 'none'; */
172     overflow: 'hidden';    
173 }
174
175 .view-overlay div {
176     position: absolute;
177 }
178
179 /* .buttontoolbarview {
180     display: block;
181     background-color: #CCC;
182 }
183
184 .buttontoolbarview a {
185     color: #000;
186     text-decoration: none;
187 } */ /* Similar classes already exist in toolbar.css */
188
189
190 /* ================= */
191 /* = Gallery panel = */
192 /* ================= */
193 .image-gallery-view-template {
194     position: absolute;
195     top: 0px; left: 0px; right: 0px; bottom: 0px;
196     overflow: hidden;
197 }
198
199 .image-gallery-header {
200     position: absolute;
201     bottom: 0px;
202     left: 0px;
203     right: 0px;
204     height: 30px;
205
206     background: gray;
207     border-top: 1px solid #780000;
208     z-index: 100;
209 }
210
211 input.image-gallery-current-page {
212     text-align: center;
213 }
214
215 .image-gallery-header p {
216     margin: 0px;
217     padding: 3px 1em;
218     height: 30px;
219     line-height: 24px;
220     text-align: center;
221     white-space: nowrap;
222 }
223
224 .image-gallery-page-list {
225     position: absolute;
226     top: 0px;
227     left: 0px;
228     right: 0px;
229     bottom: 31px;
230     background: black;
231     z-index: 0;
232
233     overflow: hidden;
234 }
235
236 .image-gallery-page-container {
237     display: none;
238     border: none;
239
240     position: absolute;
241     top: 0px; left: 0px;
242
243     text-align: center;
244     padding: 0px;
245 }
246
247 .htmlview {
248     position: absolute;
249     top: 25px;
250     right: 0;
251     bottom: 0;
252     left: 0;
253     overflow: auto;
254     margin: 0;
255 }
256
257 .image-gallery-page-container img {
258     /* border: 2px solid green; */
259     margin: 0px;
260 }
261
262 body#base button {
263     background-color: #DDD;
264     border-width: 1px;
265     padding: 0px 0.5em;    
266     font-family: Sans-Serif;
267     /* color: #000; */
268     margin: 2px 4px;
269 }
270
271 body#base button:hover {
272     background-color: #EEE;
273 }
274
275
276
277 /* ================= */
278 /* = Message boxes = */
279 /* ================= */
280 .info {
281     background-color: gray;
282 }
283
284 .success {
285     background-color: green;
286 }
287
288 .error {
289     background-color: yellow;
290 }
291
292 .critical {
293     background-color: red;
294 }
295