source: trunk/ipdb.css@ 954

Last change on this file since 954 was 914, checked in by Kris Deugau, 7 years ago

/trunk

Additional CSS width predefinitions for convenience

File size: 6.4 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.w80 { width: 80%; }
192.w70 { width: 70%; }
193.w60 { width: 60%; }
194.w50 { width: 50%; }
195.w40 { width: 40%; }
196.w30 { width: 30%; }
197
198/* Reverse DNS odds and ends. Commented bits are either info-reminders or
199 don't work as expected */
200div.rdns {
201 max-height: 20em;
202/* overflow-y: scroll; */
203 overflow-x: hidden;
204/* display:inline-block; */
205 width: 610px;
206/* width: 16em; */
207 border: solid 1px #000000;
208}
209/* Abuse collapsible list tree for hideable page segment */
210/* hide the content <li> */
211.collapsible li > input + * {
212 display: none;
213}
214/* when the input is checked, show the content <li> */
215.collapsible li > input:checked + * {
216 display: block;
217}
218/* hide the checkbox */
219.nocheckbox li > input {
220 display: none;
221 margin: 0em;
222 padding: 0px;
223}
224/* mostly just making the input label clickable */
225.collapsible label {
226 cursor: pointer;
227 display: inline;
228 margin: 0em;
229 padding: 0px;
230 padding-left: 10px;
231}
232/* be nice if we could make this work without the HTML list structure... */
233.notalist {
234 list-style: none;
235 margin: 0;
236 padding: 3px;
237}
238/* done hideable page segment */
239
240/* Per-IP rDNS listings on edit allocation page */
241.revdata {
242 background-color: #C8D3DE;
243 position: relative;
244}
245.host {
246 width: 450px;
247// width: 35em;
248}
249/* and tack on some positioning magic for an action button or two */
250.button_l {
251 position: absolute;
252 bottom: 0;
253 left: 4px;
254}
255.button_r {
256 position: absolute;
257 bottom: 0;
258 right: 4px;
259}
260
261/* Legacy leftovers? */
262td {
263 padding-right: 2px;
264 padding-left: 2px;
265}
266
267/* Generic classes */
268.indent {
269 margin-left: 5%;
270 font-size: 90%;
271}
272
273.regular {
274 font-family: Verdana, Arial, Helvetica, sans-serif;
275 font-size: 100%;
276}
277
278.heading {
279 font-size: 110%;
280 font-weight: bold;
281 font-family: Verdana, Arial, Helvetica, sans-serif;
282}
283div.heading {
284 margin-top: 1em;
285}
286
287.tbltitle {
288 text-align: center;
289 font-size: 110%;
290 font-weight: bold;
291 font-family: Verdana, Arial, Helvetica, sans-serif;
292}
293.tblsubtitle {
294 font-size: 105%;
295 font-weight: bold;
296 font-family: Verdana, Arial, Helvetica, sans-serif;
297}
298
299.ljust {
300 text-align: left;
301}
302.rjust {
303 text-align: right;
304 float: right;
305}
306.topalign {
307 vertical-align: top;
308}
309
310.small {
311 font-size: 60%;
312}
313
314.center {
315 text-align: center;
316 font-family: Verdana, Arial, Helvetica, sans-serif;
317 font-size: 100%;
318}
319
320.blockcenter {
321 margin-right: auto;
322 margin-left: auto;
323}
324
325.err {
326 text-align: center;
327 font-size: 1em;
328}
329
330.red {
331 font-weight: bold;
332 font-family: Verdana, Arial, Helvetica, sans-serif;
333 font-size:100%;
334 color: red;
335}
336
337.mask {
338 background: #00ff00;
339}
340
341.wildcard {
342 background: #ffff00;
343}
344
345.altbg {
346 background: #d0e0e0;
347}
348
349.noshow {
350 visibility: hidden;
351 height: 0;
352 width: 0;
353}
Note: See TracBrowser for help on using the repository browser.