Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

Merge pull request #63 from djphil/patch-28

Update default_template.css
  • Loading branch information...
commit 18fe209d57543dd175b70698b7eed0afd0720da9 2 parents a0db696 + 7cb53fd
keverw authored April 22, 2013

Showing 1 changed file with 689 additions and 687 deletions. Show diff stats Hide diff stats

  1. 1,376  www/templates/white/default_template.css
1,376  www/templates/white/default_template.css
@@ -3,23 +3,23 @@
3 3
 html {width: 100%; height: 100%;}
4 4
 
5 5
 body.webui {
6  
-  margin: 0px;
7  
-  padding: 0px;
8  
-  font-size: 100%;
9  
-  font-family: Verdana, Arial, Helvetica, sans-serif;
10  
-  text-align: center;
11  
-  color:#111111;
12  
-  /* background: #e1e1e1 url("background_01_off.jpg") fixed 50% 0% repeat-x; */
13  
-  background-color: #e1e1e1;
  6
+    margin: 0px;
  7
+    padding: 0px;
  8
+    font-size: 100%;
  9
+    font-family: Verdana, Arial, Helvetica, sans-serif;
  10
+    text-align: center;
  11
+    color:#111111;
  12
+    /* background: #e1e1e1 url("background_01_off.jpg") fixed 50% 0% repeat-x; */
  13
+    background-color: #e1e1e1;
14 14
 }
15 15
 
16 16
 .webui #adminnote {
17  
-	width: 900px;
18  
-  background-color: transparent;
19  
-	margin: 0 auto;
20  
-  text-align: center;
21  
-	border: 0px solid #000000;
22  
-	text-align: left;
  17
+    width: 900px;
  18
+    background-color: transparent;
  19
+    margin: 0 auto;
  20
+    text-align: center;
  21
+    border: 0px solid #000000;
  22
+    text-align: left;
23 23
 }
24 24
 
25 25
 .webui #absolute {;}
@@ -27,108 +27,108 @@ body.webui {
27 27
 
28 28
 /* Translator and date Container */
29 29
 .webui #topcontainer {
30  
-	width: 900px;
31  
-  margin-left: auto;
32  
-  margin-right: auto;
33  
-  z-index: 50;
  30
+    width: 900px;
  31
+    margin-left: auto;
  32
+    margin-right: auto;
  33
+    z-index: 50;
34 34
 }
35 35
 
36 36
 
37 37
 /* Translator_Module */
38 38
 .webui #translator {
39  
-  position: relative;
40  
-  float:left;
41  
-  margin: 0px;
42  
-  margin-top: 0px;
43  
-  margin-right: 3px;
44  
-  padding-left:5px;
45  
-  padding-right:5px;
46  
-  padding-top:3px;
47  
-  padding-bottom:3px;
48  
-  font-size: 0.8em;
49  
-  /* background-image: url("background_06.png"); */
50  
-  background-color: #ffffff;
51  
-  background-repeat: repeat;
52  
-	height: 15px;
  39
+    position: relative;
  40
+    float:left;
  41
+    margin: 0px;
  42
+    margin-top: 0px;
  43
+    margin-right: 3px;
  44
+    padding-left:5px;
  45
+    padding-right:5px;
  46
+    padding-top:3px;
  47
+    padding-bottom:3px;
  48
+    font-size: 0.8em;
  49
+    /* background-image: url("background_06.png"); */
  50
+    background-color: #ffffff;
  51
+    background-repeat: repeat;
  52
+    height: 15px;
53 53
 }
54 54
 
55 55
 
56 56
 /* Date Module*/
57 57
 .webui #date {
58  
-  position: relative;
59  
-  float:left;
60  
-  margin: 0px;
61  
-  margin-top: 0px;
62  
-  margin-left: 3px;
63  
-  padding-left:5px;
64  
-  padding-right:5px;
65  
-  padding-top:3px;
66  
-  padding-bottom:3px;
67  
-  text-align:center;
68  
-  font-size: 0.8em;
69  
-  /* background-image: url("background_06xxx.png"); */
70  
-  background-color: transparent;
71  
-  background-repeat: repeat;
72  
-	height: 15px;
73  
-	width:255px;
  58
+    position: relative;
  59
+    float:left;
  60
+    margin: 0px;
  61
+    margin-top: 0px;
  62
+    margin-left: 3px;
  63
+    padding-left:5px;
  64
+    padding-right:5px;
  65
+    padding-top:3px;
  66
+    padding-bottom:3px;
  67
+    text-align:center;
  68
+    font-size: 0.8em;
  69
+    /* background-image: url("background_06xxx.png"); */
  70
+    background-color: transparent;
  71
+    background-repeat: repeat;
  72
+    height: 15px;
  73
+    width:255px;
74 74
 }
75 75
 
76 76
 
77 77
 /* Welcome Text Module */
78 78
 .webui #welcomeText {
