source: src/django_gheat/website/static/style.css@ 9274

Last change on this file since 9274 was 9274, checked in by dennisw, 14 years ago

Custom layer switcher has it's own div now. Some visual stuff added like div toggle and categories (Base layers, Users, etc).
File size: 3.1 KB
Line 
1body,html{
2 height:100%;
3 width:100%;
4 margin:0;
5 padding:0;
6 font-family:Arial,Helvetica,sans-serif;
7 font-size:12px;
8 background-color:#999;
9 overflow:hidden;
10}
11
12#heatmap{
13 position:absolute;
14 height:100%;
15 width:100%;
16 top:0px;
17 bottom:0px;
18 left:0px;
19 right:0px;
20}
21
22#container{
23 position:absolute;
24 left:50%;
25 margin-left:-400px;
26 top:-2px;
27 width:800px;
28 background-color:#FFF;
29 border:2px solid #BA0000;
30 z-index:1;
31}
32
33#header{
34 width:100%-10px;
35 top:0px;
36 background-color:#BA0000;
37 padding-left:5px;
38 padding-right:5px;
39 text-align:center;
40 font-size:18px;
41 color:white;
42}
43
44#menu{
45 width:100%-10px;
46 background-color:#BA0000;
47 padding-left:5px;
48 padding-right:5px;
49 text-align:center;
50 font-size:14px;
51 color:white;
52}
53
54#info{
55 width:100%-10px;
56 display:none;
57 padding:5px;
58}
59
60#filter{
61 width:100%-10px;
62/* display:none; */
63 padding:5px;
64}
65
66#filter_text{
67 height:100%;
68 width:570px;
69 overflow:hidden;
70 float:left;
71}
72
73#filter_list{
74 padding:5px;
75 width:200px;
76 border-left: 1px solid #BA0000;
77 float:right;
78 margin-bottom:5px;
79}
80
81#node_list{
82 position:absolute;
83 left:-2px;
84 bottom:-2px;
85 width:200px;
86 background-color:#FFF;
87 border:2px solid #BA0000;
88 z-index:1;
89 padding:5px;
90 font-size:10px;
91}
92
93#layer_switcher{
94 position:absolute;
95 right:-2px;
96 top:50%;
97 margin-top:-200px;
98 width:180px;
99 height:400px;
100 background-color:#FFF;
101 border:2px solid #BA0000;
102 z-index:1;
103 padding:0;
104 font-size:10px;
105 overflow: auto;
106}
107
108#layer_switcher_cat{
109 width:100%-2px;
110 top:0px;
111 background-color:#BA0000;
112 padding-left:5px;
113 padding-right:5px;
114 font-size:18px;
115 color:white;
116}
117
118#layer_switcher_toggle{
119 position:absolute;
120 right:-2px;
121 top:50%;
122 margin-top:-200px;
123 width:17px;
124 height:17px;
125 background-color:#FFF;
126 border:2px solid #BA0000;
127 z-index:2;
128 text-align:center;
129 font-size:15px;
130 overflow: auto;
131}
132
133#sig_slider{
134 position:absolute;
135 left:50%;
136 margin-left:-150px;
137 bottom:25px;
138 height:8px;
139 width:300px;
140 z-index:1;
141 font-size:10px;
142 text-align:center;
143}
144
145#slider .ui-slider-handle{
146 border-color: #cc0204;
147 height:14px;
148 width:10px;
149}
150
151h1{
152 color:#C20000;
153}
154
155A:link{
156 color:#FFF;
157 padding-left:8px;
158}
159
160A:visited{
161 color:#FFF;
162}
163
164A:active{
165 color:#FFF;
166}
167
168A:hover{
169 color:#DDD;
170}
171
172
173/* Colorpicker */
174
175div.color_picker {
176 height: 16px;
177 width: 16px;
178 padding: 0 !important;
179 border: 1px solid #ccc;
180 background: url(img/arrow.gif) no-repeat top right;
181 cursor: pointer;
182 line-height: 16px;
183 z-index:2;
184 float:left;
185 margin-top:-3px;
186 margin-right:3px;
187}
188
189div#color_selector {
190 width: 110px;
191 position: absolute;
192 border: 1px solid #BA0000;
193 background-color: #EFEFEF;
194 padding: 2px;
195 z-index:2;
196}
197 div#color_custom {width: 100%; float:left }
198 div#color_custom label {font-size: 95%; color: #2F2F2F; margin: 5px 2px; width: 25%}
199 div#color_custom input {margin: 5px 2px; padding: 0; font-size: 95%; border: 1px solid #000; width: 65%; }
200
201div.color_swatch {
202 height: 12px;
203 width: 12px;
204 border: 1px solid #000;
205 margin: 2px;
206 float: left;
207 cursor: pointer;
208 line-height: 12px;
209 z-index:2;
210}
211
Note: See TracBrowser for help on using the repository browser.