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