79  
-  position: relative;
80  
-  float:right;
81  
-  margin: auto;
82  
-  margin-top: 0px;
83  
-  padding: 3px;
84  
-  padding-bottom:3px;
85  
-  font-size:0.8em;
86  
-  height: 15px;
87  
-  /* background-image: url("background_06.png"); */
88  
-  background-color: #ffffff;
  79
+    position: relative;
  80
+    float:right;
  81
+    margin: auto;
  82
+    margin-top: 0px;
  83
+    padding: 3px;
  84
+    padding-bottom:3px;
  85
+    font-size:0.8em;
  86
+    height: 15px;
  87
+    /* background-image: url("background_06.png"); */
  88
+    background-color: #ffffff;
89 89
 }
90 90
 
91 91
 
92 92
 /* Scrolling Text Module */
93 93
 div.horizontal_scroller, div.vertical_scroller {
94  
-  position:absolute;
95  
-	height: 16px;
96  
-	width: 270px;
97  
-	margin-left: 330px;
98  
-	display:block;
99  
-	overflow:hidden;
100  
-  float:left;
101  
-  margin-top: 0px;		
  94
+    position:absolute;
  95
+    height: 16px;
  96
+    width: 270px;
  97
+    margin-left: 330px;
  98
+    display:block;
  99
+    overflow:hidden;
  100
+    float:left;
  101
+    margin-top: 0px;		
102 102
 }
103 103
 
104 104
 div.scrollingtext {
105  
-  position:absolute;
106  
-	white-space:nowrap;
107  
-  font-size: 0.8em;
108  
-  z-index:99;
109  
-  color:#111111;
110  
-  padding: 3px;
111  
-  padding-bottom:3px;
  105
+    position:absolute;
  106
+    white-space:nowrap;
  107
+    font-size: 0.8em;
  108
+    z-index:99;
  109
+    color:#111111;
  110
+    padding: 3px;
  111
+    padding-bottom:3px;
112 112
 }
113 113
 
114 114
 
115 115
 /* The Container */
116 116
 .webui #container {
117  
-	width: 880px;
118  
-  /* background-image: url("background_06.png"); */
119  
-  background-color: #ffffff;
120  
-  background-repeat: repeat;
121  
-  margin-top: 10px;
122  
-	border: 0px solid #000;
123  
-	text-align: left;
124  
-	padding: 10px;
125  
-	float: left;
  117
+    width: 880px;
  118
+    /* background-image: url("background_06.png"); */
  119
+    background-color: #ffffff;
  120
+    background-repeat: repeat;
  121
+    margin-top: 10px;
  122
+    border: 0px solid #000;
  123
+    text-align: left;
  124
+    padding: 10px;
  125
+    float: left;
126 126
 }
127 127
 
128 128
 .webui #header {
129  
-  color:#eeeeee;
130  
-  background: #ffffff;
131  
-	border: 0px solid #222;
  129
+    color:#eeeeee;
  130
+    background: #ffffff;
  131
+    border: 0px solid #222;
132 132
 }
133 133
 
134 134
 
@@ -139,36 +139,36 @@ div.scrollingtext {
139 139
 
140 140
 #headerimages {
141 141
     margin: 0px;
142  
-	padding: 0;
143  
-	text-indent: -9999px;
144  
-	height: 139px;
145  
-	position: relative;
146  
-	background: transparent url(header.png) no-repeat;
  142
+    padding: 0;
  143
+    text-indent: -9999px;
  144
+    height: 139px;
  145
+    position: relative;
  146
+    background: transparent url(header.png) no-repeat;
147 147
 }
148 148
 
149 149
 #headerimages a {
150  
-  width: 100%;
151  
-	position: relative;
152  
-	top: 0;
153  
-	left: 0;
154  
-	width: 534px;
155  
-	height: 139px;
156  
-	display: block;
157  
-	border: 0;
158  
-	background: transparent;
159  
-	overflow: hidden;
  150
+    width: 100%;
  151
+    position: relative;
  152
+    top: 0;
  153
+    left: 0;
  154
+    width: 534px;
  155
+    height: 139px;
  156
+    display: block;
  157
+    border: 0;
  158
+    background: transparent;
  159
+    overflow: hidden;
160 160
 }
161 161
 
162 162
 #headerimages .fake-hover {
163  
-	margin: 0;
164  
-	padding: 0;
165  
-	width: 534px;
166  
-	height: 139px;
167  
-	display: block;
168  
-	position: absolute;
169  
-	top: 0;
170  
-	left: 0;
171  
-	background: url(header.png) no-repeat 0 -150px;
  163
+    margin: 0;
  164
+    padding: 0;
  165
+    width: 534px;
  166
+    height: 139px;
  167
+    display: block;
  168
+    position: absolute;
  169
+    top: 0;
  170
+    left: 0;
  171
+    background: url(header.png) no-repeat 0 -150px;
172 172
 }
173 173
 
174 174
 /* MenuBar Horizontal */
