faa67acac11edfc84a0513d3beb8529582f8932a
[redakcja.git] / platforma / static / css / master.css
1 body {
2     margin: 0;
3     overflow: hidden;
4     padding: 0;
5     min-width: 960px;
6     width: 100%;
7     height: 100%;
8 }
9
10 .vsplitbar {
11     position: absolute;
12     top: 25px;
13     bottom: 0;
14     right: 0;;
15     width: 13px;
16     background: #C1C1C1 url(/static/img/gallery.png) no-repeat scroll center center;
17     border-left: 1px solid #999;
18     border-right: 1px solid #999;
19     cursor: w-resize;
20 }
21
22 .vsplitbar.active {
23     cursor: e-resize;
24 }
25
26 #source-editor, #simple-editor {
27     position: absolute;
28     top: 25px;
29     bottom: 0;
30     left: 0;
31     right: 15px;
32     overflow: hidden;
33 }
34
35 #html-view {
36     overflow: auto;
37     position: absolute;
38     top: 27px;
39     bottom: 0;
40     left: 0;
41     right: 0;
42 }
43
44 #sidebar {
45     position: absolute;
46     overflow: hidden;
47     top: 25px;
48     right: 0;
49     bottom: 0;
50     width: 0;
51     display: none;
52     background-color: #FFF;
53 }
54
55 #header {
56     margin: 0;
57     padding: 0;
58     background-color: #C1C1C1;
59     background-image: -webkit-gradient(linear, left top, left bottom, from(#C1C1C1), color-stop(0.9, #A2A2A2));
60     font: 11px Helvetica, Verdana, sans-serif;
61     font-weight: bold;
62 }
63
64 #header h1, #header h1 a {
65     margin: 0;
66     padding: 0;
67     font: 17px Helvetica, Verdana, sans-serif;
68     font-weight: bold;
69     float: left;
70     padding: 3px 6px 2px 6px;
71     color: #222;
72     line-height: 20px;
73 }
74
75 #header h1 a {
76     text-decoration: none;
77     color: #222;
78 }
79
80 #tabs {
81     margin: 0;
82     padding: 0;
83     
84     width: 100%;
85     height: 22px;
86     padding-top: 2px;
87     border-bottom: 1px solid #999;
88 }
89
90 #tabs li {
91     -webkit-user-select: none;
92     cursor: default;
93     display: block;
94     float: left;
95     padding: 5px 12px 3px 12px;
96     border: 1px solid #999;
97     -webkit-border-radius: 4px;
98     -webkit-border-bottom-left-radius: 0;
99     -webkit-border-bottom-right-radius: 0;
100     font-weight: bold;
101     color: #222;
102     height: 13px;
103     -webkit-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25);
104     margin-left: 4px;
105     margin-bottom: -1px;
106     background-color: #A2A2A2;
107 }
108
109 #tabs li.active {
110     background-color: #C1C1C1;
111     border-bottom: 1px solid #C1C1C1;
112 }
113
114 .toolbar {
115     width: 100%;
116     border-bottom: 1px solid #777;
117     background-color: #C1C1C1;
118     margin: 0;
119     padding: 2px;
120     z-index: 10;
121 /*    height: 22px;*/
122 }
123
124 .toolbar button {
125     display: block;
126     float: left;
127     margin: 4px 0 2px 0;
128     padding: 0 5px 2px 5px;
129     border: none;
130     background: none;
131 }
132
133 .toolbar select {
134     float: left;
135     margin: 1px 5px 1px 0;
136     background: none;
137     border: 1px solid #999;
138     padding: 1px;
139 }
140
141 .toolbar input {
142     float: left;
143     font-size: 11px;
144     padding: 0;
145     margin: 2px 5px 0 5px;
146 }
147
148 .toolbar-end {
149     clear: both;
150 }
151
152 .toolbar button:hover, .toolbar button:active {
153     background: #777;
154     color: #FFF;
155     -webkit-border-radius: 10px;
156     -moz-border-radius: 10px;
157     border-radius: 10px;
158 }
159
160 /* Remove extra padding in Firefox */
161 button::-moz-focus-inner { 
162     border: 0;
163     padding: 0;
164 }
165
166 p { margin: 0;}
167
168 .htmlview *[x-editable] {
169     background-color: white;
170 }
171
172 .htmlview .active[x-editable] {
173     background-color: #FAFAFA;
174     border: 1px solid #DDD;
175 /*    -webkit-transition: all 1s linear;*/
176 }
177
178
179 /* =========== */
180 /* = Gallery = */
181 /* =========== */
182 .change-gallery-panel {
183     width: 100%;
184     border-bottom: 1px solid #777;
185     background-color: #C1C1C1;
186     margin: 0;
187     padding: 2px;
188     z-index: 10;
189 }
190
191 .gallery-image {
192     position: absolute;
193     top: 27px;
194     right: 0;
195     bottom: 0;
196     left: 0;
197     margin: 0;
198     border: none;
199     background-color: #000;
200     overflow: hidden;
201 }
202
203 .gallery-image img {
204     position: absolute;
205     -moz-drag: none;
206     user-select: none;
207     -webkit-user-select: none;
208     -khtml-user-select: none;
209     -moz-user-select: none;
210     cursor: pointer;
211 }
212
213
214 #body-wrap {
215     height: 100%;
216     width: 100%;
217 }
218 #content {
219     height: 100%;
220     width: 100%;
221 }
222
223 #loading-overlay {
224     background-color: #FFF;
225     position: absolute;
226     z-index: 1000;
227     padding: 0;
228     top: 0;
229     left: 0;
230     width: 100%;
231     height: 100%;
232 }
233
234 #loading-message {
235     position: absolute;
236     height: 20px;
237     width: 120px;
238     left: 50%;
239     margin-left: -60px;
240     top: 50%;
241     margin-top: -10px;
242 /*    text-align: center;*/
243 }
244
245 #loading-message img {
246     float: left;
247     margin-right: 10px;
248     margin-top: -6px;
249 }