source: trunk/templates/dns.css@ 85

Last change on this file since 85 was 84, checked in by Kris Deugau, 14 years ago

/trunk

Finally find a clean workspace to commit a (mostly) complete collapsible

group tree adapted from http://www.thecssninja.com/css/css-tree-menu.

Works in Opera, Firefox, Safari, probably works in recent Konqueror,

as coded it will provide a gracefully degraded always-open tree in IE 8
(and probably 7, but I don't have that handy). It will likely fail
horribly in IE6 as is since IE6 apparently does not support the
special <! if [IE] > tags in the <head> section. Feh.

Due to this IE limitation, I may switch to detecting the browser in the

script, and fiddling the header to include one group tree file or the other.

File size: 3.4 KB
RevLine 
[2]1#debug {
2 background-color: #990066;
[24]3 padding: 2px;
[2]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;*/
[39]13 background-color: #f8f8f8;
[2]14}
15hr {
16 background-color: #666;
17 height: 1px;
18 border: 0;
19}
[38]20img {
21 border: 0px;
22}
[84]23/* Use Gecko-style list elements */
24ul, ol, li {
25 margin-left: 0;
26 padding-left: 40px;
27//border: thin solid #FF0000;
28}
[38]29fieldset {
30 border: none;
31 padding: 0px;
32 margin: 0px;
33}
[2]34
35table.login {
36 text-align: center;
37 border: thin solid #000000;
38 background-color: #CCCCFF;
39}
40table.list {
41 background-color: #F0F0F0;
42}
[38]43table.container {
44 background-color: #FFFFFF;
45 border: none;
46}
[2]47table.wholepage {
48 width: 100%;
49}
[65]50table.border {
51 border: thin solid #000000;
52}
[38]53
[2]54tr.row0 {
55 background-color: #FFFFFF;
56}
57tr.row1 {
58 background-color: #DDDDDD;
59}
60tr.tableheader {
61 background-color: #CCCCCC;
62 padding: 3px;
[48]63 text-align: left;
[2]64}
65tr.darkrowheader {
66 background-color: #CCCCCC;
67 padding: 3px;
68}
69tr.datalinelight {
70 background-color: #F0F0F0;
[48]71 text-align: left;
[2]72}
[38]73
[65]74th {
75 background-color: #F0F0F0;
76 font-size: 1.1em;
77 font-weight:normal;
78 padding: 4px;
79}
80
[2]81td.tblsubmit {
[38]82 background-color: #F0F0F0;
[2]83 text-align: center;
84}
85td.inputlabel {
86 text-align: right;
87 padding: 3px;
88}
[39]89td.datahead_l {
90 background-color: #F0F0F0;
91 border-bottom: 1px solid #666666;
92 text-align: left;
93}
94td.datahead_s {
95 background-color: #F0F0F0;
96 border-bottom: 1px solid #666666;
97 width: 1%;
98 white-space: nowrap;
99}
[59]100td.data_nowrap {
101 white-space: nowrap;
102}
[2]103td.data {
104 padding: 3px;
105}
106td.title {
107 text-align: center;
108}
109td.menu {
110 width: 200px;
111 white-space: nowrap;
112 border: thin solid #000000;
113 background-color: #ffccee;
114 vertical-align: top;
115}
116td.defaults {
117 background-color: #DDDDDD;
118}
[34]119td.errhead {
120 font-weight: bold;
121 font-size: 110%;
122 color: red;
123 background-color: #404040;
124 text-align: center;
125 padding: 3px;
126 border: solid 2px #FF0000;
127}
[33]128td.err {
129 border: solid 2px #FF0000;
130 color: red;
131 background-color: #e0e0e0;
132}
133td.warn {
134 border: solid 2px #FFFF00;
135 color: #333300;
136 background-color: #e0e0e0;
137}
[41]138td.leftthird {
139 width: 36%;
140 text-align: left;
141}
142td.rightthird {
143 width: 36%;
144 text-align: right;
145}
[65]146td.border {
147 background-color: #e0e0e0;
148 border: solid 1px #101010;
149 padding: 2px;
150}
151td.noaccess {
152 background-color: #ffe8e8;
153 color: #2f0000;
154}
[33]155
[2]156.meat {
157 align: center;
158 width: 100%;
159}
160input {
161 font-size: 10px;
162}
[65]163
[69]164
[2]165/* general classes */
166.errmsg {
167 font-weight: bold;
168 font-family: Verdana, Arial, Helvetica, sans-serif;
169 font-size:100%;
170 color: red;
171 background-color: #404040;
172 text-align: center;
173 border: thin solid #FFFFFF;
174 padding: 5px;
175 width: 70%;
176}
177.right {
178 right: 3px;
179}
[39]180.center {
181 text-align: center;
182}
[2]183
184#header {
185 border-bottom: thin solid #000000;
186 clear: both;
187 float: left;
188 width: 100%;
189}
190#footer {
191 border-top: thin solid #000000;
192 clear: both;
193}
194#contact {
195 font-size: 10px;
196 position: absolute;
197 right: 10px;
198 text-align: right;
199}
200
201#main {
202 position: relative;
203 float: right;
204 width: 100%;
205}
206#login {
207 margin-top: 50px;
208 margin-bottom: 50px;
209 padding: 3px;
210 border: thin solid #000000;
211}
212#tableholder {
213 padding: 2px;
214 background: #FFFFFF;
215 width: 70%;
216}
217#menu {
218 border-right: thin solid #000000;
219 margin-right: 5px;
[66]220 padding: 5px;
[2]221}
[39]222#soadetail {
223 text-align: left;
224}
225/* somewhat generic/reusable */
[41]226#datatablewrapper {
227 border: none;
[39]228 width: 98%;
[41]229 margin-left: 1%;
230 margin:right: 1%;
[39]231}
Note: See TracBrowser for help on using the repository browser.