@@ -177,68 +177,68 @@ div.scrollingtext {
177 177
 /* Pretty Menu */
178 178
 /*
179 179
 #menu {
180  
-	z-index:100;
181  
-background-color: #1a1a1a;
182  
-height:60px;
183  
-width: 100%;
184  
-padding-top:0px;
185  
-margin-bottom:-10px;
186  
-text-indent: 0px;
  180
+    z-index:100;
  181
+    background-color: #1a1a1a;
  182
+    height:60px;
  183
+    width: 100%;
  184
+    padding-top:0px;
  185
+    margin-bottom:-10px;
  186
+    text-indent: 0px;
187 187
 }
188 188
 
189 189
 .menu {
190  
-  background-color: #000;
191  
-  height:50px;
192  
-  width:890px;	
193  
-  position:relative;
194  
-  margin: auto;
195  
-  padding-top:10px;
  190
+    background-color: #000;
  191
+    height:50px;
  192
+    width:890px;	
  193
+    position:relative;
  194
+    margin: auto;
  195
+    padding-top:10px;
196 196
 }
197 197
 
198 198
 #menu ul.menu  {
199  
-  list-style-type:none;
  199
+    list-style-type:none;
200 200
 }
201 201
 
202 202
 #menu li {z-index:100;
203  
-  position: relative;
204  
-	display: block;
205  
-  float:left; /*pour IE*/ /*
206  
-	list-style: none;
207  
-	text-align: center;margin:0 auto;
  203
+    position: relative;
  204
+    display: block;
  205
+    float:left; /*pour IE*/ /*
  206
+    list-style: none;
  207
+    text-align: center;margin:0 auto;
208 208
 }
209 209
 
210 210
 #menu li a {  
211  
-  margin-left:10px;
212  
-  width:105px;
213  
-  height: 30px;
214  
-  display: block;
215  
-  text-decoration:none;
216  
-  text-align: center;
217  
-  line-height: 30px;
218  
-  padding:5px;
219  
-	color: #ffffff;
220  
-	background-color: #111;  
221  
-	border-bottom: 1px solid #000;
  211
+    margin-left:10px;
  212
+    width:105px;
  213
+    height: 30px;
  214
+    display: block;
  215
+    text-decoration:none;
  216
+    text-align: center;
  217
+    line-height: 30px;
  218
+    padding:5px;
  219
+    color: #ffffff;
  220
+    background-color: #111;  
  221
+    border-bottom: 1px solid #000;
222 222
 }
223 223
 
224 224
 #menu li a:hover {
225  
-  background-color: #222;
226  
-  background-repeat: repeat;
  225
+    background-color: #222;
  226
+    background-repeat: repeat;
227 227
 }
228 228
 
229 229
 #menu li a:active {
230  
-  background-color:#ff0000;
231  
-  background-image: none;
  230
+    background-color:#ff0000;
  231
+    background-image: none;
232 232
 }
233 233
 
234 234
 #menu ul ul {
235  
-  position: absolute;
236  
-  top: 40px;
237  
-  visibility: hidden;
  235
+    position: absolute;
  236
+    top: 40px;
  237
+    visibility: hidden;
238 238
 }
239 239
   
240 240
 #menu ul li:hover ul  {
241  
-  visibility:visible;
  241
+    visibility:visible;
242 242
 }
243 243
 */
244 244
 
@@ -256,27 +256,27 @@ text-indent: 0px;
256 256
 }
257 257
 
258 258
 div#ContentHeaderLeft {
259  
-margin: 10px;
260  
-width: 30%;
261  
-background-color: transparent;
262  
-float: left;
  259
+    margin: 10px;
  260
+    width: 30%;
  261
+    background-color: transparent;
  262
+    float: left;
263 263
 }
264 264
 
265 265
 div#ContentHeaderCenter {
266  
-margin: 10px;
267  
-width: 30%;
268  
-background-color: transparent;
269  
-float: left;
270  
-font-weight: bold;
271  
-margin-top:25px;
  266
+    margin: 10px;
  267
+    width: 30%;
  268
+    background-color: transparent;
  269
+    float: left;
  270
+    font-weight: bold;
  271
+    margin-top:25px;
272 272
 }
273 273
 
274 274
 div#ContentHeaderRight {
275  
-margin: 10px;
276  
-width: 30%;
277  
-background-color: transparent;
278  
-float: right;
279  
-text-align:right;
  275
+    margin: 10px;
  276
+    width: 30%;
  277
+    background-color: transparent;
  278
+    float: right;
  279
+    text-align:right;
280 280
 }
281 281
 
282 282
 /* home content */
@@ -289,30 +289,30 @@ text-align:right;
289 289
 }
290 290
 
291 291
 .webui #home_content_right {
292  
-  float:right;
293  
-  width: 270px;
294  
-  height: 132px;
295  
-  margin-top: -215px;
296  
-  margin-right: 23px;
  292
