source: extensions/rv_gmaps/trunk/template/style.css @ 25834

Last change on this file since 25834 was 25834, checked in by rvelices, 10 years ago

rv_gmaps improvements on mobile/tablets

  • Property svn:eol-style set to LF
File size: 2.2 KB
Line 
1
2HTML, BODY {
3        height: 100%;
4        max-height: 100%;
5        margin: 0;
6        padding: 0;
7        border: 0;
8}
9
10HTML {
11/* hide overflow:hidden from IE5/Mac */
12        overflow: hidden; /*get rid of scroll bars in IE */
13        /* */
14}
15
16BODY {
17        font-family: Verdana, Arial, Helvetica, sans-serif;
18        font-size: 12px;
19}
20
21
22#titlebar {
23        width: 100%;
24        min-height: 18px;
25}
26
27
28#map {
29        overflow: auto;
30        position: absolute;
31        left: 0; width: 100%;
32        top: 18px; bottom: 0;
33}
34
35
36
37
38#titlebar .titlebar_links {
39        float: right;
40        margin-left: 5px;
41        margin-right: 5px;
42}
43
44#titlebar .titlebar_title {
45  margin-left: 5px;
46}
47
48#titlebar .titlebar_title A {
49  font-size: 14px;
50  font-weight: bold;
51}
52
53#q {
54  border: 1px solid gray;
55  font-size:80%;
56  color: #404040;
57  background-color: #dddddd;
58}
59
60
61#q:focus {
62  color: black;
63  background-color: #ffffff;
64}
65
66#titlebar .titlebar_links A {
67  border: none;
68  text-decoration: none;
69}
70
71#titlebar .titlebar_links A SPAN {
72  text-decoration: underline;
73}
74
75#titlebar IMG {
76  border: none;
77  vertical-align: bottom;
78}
79
80
81#titlebar #dataLoadStatus {
82        font-weight: bold;
83}
84
85
86/* Info Window Structure is
87DIV.gmiw_header
88  SPAN#pwgImageCounters
89  A#gotoPrevImage
90  A#gotoNextImage
91  A#pwgImageBlowup
92DIV#pwgImageDetail
93  DIV.gmiw_imageTitle
94  DIV.gmiw_imageContent
95    DIV.gmiw_imageWrap
96      A IMG
97    DIV.gmiw_imageComment
98*/
99
100.gmiw_header A {
101        margin-left: 5px;
102        border: none;
103        text-decoration: none;
104}
105
106.gmiw_header IMG { vertical-align: bottom; }
107
108.gmiw_header A SPAN { text-decoration: underline; }
109
110.gmiw_header A#pwgImageBlowup {
111        margin-left: 15px;
112        font-weight: bold;
113}
114
115.gmiw_imageTitle {
116        font-size: 14px;
117        font-weight: bold;
118}
119
120.gmiw_imageContent {
121        min-width: 325px;
122        width: 325px;
123        min-height: 168px;
124        height: 168px;
125        overflow-y: auto;
126}
127
128.gmiw_imageWrap {
129        margin: 0 5px -3px 0; /* - for bottom something wrong with Geko and Opera ignored by IE6*/
130        float:left;
131        display:inline;
132}
133
134.gmiw_imageWrap A IMG { border-width: 1px; }
135
136.gmiw_imageComment {  display:inline; }
137
138
139/*google autocomplete dropdown*/
140.pac-container {
141        min-width: 250px;
142}
143
144@media (max-width:640px){
145        .hideable {
146                display:none;
147        }
148}
149
150@media (max-width:360px){
151        #titlebar .titlebar_links {
152                margin: 0;
153        }
154
155        .gmiw_imageContent {
156                min-width: 280px;
157                width: 280px;
158        }
159
160        #q {
161                max-width: 100px;
162        }
163}
Note: See TracBrowser for help on using the repository browser.