caeddda80ef3bbf1508a94d204e813bc47262724
[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: hand;
178 }
179
180 .panel-content-overlay.panel-wrap .panel-slider {
181         background-color: #DDD;
182 }
183
184 /* ================= */
185 /* = Gallery panel = */
186 /* ================= */
187 .images-wrap, .panel-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 {
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 .toolbar-tabs li {
212     font-size: 14px;
213     display: block;
214     float: left;
215     margin: 4px 0 -1px 4px;
216     padding: 2px 10px 0 10px;
217     background-color: #CCC;
218     border: 1px solid #AAA;
219     border-radius-topleft: 8px;
220     border-radius-topright: 8px;
221     -moz-border-radius-topleft: 8px;
222     -moz-border-radius-topright: 8px;
223     -webkit-border-top-left-radius: 8px;
224     -webkit-border-top-right-radius: 8px;
225 }
226
227 .toolbar-tabs {
228     height: 21px;
229     z-index: 1000;
230 /*    overflow: hidden;*/
231 }
232
233 .toolbar-tabs li:hover, .toolbar-tabs li.active {
234     cursor: default;
235     background-color: #EEE;
236     border-bottom: 1px solid #EEE;
237 }
238
239 .toolbar-buttons {
240     background-color: #EEE;
241     border-bottom: 1px solid #AAA;
242 }
243
244 .toolbar-buttons li {
245     display: block;
246     font-size: 12px;
247     padding: 1px 8px;
248     margin: 4px;
249     border-radius: 10px;
250     -moz-border-radius: 10px;
251     -webkit-border-radius: 8px;
252     float: left;
253 }
254
255 .toolbar-buttons li:hover {
256     background-color: #777;
257     color: #FFF;
258     cursor: default;
259 }
260
261
262 div.isection {
263         margin: 1em auto;
264         border: 1px solid black;
265         padding: 0.5em 2em;
266         background: #9f9ffa;
267
268         width: 60%;
269 }
270
271 div.isection p {
272         margin: 0.5em 1em;
273 }
274
275 .change-notification {
276     color: red;
277 }