+    float:right;
  293
+    width: 270px;
  294
+    height: 132px;
  295
+    margin-top: -215px;
  296
+    margin-right: 23px;
297 297
 }
298 298
 
299 299
 /* Slide Show */
300 300
 .slideshow {
301  
-  z-index:200;
302  
-  position: relative;
303  
-  float:left;
304  
-  margin-top: 84px;
305  
-  margin-left:0px;
306  
-  width: 270px;
307  
-  height: 132px;
  301
+    z-index:200;
  302
+    position: relative;
  303
+    float:left;
  304
+    margin-top: 84px;
  305
+    margin-left:0px;
  306
+    width: 270px;
  307
+    height: 132px;
308 308
 }
309 309
 
310 310
 .slideshow img {
311  
-  padding: 0px; 
312  
-  border: 10px solid #f1f1f1;
313  
-  background-color: #ffffff;
314  
-  width: 260px;
315  
-  height: 110px;
  311
+    padding: 0px; 
  312
+    border: 10px solid #f1f1f1;
  313
+    background-color: #ffffff;
  314
+    width: 260px;
  315
+    height: 110px;
316 316
 }
317 317
 
318 318
 
@@ -322,16 +322,16 @@ text-align:right;
322 322
 
323 323
 /* from sitemodul.php */
324 324
 #scr {
325  
-  position:absolute;
326  
-  width:100%;
327  
-  height:100%;
328  
-  margin:0px;
329  
-  padding:0px;
330  
-  overflow:auto;
  325
+    position:absolute;
  326
+    width:100%;
  327
+    height:100%;
  328
+    margin:0px;
  329
+    padding:0px;
  330
+    overflow:auto;
331 331
 }
332 332
 
333 333
 /* from pwreset.php */
334  
-.Stil1 { font-size: 18px;	font-weight: bold;}
  334
+.Stil1 { font-size: 18px; font-weight: bold;}
335 335
 
336 336
 
337 337
 /* grid status module */
@@ -493,23 +493,23 @@ h5 {font-size: 10px; color:#111111;margin:0px;padding:0px;}
493 493
 
494 494
 /* content popup */
495 495
 .webui #container_popup {
496  
-	width: 760px;
497  
-	background-color: #000000;
498  
-  margin: 0 auto;
499  
-  margin-top: 10px;
500  
-	border: 0px solid #000000;
501  
-	text-align: left;
502  
-	padding: 10px;
  496
+    width: 760px;
  497
+    background-color: #000000;
  498
+    margin: 0 auto;
  499
+    margin-top: 10px;
  500
+    border: 0px solid #000000;
  501
+    text-align: left;
  502
+    padding: 10px;
503 503
 }
504 504
 
505 505
 .webui #content_popup {
506  
-  width: 740px;
507  
-  margin: 0 auto;
508  
-  font-size: 12px;
509  
-  padding: 10px;
510  
-	background-color: #000000;
511  
-  text-align:left;
512  
-  color:#111111; 
  506
+    width: 740px;
  507
+    margin: 0 auto;
  508
+    font-size: 12px;
  509
+    padding: 10px;
  510
+    background-color: #000000;
  511
+    text-align:left;
  512
+    color:#111111; 
513 513
 }
514 514
 
515 515
 /* more info profil */
@@ -521,14 +521,14 @@ h5 {font-size: 10px; color:#111111;margin:0px;padding:0px;}
521 521
 #useragentprofil a:hover {text-decoration: underline;}
522 522
 
523 523
 #profil_picture {
524  
-  float: right;
525  
-  margin-top: -95px;
  524
+    float: right;
  525
+    margin-top: -95px;
526 526
 }
527 527
 
528 528
 #profil_picture img {
529  
-  border: 1px solid #111111;
530  
-  height: 200px;
531  
-  width: 200px;
  529
+    border: 1px solid #111111;
  530
+    height: 200px;
  531
+    width: 200px;
532 532
 }
533 533
 
534 534
 /* more info region */
@@ -548,39 +548,39 @@ h5 {font-size: 10px; color:#111111;margin:0px;padding:0px;}
548 548
 #regionMap .thissim {background:#AE3D1B; color:#FFF; font-weight:bold;}
549 549
 
550 550
 #region_picture {
551  
-  float: left;
552  
-  margin-top: 5px;
  551
+    float: left;
  552
+    margin-top: 5px;
553 553
 }
554 554
 
555 555
 #region_picture img {
556  
-  border: 1px solid #111111;
557  
-  height: 220px;
558  
-  width: 220px;
  556
+    border: 1px solid #111111;
  557
+    height: 220px;
  558
+    width: 220px;
559 559
 }
560 560
 
561 561
 #regiondetails {
562  
-  position: absolute;
563  
-  float:left; 
564  
-  padding:0px;
565  
-  padding-left: 230px;
566  
-  margin:0px;
567  
-  margin-top: 0px;
  562
