source: trunk/ipdb.css@ 936

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

/trunk

Additional CSS width predefinitions for convenience

File size: 6.4 KB
RevLine 
[517]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}
[697]59#breadcrumb {
60 font-size: 13px;
61 font-weight: bold;
62 position: absolute;
63 top: 2px;
64}
[517]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
[413]80body {
81 background-color: #ffffff;
[517]82 color: #000000;
[413]83 font-family: helvetica;
84 margin: 0;
[4]85}
86
[413]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 */
[4]92
[517]93table.center {
94 margin-left: auto;
95 margin-right: auto;
96 text-align: center;
[279]97}
98
[517]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;
[4]105 font-size: 90%;
106}
[517]107.row1 {
[4]108 background-color: #A8C4D0;
109 font-family: Verdana, Arial, Helvetica, sans-serif;
110 font-size: 90%;
111}
112
[688]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;
[777]122 font-size: 90%;
[688]123}
124.altrows > tbody > tr:nth-child(even) {
125 background-color: #D0E0E0;
[777]126 font-size: 90%;
[688]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;
[777]140 font-size: 90%;
[688]141}
142.altrowsnh tr:nth-child(even) {
143 background-color: #D0E0E0;
[777]144 font-size: 90%;
[688]145}
146
[770]147tr.tableheader {
148 background-color: #CCCCCC;
149 padding: 3px;
150 text-align: left;
151}
152tr.skip {
153 background: inherit;
154}
155
[688]156/* Need to normalize down to onw of these someday */
[703]157.delwarning {
[688]158 background-color: #000000;
159 font-family: Verdana, Arial, Helvetica, sans-serif;
160 font-weight: bold;
161 color: red;
162 padding: 2px;
163}
[703]164.warning {
165 border: solid 2px #FFFF00;
166 color: #333300;
167 background-color: #e0e0e0;
168 text-align: center;
169 padding: 5px;
170}
[900]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}
[703]179
[544]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
[703]189/* some standard width widgets */
[818]190.w90 { width: 90%; }
[914]191.w80 { width: 80%; }
[703]192.w70 { width: 70%; }
193.w60 { width: 60%; }
[914]194.w50 { width: 50%; }
195.w40 { width: 40%; }
[703]196.w30 { width: 30%; }
[517]197
[689]198/* Reverse DNS odds and ends. Commented bits are either info-reminders or
199 don't work as expected */
[674]200div.rdns {
201 max-height: 20em;
[689]202/* overflow-y: scroll; */
[674]203 overflow-x: hidden;
[689]204/* display:inline-block; */
[898]205 width: 610px;
[689]206/* width: 16em; */
[674]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 */
[782]219.nocheckbox li > input {
[674]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;
[703]243 position: relative;
[674]244}
245.host {
246 width: 450px;
247// width: 35em;
248}
[703]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}
[674]260
[689]261/* Legacy leftovers? */
[517]262td {
263 padding-right: 2px;
264 padding-left: 2px;
265}
266
267/* Generic classes */
[4]268.indent {
269 margin-left: 5%;
270 font-size: 90%;
271}
272
273.regular {
274 font-family: Verdana, Arial, Helvetica, sans-serif;
[254]275 font-size: 100%;
[4]276}
277
278.heading {
279 font-size: 110%;
280 font-weight: bold;
281 font-family: Verdana, Arial, Helvetica, sans-serif;
282}
[770]283div.heading {
284 margin-top: 1em;
285}
[4]286
[517]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}
[691]302.rjust {
303 text-align: right;
304 float: right;
305}
[517]306.topalign {
307 vertical-align: top;
308}
309
[4]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
[900]320.blockcenter {
321 margin-right: auto;
322 margin-left: auto;
323}
324
[517]325.err {
326 text-align: center;
327 font-size: 1em;
328}
329
[4]330.red {
331 font-weight: bold;
332 font-family: Verdana, Arial, Helvetica, sans-serif;
333 font-size:100%;
334 color: red;
335}
[371]336
337.mask {
338 background: #00ff00;
339}
340
341.wildcard {
342 background: #ffff00;
343}
[517]344
345.altbg {
346 background: #d0e0e0;
347}
348
349.noshow {
[580]350 visibility: hidden;
[517]351 height: 0;
352 width: 0;
353}
Note: See TracBrowser for help on using the repository browser.