1 |
/* record browsing */ |
/* record browsing */ |
2 |
|
|
3 |
|
DIV, DIV * { |
4 |
|
box-sizing: border-box !important; |
5 |
|
-moz-box-sizing: border-box !important; |
6 |
|
} |
7 |
|
|
8 |
.navigation { |
.navigation { |
9 |
background: #e0e0e0; |
background: #e0e0e0; |
10 |
padding: 0.5em; |
padding: 0.5em; |
30 |
background-color: #ffffff; |
background-color: #ffffff; |
31 |
color: #000080; |
color: #000080; |
32 |
} |
} |
|
|
|
33 |
|
|
34 |
/* |
/* |
35 |
#div_record_nr { |
#div_record_nr { |
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; |
color: #ffffff; |
73 |
|
|
74 |
/* define editors */ |
/* define editors */ |
75 |
|
|
76 |
#div_editors { |
.editors { |
|
display: block; |
|
77 |
background-color: #f0f0f0; |
background-color: #f0f0f0; |
78 |
border: 1px solid #c0c0c0; |
border: 1px solid #c0c0c0; |
79 |
padding: 1em; |
margin: 0; |
80 |
|
padding: 0; |
81 |
overflow: hidden; |
overflow: hidden; |
82 |
|
width: 100%; |
83 |
} |
} |
84 |
|
|
85 |
#div_template_form, #div_css_form { |
/* buttons above textarea */ |
86 |
display: inline; |
.content_toolbar { |
87 |
float: left; |
padding: 0.5em; |
|
z-index: 2; |
|
88 |
} |
} |
89 |
|
|
90 |
#div_template_list { |
/* buttons and status bar below */ |
91 |
display: block; |
.edit-bar { |
92 |
position: relative; |
width: 100%; |
93 |
margin-left: 1em; |
padding: 0.5em; |
94 |
margin: 0; |
} |
95 |
|
|
96 |
|
/* file lists on right side */ |
97 |
|
.file-list { |
98 |
|
vertical-align: top; |
99 |
color: #000000; |
color: #000000; |
|
margin-left: 1em; |
|
100 |
font-size: 70%; |
font-size: 70%; |
101 |
|
width: 100%; |
102 |
|
margin: 0; |
103 |
|
padding: 0; |
104 |
} |
} |
105 |
|
|
106 |
#div_template_list ul { |
.file-list ul { |
107 |
border: 1px solid #ff0000; |
margin: 1em; |
108 |
z-index: 1; |
padding: 0; |
109 |
|
list-style-position: inside; |
110 |
} |
} |
111 |
|
|
112 |
#div_template_list li { |
.file-list li { |
|
margin-left: 1em; |
|
|
border: 1px solid #c0c0c0; |
|
113 |
list-style-type: none; |
list-style-type: none; |
114 |
overflow: hidden; |
overflow: hidden; |
115 |
margin-bottom: 2px; |
white-space: nowrap; |
116 |
|
margin: 4px; |
117 |
|
border: 1px solid #c0c0c0; |
118 |
} |
} |
119 |
|
|
120 |
#div_template_list a, #div_template_list:link, #div_template_list:visited { |
.file-list a, .file-list a:link, .file-list a:visited { |
|
|
|
121 |
text-decoration: none; |
text-decoration: none; |
122 |
|
display: block; |
123 |
background-color: #c0c0c0; |
background-color: #c0c0c0; |
124 |
color: #ffffff; |
color: #ffffff; |
|
display: block; |
|
125 |
padding: 4px; |
padding: 4px; |
126 |
|
white-space: nowrap; |
127 |
} |
} |
128 |
|
|
129 |
#template_list_selected { |
.file-list a:hover, .file-list a:hover { |
|
padding: 4px; |
|
|
/* font-weight: bold;*/ |
|
|
} |
|
|
|
|
|
#div_template_list a:hover { |
|
130 |
background-color: #ffffff; |
background-color: #ffffff; |
131 |
color: #000080; |
color: #000080; |
132 |
} |
} |
133 |
|
|
134 |
#div_template, #div_css { |
.file-selected { |
135 |
position: relative; |
padding: 4px; |
|
display: block; |
|
|
float: left; |
|
136 |
} |
} |
137 |
|
|
138 |
|
.editor-form { |
139 |
/* bar with buttons and status */ |
margin-left: 1em; |
|
.edit_bar { |
|
|
margin-top: 0.5em; |
|
140 |
} |
} |
141 |
|
|
142 |
|
|
143 |
|
/* notice text */ |
144 |
.notice { |
.notice { |
145 |
color: #808080; |
color: #808080; |
146 |
font-size: 70%; |
font-size: 70%; |
149 |
/* define record */ |
/* define record */ |
150 |
|
|
151 |
#div_record { |
#div_record { |
|
display: block; |
|
152 |
clear: left; |
clear: left; |
153 |
|
margin-top: 1em; |
154 |
padding: 1em; |
padding: 1em; |
155 |
|
border: 1px dashed #808080; |
156 |
|
overflow: hidden; |
157 |
} |
} |
158 |
|
|
159 |
/* progress indicator picture */ |
/* progress indicator picture */ |
160 |
#working { |
#working { |
161 |
margin-left: 2em; |
margin-left: 2em; |
162 |
} |
} |
163 |
|
|
164 |
|
/* HTML tidy */ |
165 |
|
|
166 |
|
.tidy { |
167 |
|
clear: left; |
168 |
|
border: 2px solid #808080; |
169 |
|
margin-top: 1em; |
170 |
|
padding: 1em; |
171 |
|
color: #808080; |
172 |
|
} |
173 |
|
|
174 |
|
.tidy tt { |
175 |
|
clear: left; |
176 |
|
display: block; |
177 |
|
background-color: #e0e0e0; |
178 |
|
padding: 2px; |
179 |
|
margin-left: 2em; |
180 |
|
color: #000000; |
181 |
|
} |
182 |
|
|
183 |
|
.tidy_error { |
184 |
|
margin-top: 0.5em; |
185 |
|
color: #c00000; |
186 |
|
} |
187 |
|
|
188 |
|
.tidy_warning { |
189 |
|
color: #c0c000; |
190 |
|
} |
191 |
|
|
192 |
|
/* error */ |
193 |
|
.error { |
194 |
|
color: #c00000; |
195 |
|
} |
196 |
|
|