+    position: absolute;
  563
+    float:left; 
  564
+    padding:0px;
  565
+    padding-left: 230px;
  566
+    margin:0px;
  567
+    margin-top: 0px;
568 568
 }
569 569
 
570 570
 #region_navigation {
571  
-  width: 300px;
572  
-  float: right;
  571
+    width: 300px;
  572
+    float: right;
573 573
 }
574 574
 
575 575
 /*
576 576
 .even {
577  
-  background-color: transparent;
578  
-  background-image: url("background_03_off.png");
  577
+    background-color: transparent;
  578
+    background-image: url("background_03_off.png");
579 579
 }
580 580
 
581 581
 .odd {
582  
-  background-color: transparent;
583  
-  background-image: url("background_02_off.png");
  582
+    background-color: transparent;
  583
+    background-image: url("background_02_off.png");
584 584
 }
585 585
 */
586 586
 
@@ -592,77 +592,81 @@ h5 {font-size: 10px; color:#111111;margin:0px;padding:0px;}
592 592
 #birthday_input {width: 31.5%;background-color: #ffffff; border: 0px solid #2a2a2a;}
593 593
 
594 594
 #register_input, #login_input, #forgot_pass_input {
595  
-  width: 94%;
596  
-  background-color: #ffffff;
597  
-  border: 0px solid #2a2a2a; color:#111111;
598  
-  padding:5px; padding-left: 20px;
  595
+    width: 94%;
  596
+    background-color: #ffffff;
  597
+    border: 0px solid #2a2a2a;
  598
+    color:#111111;
  599
+    padding:5px; 
  600
+    padding-left: 20px;
599 601
 }
600 602
 
601 603
 #register_bouton, #login_bouton, #forgot_pass_bouton, #adminlogin_button,
602 604
 #create_news_button, #edit_news_item_button, #info_loginscreen_button {
603  
-  font-size: 14px; 
604  
-  outline:none;
605  
-  padding:5px;  
606  
-  background-color: #00ff00;
607  
-  background-image: url("shadow_02.png");
608  
-  background-repeat: repeat-x;
609  
-  border: 0px solid #00ff00;
  605
+    font-size: 14px; 
  606
+    outline: none;
  607
+    padding: 5px;  
  608
+    background-color: #00ff00;
  609
+    background-image: url("shadow_02.png");
  610
+    background-repeat: repeat-x;
  611
+    border: 0px solid #00ff00;
610 612
 }
611 613
 
612 614
 #register_bouton:hover, #login_bouton:hover, #forgot_pass_bouton:hover, #adminlogin_button:hover,
613 615
 #create_news_button:hover, #edit_news_item_button:hover {
614  
-  font-size: 14px;
615  
-  outline:none;
616  
-  padding:5px;
617  
-  background-color: #00aa00;
  616
+    font-size: 14px;
  617
+    outline: none;
  618
+    padding: 5px;
  619
+    background-color: #00aa00;
618 620
 }
619 621
 
620 622
 #search_input {
621  
-  width: 94%;
622  
-  background-color: #ffffff; 
623  
-  border: 0px solid #2a2a2a; color:#111111;
624  
-  padding:5px; padding-left: 20px;
  623
+    width: 94%;
  624
+    background-color: #ffffff; 
  625
+    border: 0px solid #2a2a2a;
  626
+	color: #111111;
  627
+    padding: 5px;
  628
+	padding-left: 20px;
625 629
 }
626 630
 
627 631
 #search_bouton {font-size: 14px; background-color: #cccccc; outline:none; padding:5px;}
628 632
 
629 633
 .adminsettings_bouton {
630  
-  font-size: 14px;
631  
-  color: #111111;
632  
-  border: 0px solid #1a1a1a;
633  
-  background-color: #cccccc;
634  
-  outline:none;
635  
-  padding:5px;
636  
-  width:100px;
  634
+    font-size: 14px;
  635
+    color: #111111;
  636
+    border: 0px solid #1a1a1a;
  637
+    background-color: #cccccc;
  638
+    outline: none;
  639
+    padding: 5px;
  640
+    width: 100px;
637 641
 }
638 642
 
639 643
 .roundedinput {
640  
-  background-color: #ffffff;
641  
-  background-image: url("shadow_02.png");
642  
-  background-repeat: repeat-x;
643  
-  padding:5px;
  644
+    background-color: #ffffff;
  645
+    background-image: url("shadow_02.png");
  646
+    background-repeat: repeat-x;
  647
+    padding: 5px;
644 648
 }
645 649
 
646 650
 /* region map */
647 651
 #region_map {
648  
-  width:100%;
649  
-  margin-top:60px;
650  
-  margin: 0px;
651  
-  padding: 0px;
652  
-  height: 350px;
653  
-  background-color: transparent;
654  
-  border:none;
  652
+    width: 100%;
  653
+    margin-top: 60px;
  654
+    margin: 0px;
  655
+    padding: 0px;
  656
