source: trunk/templates/dns.css@ 731

Last change on this file since 731 was 731, checked in by Kris Deugau, 8 years ago

/trunk

Refine pages with alternating row colours to use CSS instead of
HTML::Template's even/odd loop specials, and move the
bottom-of-page first/previous/next/last/all blob out of the data table
into its own div for consistent layout.

File size: 4.6 KB
Line 
1#debug {
2 background-color: #990066;
3 padding: 2px;
4}
5
6/* General settings */
7body {
8 font-family: Verdana, Helvetica, sans-serif;
9 font-size: 12px;
10 margin-left: 0px;
11 margin-right: 0px;
12/* background-color: #deadDD;*/
13 background-color: #f8f8f8;
14}
15hr {
16 background-color: #666;
17 height: 1px;
18 border: 0;
19}
20img {
21 border: 0px;
22}
23/* Use Gecko-style list elements */
24ul, ol, li {
25 margin-left: 0;
26 padding-left: 40px;
27/* border: thin solid #FF0000;*/
28}
29fieldset {
30 border: none;
31 padding: 0px;
32 margin: 0px;
33}
34
35table.list {
36 background-color: #F0F0F0;
37}
38
39/* Alternating row colours, now in CSS */
40.altrows > tbody > tr {
41 background-color: #D0E0E0;
42}
43.altrows > tbody > tr:nth-child(even) {
44 background-color: #FFFFFF;
45}
46.altrows > tbody > tr:nth-child(odd) {
47 background-color: #DDDDDD;
48}
49
50.container {
51 background-color: #FFFFFF;
52 border: none;
53}
54table.wholepage {
55 width: 100%;
56}
57table.border {
58 border: thin solid #000000;
59}
60
61tr.row0 {
62 background-color: #FFFFFF;
63}
64tr.row1 {
65 background-color: #DDDDDD;
66}
67tr.tableheader {
68 background-color: #CCCCCC;
69 padding: 3px;
70 text-align: left;
71}
72tr.darkrowheader {
73 background-color: #CCCCCC;
74 padding: 3px;
75}
76tr.datalinelight {
77 background-color: #F0F0F0;
78 text-align: left;
79}
80
81th {
82 background-color: #F0F0F0;
83 font-size: 1.1em;
84 font-weight:normal;
85 padding: 4px;
86}
87
88td.tblsubmit {
89 background-color: #F0F0F0;
90 text-align: center;
91}
92td.inputlabel {
93 text-align: right;
94 padding: 3px;
95}
96td.datahead_l {
97 background-color: #F0F0F0;
98 border-bottom: 1px solid #666666;
99 text-align: left;
100}
101td.datahead_s {
102 background-color: #F0F0F0;
103 border-bottom: 1px solid #666666;
104 width: 1%;
105 white-space: nowrap;
106}
107td.data_nowrap {
108 white-space: nowrap;
109}
110td.data {
111 padding: 3px;
112}
113td.title {
114 text-align: center;
115}
116td.menu {
117 width: 200px;
118 white-space: nowrap;
119 border: thin solid #000000;
120 background-color: #f0f0f0;
121 vertical-align: top;
122}
123td.defaults {
124 background-color: #DDDDDD;
125}
126td.errhead {
127 font-weight: bold;
128 font-size: 110%;
129 color: red;
130 background-color: #404040;
131 text-align: center;
132 padding: 3px;
133 border: solid 2px #FF0000;
134}
135td.err {
136 border: solid 2px #FF0000;
137 color: red;
138 background-color: #e0e0e0;
139}
140td.warn {
141 border: solid 2px #FFFF00;
142 color: #333300;
143 background-color: #e0e0e0;
144}
145td.leftthird {
146 width: 36%;
147 text-align: left;
148}
149td.rightthird {
150 width: 36%;
151 text-align: right;
152}
153td.border {
154 background-color: #e0e0e0;
155 border: solid 1px #101010;
156 padding: 2px;
157}
158td.noaccess {
159 background-color: #ffd8d8;
160 color: #3f0000;
161}
162
163input {
164 font-size: 10px;
165}
166
167
168/* general classes */
169.result {
170 border: solid 1px #00CC00;
171 color: #000000;
172 background-color: #f0f0f0;
173 text-align: center;
174 padding: 5px;
175 width: 55%;
176}
177.warning {
178 border: solid 2px #FFFF00;
179 color: #333300;
180 background-color: #e0e0e0;
181 text-align: center;
182 padding: 5px;
183 width: 70%;
184}
185.errmsg {
186 font-weight: bold;
187 font-family: Verdana, Arial, Helvetica, sans-serif;
188 font-size:100%;
189 color: red;
190 background-color: #404040;
191 text-align: center;
192 border: thin solid #FFFFFF;
193 padding: 5px;
194 width: 70%;
195 margin: 1% auto;
196}
197.right {
198 right: 3px;
199}
200.center {
201 text-align: center;
202}
203.vpad {
204 padding-top: 5px;
205 padding-bottom: 5px;
206}
207/* not sure this really does what I think it does. is it really not
208 possible to center an arbitrary <blah> in some other arbitrary <foo>? */
209.loccenter {
210 margin-left: 10%;
211 margin-right: 10%;
212}
213.maintitle {
214 font-size: 1.3em;
215}
216.hidden {
217 display: none;
218}
219
220#footer {
221 border-top: thin solid #000000;
222 clear: both;
223 margin-top: 20px;
224}
225#contact {
226 font-size: 10px;
227 position: absolute;
228 right: 10px;
229 text-align: right;
230}
231
232#main {
233 position: relative;
234 float: right;
235 width: 100%;
236 margin:bottom: 50px;
237}
238#login {
239 margin: 17% auto;
240 padding: 3px;
241 font-size: 1.1em;
242}
243#login2 {
244 margin: auto;
245 border: thin solid #000000;
246}
247#tableholder {
248 padding: 2px;
249 background: #FFFFFF;
250 width: 70%;
251}
252#menu {
253 border-right: thin solid #000000;
254 margin-right: 5px;
255 padding: 5px;
256}
257#soadetail {
258 text-align: left;
259}
260#badpage {
261 margin: 5% auto;
262 border: solid 2px #FFFF00;
263 color: #333300;
264 background-color: #e0e0e0;
265 text-align: center;
266 padding: 5px;
267 width: 70%;
268}
269/* somewhat generic/reusable */
270#datatablewrapper {
271 border: none;
272 width: 98%;
273 margin-left: 1%;
274 margin-right: 1%;
275 vertical-align: top;
276}
277table.csubtable {
278 margin-left: auto;
279 margin-right: auto;
280}
281td.main {
282 vertical-align: top;
283}
284
285/* Allow current group in list to be easily flagged */
286/* For reasons of "CSS is stupid" you apparently can't apply the font to the <li> *eyeroll* */
287label.curgrp {
288 font-weight: bold;
289 font-size: 1.2em;
290}
291span.curgrp {
292 font-weight: bold;
293 font-size: 1.2em;
294}
Note: See TracBrowser for help on using the repository browser.