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