+    height: 350px;
  657
+    background-color: transparent;
  658
+    border: none;
655 659
 }
656 660
 
657 661
 /* region QuickMap */
658 662
 #region_quickmap {
659  
-  float:left;
660  
-  width:100%;
661  
-  margin: 0px;
662  
-  padding: 0px;
663  
-  height: 100%;
664  
-  background-color: transparent;
665  
-  border:none;
  663
+    float: left;
  664
+    width: 100%;
  665
+    margin: 0px;
  666
+    padding: 0px;
  667
+    height: 100%;
  668
+    background-color: transparent;
  669
+    border: none;
666 670
 }
667 671
 
668 672
 #region_quickmap table {width:100%;float:left; font-size: 10px;}
@@ -691,32 +695,32 @@ h5 {font-size: 10px; color:#111111;margin:0px;padding:0px;}
691 695
 #map-coord-y {position: absolute; top: 1px; right: 100px; color: #111111;}
692 696
 #map-coord-y-input input {position: absolute; top: -1px; right: 40px; border: none;background-color: #eeeeee;}
693 697
 #map-coord-button .submit {
694  
-  position: absolute; 
695  
-  top: -5px; 
696  
-  right: 0px;
697  
-  background: url(../../quickmap/images/refresh.png) 0 0 no-repeat;
698  
-  height:30px;
699  
-  width:30px;
700  
-  border: none;
701  
-  cursor:  pointer;
  698
+    position: absolute; 
  699
+    top: -5px; 
  700
+    right: 0px;
  701
+    background: url(../../quickmap/images/refresh.png) 0 0 no-repeat;
  702
+    height: 30px;
  703
+    width: 30px;
  704
+    border: none;
  705
+    cursor: pointer;
702 706
 }
703 707
 
704 708
 #roundedcoord {
705  
-  position: absolute;
706  
-  top: -7px;
707  
-  right: 35px;
708  
-  width:155px; 
709  
-  height: 22px;
710  
-  background-color: #eeeeee;
711  
-  background-image: url("shadow_02.png");
712  
-  background-repeat: repeat-x;
713  
-  padding:5px;
  709
+    position: absolute;
  710
+    top: -7px;
  711
+    right: 35px;
  712
+    width: 155px; 
  713
+    height: 22px;
  714
+    background-color: #eeeeee;
  715
+    background-image: url("shadow_02.png");
  716
+    background-repeat: repeat-x;
  717
+    padding: 5px;
714 718
 }
715 719
 
716 720
 
717 721
 /* Pages News */
718 722
 #news {width:100%;background-color: transparent;float:left;}
719  
-#news table {color: #ffffff; width: 100%;}
  723
+#news table {color: #222222; width: 100%;}
720 724
 #news td a {color: #ffa500; text-decoration: none;}
721 725
 #news a:visited {text-decoration: none}
722 726
 #news a:active {text-decoration: none}
@@ -725,32 +729,34 @@ h5 {font-size: 10px; color:#111111;margin:0px;padding:0px;}
725 729
 .author {font-size: 10px;padding-top:5px;padding-bottom:5px;}
726 730
 
727 731
 .news_time {
728  
-width:60%;
729  
-float: left;
730  
-padding: 10px;
731  
-background: #000000;
732  
-font-size: 12px;
  732
+    width:60%;
  733
+    float: left;
  734
+    padding: 10px;
  735
+    background: #ffffff;
  736
+    font-size: 12px;
733 737
 }
  738
+
734 739
 .news_title {
735  
-width: 97.5%;
736  
-float: left;
737  
-padding: 10px;
738  
-background: #000000;
739  
-font-size: 12px;
  740
+    width: 97.5%;
  741
+    float: left;
  742
+    padding: 10px;
  743
+    background: #ffffff;
  744
+    font-size: 12px;
740 745
 }
  746
+
741 747
 .news_content {
742  
-float: left;
743  
-padding: 10px;
744  
-background: #000000;
745  
-font-size: 12px;
  748
+    float: left;
  749
+    padding: 10px;
  750
+    background: #ffffff;
  751
+    font-size: 12px;
746 752
 }
747 753
 
748 754
 #news_online {
749  
-width: 94%;
750  
-float: left;
751  
-padding: 20px;
752  
-background: #000000;
753  
-font-size: 12px;
  755
+    width: 94%;
  756
+    float: left;
  757
+    padding: 20px;
  758
+    background: #000000;
  759
+    font-size: 12px;
754 760
 }
755 761
 
756 762
 #createnews {width:100%;background-color: transparent;float:left;}
@@ -766,30 +772,30 @@ font-size: 12px;
766 772
 
767 773
 /* Grid News */
