author | Tero Marttila <terom@qmsk.net> |
Sat, 04 Oct 2014 16:50:03 +0300 | |
changeset 246 | 715075aab437 |
parent 245 | 7ccb4ca736c9 |
permissions | -rw-r--r-- |
245
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
1 |
/* Index view */ |
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
2 |
.image { |
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
3 |
position: relative; |
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
4 |
|
246
715075aab437
qmsk.pages: use class=active for nav li
Tero Marttila <terom@qmsk.net>
parents:
245
diff
changeset
|
5 |
margin: 1em auto; |
245
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
6 |
|
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
7 |
border: none; |
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
8 |
padding: 0; |
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
9 |
|
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
10 |
width: 640px; |
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
11 |
height: 320px; |
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
12 |
} |
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
13 |
|
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
14 |
.image a { |
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
15 |
display: block; |
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
16 |
} |
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
17 |
|
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
18 |
.image .title { |
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
19 |
position: absolute; |
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
20 |
|
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
21 |
top: 50%; |
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
22 |
left: 0px; |
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
23 |
right: 0px; |
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
24 |
width: 100%; |
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
25 |
|
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
26 |
text-align: center; |
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
27 |
font-size: xx-large; |
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
28 |
color: white; |
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
29 |
} |
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
30 |
|
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
31 |
.image a:hover .title { |
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
32 |
text-decoration: underline; |
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
33 |
} |
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
34 |
|
7ccb4ca736c9
qmsk.pngtile: views.index: render item previews
Tero Marttila <terom@qmsk.net>
parents:
244
diff
changeset
|
35 |
/* Image view */ |
240
21a38c59ce78
qmsk.pngtile: copy over map.css/js from pngtile repo
Tero Marttila <terom@qmsk.net>
parents:
diff
changeset
|
36 |
#map { |
21a38c59ce78
qmsk.pngtile: copy over map.css/js from pngtile repo
Tero Marttila <terom@qmsk.net>
parents:
diff
changeset
|
37 |
overflow: hidden; |
21a38c59ce78
qmsk.pngtile: copy over map.css/js from pngtile repo
Tero Marttila <terom@qmsk.net>
parents:
diff
changeset
|
38 |
position: absolute; |
21a38c59ce78
qmsk.pngtile: copy over map.css/js from pngtile repo
Tero Marttila <terom@qmsk.net>
parents:
diff
changeset
|
39 |
|
21a38c59ce78
qmsk.pngtile: copy over map.css/js from pngtile repo
Tero Marttila <terom@qmsk.net>
parents:
diff
changeset
|
40 |
top: 0px; |
21a38c59ce78
qmsk.pngtile: copy over map.css/js from pngtile repo
Tero Marttila <terom@qmsk.net>
parents:
diff
changeset
|
41 |
left: 0px; |
21a38c59ce78
qmsk.pngtile: copy over map.css/js from pngtile repo
Tero Marttila <terom@qmsk.net>
parents:
diff
changeset
|
42 |
right: 0px; |
244
57b717b46dd8
qmsk.pngtile: views.image: use full-screen layout
Tero Marttila <terom@qmsk.net>
parents:
240
diff
changeset
|
43 |
width: 100%; |
57b717b46dd8
qmsk.pngtile: views.image: use full-screen layout
Tero Marttila <terom@qmsk.net>
parents:
240
diff
changeset
|
44 |
height: 100%;; |
240
21a38c59ce78
qmsk.pngtile: copy over map.css/js from pngtile repo
Tero Marttila <terom@qmsk.net>
parents:
diff
changeset
|
45 |
} |
21a38c59ce78
qmsk.pngtile: copy over map.css/js from pngtile repo
Tero Marttila <terom@qmsk.net>
parents:
diff
changeset
|
46 |
|
21a38c59ce78
qmsk.pngtile: copy over map.css/js from pngtile repo
Tero Marttila <terom@qmsk.net>
parents:
diff
changeset
|
47 |
div.leaflet-control-link { |
21a38c59ce78
qmsk.pngtile: copy over map.css/js from pngtile repo
Tero Marttila <terom@qmsk.net>
parents:
diff
changeset
|
48 |
|
21a38c59ce78
qmsk.pngtile: copy over map.css/js from pngtile repo
Tero Marttila <terom@qmsk.net>
parents:
diff
changeset
|
49 |
} |
21a38c59ce78
qmsk.pngtile: copy over map.css/js from pngtile repo
Tero Marttila <terom@qmsk.net>
parents:
diff
changeset
|
50 |
|
21a38c59ce78
qmsk.pngtile: copy over map.css/js from pngtile repo
Tero Marttila <terom@qmsk.net>
parents:
diff
changeset
|
51 |
a.leaflet-control-link-link { |
21a38c59ce78
qmsk.pngtile: copy over map.css/js from pngtile repo
Tero Marttila <terom@qmsk.net>
parents:
diff
changeset
|
52 |
display: block; |
21a38c59ce78
qmsk.pngtile: copy over map.css/js from pngtile repo
Tero Marttila <terom@qmsk.net>
parents:
diff
changeset
|
53 |
background-color: #fff; |
21a38c59ce78
qmsk.pngtile: copy over map.css/js from pngtile repo
Tero Marttila <terom@qmsk.net>
parents:
diff
changeset
|
54 |
box-shadow: 0 1px 5px rgba(0,0,0,0.65); |
21a38c59ce78
qmsk.pngtile: copy over map.css/js from pngtile repo
Tero Marttila <terom@qmsk.net>
parents:
diff
changeset
|
55 |
padding: 0.5em; |
21a38c59ce78
qmsk.pngtile: copy over map.css/js from pngtile repo
Tero Marttila <terom@qmsk.net>
parents:
diff
changeset
|
56 |
border-radius: 4px; |
21a38c59ce78
qmsk.pngtile: copy over map.css/js from pngtile repo
Tero Marttila <terom@qmsk.net>
parents:
diff
changeset
|
57 |
} |