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