768 774
 .newslist {
769  
-	padding-right: 0px;
770  
-  padding-left: 0px;
771  
-  padding-bottom: 0px;
772  
-  margin: 0px;
773  
-  width: 100%;
774  
-  border-top-style: none;
775  
-  padding-top: 0px;
776  
-  border-right-style: none;
777  
-  border-left-style: none;
778  
-  border-collapse: collapse;
779  
-  height: 77px;
780  
-  border-bottom-style: none;
  775
+    padding-right: 0px;
  776
+    padding-left: 0px;
  777
+    padding-bottom: 0px;
  778
+    margin: 0px;
  779
+    width: 100%;
  780
+    border-top-style: none;
  781
+    padding-top: 0px;
  782
+    border-right-style: none;
  783
+    border-left-style: none;
  784
+    border-collapse: collapse;
  785
+    height: 77px;
  786
+    border-bottom-style: none;
781 787
 }
782 788
 
783 789
 /* Pages Downloads */
784 790
 #download1 a, #download2 a, #download3 a   {
785  
-  font-size: 14px; 
786  
-  outline:none;
787  
-  padding: 5px;
788  
-  background-color: #ffa500;
789  
-  background-image: url("shadow_02.png");
790  
-  background-repeat: repeat-x;
791  
-  border: 0px solid #00ff00;
792  
-  color: #000000;
  791
+    font-size: 14px; 
  792
+    outline: none;
  793
+    padding: 5px;
  794
+    background-color: #ffa500;
  795
+    background-image: url("shadow_02.png");
  796
+    background-repeat: repeat-x;
  797
+    border: 0px solid #00ff00;
  798
+    color: #000000;
793 799
 }
794 800
 
795 801
 #addgrid  {width:100%; background-color: transparent; float:left;}
@@ -802,25 +808,25 @@ font-size: 12px;
802 808
 
803 809
 
804 810
 #addgrid01, #addgrid02, #addgrid03, #addgrid04, #addgrid05, #addgrid06, #addgrid07, #addgrid08, #addgrid09, #addgrid10 {
805  
-float: left;
806  
-width: 96.25%;
807  
-padding: 10px;
808  
-margin: 5px;
809  
-background: #ffffff;
810  
-font-size: 12px;
  811
+    float: left;
  812
+    width: 96.25%;
  813
+    padding: 10px;
  814
+    margin: 5px;
  815
+    background: #ffffff;
  816
+    font-size: 12px;
811 817
 }
812 818
 
813 819
 #direct_connect {margin-top: 20px;}
814 820
 
815 821
 #addgrid h3 a  {
816  
-  font-size: 14px; 
817  
-  outline:none;
818  
-  padding:5px; 
819  
-  background-color: #ffa500;
820  
-  background-image: url("shadow_02.png");
821  
-  background-repeat: repeat-x;
822  
-  border: 0px solid #00ff00;
823  
-  color: #000000;
  822
+    font-size: 14px; 
  823
+    outline: none;
  824
+    padding: 5px; 
  825
+    background-color: #ffa500;
  826
+    background-image: url("shadow_02.png");
  827
+    background-repeat: repeat-x;
  828
+    border: 0px solid #00ff00;
  829
+    color: #000000;
824 830
 }
825 831
 
826 832
 /* Pages AddGrid */
@@ -831,25 +837,25 @@ font-size: 12px;
831 837
 .clear {clear:both;}
832 838
 
833 839
 #gallery_slideshow {
834  
-	position:absolute;
835  
-	height:240px;
836  
-	width:30%;
837  
-	margin-left: 550px;
838  
-	margin-top: -320px;
  840
+    position: absolute;
  841
+    height: 240px;
  842
+    width: 30%;
  843
+    margin-left: 550px;
  844
+    margin-top: -320px;
839 845
 }
840 846
 
841  
-#gallery_slideshow a {float:left; position:absolute;}
842  
-#gallery_slideshow a img {border:none; height:240px; width:320px;}
843  
-#gallery_slideshow a.show {z-index:500;}
  847
+#gallery_slideshow a {float: left; position: absolute;}
  848
+#gallery_slideshow a img {border: none; height: 240px; width: 320px;}
  849
+#gallery_slideshow a.show {z-index: 500;}
844 850
 
845 851
 #gallery_slideshow .caption {
846  
-	z-index:600; 
847  
-	background-color:#000; 
848  
-	color:#111111; 
849  
-	height:45px; 
850  
-	width:100%; 
851  
-	position:absolute;
852  
-	bottom:0;
  852
+    z-index: 600; 
  853
+    background-color: #000000; 
  854
+    color: #111111; 
  855
+    height: 45px; 
  856
+    width: 100%; 
  857
+    position: absolute;
  858
+    bottom: 0px;
853 859
 }
854 860
 
855 861
 #gallery_slideshow .caption .content {margin:5px;}
@@ -862,12 +868,12 @@ font-size: 12px;
862 868
 div.team {float: left; width: 100%; font-size: 12px; text-align: center;}
863 869
 
