source: trunk/ipdb.css@ 682

Last change on this file since 682 was 674, checked in by Kris Deugau, 10 years ago

/trunk

Start extending rDNS support to allow entering per-IP reverse names. See #1.

  • configuration for maximum IP list length
  • CSS to support hideable space so longer lists don't distort and confuse the page too much
  • Hideable space on the assignment confirmation page for per-IP fields
  • Generate IP list for assignment confirmation - note we can't do it on the previous page without heavy AJAX (or heavier Javascript) because we don't know what block we're even assigning at that stage.
File size: 4.6 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}
59#adminlink {
60 position: absolute;
61 right: 10px;
62 bottom: 5px;
63}
64#footer {
65 border-top: thin solid #000000;
66}
67#contact {
68 font-size: 10px;
69 position: absolute;
70 right: 10px;
71 text-align: right;
72}
73
[413]74body {
75 background-color: #ffffff;
[517]76 color: #000000;
[413]77 font-family: helvetica;
78 margin: 0;
[4]79}
80
[413]81a { text-decoration: underline; }
82a:link { color:#3333ff; } /* unvisited link */
83a:visited { color:#663366; } /* visited link */
84a:hover { color:#dd00dd; } /* mouse over link */
85a:active { color:#cc0000; } /* selected link */
[4]86
[517]87table.center {
88 margin-left: auto;
89 margin-right: auto;
90 text-align: center;
[279]91}
92
[517]93/* Defs for bulk-data rows */
94/* for reasons of Please The Validation Gods, these may be applied to
95 things that are not technically table rows */
96.row0 {
97 background-color: #D0E0E0;
98 font-family: Verdana, Arial, Helvetica, sans-serif;
[4]99 font-size: 90%;
100}
[517]101.row1 {
[4]102 background-color: #A8C4D0;
103 font-family: Verdana, Arial, Helvetica, sans-serif;
104 font-size: 90%;
105}
106
[544]107.warnmsg {
108 border: solid 2px #FFFF00;
109 color: #333300;
110 background-color: #e0e0e0;
111 text-align: center;
112 padding: 5px;
113 width: 70%;
114}
115
116
[517]117hr.w60 {
118 width: 60%;
119}
120hr.w30 {
121 width: 30%;
122}
123
[674]124/* Reverse DNS odds and ends */
125div.rdns {
126 max-height: 20em;
127// overflow-y: scroll;
128 overflow-x: hidden;
129// display:inline-block;
130 width: 600px;
131// width: 16em;
132 border: solid 1px #000000;
133}
134
135/* Abuse collapsible list tree for hideable page segment */
136
137/* hide the content <li> */
138.collapsible li > input + * {
139 display: none;
140}
141/* when the input is checked, show the content <li> */
142.collapsible li > input:checked + * {
143 display: block;
144}
145/* hide the checkbox */
146.collapsible li > input {
147 display: none;
148 margin: 0em;
149 padding: 0px;
150}
151/* mostly just making the input label clickable */
152.collapsible label {
153 cursor: pointer;
154 display: inline;
155 margin: 0em;
156 padding: 0px;
157 padding-left: 10px;
158}
159/* be nice if we could make this work without the HTML list structure... */
160.notalist {
161 list-style: none;
162 margin: 0;
163 padding: 3px;
164}
165
166/* done hideable page segment */
167
168/* Per-IP rDNS listings on edit allocation page */
169.revdata {
170 background-color: #C8D3DE;
171}
172.host {
173 width: 450px;
174// width: 35em;
175}
176
[517]177/* legacy defs */
[397]178tr.hack {
179 background-color: #E4EEE8;
180 font-family: Verdana, Arial, Helvetica, sans-serif;
181 font-size: 90%;
182}
183
[4]184tr.warning {
[199]185 background-color: #000000;
[4]186 font-family: Verdana, Arial, Helvetica, sans-serif;
[199]187 font-weight: bold;
188 color: red;
[4]189}
190
191tr.header {
192 background-color: #CCCCCC;
193 font-family: Verdana, Arial, Helvetica, sans-serif;
194}
195
[517]196td {
197 padding-right: 2px;
198 padding-left: 2px;
199}
200
201/* Generic classes */
[4]202.indent {
203 margin-left: 5%;
204 font-size: 90%;
205}
206
207.regular {
208 font-family: Verdana, Arial, Helvetica, sans-serif;
[254]209 font-size: 100%;
[4]210}
211
212.heading {
213 font-size: 110%;
214 font-weight: bold;
215 font-family: Verdana, Arial, Helvetica, sans-serif;
216}
217
[517]218.tbltitle {
219 text-align: center;
220 font-size: 110%;
221 font-weight: bold;
222 font-family: Verdana, Arial, Helvetica, sans-serif;
223}
224.tblsubtitle {
225 font-size: 105%;
226 font-weight: bold;
227 font-family: Verdana, Arial, Helvetica, sans-serif;
228}
229
230.ljust {
231 text-align: left;
232}
233.topalign {
234 vertical-align: top;
235}
236
[4]237.small {
238 font-size: 60%;
239}
240
241.center {
242 text-align: center;
243 font-family: Verdana, Arial, Helvetica, sans-serif;
244 font-size: 100%;
245}
246
[517]247.err {
248 text-align: center;
249 font-size: 1em;
250}
251
[4]252.red {
253 font-weight: bold;
254 font-family: Verdana, Arial, Helvetica, sans-serif;
255 font-size:100%;
256 color: red;
257}
[371]258
259.mask {
260 background: #00ff00;
261}
262
263.wildcard {
264 background: #ffff00;
265}
[517]266
267.altbg {
268 background: #d0e0e0;
269}
270
271.noshow {
[580]272 visibility: hidden;
[517]273 height: 0;
274 width: 0;
275}
Note: See TracBrowser for help on using the repository browser.