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