864 870
 div.pageloadtime {
865  
-  float: left;
866  
-  width: 100%;
867  
-	padding-bottom:10px;
868  
-  font-size: 10px;
869  
-  text-align: center;
870  
-  color: #111111;
  871
+    float: left;
  872
+    width: 100%;
  873
+    padding-bottom:10px;
  874
+    font-size: 10px;
  875
+    text-align: center;
  876
+    color: #111111;
871 877
 }
872 878
 
873 879
 /* Validator_Module */
@@ -875,18 +881,18 @@ div.pageloadtime {
875 881
 
876 882
 /* gridstatus */
877 883
 #gridstatus {
878  
-  position: relative;
879  
-  float:right;
880  
-  margin-top: -57.5px;
881  
-  margin-right: 12px;
882  
-  border:none;
883  
-  font-size:1em;
884  
-  z-index: 50;
  884
+    position: relative;
  885
+    float: right;
  886
+    margin-top: -57.5px;
  887
+    margin-right: 12px;
  888
+    border: none;
  889
+    font-size: 1em;
  890
+    z-index: 50;
885 891
 }
886 892
 
887  
-#gridstatus table td {padding:0px;}
888  
-#gridstatus table {border-spacing: 0px; border-collapse:collapse;}
889  
-#gridstatus td .linegrey {height:1px; background-color: #444444;}
  893
+#gridstatus table td {padding: 0px;}
  894
+#gridstatus table {border-spacing: 0px; border-collapse: collapse;}
  895
+#gridstatus td .linegrey {height: 1px; background-color: #444444;}
890 896
 
891 897
 .online {font-weight: bold; color: #00ff00; text-align:right;}
892 898
 .offline {font-weight: bold; color: #ff0000;}
@@ -894,112 +900,113 @@ div.pageloadtime {
894 900
 .gridtext a {color: #aaaa00;}
895 901
 
896 902
 td.gridbox_t {
897  
-	background-position: left top;
898  
-  background-image: url(../../images/login_screens/icons/grey.gif);
899  
-  background-repeat: repeat-x;
900  
-  HEIGHT: 5px;
901  
-  background-color: #000000;
  903
+    background-position: left top;
  904
+    background-image: url(../../images/login_screens/icons/grey.gif);
  905
+    background-repeat: repeat-x;
  906
+    background-color: #000000;
  907
+    height: 5px;
902 908
 }
903 909
 
904 910
 td.gridbox_r {
905  
-	background-position: right top;
906  
-  background-image: url(../../images/login_screens/icons/grey.gif);
907  
-  width: 5px;
908  
-  background-repeat: repeat-y;
909  
-  background-color: #000000;
  911
+    background-position: right top;
  912
+    background-image: url(../../images/login_screens/icons/grey.gif);
  913
+    background-repeat: repeat-y;
  914
+    background-color: #000000;
  915
+    width: 5px;
910 916
 }
911 917
 
912 918
 td.gridbox_b {
913  
-	background-position: left bottom;
914  
-  background-image: url(../../images/login_screens/icons/grey.gif);
915  
-  background-repeat: repeat-x;
916  
-  HEIGHT: 5px;
917  
-  background-color: #000000;
  919
+    background-position: left bottom;
  920
+    background-image: url(../../images/login_screens/icons/grey.gif);
  921
+    background-repeat: repeat-x;
  922
+    background-color: #000000;
  923
+    height: 5px;
918 924
 }
919 925
 
920 926
 td.gridbox_l {
921  
-	background-position: left top;
922  
-  background-image: url(../../images/login_screens/icons/grey.gif);
923  
-  width: 5px;
924  
-  background-repeat: repeat-y;
925  
-  background-color: #000000;
  927
+    background-position: left top;
  928
+    background-image: url(../../images/login_screens/icons/grey.gif);
  929
+    background-repeat: repeat-y;
  930
+    background-color: #000000;
  931
+    width: 5px;
926 932
 }
927 933
 
928 934
 td.gridbox_tl {
929  
-	background-position: left top;
930  
-  background-image: url(../../images/login_screens/icons/gridbox_tl.png);
931  
-  width: 5px;
932  
-  background-repeat: no-repeat;
933  
-  height: 5px;
  935
+    background-position: left top;
  936
+    background-image: url(../../images/login_screens/icons/gridbox_tl.png);
  937
+    background-repeat: no-repeat;
  938
+    height: 5px;
  939
+    width: 5px;
934 940
 }
935 941
 
936 942
 td.gridbox_tr {
937  
-	background-position: right top;
938  
-  background-image: url(../../images/login_screens/icons/gridbox_tr.png);
939  
-  width: 5px;
940  
-  background-repeat: no-repeat;
941  
-  height: 5px;
  943
+    background-position: right top;
  944
+    background-image: url(../../images/login_screens/icons/gridbox_tr.png);
  945
+    background-repeat: no-repeat;
  946
+    height: 5px;
  947
+    width: 5px;
942 948
 }
943 949
 
944 950
 td.gridbox_bl {
945  
-	background-position: left bottom;