1 |
dpavlin |
166 |
/* record browsing */ |
2 |
|
|
|
3 |
dpavlin |
189 |
DIV, DIV * { |
4 |
|
|
box-sizing: border-box !important; |
5 |
|
|
-moz-box-sizing: border-box !important; |
6 |
|
|
} |
7 |
|
|
|
8 |
dpavlin |
163 |
#div_editor_toolbar { |
9 |
dpavlin |
259 |
margin-top: 1em; |
10 |
dpavlin |
163 |
} |
11 |
|
|
|
12 |
dpavlin |
137 |
#div_editor_toolbar a { |
13 |
|
|
display: inline; |
14 |
dpavlin |
163 |
padding: 3px 0.5em 3px 0.5em; |
15 |
dpavlin |
137 |
text-decoration: none; |
16 |
dpavlin |
163 |
-moz-border-radius-topleft: 1.5em; |
17 |
|
|
-moz-border-radius-topright: 1.5em; |
18 |
dpavlin |
137 |
} |
19 |
dpavlin |
189 |
|
20 |
dpavlin |
163 |
.tab, .tab:link, .tab:visited { |
21 |
|
|
background-color: #c0c0c0; |
22 |
dpavlin |
164 |
color: #ffffff; |
23 |
dpavlin |
163 |
} |
24 |
dpavlin |
137 |
|
25 |
dpavlin |
163 |
.tab_selected, .tab_selected:link, .tab_selected:visited { |
26 |
dpavlin |
164 |
background-color: #f0f0f0; |
27 |
|
|
border-top: 1px solid #c0c0c0; |
28 |
|
|
border-left: 1px solid #c0c0c0; |
29 |
|
|
border-right: 1px solid #c0c0c0; |
30 |
|
|
color: #000000; |
31 |
dpavlin |
163 |
} |
32 |
|
|
|
33 |
dpavlin |
169 |
.tab:hover { |
34 |
|
|
background-color: #ffffff; |
35 |
|
|
color: #000080; |
36 |
|
|
border-top: 1px solid #c0c0c0; |
37 |
|
|
border-left: 1px solid #c0c0c0; |
38 |
|
|
border-right: 1px solid #c0c0c0; |
39 |
dpavlin |
137 |
} |
40 |
|
|
|
41 |
dpavlin |
165 |
/* define editors */ |
42 |
|
|
|
43 |
dpavlin |
193 |
.editors { |
44 |
dpavlin |
164 |
background-color: #f0f0f0; |
45 |
|
|
border: 1px solid #c0c0c0; |
46 |
dpavlin |
193 |
margin: 0; |
47 |
|
|
padding: 0; |
48 |
dpavlin |
169 |
overflow: hidden; |
49 |
dpavlin |
193 |
width: 100%; |
50 |
dpavlin |
137 |
} |
51 |
|
|
|
52 |
dpavlin |
179 |
/* buttons above textarea */ |
53 |
|
|
.content_toolbar { |
54 |
dpavlin |
193 |
padding: 0.5em; |
55 |
dpavlin |
179 |
} |
56 |
|
|
|
57 |
|
|
/* buttons and status bar below */ |
58 |
dpavlin |
193 |
.edit-bar { |
59 |
|
|
width: 100%; |
60 |
|
|
padding: 0.5em; |
61 |
dpavlin |
179 |
} |
62 |
|
|
|
63 |
dpavlin |
193 |
/* file lists on right side */ |
64 |
|
|
.file-list { |
65 |
|
|
vertical-align: top; |
66 |
dpavlin |
169 |
color: #000000; |
67 |
|
|
font-size: 70%; |
68 |
dpavlin |
193 |
width: 100%; |
69 |
dpavlin |
189 |
margin: 0; |
70 |
dpavlin |
196 |
padding: 0; |
71 |
dpavlin |
169 |
} |
72 |
|
|
|
73 |
dpavlin |
193 |
.file-list ul { |
74 |
dpavlin |
196 |
margin: 1em; |
75 |
|
|
padding: 0; |
76 |
dpavlin |
193 |
list-style-position: inside; |
77 |
dpavlin |
171 |
} |
78 |
|
|
|
79 |
dpavlin |
193 |
.file-list li { |
80 |
dpavlin |
169 |
list-style-type: none; |
81 |
|
|
overflow: hidden; |
82 |
dpavlin |
189 |
white-space: nowrap; |
83 |
dpavlin |
193 |
margin: 4px; |
84 |
|
|
border: 1px solid #c0c0c0; |
85 |
dpavlin |
169 |
} |
86 |
|
|
|
87 |
dpavlin |
193 |
.file-list a, .file-list a:link, .file-list a:visited { |
88 |
dpavlin |
169 |
text-decoration: none; |
89 |
dpavlin |
193 |
display: block; |
90 |
dpavlin |
169 |
background-color: #c0c0c0; |
91 |
|
|
color: #ffffff; |
92 |
dpavlin |
189 |
padding: 4px; |
93 |
|
|
white-space: nowrap; |
94 |
dpavlin |
169 |
} |
95 |
|
|
|
96 |
dpavlin |
193 |
.file-list a:hover, .file-list a:hover { |
97 |
dpavlin |
169 |
background-color: #ffffff; |
98 |
|
|
color: #000080; |
99 |
|
|
} |
100 |
|
|
|
101 |
dpavlin |
193 |
.file-selected { |
102 |
|
|
padding: 4px; |
103 |
dpavlin |
137 |
} |
104 |
|
|
|
105 |
dpavlin |
193 |
.editor-form { |
106 |
dpavlin |
196 |
margin-left: 1em; |
107 |
dpavlin |
193 |
} |
108 |
|
|
|
109 |
dpavlin |
259 |
/* record navigation */ |
110 |
dpavlin |
193 |
|
111 |
dpavlin |
259 |
.navigation { |
112 |
|
|
background: #e0e0e0; |
113 |
|
|
padding: 0.5em; |
114 |
|
|
display: block; |
115 |
|
|
margin: 0; |
116 |
|
|
margin-top: 1em; |
117 |
|
|
} |
118 |
|
|
|
119 |
|
|
.navigation a, .navigation:link, .navigation:visited { |
120 |
|
|
color: #000000; |
121 |
|
|
text-decoration: none; |
122 |
|
|
background-color: #f0f0f0; |
123 |
|
|
border: 1px solid #c0c0c0; |
124 |
|
|
padding: 0.2em 0.5em 0.2em 0.4em; |
125 |
|
|
-moz-border-radius: 1.5em; |
126 |
|
|
} |
127 |
|
|
|
128 |
|
|
.nav_disable, .nav_disable:link, .nav_disable:visited { |
129 |
|
|
background-color: #e0e0e0; |
130 |
|
|
border: 1px solid #c0c0c0; |
131 |
|
|
color: #c0c0c0; |
132 |
|
|
} |
133 |
|
|
|
134 |
|
|
.navigation a:hover { |
135 |
|
|
background-color: #ffffff; |
136 |
|
|
color: #000080; |
137 |
|
|
} |
138 |
|
|
|
139 |
dpavlin |
193 |
/* notice text */ |
140 |
dpavlin |
137 |
.notice { |
141 |
|
|
color: #808080; |
142 |
|
|
font-size: 70%; |
143 |
|
|
} |
144 |
|
|
|
145 |
dpavlin |
165 |
/* define record */ |
146 |
|
|
|
147 |
|
|
#div_record { |
148 |
|
|
clear: left; |
149 |
|
|
padding: 1em; |
150 |
dpavlin |
259 |
margin: 0; |
151 |
|
|
border: 1px dashed #e0e0e0; |
152 |
dpavlin |
194 |
overflow: hidden; |
153 |
dpavlin |
165 |
} |
154 |
|
|
|
155 |
dpavlin |
170 |
/* progress indicator picture */ |
156 |
|
|
#working { |
157 |
|
|
margin-left: 2em; |
158 |
|
|
} |
159 |
dpavlin |
180 |
|
160 |
|
|
/* HTML tidy */ |
161 |
|
|
|
162 |
|
|
.tidy { |
163 |
|
|
clear: left; |
164 |
|
|
border: 2px solid #808080; |
165 |
|
|
margin-top: 1em; |
166 |
|
|
padding: 1em; |
167 |
|
|
color: #808080; |
168 |
|
|
} |
169 |
|
|
|
170 |
|
|
.tidy tt { |
171 |
dpavlin |
181 |
clear: left; |
172 |
|
|
display: block; |
173 |
|
|
background-color: #e0e0e0; |
174 |
|
|
padding: 2px; |
175 |
|
|
margin-left: 2em; |
176 |
dpavlin |
180 |
color: #000000; |
177 |
|
|
} |
178 |
|
|
|
179 |
|
|
.tidy_error { |
180 |
dpavlin |
181 |
margin-top: 0.5em; |
181 |
dpavlin |
180 |
color: #c00000; |
182 |
|
|
} |
183 |
|
|
|
184 |
|
|
.tidy_warning { |
185 |
|
|
color: #c0c000; |
186 |
|
|
} |
187 |
dpavlin |
243 |
|
188 |
|
|
/* error */ |
189 |
|
|
.error { |
190 |
|
|
color: #c00000; |
191 |
|
|
} |
192 |
|
|
|