qmsk/pngtile/static/qmsk.pngtile/map.css
author Tero Marttila <terom@qmsk.net>
Sat, 04 Oct 2014 16:50:03 +0300
changeset 246 715075aab437
parent 245 7ccb4ca736c9
permissions -rw-r--r--
qmsk.pages: use class=active for nav li
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
}