1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
|
* {
/* on a small screen, we need to use a readable font */
font-size: small ! important;
}
/* for all elements but the root element and the body, let's */
/* cancel all annoying document's settings */
* {
/* first cancel all size settings */
width: auto ! important;
height: auto ! important;
/* and make the width adjust to screen layout for the device */
max-width: 100% ! important;
/* max-heights should not apply to small screens */
max-height: none ! important;
/* remove all positioning */
position: static ! important;
/* remove all positioning offsets */
top: auto ! important;
left: auto ! important;
/* and cancel floats */
float: none ! important;
/* margins and paddings have to be changed */
padding: 0px ! important;
margin: 0px ! important;
/* avoid overflow on pre and table cells */
white-space: normal ! important;
}
table,tbody,thead,tfoot,tr,td,th,col,colgroup {
/* we need to "flatten" all tables */
display: block ! important;
}
img[width="1"], img[height="1"],img[width="468"], img[height="600"] {
/* let's get rid of 1 pixel wide/high images */
/* and of std formats of ads ; current ads formats are */
/* too big for small screens */
display: none ! important;
}
li {
/* better placement of the bullet on a small screen */
list-style-position: inside ! important;
}
:-moz-any-link {
/* we need to make anchors more visible */
text-decoration: underline !important;
}
ul,ol {
display: block ! important;
}
li {
display: list-item ! important;
}
a {
background-image: none ! important;
}
img[src*="spacer"] {
display: none ! important;
}
/* google maps hack */
@-moz-document domain(maps.google.com)
{
div#rhs { display: none ! important;}
div#map { height: 80%;
width: 100%;
overflow: hidden;
position: inherit;
}
}
|
