source: trunk/ipdb.css@ 838

Last change on this file since 838 was 818, checked in by Kris Deugau, 9 years ago

/trunk

Introduce a more "relaxed" layout for listing VRFs and master netblocks -
interleave the lists of master blocks for each VRF with the VRF heading,
instead of formally separating them onto different pages.

Refine and adapt showvrfs.tmpl to show the master blocks instead of
reinventing another wheel.

See #54.

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