33a9f6846c82b824f1e5356346a92f8978591171
[redakcja.git] / project / static / css / master.css
1 body {
2     margin: 0;
3     font: 10pt Helvetica, Verdana, sans-serif;
4     overflow: hidden;
5     background: #AAA;
6 }
7
8 #header { 
9     position: absolute;
10     padding: 0.2em 0.5em;
11     background-color: #CDCDCD;
12     border-bottom: 0.1px solid black;
13     height: 1.8em;
14     line-height: 1.8em;
15     vertical-align: middle;
16
17     top: 0px; left: 0px; right: 0px; 
18     z-index: 300;
19 }
20
21 #header #breadcrumbs {
22 }
23
24 #header-right-toolbar {
25     position: absolute;
26     right: 1em;
27 }
28
29 #header button {
30     vertical-align: middle;
31 }
32
33 #content {
34     position: absolute;
35     top: 2.4em; left: 0px; right: 0px; bottom: 0px;
36     overflow: auto;    
37     background-color: white;
38     padding: 0.2em 1em;
39 }
40
41 ul {
42     margin: 20px;
43     padding: 0;
44 }
45
46 li {
47     margin: 0;
48     padding: 0;
49     list-style: none;
50 }
51
52 a {
53     text-decoration: none;
54 }
55
56 a:hover {
57     text-decoration: underline;
58 }
59
60 li a {
61     display: block;
62     padding: 5px 20px;
63     width: 480px;
64 }
65
66 li a:hover {
67     background-color: #BCD6E9;
68 }
69
70 #tabs {
71     border-bottom: 1px solid #858585;
72     background-color: #B7B7B7;
73 }
74
75 #tabs a {
76     display: block;
77     border-right: 1px solid #858585;
78     float: left;
79     padding: 5px 10px;
80 }
81
82 #tabs a.active {
83     background-color: #909090;
84 }
85
86 .theme-begin {
87     display: none;
88 }
89
90 label {
91     display: block;
92 }
93
94 #text_id {
95     width: 480px;
96     height: 480px;
97 }
98
99 #file-text {
100     padding: 5px 10px;
101     overflow-x: hidden;
102     overflow-y: scroll;
103 }
104
105 /* ========== */
106 /* = Panels = */
107 /* ========== */
108
109 #panels {
110     position: absolute;
111     bottom: 0px; left: 0px; right: 0px; top: 0px;
112 }
113
114 .panel-wrap {
115     overflow: hidden;
116     position: absolute; /* absolute to relation with #panels */
117     top: 0px;
118     bottom: 0px;
119 }
120
121 #left-panel-wrap {
122     left: 0px;
123     width: 8px; /* initial width */
124 }
125
126 #right-panel-wrap {
127     right: 0px;
128     width: auto;
129     left: 8px; /* initial width of the left panel */
130 }
131
132 /* contents */
133 .panel-content {
134     position: absolute;
135     overflow: auto;
136     overflow-x: hidden;
137     top: 25px; left: 0px; bottom:0px; right: 0px;
138 }
139
140 .panel-overlay {
141     position: absolute;
142     top: 0px; bottom: 0px; left: 0px; right: 0px;
143     z-index: 100;
144     background: gray;
145     opacity: 0.8;
146     text-align: center;
147     overflow: hidden;
148     display: none;
149     cursor: col-resize;
150 }
151
152 .panel-content-overlay {
153 }
154
155 .panel-wrap.last-panel .panel-content {
156     right: 0px;
157 }
158
159 .panel-wrap.last-panel .panel-slider {
160     display: none;
161 }
162
163 /* Toolbars with select box to change panel contents*/
164 .panel-wrap .panel-toolbar {
165     position: absolute;
166     top: 0px; left:0px; right: 0px; height: 26px;
167     padding: 0px;
168
169     /* border-top: 1px solid #AAA; */
170     border-bottom: 1px solid #AAA;
171     z-index: 80;
172 }
173
174 .panel-toolbar label {
175     display: inline;
176 }
177
178 .panel-toolbar p {
179     /* position: relative; */
180     font-size: 12px;
181     line-height: 26px;
182     background-color: #DDD;
183     white-space: nowrap;
184     overflow: hidden;
185     
186     margin: 0px;
187     padding: 0px 1em;
188
189     width: auto;
190     height: 26px;
191 }
192
193
194 .panel-toolbar .toolbar-button-groups-container .panel-toolbar-extra button {
195     /* this is uber specific */
196     font-size: 12px;
197     font-family: Sans-Serif;
198     padding: 2px 5px;
199     margin: 0px;
200     border: 0px solid black;
201     vertical-align: bottom;
202 }
203
204 /* Slider between panels */
205 .panel-wrap .panel-slider {
206     position: absolute;
207     background-color: #DDD;
208
209     top: 0px; bottom: 0px; right: 0px; width: 4px;
210
211     border-left: 1px solid #999;
212     border-right: 1px solid #999;
213     border-top: none;
214     border-bottom: none;
215
216     z-index: 90;
217     cursor: col-resize;
218 }
219
220 .panel-wrap .panel-slider:hover {
221     background-color: #999;
222 }
223
224 .panel-content-overlay.panel-wrap .panel-slider {
225     background-color: #DDD;
226 }
227
228
229
230
231 /* ================= */
232 /* = Gallery panel = */
233 /* ================= */
234 .images-wrap {
235     overflow-x: hidden;
236     overflow-y: scroll;
237 }
238
239 /* =========================== */
240 /* = DublinCore Editor panel = */
241 /* =========================== */
242 .panel-dceditor {
243     padding: 10px;
244 }
245
246 .panel-dceditor label {
247     display: block;
248     font-size: 12px;
249     margin-top: 10px;
250     color: #666;
251     font-weight: bold;
252 }
253
254 .panel-dceditor input, .panel-dceditor textarea {
255     width: 400px;
256     display: block;
257 }
258
259 div.isection {
260     margin: 1em auto;
261     border: 1px solid black;
262     padding: 0.5em 2em;
263     background: #9f9ffa;
264
265     width: 60%;
266 }
267
268 div.isection p {
269     margin: 0.5em 1em;
270 }
271
272 .change-notification {
273     color: red;
274 }
275
276 /*
277  * Popups
278 */
279 #message-box {
280     position: fixed;
281     top: 2px;
282     left: 35%;
283     width: 33%;  
284 }
285
286 .msg-error, .msg-success, .msg-warning, .msg-info {
287     overflow: hidden;
288     padding: 0.1em 0.5em;
289     text-align: center;
290     border: 1px solid;
291     -moz-border-radius: 8px;
292     -webkit-border-radius: 8px;
293     font-size: 10pt;
294     line-height: 11pt;
295     display: none;
296
297     width: 100%;
298 }
299
300 #message-box * p {
301     padding: 0em;
302     margin: 0.1em;
303 }
304
305 .msg-error {
306     background-color: red;
307     border-color: red;
308     color: white;
309     font-weight: bold;
310 }
311
312 .msg-success {
313     background-color: lightgreen;
314     border-color: lightgreen;
315 }
316
317 .msg-info {
318     background-color: lightblue;
319     border-color: lightblue;
320 }
321
322 .msg-warning {
323     background-color: yellow;
324     border-color: yellow;   
325 }