html
{
background: #282828 url(../img/whitebgtile.jpg);
color: #909090;
overflow: hidden;
}
html.scrollable
{
overflow: auto;
}
html.index-page.scrollable
{
overflow-x: hidden;
}
body
{
margin: 0;
}
html,
body
{
height: 100%;
}
#body
{
position: relative;
min-height: 100%;
}
#body-inner
{
padding-bottom: 50px;
}
html,
input,
select,
textarea
{
font-family: Signika, Arial, Arial Unicode MS, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.01em;
}
html
{
line-height: 19px;
}
#foot
{
font-size: 0.9em;
line-height: 120%;
}
address
{
font-family: Signika, Segoe UI, Arial Unicode MS, sans-serif;
}
address small
{
font-size: 12px;
}
h1
{
font-size: 19px;
font-weight: 400;
line-height: 26px;
}
h2
{
font-size: 16px;
font-weight: 400;
line-height: 22px;
}
h3
{
font-size: 14px;
font-weight: 400;
line-height: 19px;
}
html
{
cursor: default;
}
input[type="text"],
input[type="search"],
input[type="password"],
textarea
{
cursor: text;
}
input[type="button"],
input[type="submit"],
input[type="image"],
input[type="checkbox"],
input[type="radio"],
select,
label
{
cursor: pointer;
}
input[disabled],
textarea[disabled],
select[disabled],
option[disabled]
{
cursor: default;
}
header,
nav,
footer
{
display: block;
}
header
{
text-align: center;
padding-top: 12px;
margin-bottom: 38px;
}
header #header-inner
{
position: relative;
}
header img#logo
{
opacity: 0.8;
}
header span#logo
{
color: #e0e0e0;
font: 49px Montez;
letter-spacing: 0;
text-shadow: 0 0 8px rgba(255, 255, 255, 0.4);
}
header span#logo-small
{
color: #e0e0e0;
font: 34px/32px Montez;
letter-spacing: 0;
text-shadow: 0 0 8px rgba(255, 255, 255, 0.4);
}
header a
{
text-decoration: none;
position: relative;
display: inline-block;
}
header a:hover
{
text-decoration: none;
}
header #logo-badge-large
{
position: absolute;
right: -10px;
top: 8px;
color: #ffd000;
text-shadow: 0 0 3px black, 0 0 3px black, 0 0 3px black;
}
header #logo-badge-small
{
position: absolute;
right: -11px;
top: -4px;
color: #ffd000;
font-size: 0.8em;
text-shadow: 0 0 3px black, 0 0 3px black, 0 0 3px black;
}
header div#subtitle-large
{
margin-top: -3px;
letter-spacing: 0.01em;
}
header span#subtitle
{
position: absolute;
left: 100%;
bottom: 0px;
margin-left: 20px;
white-space: nowrap;
}
header #album-link
{
position: absolute;
left: -20px;
bottom: 0px;
}
header #home-link
{
position: absolute;
left: -20px;
bottom: 0px;
}
header #album-link a,
header #home-link a
{
position: absolute;
right: 0;
bottom: 0;
white-space: nowrap;
}
header #album-link a img,
header #home-link a img
{
margin-left: 8px;
opacity: 0.5;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
header #album-link a:hover img,
header #home-link a:hover img
{
opacity: 1;
}
div#topright-info
{
position: absolute;
top: 22px;
right: 12px;
color: #686868;
}
div#topright-info span.dark
{
color: #4e4e4e;
}
div#topright-info span#image-index
{
}
div#topright-info span#fullscreen-note
{
margin-left: 20px;
}
div#topright-info span#fullscreen-note img
{
margin-right: 7px;
opacity: 0.35;
}
html.fullscreen div#topright-info span#fullscreen-note
{
display: none;
}
footer
{
position: absolute;
bottom: 12px;
left: 0;
right: 0;
text-align: center;
font-size: 0.9em;
}
footer,
footer a
{
color: #686868;
}
footer a:hover
{
color: #909090;
}
footer a.language-pref
{
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
footer a.language-pref-highlight
{
text-shadow: 0 0 4px #c2a400;
color: #eec900 !important;
}
footer .stat
{
position: absolute;
right: 0;
bottom: -6px;
padding: 6px 12px;
color: #414141;
}
h1
{
margin-top: 0;
margin-bottom: 20px;
padding: 0;
color: #d0d0d0;
}
h1.gap
{
margin-top: 40px;
}
h2
{
color: #d0d0d0;
padding: 0;
margin-top: 10px;
margin-bottom: 10px;
}
h3
{
color: #d0d0d0;
padding: 0;
margin: 1em 0 0.5em 24px;
}
p
{
margin-top: 1em;
margin-bottom: 1em;
}
p.text,
div.text,
ul.text,
ol.text
{
text-align: justify;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
p.first,
ul.first,
ol.first
{
margin-top: 0;
}
p.indent
{
margin-left: 24px;
}
h1.center,
h2.center,
p.center
{
text-align: center;
}
p.information
{
padding-left: 24px;
background: url(../img/information-light-3_4.png) no-repeat 0 1px;
}
p.site-error
{
position: relative;
z-index: 500;
width: 70%;
margin-left: auto;
margin-right: auto;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
border: solid 2px #a00000;
background: #101010;
padding: 0.4em 0.6em;
color: #c0c0c0;
cursor: pointer;
}
p.site-error strong,
p.site-error a strong
{
color: #ffffff;
}
p.site-error a
{
color: #c0c0c0;
text-decoration: none;
}
#hide-noscript-msg:target
{
display: none;
}
p.site-error#hide-noscript-msg
{
cursor: default;
}
#hide-noscript-msg a
{
display: block;
cursor: pointer;
}
blockquote
{
margin: 1em 0;
padding-left: 24px;
background: url(../img/quote-lucida-sans-22-3_4.png) no-repeat 0 0;
}
blockquote small.author
{
display: block;
text-align: right;
}
blockquote.bright small.author
{
color: #909090;
}
ul,
ol
{
padding-left: 24px;
}
a
{
text-decoration: underline;
color: #909090;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
a:hover
{
text-decoration: underline;
color: #d0d0d0;
}
a img
{
border: 0;
}
strong,
strong a
{
color: #d0d0d0;
font-weight: 400;
}
.bright
{
color: #d0d0d0;
}
abbr
{
white-space: nowrap;
word-spacing: -0.1em;
}
sup
{
line-height: 0;
}
.grey
{
color: #808080;
}
address
{
font-style: normal;
}
table
{
border-spacing: 0;
}
table td,
table th
{
vertical-align: top;
text-align: left;
padding: 0;
}
table.pad td,
table.pad th
{
padding: 0 1em 0.2em 0;
}
table.pad td:last-child,
table.pad th:last-child
{
padding-right: 0;
}
table.grid,
table.hgrid
{
border-collapse: collapse;
}
table.grid th,
table.grid td
{
border: solid 1px #404040;
padding: 0.1em 0.4em;
}
table.grid.tight th,
table.grid.tight td
{
border: solid 1px #404040;
padding: 0 0.2em;
}
table.hgrid th,
table.hgrid td
{
border-top: solid 1px #404040;
border-bottom: solid 1px #404040;
padding: 0.1em 1em 0.1em 0;
}
table.hgrid th:first-child,
table.hgrid td:first-child
{
border-left: solid 1px #404040;
padding-left: 0.4em;
}
table.hgrid th:last-child,
table.hgrid td:last-child
{
border-right: solid 1px #404040;
padding-right: 0.4em;
}
table.hgrid.tight th,
table.hgrid.tight td
{
border-top: solid 1px #404040;
border-bottom: solid 1px #404040;
padding-top: 0;
padding-bottom: 0;
}
table td.right,
table th.right
{
text-align: right;
}
table td.center,
table th.center
{
text-align: center;
}
table td.allcenter,
table th.allcenter
{
text-align: center;
vertical-align: middle;
}
table.hyphens,
tr.hyphens,
th.hyphens,
td.hyphens
{
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
tr.nowrap,
th.nowrap,
td.nowrap
{
white-space: nowrap;
}
img.shadowed
{
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
a.googleplus
{
background: url(../img/google-plus_12_darkgrey.png) no-repeat 0 50%;
padding-left: 16px;
}
a.googleplus:hover
{
background-image: url(../img/google-plus_12.png);
}
div#gallery
{
margin-top: 45px;
text-align: center;
}
div#gallery-subtext
{
position: relative;
z-index: 100;
margin-top: 4px;
font-size: 0.9em;
color: rgba(255, 255, 255, 0.25);
}
div#index-album-links
{
margin-top: 35px;
font-size: 19px;
line-height: 32px;
text-align: center;
}
div#list-album-links
{
margin-top: 35px;
font-size: 16px;
line-height: 27px;
text-align: center;
}
div#index-album-links a,
div#list-album-links a
{
color: #d0d0d0;
margin: 0 10px;
display: inline-block;
}
div#index-album-links span,
div#list-album-links span
{
margin: 0 10px;
}
.switch
{
position: relative;
background: #444444;
width: 40px;
height: 16px;
font-size: 0.85em;
line-height: 130%;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.switch .thumb
{
position: absolute;
width: 50%;
height: 100%;
left: 0%;
background: #909090;
border-radius: 1px;
-webkit-transition: left 0.2s, background 0.2s;
transition: left 0.2s, background 0.2s;
}
.switch.on .thumb
{
left: 50%;
background: #3186ff;
}
.switch .thumb .on,
.switch .thumb .off
{
position: absolute;
display: block;
width: 100%;
text-align: center;
font-size: 0.8em;
line-height: 180%;
color: black;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.switch .thumb .on
{
opacity: 0;
}
.switch .thumb .off
{
opacity: 1;
}
.switch.on .thumb .on
{
opacity: 1;
}
.switch.on .thumb .off
{
opacity: 0;
}
.switch .label-left
{
position: absolute;
right: 100%;
padding-right: 10px;
white-space: nowrap;
text-align: right;
color: #909090;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.switch.on .label-left
{
color: #686868;
}
.switch .label-right
{
position: absolute;
left: 100%;
padding-left: 10px;
white-space: nowrap;
text-align: left;
color: #686868;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.switch.on .label-right
{
color: #909090;
}
.whats-new a
{
text-decoration: underline;
}
.whats-new a:hover
{
text-decoration: underline;
}
div.hcenter
{
margin-left: auto;
margin-right: auto;
width: 60%;
}
div.multi-column-content
{
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 40px;
-webkit-column-gap: 40px;
column-gap: 40px;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
orphans: 2;
widows: 2;
}
div.multi-column-content h2
{
break-after: avoid;
}
div#image-list-container
{
position: absolute;
top: 120px;
bottom: 50px;
left: 0;
right: 0;
overflow: auto;
}
div#image-list-container div#loading-div,
div#image-view-container div#loading-div
{
position: absolute;
left: 50%;
top: 50%;
width: 200px;
height: 200px;
pointer-events: none;
z-index: 999;
}
div#image-list-container div#loading-div svg,
div#image-view-container div#loading-div svg
{
position: relative;
left: -50%;
top: -50%;
}
a.list-image-link
{
position: relative;
display: inline-block;
outline: 0;
}
a.list-image-link img
{
z-index: 10;
-webkit-transition: opacity 0.7s;
transition: opacity 0.7s;
}
a.list-image-link span.hover-indicator
{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 11;
display: block;
opacity: 0;
border-top: solid 3px rgba(255, 255, 255, 0.4);
border-left: solid 3px rgba(255, 255, 255, 0.4);
border-right: solid 3px rgba(255, 255, 255, 0.4);
-webkit-transition: opacity 0.4s;
transition: opacity 0.4s;
}
a.list-image-link span.image-title
{
position: absolute;
bottom: 0;
left: 3px;
right: 3px;
line-height: 16px;
z-index: 11;
display: block;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
opacity: 0;
background: rgba(255, 255, 255, 0.4);
padding: 1px 4px 3px;
text-align: center;
color: black;
text-shadow: 0 0 4px white, 0 0 6px white, 0 0 8px white, 0 0 11px white, 0 0 14px white, 0 0 16px white;
-webkit-transition: opacity 0.4s;
transition: opacity 0.4s;
}
a.list-image-link:hover span.hover-indicator,
a.list-image-link:focus span.hover-indicator,
a.list-image-link:hover span.image-title,
a.list-image-link:focus span.image-title
{
opacity: 1;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
a.list-image-link span.rating
{
position: absolute;
top: 7px;
right: 3px;
z-index: 12;
opacity: 0.85;
display: block;
font-size: 0.8em;
color: white;
text-shadow: 0 0 4px black, 0 0 8px black, 0 0 12px black;
}
a.list-image-link span.new
{
position: absolute;
top: 7px;
left: 3px;
z-index: 12;
opacity: 0.85;
display: block;
font-size: 0.8em;
color: white;
text-shadow: 0 0 4px black, 0 0 7px black, 0 0 10px black, 0 0 13px black;
}
div#image-view-container
{
position: absolute;
top: 90px;
bottom: 45px;
left: 0;
right: 0;
}
div#image-view-container div.inner
{
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
-webkit-transition: opacity ease-out 0.4s, left ease-out 0.4s;
transition: opacity ease-out 0.4s, left ease-out 0.4s;
}
div#image-view-container img.image-view
{
-webkit-transition: opacity 0.4s;
transition: opacity 0.4s;
}
div#image-view-container div.details-container-landscape
{
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto;
}
div#image-view-container div.details-container-portrait
{
position: absolute;
top: 0;
bottom: 0;
left: 50%;
right: 0;
overflow: auto;
}
div#image-view-container h1
{
margin-top: 0.3em;
margin-bottom: 0;
line-height: 25px;
}
div#image-view-container div.details-container-portrait h1
{
margin-top: -0.15em;
}
div#image-view-container h1 span.name,
div#image-list-container a.list-image-link span.image-title span.name
{
font-variant: small-caps;
}
div#image-view-container .rating
{
font-size: 19px;
color: #d0d0d0;
}
div#image-view-container div.details-container-landscape .rating
{
float: right;
margin-top: 0.2em;
text-align: right;
}
div#image-view-container div.details-container-portrait .rating
{
margin-top: 0.2em;
margin-bottom: 1.5em;
}
div#image-view-container div.details-container-landscape .plusone-section
{
float: right;
margin-top: 0.2em;
margin-right: 20px;
}
div#image-view-container div.details-container-portrait .plusone-section
{
margin-top: 0.2em;
margin-bottom: 1.5em;
}
div#image-view-container p
{
margin: 0.7em 0 0;
}
.image-location-date
{
font-size: 19px;
line-height: 25px;
}
.plusone-section
{
position: relative;
top: 2px;
width: 70px;
height: 15px;
}
.plusone-container
{
height: 15px;
}
.plusone-section.plusone-enabled .plusone-container
{
opacity: 0.7;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.plusone-section:hover .plusone-container
{
opacity: 1;
}
.plusone-button
{
cursor: pointer;
background: url(../img/google-plusone-off.png) no-repeat;
width: 70px;
height: 15px;
}
.plusone-section .disable-plusone-button
{
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 15px;
cursor: pointer;
background: url(../img/close.png) no-repeat;
opacity: 0.5;
}
.plusone-section:hover .disable-plusone-button
{
opacity: 1;
}
.photo-info
{
color: #686868;
}
a#previous-image,
a#next-image
{
position: absolute;
top: 20%;
width: 40px;
height: 50%;
z-index: 900;
opacity: 0.35;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
a#previous-image:hover,
a#next-image:hover
{
opacity: 1;
}
a#previous-image
{
left: 0;
background: url(../img/previous.png) no-repeat 50% 50%;
}
a#next-image
{
right: 0;
background: url(../img/next.png) no-repeat 50% 50%;
}
#image-view-container-inner.bounce-left
{
-webkit-animation: bounce-left 300ms ease-out;
-moz-animation: bounce-left 400ms ease-out;
animation: bounce-left 300ms ease-out;
}
#image-view-container-inner.bounce-right
{
-webkit-animation: bounce-right 300ms ease-out;
-moz-animation: bounce-right 400ms ease-out;
animation: bounce-right 300ms ease-out;
}
@-webkit-keyframes bounce-left
{
0%
{
-webkit-transform: translateX(0px);
}
20%
{
-webkit-transform: translateX(15px);
}
100%
{
-webkit-transform: translateX(0px);
}
}
@-moz-keyframes bounce-left
{
0%
{
-moz-transform: translateX(0px);
}
20%
{
-moz-transform: translateX(15px);
}
100%
{
-moz-transform: translateX(0px);
}
}
@keyframes bounce-left
{
0%
{
transform: translateX(0px);
}
20%
{
transform: translateX(15px);
}
100%
{
transform: translateX(0px);
}
}
@-webkit-keyframes bounce-right
{
0%
{
-webkit-transform: translateX(0px);
}
20%
{
-webkit-transform: translateX(-15px);
}
100%
{
-webkit-transform: translateX(0px);
}
}
@-moz-keyframes bounce-right
{
0%
{
-moz-transform: translateX(0px);
}
20%
{
-moz-transform: translateX(-15px);
}
100%
{
-moz-transform: translateX(0px);
}
}
@keyframes bounce-right
{
0%
{
transform: translateX(0px);
}
20%
{
transform: translateX(-15px);
}
100%
{
transform: translateX(0px);
}
}
div#map-container
{
position: absolute;
top: 120px;
bottom: 45px;
left: 45px;
right: 45px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);
}
div#map-canvas
{
position: absolute;
top: 0;
bottom: 30px;
left: 0;
right: 0;
}
div#copyright-control
{
background: rgba(245, 245, 245, 0.7);
color: #444444;
font: 10px Roboto, Arial, sans-serif;
font-weight: 400;
padding: 2px 6px;
white-space: nowrap;
}
div#copyright-control a
{
color: #444444;
}
div#map-toolbar
{
position: absolute;
height: 30px;
bottom: 0;
left: 0;
right: 0;
background: rgba(255, 255, 255, 0.2);
}
div#map-toolbar-inner
{
padding: 4px 8px 0;
}
div#map-toolbar-inner,
div#map-toolbar-inner a
{
color: #d0d0d0;
text-decoration: none;
}
div#map-toolbar-inner a:hover
{
color: white;
}
div#map-toolbar-inner a.map-filter-rating
{
font-size: 130%;
position: relative;
top: 1px;
opacity: 0.4;
}
div#map-toolbar-inner a.map-filter-rating:hover
{
}
div#map-toolbar-inner a.map-filter-rating.selected
{
opacity: 1;
color: white;
}
div#map-toolbar-inner .right-side
{
float: right;
position: relative;
top: 2px;
}
p.tech-pagelinks a
{
display: inline-block;
width: 24.4%;
margin-bottom: 4px;
background: rgba(255, 255, 255, 0.05);
padding: 10px 0;
text-align: center;
text-decoration: none;
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
p.tech-pagelinks a:hover
{
background: rgba(255, 255, 255, 0.1);
}
span.stat-image-chart
{
position: relative;
display: inline-block;
top: 1px;
width: 100px;
height: 10px;
}
span.stat-image-chart span.bar
{
position: absolute;
left: 0;
height: 100%;
display: block;
background: rgba(255, 255, 255, 0.3);
}
span.stat-image-chart span.bar.red
{
background: rgba(255, 0, 0, 0.6);
}
span.stat-image-chart span.bar-remain
{
position: absolute;
right: 0;
height: 100%;
display: block;
background: rgba(255, 255, 255, 0.05);
}
span.stat-image-chart span.marker
{
position: absolute;
bottom: -2px;
height: 70%;
width: 1px;
display: block;
background: #00c000;
}
span.stat-year-title
{
display: block;
position: absolute;
text-align: center;
font-size: 0.85em;
}
span.stat-year-count,
span.stat-year-count-small
{
display: block;
position: absolute;
text-align: center;
font-size: 0.85em;
line-height: 110%;
pointer-events: none;
}
span.stat-year-count
{
color: rgba(0, 0, 0, 0.7);
}
span.stat-year-count-small
{
color: rgba(255, 255, 255, 0.4);
}
a.stat-year-link
{
display: block;
position: absolute;
background: rgba(255, 255, 255, 0.3);
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
a.stat-year-link:hover
{
background: rgba(255, 255, 255, 0.4);
}
a.stat-month-link
{
display: block;
position: absolute;
background: rgba(255, 255, 255, 0.4);
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
a.stat-month-link:hover
{
background: rgba(255, 255, 255, 0.7);
}
a.stat-year-link:focus,
a.stat-month-link:focus
{
outline: 0;
}
@media screen and (min-width: 1400px)
{
div.hcenter
{
width: 80%;
}
div.multi-column-content
{
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
}
@media screen and (max-width: 800px)
{
div#topright-info span#fullscreen-note
{
display: none;
}
div.hcenter
{
width: 95%;
}
header
{
margin-bottom: 20px;
}
div#image-list-container
{
top: 90px;
}
div#image-view-container
{
top: 60px;
}
}
@media screen and (max-width: 700px)
{
header span#subtitle,
header span#album-link .tagname,
header span#home-link .text
{
display: none;
}
footer span.optional
{
display: none;
}
}
@media screen and (max-width: 430px),
screen and (max-height: 500px)
{
header
{
padding-top: 5px;
}
header span#logo-small
{
font: 22px/32px Montez;
}
header #logo-badge-small
{
right: -13px;
top: -1px;
font-size: 0.7em;
}
header span#album-link img,
header span#home-link img
{
height: 12px;
}
div#topright-info
{
top: 12px;
}
.image-location-date
{
font-size: 1em;
line-height: inherit;
}
div.plusone-section
{
display: none;
}
}
@media screen and (max-width: 500px)
{
header span#logo
{
font: 32px Montez;
}
header #logo-badge-large
{
right: -14px;
top: 2px;
font-size: 0.9em;
}
header div#subtitle-large
{
letter-spacing: 0;
}
div.multi-column-content
{
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
}
@media screen and (max-width: 600px)
{
div#gallery
{
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);
margin-top: 0px;
margin-bottom: -20px;
margin-left: -200px;
margin-right: -200px;
}
div#rating-switch
{
display: none;
}
}
@media screen and (max-width: 550px)
{
div#gallery
{
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-webkit-transform: scale(0.8);
transform: scale(0.8);
margin-top: -20px;
margin-bottom: -40px;
}
}
@media screen and (max-width: 500px)
{
div#gallery
{
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
-webkit-transform: scale(0.7);
transform: scale(0.7);
margin-top: -40px;
margin-bottom: -60px;
}
}
@media screen and (max-width: 430px)
{
div#gallery
{
-moz-transform: scale(0.6);
-ms-transform: scale(0.6);
-webkit-transform: scale(0.6);
transform: scale(0.6);
margin-top: -60px;
margin-bottom: -80px;
}
}
@media screen and (max-width: 370px)
{
div#gallery
{
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-webkit-transform: scale(0.5);
transform: scale(0.5);
margin-top: -80px;
margin-bottom: -100px;
}
}
.hint--mycolor:after
{
background-color: #d0d0d0;
color: #202020;
text-shadow: none;
font-size: 14px;
line-height: 14px;
}
.hint--mycolor.hint--top:before
{
border-top-color: #d0d0d0;
}
.hint--mycolor.hint--bottom:before
{
border-bottom-color: #d0d0d0;
}
.hint--mycolor.hint--left:before
{
border-left-color: #d0d0d0;
}
.hint--mycolor.hint--right:before
{
border-right-color: #d0d0d0;
}