source: trunk/ipdb.css@ 910

Last change on this file since 910 was 900, checked in by Kris Deugau, 8 years ago

/trunk

CSS enhancement for future features and (somewhat) easier placing of
"block"-level HTML elements

File size: 6.3 KB
Line 
1/* Default/global defs for specific tags */
2fieldset {
3 border: none;
4 padding: 0px;
5 margin: 0px;
6}
7
8#debug {
9 background-color: #990066;
10 padding: 2px;
11}
12
13/* Specific divs */
14#bodyheader {
15 margin-left: 4px;
16 position: relative;
17}
18#homelink {
19 font-size: 13px;
20 font-weight: bold;
21 position: absolute;
22 right: 10px;
23 bottom: 2px;
24 text-align: right;
25}
26#subheader {
27 background-color: #D0E0E0;
28 font-size: 90%;
29 padding: 3px;
30 border-top: thin solid #000000;
31 /* apparently this is required to keep "contained" position: absolute divs from escaping. O_o */
32 position: relative;
33}
34#csearch {
35 float: right;
36 padding: 3px;
37}
38#newlink {
39 position: absolute;
40 right: 10px;
41 top: 6px;
42 text-align: right;
43}
44#main {
45 padding: 10px;
46 border-top: thin solid #000000;
47/* text-align: center;*/
48 padding-top: 20px;
49 position: relative;
50}
51#utils {
52 font-size: 13px;
53 font-weight: bold;
54 position: absolute;
55 right: 10px;
56 top: 2px;
57 text-align: right;
58}
59#breadcrumb {
60 font-size: 13px;
61 font-weight: bold;
62 position: absolute;
63 top: 2px;
64}
65#adminlink {
66 position: absolute;
67 right: 10px;
68 bottom: 5px;
69}
70#footer {
71 border-top: thin solid #000000;
72}
73#contact {
74 font-size: 10px;
75 position: absolute;
76 right: 10px;
77 text-align: right;
78}
79
80body {
81 background-color: #ffffff;
82 color: #000000;
83 font-family: helvetica;
84 margin: 0;
85}
86
87a { text-decoration: underline; }
88a:link { color:#3333ff; } /* unvisited link */
89a:visited { color:#663366; } /* visited link */
90a:hover { color:#dd00dd; } /* mouse over link */
91a:active { color:#cc0000; } /* selected link */
92
93table.center {
94 margin-left: auto;
95 margin-right: auto;
96 text-align: center;
97}
98
99/* Defs for bulk-data rows */
100/* for reasons of Please The Validation Gods, these may be applied to
101 things that are not technically table rows */
102.row0 {
103 background-color: #D0E0E0;
104 font-family: Verdana, Arial, Helvetica, sans-serif;
105 font-size: 90%;
106}
107.row1 {
108 background-color: #A8C4D0;
109 font-family: Verdana, Arial, Helvetica, sans-serif;
110 font-size: 90%;
111}
112
113/* Funny how not caring about IE suddenly makes all kinds of neat things possible... */
114/* class group for tables with alternating row colours */
115/* note extra tbody selector for implicit tbody tag in between <table> and <tr> */
116/* fallback for Stoopid Browsers */
117.altrows > tbody > tr {
118 background-color: #D0E0E0;
119}
120.altrows > tbody > tr:nth-child(odd) {
121 background-color: #A8C4D0;
122 font-size: 90%;
123}
124.altrows > tbody > tr:nth-child(even) {
125 background-color: #D0E0E0;
126 font-size: 90%;
127}
128/* because ordering. *sigh* could just set to something,
129 but this lets the primary background colour through */
130.altrows > tbody > tr:first-child {
131 background: inherit;
132}
133
134/* and because we can't do things the simple way... a no-headings version */
135.altrowsnh tr {
136 background-color: #D0E0E0;
137}
138.altrowsnh tr:nth-child(odd) {
139 background-color: #A8C4D0;
140 font-size: 90%;
141}
142.altrowsnh tr:nth-child(even) {
143 background-color: #D0E0E0;
144 font-size: 90%;
145}
146
147tr.tableheader {
148 background-color: #CCCCCC;
149 padding: 3px;
150 text-align: left;
151}
152tr.skip {
153 background: inherit;
154}
155
156/* Need to normalize down to onw of these someday */
157.delwarning {
158 background-color: #000000;
159 font-family: Verdana, Arial, Helvetica, sans-serif;
160 font-weight: bold;
161 color: red;
162 padding: 2px;
163}
164.warning {
165 border: solid 2px #FFFF00;
166 color: #333300;
167 background-color: #e0e0e0;
168 text-align: center;
169 padding: 5px;
170}
171.strongwarning {
172 border: solid 2px #FF8800;
173 color: #333300;
174 background-color: #e0e0e0;
175 text-align: center;
176 padding: 5px;
177 font-size: 125%;
178}
179
180.warnmsg {
181 border: solid 2px #FFFF00;
182 color: #333300;
183 background-color: #e0e0e0;
184 text-align: center;
185 padding: 5px;
186 width: 70%;
187}
188
189/* some standard width widgets */
190.w90 { width: 90%; }
191.w70 { width: 70%; }
192.w60 { width: 60%; }
193.w30 { width: 30%; }
194
195/* Reverse DNS odds and ends. Commented bits are either info-reminders or
196 don't work as expected */
197div.rdns {
198 max-height: 20em;
199/* overflow-y: scroll; */
200 overflow-x: hidden;
201/* display:inline-block; */
202 width: 610px;
203/* width: 16em; */
204 border: solid 1px #000000;
205}
206/* Abuse collapsible list tree for hideable page segment */
207/* hide the content <li> */
208.collapsible li > input + * {
209 display: none;
210}
211/* when the input is checked, show the content <li> */
212.collapsible li > input:checked + * {
213 display: block;
214}
215/* hide the checkbox */
216.nocheckbox li > input {
217 display: none;
218 margin: 0em;
219 padding: 0px;
220}
221/* mostly just making the input label clickable */
222.collapsible label {
223 cursor: pointer;
224 display: inline;
225 margin: 0em;
226 padding: 0px;
227 padding-left: 10px;
228}
229/* be nice if we could make this work without the HTML list structure... */
230.notalist {
231 list-style: none;
232 margin: 0;
233 padding: 3px;
234}
235/* done hideable page segment */
236
237/* Per-IP rDNS listings on edit allocation page */
238.revdata {
239 background-color: #C8D3DE;
240 position: relative;
241}
242.host {
243 width: 450px;
244// width: 35em;
245}
246/* and tack on some positioning magic for an action button or two */
247.button_l {
248 position: absolute;
249 bottom: 0;
250 left: 4px;
251}
252.button_r {
253 position: absolute;
254 bottom: 0;
255 right: 4px;
256}
257
258/* Legacy leftovers? */
259td {
260 padding-right: 2px;
261 padding-left: 2px;
262}
263
264/* Generic classes */
265.indent {
266 margin-left: 5%;
267 font-size: 90%;
268}
269
270.regular {
271 font-family: Verdana, Arial, Helvetica, sans-serif;
272 font-size: 100%;
273}
274
275.heading {
276 font-size: 110%;
277 font-weight: bold;
278 font-family: Verdana, Arial, Helvetica, sans-serif;
279}
280div.heading {
281 margin-top: 1em;
282}
283
284.tbltitle {
285 text-align: center;
286 font-size: 110%;
287 font-weight: bold;
288 font-family: Verdana, Arial, Helvetica, sans-serif;
289}
290.tblsubtitle {
291 font-size: 105%;
292 font-weight: bold;
293 font-family: Verdana, Arial, Helvetica, sans-serif;
294}
295
296.ljust {
297 text-align: left;
298}
299.rjust {
300 text-align: right;
301 float: right;
302}
303.topalign {
304 vertical-align: top;
305}
306
307.small {
308 font-size: 60%;
309}
310
311.center {
312 text-align: center;
313 font-family: Verdana, Arial, Helvetica, sans-serif;
314 font-size: 100%;
315}
316
317.blockcenter {
318 margin-right: auto;
319 margin-left: auto;
320}
321
322.err {
323 text-align: center;
324 font-size: 1em;
325}
326
327.red {
328 font-weight: bold;
329 font-family: Verdana, Arial, Helvetica, sans-serif;
330 font-size:100%;
331 color: red;
332}
333
334.mask {
335 background: #00ff00;
336}
337
338.wildcard {
339 background: #ffff00;
340}
341
342.altbg {
343 background: #d0e0e0;
344}
345
346.noshow {
347 visibility: hidden;
348 height: 0;
349 width: 0;
350}
Note: See TracBrowser for help on using the repository browser.