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