source: trunk/ipdb.css@ 805

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

/trunk

Add device-backup fields to pool IP assignment. See #52.

  • allocateBlock() in IPDB.pm
  • new assignment page

Refine CSS hiding space-gobbling fields so it can be used multiple places

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