Zmiana layout-u na divy absolute.
[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 .panels-mouse-overlay {
98         position: absolute;
99         top: 0px; bottom: 0px; left: 0px; right: 0px;
100         z-index: 0;
101         background: transparent;
102 }
103
104 .panel-wrap {
105     overflow: hidden;
106         position: absolute; /* absolute to relation with #panels */
107         top: 0px;
108         bottom: 0px;
109 }
110
111 #left-panel-wrap {
112         left: 0px;
113         width: 8px; /* initial width */
114 }
115
116 #right-panel-wrap {
117         right: 0px;
118         width: auto;
119         left: 8px; /* initial width of the left panel */
120 }
121
122 /* contents */
123 .panel-contents {
124         position: absolute;
125         top: 22px; left: 0px; right: 8px; bottom:0px;
126 }
127
128 .panel-wrap.no-slider .panel-contents {
129         right: 0px;
130 }
131
132 /* Toolbars with select box to change panel contents*/
133 .panel-toolbar {
134         position: absolute;
135         top: 0px; left:0px; right: 0px; height: 20px;
136
137     padding: 0 0 2px 0;
138     border-top: 1px solid #AAA;
139     border-bottom: 1px solid #AAA;
140     font-size: 12px;
141     line-height: 20px;
142     background-color: #DDD;
143     white-space: nowrap;
144     overflow: hidden;
145 }
146
147 .panel-toolbar label {
148     display: block;
149     float: left;
150     margin: 0 10px 0 2px;
151 }
152
153 /* Slider between panels */
154 .panel-wrap .panel-slider {
155     position: absolute;
156
157     top: 0px; bottom: 0px; right: 0px; width: 6px;
158
159     border-left: 1px solid #999;
160     border-right: 1px solid #999;
161     border-top: none;
162     border-bottom: none;
163 }
164
165 .panel-wrap .panel-slider:hover {
166     background-color: #999;
167     cursor: col-resize;
168 }
169
170 /* ================= */
171 /* = Gallery panel = */
172 /* ================= */
173 .images-wrap, .htmleditor {
174     overflow-x: hidden;
175     overflow-y: scroll;
176 }
177
178
179 /* ==================== */
180 /* = XML Editor panel = */
181 /* ==================== */
182
183 #toolbar {
184     height: 48px;
185     overflow: hidden;
186 }
187
188 #toolbar, #toolbar ol, #sidebar-toolbar, #sidebar-toolbar ol {
189 /*    overflow: hidden;*/
190     display: block;
191     margin: 0;
192     padding: 0;
193     background-color: #CCC;
194     border-top: 1px solid #AAA;
195 }
196
197 #sidebar-toolbar {
198     width: 0;
199 }
200
201 #sidebar-toolbar, #sidebar-toolbar ol {
202     overflow: hidden;
203 }
204
205 #sidebar-tabs li, #toolbar-tabs li {
206     font-size: 14px;
207     display: block;
208     float: left;
209     margin: 4px 0 -1px 4px;
210     padding: 2px 10px 0 10px;
211     background-color: #CCC;
212     border: 1px solid #AAA;
213     border-radius-topleft: 8px;
214     border-radius-topright: 8px;
215     -moz-border-radius-topleft: 8px;
216     -moz-border-radius-topright: 8px;
217     -webkit-border-top-left-radius: 8px;
218     -webkit-border-top-right-radius: 8px;
219 }
220
221 #sidebar-tabs, #toolbar-tabs {
222     height: 21px;
223     z-index: 1000;
224 /*    overflow: hidden;*/
225 }
226
227 #sidebar-tabs li:hover, #sidebar-tabs li.active, #toolbar-tabs li:hover, #toolbar-tabs li.active {
228     cursor: default;
229     background-color: #EEE;
230     border-bottom: 1px solid #EEE;
231 }
232
233 #toolbar-buttons {
234     background-color: #EEE;
235     border-bottom: 1px solid #AAA;
236 }
237
238 #toolbar-buttons li {
239     display: block;
240     font-size: 12px;
241     padding: 1px 8px;
242     margin: 4px;
243     border-radius: 10px;
244     -moz-border-radius: 10px;
245     -webkit-border-radius: 8px;
246     float: left;
247 }
248
249 #toolbar-buttons li:hover {
250     background-color: #777;
251     color: #FFF;
252     cursor: default;
253 }
254
255
256 div.isection {
257         margin: 1em auto;
258         border: 1px solid black;
259         padding: 0.5em 2em;
260         background: #9f9ffa;
261
262         width: 60%;
263 }
264
265 div.isection p {
266         margin: 0.5em 1em;
267 }
268