File "common.css"
Full path: E:/sites/Single15/tinmung2007/webroot/GIADINHTANHIEN/CAC MIEN/THhoaky-2022/TH-Hoa-Ky-2022/res/common.css
File size: 86.49 KiB (88569 bytes)
MIME-type:
Charset: utf-8
/*
common.css - the primary styles
Author: Laza
*/
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.67em;margin:2.33em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
/* HTML5 Boilerplate prefix styles - h5bp.com */
html,button,input,select,textarea{color:#222}
body{font-size:1em;line-height:1.4}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
img{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
html {
height:100%;
min-height:100%;
}
body {
height:100%;
overflow:auto;
font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Tahoma, sans-serif;
font-size:14px;
line-height:1.385;
color:#bbbbbb;
background-color:#222222;
-webkit-overflow-scrolling:touch;
overflow-scrolling:touch;
}
select, input, textarea {
color: #444;
}
input[type=text]::-ms-clear {
display:none;
}
a, a:active, a:visited {
color:#dddddd;
text-decoration:none;
}
a:hover {
color:#ffffff;
}
a img { border:none; text-decoration:none; }
h1,h2,h3 { font-weight: normal; margin:0 0 0.2em 0; line-height:1.2; }
h4,h5,h6 { font-weight: bold; margin:0 0 0.5em 0; }
h1 { font-size:240% }
h2 { font-size:200%; }
h3 { font-size:140%; }
h4 { font-size:115%; }
h5 { font-size:100%; }
h6 { font-size:90%; }
video, audio {
vertical-align:top;
}
.chromeframe { position: relative; z-index: 9999; }
.chromeframe a { color: #ffffff; }
.chromeframe a:hover { color: #ff0000; }
.addtop {
margin-top:10px;
}
.center {
text-align:center;
}
.hook {
position:absolute;
display:none;
}
@font-face {
font-family:"Oswald";
font-style:normal;
font-weight:normal;
src:local("Oswald"), url('http://themes.googleusercontent.com/static/fonts/oswald/v8/cKJn9qYJKRGi7ghmghRZYg.woff') format('woff');
}
h1,h2,h3,h4 { font-family:"Oswald", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Tahoma, sans-serif; font-weight:normal; }
/******************************************* Hint */
.hint {
display:none;
position:absolute;
left:0;
top:0;
padding:6px;
color:#000;
max-width:240px;
z-index:99999;
background-color:rgba(255,255,255,0.9);
-moz-border-radius:2px; border-radius:2px;
-moz-box-shadow:1px 3px 8px rgba(0,0,0,0.4); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.4); box-shadow:1px 3px 8px rgba(0,0,0,0.4);
}
.no-rgba .hint {
background-color:transparent;
background-image:url(w80.png);
}
.hint > .nub {
position: absolute;
display: block;
padding: 0;
margin-left: 50%;
left: -5px;
top: -10px;
width: 0;
height: 0;
border: solid 5px;
border-color: transparent transparent rgba(255,255,255,0.9) transparent;
}
.hint.valign-top > .nub {
top: auto;
bottom: -10px;
border-color: rgba(255,255,255,0.9) transparent transparent transparent;
}
.hint.valign-middle > .nub {
margin-left: 0;
top: 50%;
margin-top: -5px;
}
.hint.valign-middle.align-left > .nub {
left: auto;
border-color: transparent transparent transparent rgba(255,255,255,0.9);
right: -10px;
}
.hint.valign-middle.align-right > .nub {
left: -10px;
border-color: transparent rgba(255,255,255,0.9) transparent transparent;
}
.hint a {
color:#000;
}
.hint span.nr {
font-size:80%;
line-height:1.8;
vertical-align:top;
font-weight:bold;
font-style:normal;
padding:1px 3px;
color:#ddd;
background-color:#222;
-moz-border-radius:2px; border-radius:2px;
}
.hint #breadcrumb a {
display:block;
padding:3px 5px;
}
.hint #breadcrumb a:hover {
background-color:#000;
color:#fff;
}
.hint.regions a {
display:block;
font-size:85%;
color:#000;
padding:2px 4px;
line-height:1.8;
}
.hint.regions a:hover {
color:#fff;
background-color:#000;
}
.hint small b {
background-color:#ddd;
padding:1px 2px;
-moz-border-radius:2px; border-radius:2px;
}
.hint form {
display:inline-block;
position:relative;
margin:3px;
}
.hint form input {
background-color:#fff;
vertical-align:middle;
}
.hint.slideshowdelay input,
.hint form input.searchtext {
padding:2px 20px 2px 6px;
height:20px;
line-height:20px;
-moz-border-radius:2px; border-radius:2px;
border:1px solid #bbb;
-moz-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4);
}
.hint.slideshowdelay input {
width:30px;
}
.hint form input.searchtext {
width:120px;
}
.hint form a.button {
display:block;
position:absolute;
top:3px;
right:3px;
width:20px;
height:20px;
background-color:#fff;
background-image:url(ok.png);
background-position:0 0;
background-repeat:no-repeat;
z-index:99999;
cursor:pointer;
-moz-border-radius:0 2px 2px 0;
border-radius:0 2px 2px 0;
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4);
}
.hint form a.button:hover {
background-position:0 -40px;
}
.hint p.info {
margin:0;
max-width:160px;
color:#666;
font-size:80%;
line-height:1;
}
.hint input.fullw {
margin:0.2em 0;
padding:0 1%;
width:96%;
}
.hint a.original,
.hint .sizes a {
display:inline-block;
vertical-align:top;
margin:0 0 0 0.5em;
padding:2px 4px;
font-size:80%;
background-color:rgba(17,119,176,1);
color:#ddd;
-moz-border-radius:2px; border-radius:2px;
}
.hint .sizes a:first-child {
margin-left: 0;
}
.hint a.original:hover
.hint .sizes a: hover {
background-color:rgba(0,102,153,1);
color:#fff;
}
/******************************************* Modal windows v2 */
._m_window {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
overflow:hidden;
z-index:99998;
}
._m_window.darken {
background-color:rgba(0,0,0,0.6);
}
.no-rgba ._m_window.darken {
background-color:transparent;
background-image:url(k60.png);
}
._m_panel {
position:absolute;
overflow:hidden;
/*left: -10000px;*/
-moz-border-radius:6px; border-radius:6px;
-moz-box-shadow:2px 5px 16px rgba(0,0,0,0.4); -webkit-box-shadow:2px 5px 16px rgba(0,0,0,0.4); box-shadow:2px 5px 16px rgba(0,0,0,0.4);
}
._m_head {
position:relative;
height:30px;
line-height:30px;
-moz-border-top-left-radius:6px; -moz-border-top-right-radius:6px; border-top-left-radius:6px; border-top-right-radius:6px;
-moz-background-clip:padding;
-webkit-background-clip:padding-box;
background-clip:padding-box;
-ms-touch-action:none;
touch-action:none;
}
._m_head h5 {
position:absolute;
text-align:center;
margin:0;
left:35px;
right:35px;
color:#666;
overflow:hidden;
}
._m_head span {
position:absolute;
display:inline-block;
left:0;
top:0;
width:30px;
height:30px;
color:#222;
text-align:center;
font-weight:bold;
-moz-border-radius:6px 0 0 0;
border-radius:6px 0 0 0;
border-right:1px solid rgba(0,0,0,0.2);
}
._m_head span.error {
background-color:rgba(255,0,0,0.5);
}
._m_head span.warning {
background-color:rgba(255,242,0,0.5);
}
._m_head a.close {
position:absolute;
display:inline-block;
right:0;
top:0;
cursor:default;
text-align:center;
min-width:30px;
height:30px;
line-height:30px;
-moz-border-radius:0 6px 0 0;
border-radius:0 6px 0 0;
background-repeat:no-repeat;
}
._m_head span,
._m_head a.close {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
.no-rgba ._m_head a.close {
background-color:transparent;
}
._m_head a.close:hover {
background-color:rgba(0,0,0,0.2);
}
.no-rgba ._m_head a.close:hover {
background-color:transparent;
}
.no-cssgradients ._m_head a.close {
border-radius:0;
}
._m_cont {
position:relative;
overflow:hidden;
padding-bottom:16px;
-moz-border-bottom-left-radius:6px; -moz-border-bottom-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px;
}
._m_cont a { color: #39c; }
._m_cont a:hover { color: #3bf; }
._m_cont_i {
padding:16px 16px 0 16px;
overflow:auto;
-webkit-overflow-scrolling:touch;
overflow-scrolling:touch;
color:#444;
}
._m_panel a.resize {
display:inline-block;
position:absolute;
right:0;
bottom:0;
width:14px;
height:14px;
cursor:nwse-resize;
z-index:99999;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAA3NCSVQICAjb4U/gAAAAElBMVEX////29vYAAAD29vYgICAYGBgbQ3DVAAAABnRSTlMAESJVZoiDrvV+AAAACXBIWXMAAAsSAAALEgHS3X78AAAAFnRFWHRDcmVhdGlvbiBUaW1lADEyLzA0LzEzSpgBewAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAApSURBVAiZY2BABioQiikYQqsaoHFVIFyIgKoBWB4Hl8WABaybEQiRAAAa2QVZvCefFQAAAABJRU5ErkJggg==);
-ms-touch-action:none;
touch-action:none;
}
#dialog ._m_cont_i {
text-align:center;
}
.no-touch ._m_window ::-webkit-scrollbar {
width:14px;
height:14px;
}
._m_head {
border-bottom:1px solid #000;
background-color:#222;
background-image:-moz-linear-gradient(top, #444 0%,#282828 50%,#202020 50%,#000 100%);
background-image:-webkit-linear-gradient(top, #444 0%,#282828 50%,#202020 50%,#000 100%);
background-image:-o-linear-gradient(top, #444 0%,#282828 50%,#202020 50%,#000 100%);
background-image:-ms-linear-gradient(top, #444 0%,#282828 50%,#202020 50%,#000 100%);
background-image:linear-gradient(top, #444 0%,#282828 50%,#202020 50%,#000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#444444',endColorstr='#000000');
}
._m_head h5,
._m_head span,
._m_head a.close {
color:#888;
text-shadow:-1px -1px 1px rgba(0,0,0,0.6);
}
._m_head a.close {
background-color:rgba(255,255,255,0.1);
border-left:1px solid #000;
}
.no-rgba ._m_head a.close {
background-image:url(w10.png);
}
._m_head a.close:hover {
color:#888;
background-color:rgba(255,255,255,0.2);
}
.no-rgba ._m_head a.close:hover {
background-image:url(w20.png);
}
._m_cont {
background-color:#222;
background-color:rgba(34,34,34,0.95);
border-top:1px solid #333;
}
._m_cont a { color: #9cf; }
._m_cont a:hover { color: #adf; }
._m_cont_i { color:#ccc; }
.no-touch ._m_window ::-webkit-scrollbar-corner {
background-color: #111;
}
.no-touch ._m_window ::-webkit-scrollbar-thumb {
background-color: #555;
border: 2px solid #000;
}
.no-touch ._m_window ::-webkit-scrollbar-track {
background-color: #111;
}
/******************************************* Buttons for modal windows */
._m_cont .buttons {
display:block;
clear:both;
margin-top:10px;
text-align:center;
line-height:30px;
}
._m_cont .buttons a {
padding:0 10px;
margin:5px 2px;
display:inline-block;
min-width:80px;
text-align:center;
color:#eee;
cursor:default;
white-space:nowrap;
-moz-border-radius:2px; border-radius:2px;
background-color:#555;
background-image:-moz-linear-gradient(top, rgba(51,51,51,1), rgba(15,15,15,1) );
background-image:-webkit-linear-gradient(top, rgba(51,51,51,1), rgba(15,15,15,1) );
background-image:-o-linear-gradient(top, rgba(51,51,51,1), rgba(15,15,15,1) );
background-image:-ms-linear-gradient(top, rgba(51,51,51,1), rgba(15,15,15,1) );
background-image:linear-gradient(top, rgba(51,51,51,1), rgba(15,15,15,1) );
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#FF333333,EndColorStr=#FF0F0F0F);
-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#FF333333,EndColorStr=#FF0F0F0F)";
-moz-background-clip:padding;
-webkit-background-clip:padding-box;
background-clip:padding-box;
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4);
}
._m_cont .buttons a.active,
._m_cont .buttons a:hover {
color:#fff;
background-image:-moz-linear-gradient(top, rgba(17,119,176,1), rgba(0,102,153,1) );
background-image:-webkit-linear-gradient(top, rgba(17,119,176,1), rgba(0,102,153,1) );
background-image:-o-linear-gradient(top, rgba(17,119,176,1), rgba(0,102,153,1) );
background-image:-ms-linear-gradient(top, rgba(17,119,176,1), rgba(0,102,153,1) );
background-image:linear-gradient(top, rgba(17,119,176,1), rgba(0,102,153,1) );
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#FF1177aa,EndColorStr=#FF006699);
-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#FF1177aa,EndColorStr=#FF006699)";
}
/******************************************* Cookie policy */
#cookiepolicy {
position: absolute;
position: fixed;
display: none;
left: 0;
bottom: 0;
width: 100%;
padding: 0.5em;
background-color: rgba(0,0,0,0.7);
font-size: 0.85rem;
cursor: pointer;
z-index: 999999;
}
#cookiepolicy p {
margin: 0;
color: #ccc;
text-align: center;
}
#cookiepolicy p a {
margin: 0 0.25em;
color: #0f0;
}
#cookiepolicy p a.btn {
color: #fff;
background-color: #0c0;
padding: 0.2em 0.4em;
border-radius: 3px;
}
/******************************************* Search results window */
.searchresults > form {
position:relative;
margin:0 0 0.5em 0;
}
.searchresults > form input {
padding:2px 10% 2px 2%;
height:20px;
width:88%;
line-height:20px;
border:none;
background-color:#f4f4f4;
-moz-border-radius:4px; border-radius:4px;
-moz-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4);
}
.searchresults > form a.button {
display:block;
position:absolute;
top:3px;
right:3px;
width:20px;
height:20px;
background-color:#fff;
background-image:url(ok.png);
background-position:0 0;
background-repeat:no-repeat;
z-index:99999;
cursor:pointer;
-moz-border-radius:2px; border-radius:2px;
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4);
}
.searchresults > form a.button:hover {
background-position:0 -20px;
}
.searchresults > p:first-child {
margin-top:0;
}
.searchresults > a {
margin:4px 0;
clear:both;
display:block;
color:#555;
text-align:left;
padding:6px;
background-color:#fff;
zoom:1;
-moz-border-radius:4px; border-radius:4px;
-moz-box-shadow:1px 3px 8px rgba(0,0,0,0.4); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.4); box-shadow:1px 3px 8px rgba(0,0,0,0.4);
}
.searchresults > a.active {
background-color:#ddd;
}
.searchresults > a:before,
.searchresults > a:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.searchresults > a:after { clear:both; }
.searchresults > a:hover,
.searchresults > a:focus {
padding:4px;
border:2px solid #999;
color:#222;
}
.searchresults > a aside {
float:left;
display:inline-block;
width:20%;
min-width:60px;
margin-right:10px;
}
.searchresults > a aside img {
max-width:100%;
height:auto;
}
.searchresults > a h5,
.searchresults > a p {
margin:0 0 0.5em 0;
overflow:hidden;
}
.searchresults > a em {
font-style: normal;
background-color: #ff9;
}
/******************************************* Feedback form */
.feedback > form {
position:relative;
margin:0 0 0.5em 0;
}
.feedback > form p {
margin:.5em 0;
}
.feedback > form p:first-child {
margin-top:0;
}
.feedback > form textarea,
.feedback > form input {
padding:4px 2%;
width:96%;
background-color:#f8f8f8;
border:none;
-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.2); box-shadow:inset 0px 1px 3px rgba(0,0,0,0.2);
-moz-border-radius:4px; border-radius:4px;
}
.feedback > form input {
line-height:1.5em;
height:1.5em;
}
.feedback > form > p textarea {
height:8.5em;
}
.feedback > form > div {
margin:4px 0;
clear:both;
display:block;
color:#555;
text-align:left;
padding:6px;
background-color:#fff;
zoom:1;
-moz-border-radius:4px; border-radius:4px;
-moz-box-shadow:1px 3px 8px rgba(0,0,0,0.4); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.4); box-shadow:1px 3px 8px rgba(0,0,0,0.4);
}
.feedback > form > div:before,
.feedback > form > div:after { clear:both; content: "\0020"; display: block; height: 0; visibility: hidden; }
.feedback > form > div aside {
float:left;
display:inline-block;
margin-right:10px;
width:30%;
min-width:60px;
max-width:px;
}
.feedback > form > div > div {
position:relative;
overflow:hidden;
}
.feedback > form > div aside img {
max-width:100%;
height:auto;
}
.feedback > form a.remove {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
display:inline-block;
position:absolute;
width:20px;
height:20px;
line-height:20px;
text-align:center;
right:-6px;
top:-6px;
color:#999;
cursor:pointer;
}
.feedback > form a.remove:hover {
color:#f00;
}
.feedback > form label {
font-size:80%;
color:#666;
display:block;
margin-bottom:0.5em;
}
.feedback > form > div textarea {
height:4.5em;
background-color:#fff;
}
/******************************************* Shop multiple items */
.shopall {
text-align:center;
}
.shopall ul.thumbs {
width:auto;
margin:0 0 15px 0;
padding:0;
list-style-type:none;
}
.shopall ul.thumbs li {
position:relative;
display:inline-block;
margin:1px;
text-align:center;
width:60px;
height:45px;
line-height:45px;
}
.shopall ul.thumbs li img {
width:auto;
height:auto;
max-width:60px;
max-height:45px;
}
.shopall ul.thumbs li a.remove {
display:inline-block;
position:absolute;
width:20px;
height:20px;
text-align:center;
right:0;
top:0;
font-size:150%;
line-height:1;
color:#999;
cursor:pointer;
}
.shopall ul.thumbs li a.remove:hover {
color:#f00;
}
/******************************************* Help window */
.help {
font-size:12px;
}
.help ul {
clear:both;
margin:0;
background-repeat:no-repeat;
background-position:left 8px;
padding:.5em 0 .5em 360px;
list-style-type:none;
}
.help .index {
background-image:url(helpsplash.png);
min-height:160px;
}
.help .slide {
background-image:url(helpgallery.png);
min-height:260px;
}
.help ul:after {
clear:both;
}
.help ul:first-child {
margin-top:0;
}
.help ul:last-child {
margin-bottom:0;
border-bottom:none;
}
.help li {
text-align:left;
text-indent:-30px;
line-height:2;
}
.help li em {
padding:2px 5px;
margin-left:10px;
font-style:normal;
font-size:85%;
white-space:nowrap;
border:1px solid #999;
-moz-border-radius:2px; border-radius:2px;
}
.help li b {
padding:2px 5px;
font-weight:bold;
white-space:nowrap;
-moz-border-radius:2px; border-radius:2px;
}
.help li span {
padding:2px 5px;
margin-right:10px;
font-weight:bold;
-moz-border-radius:2px; border-radius:2px;
}
#help ._m_cont p {
text-align:center;
margin:0.5em 0 0 0;
}
.help li b {
background-color:#000;
}
.help li span {
background-color:#ccc;
color:#333;
}
/******************************************* Generic controls */
.controls a,
a.control {
background-image:url(controls.png);
background-repeat:no-repeat;
background-position:0 0;
}
.controls a:hover,
a.control:hover {
background-position:-70px inherit;
}
/******************************************* Main layout elements */
#widgetbg {
position:absolute;
left:0;
right:0;
bottom:0;
height:0px;
z-index:1;
}
#mainbg {
position:absolute;
left:0;
right:0;
top:0;
bottom:0px;
z-index:0;
}
#main {
position:absolute;
left:0;
right:0;
top:0;
bottom:0px;
overflow:auto;
z-index:10;
-webkit-text-size-adjust:120%;
zoom:1;
}
#main header {
position:relative;
}
#main .items {
-ms-overflow-style:-ms-autohiding-scrollbar;
-webkit-overflow-scrolling:touch;
overflow-scrolling:touch;
}
#main .container {
position:relative;
width:940px;
height:100%;
max-height:100%;
zoom:1;
margin:0 auto;
}
#main header {
margin-left:4px;
}
#main header .title aside {
float:right;
margin-top:20px;
}
#main header .title .controls:first-child {
-moz-border-top-left-radius:4px; -moz-border-bottom-left-radius:4px; border-top-left-radius:4px; border-bottom-left-radius:4px;
}
#main header .title .controls:last-child {
-moz-border-top-right-radius:4px; -moz-border-bottom-right-radius:4px; border-top-right-radius:4px; border-bottom-right-radius:4px;
}
#main header .description {
clear:both;
}
.starttxt {
font-size:140%;
}
#main .items {
width:928px;
margin:0;
overflow-x:hidden;
overflow-y:auto;
}
#navigation {
text-align:center;
background-color:rgba(0,0,0,0.7);
border-bottom:1px solid rgba(0,0,0,0.4);
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.4);
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.4);
box-shadow:0 1px 1px rgba(0,0,0,0.4);
z-index:998;
}
#main header {
margin-left:20px;
}
#main .items {
position:absolute;
left:16px;
top:260px;
bottom:0;
min-height:200px;
-ms-touch-action:pan-y;
touch-action:pan-y;
}
.page #main .items {
top:140px;
}
.sub-album #main .items {
top:260px;
}
/******************************************* Scroller controls */
.scrup,
.scrdn {
position:absolute;
right:0;
width:20px;
height:20px;
line-height:20px;
background-repeat:no-repeat;
background-image:url(pg.png);
}
.scrup {
top:0;
z-index:990;
background-position:0 -20px;
}
.scrdn {
bottom:0;
z-index:991;
background-position:0 -40px;
}
.scrup:hover {
background-position:-20px -20px;
}
.scrdn:hover {
background-position:-20px -40px;
}
.scrbar {
position:absolute;
right:3px;
width:14px;
top:20px;
bottom:20px;
-moz-border-radius:7px;
border-radius:7px;
background-color:rgba(255,255,255,0.3);
-moz-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4);
}
.no-rgba .scrbar {
background-color:transparent;
background-image:url(w40.png);
}
.scrbar div {
position:absolute;
top:2px;
left:2px;
right:2px;
height:5px;
-moz-border-radius:7px;
border-radius:7px;
background-color:#222222;
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4);
}
.scrbar div img {
width:100%;
height:100%;
}
/******************************************* Header */
#main header {
width:900px;
height:240px;
max-height:100%;
z-index:10;
background-position:center center;
background-repeat:no-repeat;
background-color:rgba(0,0,0,0.2);
background-size:100% auto;
-moz-box-shadow:1px 3px 8px rgba(0,0,0,0.6); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.6); box-shadow:1px 3px 8px rgba(0,0,0,0.6);
-moz-border-bottom-left-radius:6px; -moz-border-bottom-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px;
}
#main header.same {
}
.ie7 #main header {
max-height:none;
}
.page #main header {
height:120px;
}
.sub-album #main header {
height:240px;
}
#main header > .pattern {
position: relative;
height: 100%;
-moz-border-bottom-left-radius:6px; -moz-border-bottom-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px;
}
#main header .title {
padding:0 20px;
max-height:240px;
overflow:hidden;
color:#fff;
background-color:transparent;
background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0));
background-image:-moz-linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0));
background-image:-ms-linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0));
background-image:linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0));
filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#99000000',endColorstr='#00000000');
}
.page #main header .title {
max-height:120px;
}
.sub-album #main header .title {
max-height:240px;
}
#main header .title .upbtn {
float:left;
margin:20px 20px 0 0;
}
#main header .title .controls {
display:inline-block;
width:40px;
height:40px;
line-height:40px;
background-color:rgba(0,0,0,0.6);
}
.no-rgba #main header .title .controls {
background-color:transparent;
background-image:url(k60.png);
}
#main header .title .controls a {
display:block;
}
#main header .title .controls:hover {
background-color:rgba(0,0,0,0.8);
}
.no-rgba #main header .title .controls:hover {
background-color:transparent;
background-image:url(k80.png);
}
#main header .share a {
background-position:-735px -15px;
}
#main header .download a {
background-position:-835px -15px;
}
#main header .new a {
background-position:-885px -15px;
}
#main header .search a {
background-position:-685px -15px;
}
#main header .about a {
background-position:-935px -15px;
}
#main header .parent a {
background-position:-5px -15px;
}
#main header .share a:hover {
background-position:-735px -85px;
}
#main header .download a:hover {
background-position:-835px -85px;
}
#main header .new a:hover {
background-position:-885px -85px;
}
#main header .search a:hover {
background-position:-685px -85px;
}
#main header .about a:hover {
background-position:-935px -85px;
}
#main header .parent a:hover {
background-position:-5px -85px;
}
/* Page title and description */
#main header .hgroup {
margin-top:10px;
padding:10px 0;
margin-right:110px;
overflow-x:hidden;
max-height:200px;
overflow:hidden;
}
.page #main header .hgroup {
max-height:80px;
}
.sub-album #main header .hgroup {
max-height:200px;
}
#main header h1 {
font-weight:normal;
line-height:1.1;
text-overflow:ellipsis;
text-shadow:2px 3px 6px rgba(0,0,0,0.5);
}
#main header .description {
display:inline-block;
font-weight:normal;
padding:3px 5px;
text-shadow:2px 3px 6px rgba(0,0,0,0.5);
-moz-border-radius:2px; border-radius:2px;
}
.no-rgba #main header .description {
background-color:transparent;
background-image:url(k20.png);
}
#main header .description {
background-color:transparent;
transition:background-color 500ms linear;
-webkit-transition:background-color 500ms linear;
-moz-transition:background-color 500ms linear;
-ms-transition:background-color 500ms linear;
}
#main header .description:hover {
background-color:rgba(0,0,0,0.2);
}
.no-rgba #main header .description:hover {
background-color:transparent;
background-image:url(k20.png);
}
#main header .description a {
text-decoration:underline;
color:#fff;
}
#main header .description a:hover {
color:#adf;
}
/* Breadcrumb path */
#main header .breadcrumb {
font-size:90%;
display:block;
margin:0.2em 0 0.4em 0;
}
#main header .breadcrumb div {
display:inline-block;
overflow:hidden;
-moz-border-radius:4px; border-radius:4px;
background-color:rgba(0,0,0,0.2);
-moz-box-shadow:inset 0px 4px 10px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0px 4px 10px rgba(0,0,0,0.4); box-shadow:inset 0px 4px 10px rgba(0,0,0,0.4);
}
.no-rgba #main header .breadcrumb div {
background-color:transparent;
background-image:url(k20.png);
}
#main header .breadcrumb a {
display:inline-block;
font-weight:bold;
padding:0 0.5em;
line-height:2em;
height:2em;
color:#ddd;
text-shadow:1px 2px 4px rgba(0,0,0,0.5);
}
#main header .breadcrumb a:hover,
#main header .breadcrumb a:focus {
color:#fff;
background-color:rgba(0,0,0,0.5);
}
#main header .breadcrumb a:first-child {
-moz-border-top-left-radius:4px; -moz-border-bottom-left-radius:4px; border-top-left-radius:4px; border-bottom-left-radius:4px;
}
#main header .breadcrumb a:last-child {
-moz-border-top-right-radius:4px; -moz-border-bottom-right-radius:4px; border-top-right-radius:4px; border-bottom-right-radius:4px;
}
/*********************************** Start slideshow */
.startshow {
position:absolute;
overflow:hidden;
bottom:20px;
right:20px;
width:90px;
height:90px;
-moz-border-radius:4px; border-radius:4px;
background-color:rgba(0,0,0,0.2);
cursor:pointer;
-webkit-transition:background-color 500ms linear;
-moz-transition:background-color 500ms linear;
-ms-transition:background-color 500ms linear;
transition:background-color 500ms linear;
}
.no-rgba .startshow {
background-color:transparent;
background-image:url(k20.png);
}
.startshow:hover {
background-color:rgba(0,0,0,0.8);
}
.no-rgba .startshow:hover {
background-color:transparent;
background-image:url(k80.png);
}
.starttxt {
float:right;
height:90px;
padding:0 90px 0 20px;
line-height:90px;
color:#fff;
overflow:hidden;
text-align:right;
text-overflow:ellipsis;
white-space:nowrap;
background-image:url(start.png);
background-repeat:no-repeat;
background-position:right 0;
}
.startshow:hover .starttxt {
background-position:right -90px;
}
/*********************************** Left box = map and FB commenting */
.left-box {
margin-top:20px;
margin-left:4px;
min-height:120px;
}
/*********************************** Items */
#main .items > .cont {
display:block;
width:908px;
padding-right:20px;
}
/*********************************** Footer */
#main footer {
clear:both;
display:block;
margin:10px 4px;
text-align:center;
}
#main footer .wrap {
padding:0.5em 1em;
-moz-border-radius:4px; border-radius:4px;
}
#main footer .wrap img {
max-width:100%;
}
#main footer .promotion,
#main footer .footer-links {
font-size:75%;
}
#main .footer em {
font-style:italic;
}
/*********************************** Top navigation */
.no-rgba #navigation {
background-color:transparent;
background-image:url(k80.png);
}
#navigation nav {
text-align:center;
}
#navigation nav > ul {
}
#navigation nav ul {
display:inline-block;
padding:0;
margin:0;
list-style-type:none;
}
#navigation nav li {
transition:background-color 500ms linear;
-webkit-transition:background-color 500ms linear;
-moz-transition:background-color 500ms linear;
-ms-transition:background-color 500ms linear;
-o-transition:background-color 500ms linear;
}
#navigation nav ul a {
display:block;
line-height:30px;
text-overflow:ellipsis;
white-space:nowrap;
color:#ccc;
transition:color 300ms linear;
-webkit-transition:color 300ms linear;
-moz-transition:color 300ms linear;
-ms-transition:color 300ms linear;
-o-transition:color 300ms linear;
text-shadow:1px 2px 4px rgba(0,0,0,0.5);
}
#navigation nav > ul > li > a {
max-width:180px;
overflow:hidden;
line-height:30px;
}
#navigation nav > ul > li {
position:relative;
display:inline-block;
vertical-align:top;
width:auto;
height:30px;
}
.ie7 #navigation nav > ul > li {
float:left;
}
#navigation nav > ul > li.home {
width:40px;
height:30px;
}
#navigation nav > ul > li.home a {
display:block;
line-height:30px;
background-position:-785px -19px;
}
#navigation nav > ul > li.home a:hover {
background-position:-785px -89px;
}
#navigation nav li.actual {
background-color:#000;
}
#navigation nav li:hover {
background-color:rgba(0,0,0,0.8);
}
.no-rgba #navigation nav li:hover {
background-color:transparent;
background-image:url(k90.png);
}
#navigation nav li:hover > a {
color:#fff;
}
#navigation nav > ul > li > a {
/*font-size:110%;*/
padding:0 .75em;
}
#navigation nav > ul > li ul {
display:none;
position:absolute;
line-height:30px;
text-align:left;
z-index:999;
background-color:rgba(0,0,0,0.8);
-moz-box-shadow:1px 3px 8px rgba(0,0,0,0.6); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.6); box-shadow:1px 3px 8px rgba(0,0,0,0.6);
}
.no-rgba #navigation nav > ul > li ul {
background-color:transparent;
background-image:url(k80.png);
}
#navigation nav > ul > li > ul {
min-width:100%;
}
#navigation nav > ul > li > ul li {
position:relative;
display:block;
}
#navigation nav > ul > li > ul > li a {
line-height:30px;
font-size:100%;
padding:0 8px;
}
#navigation nav > ul > li > ul > li ul {
position:absolute;
left:100%;
top:0;
}
#navigation nav > ul > li:hover > ul,
#navigation nav > ul > li > ul > li:hover > ul,
#navigation nav > ul > li > ul > li > ul > li:hover > ul {
display:block;
}
/******************************************* Pages */
#main article {
display:block;
position:relative;
margin:0 4px;
padding:20px;
color:#bbbbbb;
background-color:rgba(255,255,255,0.1);
-moz-border-radius:6px; border-radius:6px;
-moz-box-shadow:1px 3px 8px rgba(0,0,0,0.4); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.4); box-shadow:1px 3px 8px rgba(0,0,0,0.4);
}
.no-rgba #main article {
background-color:transparent;
background-image:url(w10.png);
}
#main article code {
font-family:Consolas, "Lucida Console", Monaco, monospace;
font-size:0.92em;
background-color:#fff;
color:#333;
margin:0 0.3em;
padding:0.1em 0.3em;
-moz-border-radius:2px; border-radius:2px;
}
/******************************************* Folders */
.thumbs,
.folders {
table-layout:fixed;
width:908px;
clear:both;
border-collapse:separate;
border-spacing:4px;
margin-top:-4px;
}
.ie7 .folders {
margin-right:-20px;
}
.thumbs td,
.folders td {
position:relative;
padding:0;
vertical-align:top;
color:#bbbbbb;
overflow:hidden;
-moz-border-radius:4px; border-radius:4px;
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4);
}
.folders td {
width:33.333333333333336%;
max-width:297px;
background-color:rgba(255,255,255,0.1);
transition:background-color 250ms linear;
overflow:hidden;
-webkit-transition:background-color 250ms linear;
-moz-transition:background-color 250ms linear;
-ms-transition:background-color 250ms linear;
-o-transition:background-color 250ms linear;
}
.folders.pages td {
}
.no-rgba .folders td {
background-color:transparent;
background-image:url(w10.png);
}
.folders td:hover {
background-color:rgba(255,255,255,0.2);
}
.no-rgba .folders td:hover {
background-color:transparent;
background-image:url(w20.png);
/*-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff, endColorstr=#33ffffff)";*/
}
.thumbs td.empty,
.rgba .thumbs td.empty,
.no-rgba .thumbs td.empty,
.folders td.empty,
.rgba .folders td.empty,
.no-rgba .folders td.empty {
background-image:none;
background-color:transparent !important;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
.folders a {
color:#dddddd;
}
.folders a:hover {
color:#ffffff;
outline:none;
}
.folders aside {
position:relative;
margin:48px auto 0.5em auto;
display:table;
text-align:center;
border-collapse:collapse;
border-spacing:0;
-webkit-text-size-adjust:100%;
}
.ie7 .folders aside {
display:inline;
}
.folders aside a {
display:table-cell;
width:200px;
height:150px;
vertical-align:middle;
}
.ie7 .folders aside a {
display:block;
}
.folders aside a img {
max-width:200px;
max-height:150px;
vertical-align:top;
border:none;
}
.folders .data {
overflow-x:hidden;
padding:0.8em 10px;
max-width:277px;
text-align:center;
-webkit-overflow-scrolling:touch;
overflow-scrolling:touch;
}
.folders.pages .data {
padding:0.8em;
}
.folders h4 {
font-size:120%;
line-height:1.15;
margin:0 0 0.2em 0;
/* text-shadow:1px 1px 2px rgba(0,0,0,0.4);*/
}
.folders h4:last-child {
margin-bottom:0;
}
.folders .caption,
.folders p {
margin-top:0.5em;
margin-bottom:0;
}
.folders p.info {
font-size:85%;
}
.folders .readmore {
font-size:80%;
background-color:rgba(255,255,255,0.2);
-moz-border-radius:2px; border-radius:2px;
}
.neighbors {
clear:both;
line-height:40px;
margin:0 4px 4px 4px;
}
.neighbors a {
display:inline-block;
vertical-align:top;
color:#bbbbbb;
max-width:426px;
max-height:40px;
white-space:nowrap;
overflow:hidden;
padding:11px;
background-color:rgba(255,255,255,0.1);
transition:background-color 250ms linear;
-webkit-transition:background-color 250ms linear;
-moz-transition:background-color 250ms linear;
-ms-transition:background-color 250ms linear;
-o-transition:background-color 250ms linear;
-moz-border-radius:4px; border-radius:4px;
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4);
}
.neighbors a span {
display:inline;
max-height:40px;
margin:0 .5em;
overflow:hidden;
text-overflow:ellipsis;
}
.no-rgba .neighbors a {
background-color:transparent;
background-image:url(w10.png);
}
.neighbors a:hover {
background-color:rgba(255,255,255,0.2);
}
.no-rgba .neighbors a:hover {
background-color:transparent;
background-image:url(w20.png);
}
.neighbors a.next {
float:right;
}
.neighbors a.previous {
float:left;
}
.neighbors a img {
display:inline-block;
width:auto;
height:40px;
vertical-align:top;
}
.neighbors a.next img {
float:right;
}
.neighbors a.previous img {
float:left;
}
/******************************************* Thumbnail grid on index page */
.thumbs td {
width:25%;
padding:0;
background-color:rgba(255,255,255,0.1);
}
/*.thumbs table td {
width:222px;
}*/
.thumbs td > a {
display:block;
position:relative;
height:150px;
line-height:146px;
overflow:hidden;
text-align:center;
padding:11px;
-moz-border-radius:4px; border-radius:4px;
transition:background-color 250ms linear;
-webkit-transition:background-color 250ms linear;
-moz-transition:background-color 250ms linear;
-ms-transition:background-color 250ms linear;
-o-transition:background-color 250ms linear;
-webkit-text-size-adjust:100%;
}
.no-rgba .thumbs td > a {
background-color:transparent;
background-image:url(w10.png);
}
.thumbs td > a:hover,
.thumbs td > a:focus {
background-color:rgba(255,255,255,0.2);
color:#ffffff;
outline:none;
}
.no-rgba .thumbs td > a:hover,
.no-rgba .thumbs td > a:focus {
background-color:transparent;
background-image:url(w20.png);
/*-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff, endColorstr=#33ffffff)";*/
}
.thumbs td > a.active {
background-color:rgba(255,255,255,0.4);
}
.no-rgba .thumbs td > a.active {
background-color:transparent;
background-image:url(w40.png);
}
.thumbs td > a img {
display:inline;
vertical-align:middle;
max-width:200px;
max-height:150px;
border:0;
outline:none;
}
.thumbs td > a b {
vertical-align:middle;
display:inline-block;
height:100%;
font-size:1px;
}
.thumbs td > .caption {
margin:0;
padding:0.5em 8px;
line-height:1.2;
max-width:206px;
overflow-x:hidden;
text-align:center;
-webkit-overflow-scrolling:touch;
overflow-scrolling:touch;
}
.thumbs td > .caption span.nr {
font-size:80%;
line-height:1.6;
vertical-align:top;
font-weight:normal;
font-style:normal;
padding:0px 3px;
color:#222222;
background-color:#bbbbbb;
-moz-border-radius:2px; border-radius:2px;
}
.thumbs td > .caption a.original {
display:inline-block;
vertical-align:top;
margin:0 0 0 0.5em;
padding:2px 4px;
font-size:80%;
background-color:rgba(0,0,0,0.4);
color:#ddd;
-moz-border-radius:2px; border-radius:2px;
}
.thumbs td > .caption .comment {
font-size:90%;
margin-top:0.2em;
}
.newlabel {
display:inline;
position:absolute;
padding:4px 2px 4px 4px;
border-right:3px solid #c00;
background-color:#A00;
background-color:rgba(192,0,0,0.6);
color:#ddd;
font-size:66.7%;
}
.thumbs .newlabel {
line-height:12px;
right:11px;
top:11px;
}
.folders .newlabel {
line-height:12px;
right:0;
top:0;
}
.scrollbox .newlabel {
line-height:1em;
right:3px;
top:3px;
font-size:55%;
}
.cont.load .wait {
display:inline;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
min-height:20px;
background-image:url(load.gif);
background-position:center center;
background-repeat:no-repeat;
z-index:99;
}
/******************************************* Bulk actions */
.checkbox {
display:inline;
position:absolute;
border:1px solid rgba(255,255,255,0.1);
-moz-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4);
}
.thumbs .checkbox {
width:20px;
height:20px;
left:11px;
top:11px;
}
.gallery .main .checkbox {
width:24px;
height:24px;
left:10px;
top:10px;
z-index:9999;
}
.gallery .main.video .checkbox {
display:none;
}
.gallery .main:hover .checkbox,
.thumbs td > a:hover .checkbox {
border:1px solid rgba(255,255,255,0.4);
}
.checkbox.active {
background-color:rgba(0,0,0,0.3);
background-image:url(check.png);
background-repeat:no-repeat;
}
.thumbs td > a .checkbox.active {
background-position:0 0;
}
.gallery .main .checkbox.active {
background-position:2px 2px;
}
.thumbs td > a:hover .checkbox.active {
background-position:0 -40px;
}
.gallery .main:hover .checkbox.active {
background-position:2px -38px;
}
/******************************************* Actions */
.actions {
margin:10px 4px;
min-height:30px;
/*padding:4px;*/
-moz-border-radius:4px; border-radius:4px;
}
.actions:first-child {
margin-top:0;
}
.bulkactions {
float:right;
display:inline-block;
margin-left:15px;
}
.bulkactions span,
.bulkactions .shares {
font-size:85%;
display:inline-block;
vertical-align:top;
margin:0;
padding:3px 6px;
line-height:24px;
}
.bulkactions span a {
margin:0 .1em;
padding:.1em .4em;
border:1px solid #bbbbbb;
-moz-border-radius:2px; border-radius:2px;
}
.bulkactions nav.buttons {
display:inline-block;
}
/******************************************* Map on index page */
#map {
display:block;
margin:0 4px;
padding:11px;
background-color:rgba(255,255,255,0.1);
overflow:hidden;
-moz-border-radius:4px; border-radius:4px;
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4);
}
.no-rgba #map {
background-color:transparent;
background-image:url(w10.png);
}
#map .cont {
position:relative;
width:878px;
height:300px;
}
/******************************************* Map on index page */
.fb-comments,
.disqus-comments {
margin-top:20px;
margin-left:4px;
margin-right:4px;
}
.disqus-comments {
padding:11px;
background-color:rgba(255,255,255,0.1);
width:878px;
-moz-border-radius:4px; border-radius:4px;
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4);
}
#slide .fb-comments,
#slide .disqus-comments {
padding:0 10px 0 0;
margin:0;
height:170px;
overflow-x:hidden;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
overflow-scrolling:touch;
}
/******************************************* Share box */
.shareactions > .shares {
font-size:85%;
margin:4px 15px 0 4px;
}
.shares .likebtn {
height:22px;
background-position:0 0;
overflow:hidden;
}
.shares > a {
display:block;
padding:1px 4px 1px 26px;
line-height:20px;
height:20px;
overflow:hidden;
background-repeat:no-repeat;
background-image:url(share_dark.png);
}
.hook-s,
.shares > a:hover {
background-image:url(share.png);
}
.shares a.facebook { background-position:-1px -25px; }
.shares a.twitter { background-position:-1px -49px; }
.shares a.digg { background-position:-1px -73px; }
.shares a.myspace { background-position:-1px -97px; }
.shares a.delicious { background-position:-1px -121px; }
.shares a.stumbleupon { background-position:-1px -145px; }
.shares a.email { background-position:-1px -169px; }
.shares a.reddit { background-position:-1px -193px; }
.shares a.tumblr { background-position:-1px -217px; }
.shares a.flickr { background-position:-1px -241px; }
.shares a.foursquare { background-position:-1px -265px; }
.shares a.gplus { background-position:-1px -289px; }
.shares a.linkedin { background-position:-1px -313px; }
.shares a.picasa { background-position:-1px -337px; }
.shares a.skype { background-position:-1px -361px; }
.shares a.vimeo { background-position:-1px -385px; }
.shares a.youtube { background-position:-1px -409px; }
.shares a.phone { background-position:-1px -433px; }
.shares a.jalbum { background-position:-1px -457px; }
.shares a.pinterest { background-position:-1px -481px; }
.shares a.instagram { background-position:-1px -505px; }
.shares a.github { background-position:-1px -529px; }
.shares a.rss { background-position:-1px -553px; }
.shares > span {
display:inline-block;
line-height:20px;
padding:1px 3px;
vertical-align:top;
}
.shares {
width:120px;
}
.shares .likebtn {
display:block;
margin-bottom:4px;
}
.shares > a {
color:#000;
}
.shares > a:hover {
color:#fff;
background-color:#222;
}
/*********************************** Regions */
.regions-cont {
position:absolute;
}
.regions-cont a {
position:absolute;
display:block;
-moz-border-radius:4px; border-radius:4px;
border:3px solid #fff;
opacity:0;
cursor:pointer;
background-image:url(blank.png);
}
.regions-cont a,
.regions-cont a:hover,
.regions-cont a.active
.regions-cont.active a,
.regions-cont.active a.active,
.regions-cont.active a:hover {
transition:opacity 500ms ease;
-webkit-transition:opacity 500ms ease;
-moz-transition:opacity 500ms ease;
-ms-transition:opacity 500ms ease;
}
.regions-cont a:hover,
.regions-cont a.active,
.regions-cont.active a.active,
.regions-cont.active a:hover {
opacity:1;
}
.touch .regions-cont.active a {
opacity:0.6;
}
.regions-cont.active a {
opacity:0.3;
}
.regions-cont a span {
position:absolute;
top:0;
right:0;
max-width:85%;
padding:0 4px 4px 6px;
background-color:#fff;
font-size:80%;
color:#333;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
border-radius:0 2px 0 2px;
}
.touch .regions-cont a span,
.regions-cont a:hover span {
max-width:none;
}
/**************************************************************** Images page */
.gallery {
position:absolute;
display:none;
left:0;
right:0;
top:0;
bottom:0px;
z-index:10000;
background-color:#222222;
overflow:hidden;
-webkit-text-size-adjust:120%;
-webkit-overflow-scrolling:auto;
}
#slide .gallery {
display:block;
}
.gallery a {
text-decoration:none;
outline:none;
}
.gallery .navigation {
position:absolute;
left:0;
right:0;
margin:0;
z-index:10000;
}
.gallery .navigation.hide {
top:-120px;
}
.gallery .navigation nav {
display:none;
position:absolute;
bottom:-75px;
padding-top:5px;
-moz-border-bottom-left-radius:6px; -moz-border-bottom-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px;
left:50%;
margin-left:-205px;
height:70px;
background-color:rgba(0,0,0,0.8);
overflow:hidden;
white-space:nowrap;
-moz-box-shadow:1px 3px 8px rgba(0,0,0,0.6); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.6); box-shadow:1px 3px 8px rgba(0,0,0,0.6);
-webkit-text-size-adjust:100%;
}
.no-rgba .gallery .navigation nav {
background-color:transparent;
background-image:url(k80.png);
}
.gallery .navigation nav a {
display:inline-block;
width:50px;
height:70px;
line-height:70px;
background-image:url(controls.png);
background-repeat:no-repeat;
background-position:-50px 0;
}
.hook-c {
background-image:url(controls.png);
}
.gallery .navigation nav a.prev {
background-position:-50px 0;
width:70px;
}
.gallery .navigation nav a.prev:hover {
background-position:-50px -70px;
}
.gallery .navigation nav a.up {
background-position:-120px 0;
}
.gallery .navigation nav a.up:hover {
background-position:-120px -70px;
}
.gallery .navigation nav a.resize {
background-position:-170px 0;
}
.gallery .navigation nav a.resize:hover {
background-position:-170px -70px;
}
.gallery .navigation nav a.noresize {
display:none;
background-position:-220px 0;
}
.gallery .navigation nav a.noresize:hover {
background-position:-220px -70px;
}
.gallery .navigation nav a.showinfo {
background-position:-270px 0;
}
.gallery .navigation nav a.showinfo:hover {
background-position:-270px -70px;
}
.gallery .navigation nav a.hideinfo {
display:none;
background-position:-320px 0;
}
.gallery .navigation nav a.hideinfo:hover {
background-position:-320px -70px;
}
.gallery .navigation nav a.showthumbs {
background-position:-370px 0;
}
.gallery .navigation nav a.showthumbs:hover {
background-position:-370px -70px;
}
.gallery .navigation nav a.hidethumbs {
display:none;
background-position:-420px 0;
}
.gallery .navigation nav a.hidethumbs:hover {
background-position:-420px -70px;
}
.gallery .navigation nav a.play {
width:70px;
background-position:-470px 0;
}
.gallery .navigation nav a.play:hover {
background-position:-470px -70px;
}
.gallery .navigation nav a.pause {
display:none;
width:70px;
background-position:-540px 0;
}
.gallery .navigation nav a.pause:hover {
background-position:-540px -70px;
}
.gallery .navigation nav a.next {
width:70px;
background-position:-610px 0;
}
.gallery .navigation nav a.next:hover {
background-position:-610px -70px;
}
.gallery .scrollbox {
position:relative;
top:0;
left:0;
display:block;
width:920px;
height:120px;
max-width:80%;
margin:0 auto;
-moz-border-bottom-left-radius:6px; -moz-border-bottom-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px;
overflow:hidden;
background-color:rgba(0,0,0,0.6);
transition: background-color 500ms;
-moz-transition: background-color 500ms;
-webkit-transition: background-color 500ms;
-moz-box-shadow:1px 3px 8px rgba(0,0,0,0.6); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.6); box-shadow:1px 3px 8px rgba(0,0,0,0.6);
}
.rgba.touch .gallery .scrollbox,
.rgba .gallery .scrollbox:hover {
background-color:rgba(0,0,0,0.8);
}
.no-rgba .gallery .scrollbox {
background-color:transparent;
background-image:url(k60.png);
}
.no-rgba .gallery .scrollbox:hover {
background-color:transparent;
background-image:url(k80.png);
}
.gallery .scrollbox .wrap {
position:relative;
top:5px;
margin:0 40px;
height:108px;
overflow:hidden;
}
.gallery .scrollbox ul.cont {
position:absolute;
left:0;
top:0;
bottom:0;
margin:0;
padding:0;
white-space:nowrap;
-webkit-text-size-adjust:100%;
-ms-touch-action:pan-x;
touch-action:pan-x;
}
.gallery .scrollbox ul.cont li {
display:table;
float:left;
display:inline;
position:relative;
width:139px;
height:106px;
overflow:hidden;
margin:1px;
text-align:center;
}
.gallery .scrollbox .cont a {
display:table-cell;
vertical-align:middle;
position:relative;
padding:3px;
margin-right:1px;
width:133px;
height:100px;
text-align:center;
}
.gallery .scrollbox .cont a img {
max-width:133px;
max-height:100px;
vertical-align:middle;
}
.gallery .scrollbox .cont a:hover,
.gallery .scrollbox .cont a:focus {
background-color:rgba(255,255,255,0.2);
outline:none;
}
.no-rgba .gallery .scrollbox .cont a:hover,
.no-rgba .gallery .scrollbox .cont a:focus {
background-image:url(w20.png);
}
.gallery .scrollbox .cont a.active {
background-color:rgba(255,255,255,0.4);
}
.no-rgba .gallery .scrollbox .cont a.active {
background-color:transparent;
background-image:url(w40.png);
}
.gallery .scrollbox .scleft,
.gallery .scrollbox .scright {
position:absolute;
top:5px;
width:24px;
height:108px;
background-repeat:no-repeat;
background-position:left center;
}
.hook-s,
.gallery .scrollbox .scleft,
.gallery .scrollbox .scright {
background-image:url(scroll.png);
}
.gallery .scrollbox .scleft {
left:10px;
background-position:0 center;
}
.gallery .scrollbox .scright {
right:10px;
background-position:-48px center;
}
.gallery .scrollbox .scleft:hover {
background-position:-24px center;
}
.gallery .scrollbox .scright:hover {
background-position:-72px center;
}
.gallery .img {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
overflow:hidden;
-webkit-overflow-scrolling:auto;
}
#slide .gallery .img {
display: none;
}
.gallery .img .main {
position:relative;
display:inline-block;
background-color:#eeeeee;
padding:10px;
-moz-box-shadow:3px 6px 32px rgba(0,0,0,0.6); -webkit-box-shadow:3px 6px 32px rgba(0,0,0,0.6); box-shadow:3px 6px 32px rgba(0,0,0,0.6);
}
.gallery .img .main.smooth {
-webkit-transition: -webkit-transform 0.6s ease-out;
transition: -webkit-transform 0.6s ease-out, transform 0.6s ease-out, -ms-transform 0.6s ease-out, -o-transform 0.6s ease-out;
}
.gallery .img .image > img,
.gallery .img .image > a > img {
vertical-align:top;
width:100%;
height:100%;
cursor:default;
-ms-interpolation-mode:bicubic;
-ms-touch-action:none;
touch-action:none;
}
.gallery .img .main.image {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-ms-touch-action:none;
touch-action:none;
}
.gallery .img .other {
width:400px;
text-align:center;
background-color:rgba(240,240,240,0.85);
color:#555;
-moz-border-radius:4px; border-radius:4px;
}
.no-rgba .gallery .img .other {
background-color:transparent;
background-image:url(w80.png);
}
.gallery .img .other > a {
display:block;
margin:15px 15px 0 15px;
padding:20px 0;
border-bottom:1px solid #ccc;
}
.gallery .img .other > a > img {
min-height:128px;
}
.gallery .img .other p {
margin:10px 15px 15px 15px;
overflow:hidden;
}
.gallery .img .main.video,
.gallery .img .main.audio {
overflow:hidden;
}
.gallery .img .main.video > a,
.gallery .img .main.audio > a {
display:block;
height:100%;
margin-bottom:10px;
}
.gallery .img .main.video > a > img,
.gallery .img .main.audio > a > img {
width:100%;
height:100%;
}
.gallery .img .main.video.jp-video-full {
padding:0 !important;
}
.gallery > .wait {
display:none;
position:absolute;
left:0;
top:0;
right:0;
bottom:0px;
background-image:url(wait.gif);
background-position:center center;
background-repeat:no-repeat;
z-index:3;
}
.gallery .bottom {
position:absolute;
bottom:0;
left:0;
right:0;
z-index:11;
}
.gallery .bottom.hide {
bottom:-100%;
}
.gallery .bottom .cont {
position:relative;
width:890px;
max-width:80%;
margin:0 auto;
padding:5px 8px 6px 15px;
text-align:left;
-moz-border-top-left-radius:6px; -moz-border-top-right-radius:6px; border-top-left-radius:6px; border-top-right-radius:6px;
color:#bbbbbb;
background-color:rgba(0,0,0,0.4);
transition: background-color 500ms;
-moz-transition: background-color 500ms;
-webkit-transition: background-color 500ms;
-moz-box-shadow:1px 3px 8px rgba(0,0,0,0.6); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.6); box-shadow:1px 3px 8px rgba(0,0,0,0.6);
}
.no-rgba .gallery .bottom .cont {
background-color:transparent;
background-image:url(k40.png);
}
.rgba.touch .gallery .bottom .cont,
.gallery .bottom .cont:hover {
background-color:rgba(0,0,0,0.9);
}
.no-rgba .gallery .bottom .cont:hover {
background-image:url(k80.png);
}
.gallery .bottom .cont:before,
.gallery .bottom .cont:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.gallery .bottom .cont:after { clear:both; }
.gallery .bottom h2 {
margin-top:6px;
font-size:140%;
}
.gallery .bottom h3 {
margin-top:8px;
font-size:125%;
}
.gallery .bottom .caption {
margin-top:10px;
}
.gallery .bottom .caption a {
color:#dddddd;
}
.gallery .bottom .caption a:hover {
color:#ffffff;
}
.gallery .bottom .comment {
max-height:12em;
overflow:auto;
}
.gallery .bottom .comment a {
text-decoration:underline;
}
nav.buttons {
height:28px;
line-height:24px;
font-size:85%;
-moz-border-radius:2px; border-radius:2px;
border:1px solid #181818;
color:#bbb;
background-color:#181818;
z-index:999;
background-image:-webkit-linear-gradient(top, rgba(51,51,51,1), rgba(34,34,34,1));
background-image:-moz-linear-gradient(top, rgba(51,51,51,1), rgba(34,34,34,1));
background-image:-o-linear-gradient(top, rgba(51,51,51,1), rgba(34,34,34,1));
background-image:-ms-linear-gradient(top, rgba(51,51,51,1), rgba(34,34,34,1));
background-image:linear-gradient(top, rgba(51,51,51,1), rgba(34,34,34,1));
filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FF333333',EndColorStr='#FF222222');
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.6); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.6); box-shadow:0px 1px 2px rgba(0,0,0,0.6);
}
.gallery .bottom nav.buttons {
float:right;
display:inline;
margin:5px 0 5px 10px;
}
nav.buttons a {
display:inline-block;
height:28px;
padding:0 6px 0 30px;
line-height:28px;
white-space:nowrap;
background-image:url(buttons.png);
background-position:6px 0;
background-repeat:no-repeat;
border-left:1px solid #000;
color:#ccc;
cursor:default;
}
.gallery .bottom nav.buttons a {
width:20px;
padding:0 6px;
}
nav.buttons a:first-child {
border-left:none;
-moz-border-top-left-radius:2px; -moz-border-bottom-left-radius:2px; border-top-left-radius:2px; border-bottom-left-radius:2px;
}
nav.buttons a:last-child {
-moz-border-top-right-radius:2px; -moz-border-bottom-right-radius:2px; border-top-right-radius:2px; border-bottom-right-radius:2px;
}
nav.buttons a:hover {
color:#fff;
}
nav.buttons a.active {
background-color:#000;
border-left-color:#111;
color:#aaa;
}
.gallery .bottom .nr {
float:right;
display:inline;
margin:5px 0 5px 10px;
line-height:26px;
padding:0;
white-space:nowrap;
}
.gallery .bottom .meta .icon {
background-position:0 -1px;
}
nav.buttons a.meta-icon {
background-position:6px -1px;
}
.gallery .bottom .map .icon {
background-position:0 -33px;
}
nav.buttons a.map-icon {
background-position:6px -33px;
}
.gallery .bottom .shop .icon {
background-position:0 -65px;
}
nav.buttons a.shop-icon {
background-position:6px -65px;
}
nav.buttons a.link-icon {
background-position:6px -97px;
}
.gallery .bottom .share .icon {
background-position:0 -129px;
}
nav.buttons a.share-icon {
background-position:6px -129px;
}
.gallery .bottom .print .icon {
background-position:0 -161px;
}
nav.buttons a.print-icon {
background-position:6px -161px;
}
.gallery .bottom .comments .icon {
background-position:0 -193px;
}
nav.buttons a.comments-icon {
background-position:6px -193px;
}
.gallery .bottom .regions .icon {
background-position:0 -225px;
}
nav.buttons a.regions-icon {
background-position:6px -225px;
}
.gallery .bottom .fotomoto .icon {
background-position:0 -257px;
}
nav.buttons a.fotomoto-icon,
nav.buttons a.mostphotos-icon {
background-position:6px -257px;
}
.gallery .bottom .custom .icon {
background-position:0 -289px;
}
nav.buttons a.custom-icon {
background-position:6px -289px;
}
.gallery .bottom .email .icon {
background-position:0 -321px;
}
nav.buttons a.email-icon {
background-position:6px -321px;
}
.gallery .bottom .panel {
clear:both;
position:relative;
font-size:85%;
color:#ccc;
margin-top:10px;
padding-left:30px;
color:#bbbbbb;
content:' ';
}
.gallery .bottom .icon {
/* float: left;
display:inline-block;
margin:-2px 10px 2px 0;
*/
position:absolute;
left:0;
top:-2px;
width:20px;
height:24px;
background-image:url(buttons.png);
background-repeat:no-repeat;
}
.gallery .bottom .meta b {
color:#fff;
}
.gallery .bottom .map .mapcont {
position:relative;
overflow:hidden;
height:240px;
}
.gallery .bottom .shop .icon {
top:-1px;
}
.shop form {
vertical-align:top;
display:inline-block;
margin-right:0.5em;
padding:2px 0;
line-height:25px;
white-space:nowrap;
height:26px;
}
.shop input,
.shop select {
margin:0 4px;
outline:none;
-moz-border-radius:2px; border-radius:2px;
}
.shop input {
border:none;
padding:4px 6px;
}
.shop input[type="image"] {
padding:2px 0;
}
.shop select {
padding:3px 5px;
background-color:#fff;
border:1px solid #999;
/*margin:-2px 6px 0 0;*/
}
.shop select:first-child {
margin-left:0;
}
.shop .copies,
.shop .coupon {
-moz-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4);
}
.shop .copies {
width:2em;
}
.shop .count {
}
.shop .total,
.shop .discount {
display:inline-block;
margin:0 4px;
line-height:16px;
-moz-border-radius:2px; border-radius:2px;
}
.shop .discount {
padding:4px 4px;
background-color:#d33;
color:#fff;
}
.shop .total {
padding:4px 8px;
background-color:#444;
text-align:right;
color:#fff;
}
.shop .coupon {
width:7em;
margin:0 0 0 6px;
background-color:#ffdca0;
}
.shop .coupon::-webkit-input-placeholder {
font-size:80%;
}
.shop .coupon::-moz-placeholder {
font-size:80%;
}
.shop .coupon:-ms-input-placeholder {
font-size:80%;
}
.shop .redeem {
display:inline-block;
position: relative;
top:1px;
left:-21px;
width:20px;
margin-right:-21px;
height:20px;
line-height:20px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAA3NCSVQICAjb4U/gAAAAHlBMVEX///8iIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiKzbYCPAAAACnRSTlMAESJ3iJmqzN3/14XUmgAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAABGSURBVAiZY2DAApjcUhSYQQzP6ZVTPIE0y1QBxsiZQIZmAAODJYjhKcDAPBPESIdpgjOAUgyMDFDFrI0w7Q4wA+FWYLMaAP99DZ459gmkAAAAAElFTkSuQmCC); background-position:center center;
background-repeat:no-repeat;
}
.paypalbtn {
line-height:18px;
padding:3px 8px;
border:1px solid #e79e26;
background-color:#ffbb31;
background-image:-moz-linear-gradient(top, #feb 0%,#fa0 100%);
background-image:-webkit-linear-gradient(top, #feb 0%,#fa0 100%);
background-image:-o-linear-gradient(top, #feb 0%,#fa0 100%);
background-image:-ms-linear-gradient(top, #feb 0%,#fa0 100%);
background-image:linear-gradient(top, #feb 0%,#fa0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffeebb',endColorstr='#ffaa00');
text-shadow:1px 1px 1px rgba(255,255,255,0.6);
-moz-border-radius:2px; border-radius:2px;
}
.paypalbtn#shopAdd {
font-weight:bold;
}
#bgaudio {
position:fixed;
right:0px;
top:0;
width:100px;
height:34px;
z-index:99999;
-moz-box-shadow:1px 3px 8px rgba(0,0,0,0.4); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.4); box-shadow:1px 3px 8px rgba(0,0,0,0.4);
}
b, strong {
font-weight:bold;
}
i, em {
font-style:italic;
}
/*
* Skin for jPlayer Plugin (jQuery JavaScript Library)
* http://www.jplayer.org
*
* Skin Name: jAlbum
*
* Copyright (c) 2012 jAlbum AB
* Dual licensed under the MIT and GPL licenses.
* - http://www.opensource.org/licenses/mit-license.php
* - http://www.gnu.org/copyleft/gpl.html
*
* Author: Laszlo Molnar
* Skin Version: 0.9 (jPlayer 2.2.0)
* Date: 21nd December 2012
*/
a:active, a:focus {
outline:none;
}
.jp-warning {
position:absolute;
top:30%;
left:5%;
right:5%;
margin:0 auto;
width:200px;
max-width:90%;
padding:10px 15px;
background-color:#333;
background-color:rgba(0,0,0,0.8);
color:#ddd;
text-align:center;
z-index:999;
-moz-border-radius:6px;
border-radius:6px;
}
.jp-audio,
.jp-audio-stream,
.jp-video {
font-size:1em;
font-family:Segoe,"Segoe UI",Tahoma,Geneva,"Open Sans","Nimbus Sans L",sans-serif;
line-height:1.231;
color:#ddd;
border:none;
width:100%;
height:100%;
}
.jp-audio {
}
.jp-audio-stream {
}
.jp-video-270p {
}
.jp-video-360p {
}
.jp-video-full {
position:absolute !important;
left:0 !important;
top:0 !important;
width:100% !important;
height:100% !important;
}
.jp-type-single {
width:100%;
height:100%;
}
.jp-video .jp-jplayer {
background-color:#000;
}
/* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */
.jp-video-full div div {
z-index:1000;
}
.jp-video-full .jp-jplayer {
top:0 !important;
left:0 !important;
width:100%;
height:100%;
position:fixed !important; position:relative; /* Rules for IE6 (full-screen) */
overflow:hidden;
}
.jp-video-full .jp-gui {
position: fixed !important; position: static; /* Rules for IE6 (full-screen) */
bottom:0 !important;
left:0 !important;
width:100%;
z-index:1001; /* 1 layer above the others. */
}
.jp-video-full .jp-gui {
position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */
bottom:0 !important;
left:0 !important;
}
/* jp-title */
.jp-title {
position:absolute;
overflow:hidden;
top:0;
left:0;
right:0;
text-align:center;
margin:0;
z-index:11;
opacity:0;
transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
}
.jp-video-full .jp-title {
width:100%;
top:0 !important;
left:0 !important;
right:0 !important;
}
.jp-audio:hover .jp-title,
.jp-video:hover .jp-title {
position:absolute;
opacity:1;
}
.jp-title ul {
list-style-type:none;
padding:0;
display:inline-block;
margin:0 auto;
text-align:center;
color:#fff;
background-color:#000;
background-color:rgba(0,0,0,0.25);
text-shadow:1px 1px 1px rgba(0,0,0,0.5);
-moz-border-radius:0 0 6px 6px;
border-radius:0 0 6px 6px;
}
.jp-title ul li {
padding:0.25em 1em;
}
/* jp-interface */
.jp-gui {
position:absolute;
height:34px;
bottom:0;
left:0;
right:0;
z-index:10;
background-color:rgba(0,0,0,0.8);
}
.jp-audio .jp-gui {
}
.jp-audio-stream .jp-gui {
}
/* play button */
.jp-audio .jp-video-play,
.jp-video .jp-video-play {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden; /* Important for nested negative margins to work in modern browsers */
cursor:pointer;
z-index:1;
}
.jp-video-270p .jp-video-play {
}
.jp-video-360p .jp-video-play {
}
.jp-video-full .jp-video-play {
height:100%;
}
.jp-video-play > a {
position:absolute;
display:block;
width:112px;
height:100px;
margin-left:-56px;
margin-top:-50px;
left:50%;
top:50%;
overflow:hidden;
background-image:url(jplayer.jalbum.video.png);
background-position:0 0;
text-indent:-9999px;
}
.jp-video-play:hover > a {
background-position:0 -100px;
}
/* @group progress bar */
/* The seeking class is added/removed inside jPlayer */
.jp-seeking-bg {
background:url('jplayer.jalbum.seeking.gif');
}
.jp-progress,
.jp-seek-bar,
.jp-play-bar {
display:block;
margin:0;
background-repeat:repeat-x;
height:6px;
overflow:hidden;
}
.jp-progress {
width:100%;
background-color:#000;
}
.jp-video .jp-progress {
}
.jp-seek-bar {
width:0;
cursor:pointer;
}
.jp-play-bar {
background-image:url('jplayer.jalbum.png');
background-position:0px -318px;
width:0;
}
/* @end */
/* @group CONTROLS */
.jp-controls-holder {
position:relative;
width:100%;
height:28px;
clear:both;
overflow:hidden;
}
.jp-startstop {
float:left;
display:inline;
margin:0;
height:28px;
overflow:hidden;
}
.jp-audio-stream .jp-controls {
}
.jp-startstop a {
float:left;
display:inline-block;
overflow:hidden;
text-indent:-9999px;
width:28px;
height:28px;
padding:0;
}
/* @group single player controls */
.jp-startstop a {
background-image:url('jplayer.jalbum.png');
background-position:0 0;
background-repeat:no-repeat;
width:28px;
}
.jp-startstop a.jp-play {
background-position:0 0;
}
.jp-startstop a.jp-play:hover {
background-position:-28px 0;
}
.jp-startstop a.jp-pause {
display:none;
background-position:0px -28px;
}
.jp-startstop a.jp-pause:hover {
background-position:-28px -28px;
}
.jp-audio-stream .jp-play,
.jp-audio-stream .jp-pause {
}
.jp-startstop a.jp-stop {
background-position:0px -56px;
}
.jp-mini .jp-startstop a.jp-stop {
display:none;
}
.jp-startstop a.jp-stop:hover {
background-position:-28px -56px;
}
.jp-startstop a.jp-previous {
background-position:0 -112px no-repeat;
}
.jp-startstop a.jp-previous:hover {
background-position:-28px -112px no-repeat;
}
.jp-startstop a.jp-next {
background-position:0 -84px no-repeat;
}
.jp-startstop a.jp-next:hover {
background-position:-28px -84px no-repeat;
}
/* @end */
/* @group volume bar */
.jp-volume {
position:relative;
float:left;
display:inline;
width:28px;
height:100%;
overflow:hidden;
transition: width 0.5s;
-moz-transition: width 0.5s; /* Firefox 4 */
-webkit-transition: width 0.5s; /* Safari and Chrome */
-o-transition: width 0.5s; /* Opera */
}
.jp-volume:hover {
width:128px;
}
.jp-mini .jp-volume:hover {
width:68px;
}
.jp-volume a.jp-mute,
.jp-volume a.jp-unmute {
float:left;
display:inline-block;
overflow:hidden;
text-indent:-9999px;
width:28px;
height:28px;
padding:0;
background-image:url('jplayer.jalbum.png');
}
.jp-volume a.jp-mute {
background-position:0 -140px;
}
.jp-volume a.jp-mute:hover {
background-position:-28px -196px;
}
.jp-volume a.jp-unmute {
display:none;
background-position:0 -168px;
}
.jp-volume a.jp-unmute:hover {
background-position:-28px -140px;
}
.jp-volume a.jp-volume-max {
display:none;
background-position:0 -140px;
}
.jp-volume a.jp-volume-max:hover {
background-position:-28px -140px;
}
.jp-volume-bar {
position:absolute;
left:28px;
top:11px;
height:6px;
width:100px;
overflow:hidden;
background-color:#000;
}
.jp-mini .jp-volume-bar {
width:40px;
}
.jp-volume-bar:hover {
cursor: pointer;
}
.jp-audio .jp-interface .jp-volume-bar,
.jp-audio-stream .jp-interface .jp-volume-bar {
left: 0;
}
.jp-audio-stream .jp-interface .jp-volume-bar,
.jp-video .jp-volume-bar {
}
.jp-video .jp-volume-bar {
}
.jp-volume-bar-value {
background-image:url('jplayer.jalbum.png');
background-position:0 -334px;
height:6px;
border-right:2px solid #666;
}
/* @end */
/* @group current time and duration */
.jp-times {
float:left;
display:inline;
margin:4px;
height:20px;
background-color:#000;
-moz-border-radius:4px;
border-radius:4px;
}
.jp-current-time, .jp-duration {
float:left;
display:inline;
padding:2px 6px;
line-height:16px;
font-size:.85em;
z-index:99999;
}
.jp-mini .jp-current-time, .jp-mini .jp-duration {
padding:2px 4px;
font-size:.7em;
}
.jp-current-time {
color:#999;
left:44%;
}
.jp-duration {
color:#666;
border-left:1px dotted #444;
}
.jp-mini .jp-duration {
display:none;
}
.jp-video .jp-current-time {
}
.jp-video .jp-duration {
}
/* @end */
/* @group TOGGLES */
.jp-toggles {
float:right;
display:inline-block;
height:28px;
padding:0;
overflow:hidden;
}
.jp-toggles a {
float:right;
display:inline-block;
width:28px;
height:28px;
text-indent:-9999px;
line-height:100%; /* need this for IE6 */
background-image:url('jplayer.jalbum.png');
background-repeat:no-repeat;
}
.jp-toggles a.jp-full-screen {
background-position:0 -224px;
}
.jp-toggles a.jp-full-screen:hover {
background-position:-28px -224px;
}
.jp-toggles a.jp-restore-screen {
display:none;
background-position:-56px -224px;
}
.jp-toggles a.jp-restore-screen:hover {
background-position:-84px -224px;
}
.jp-toggles a.jp-repeat {
background-position:0 -252px;
}
.jp-toggles a.jp-repeat:hover {
background-position:-28px -252px;
}
.jp-toggles a.jp-repeat-off {
display:none;
background-position:-56px -252px;
}
.jp-toggles a.jp-repeat-off:hover {
background-position:-84px -252px;
}
.jp-toggles a.jp-shuffle {
background-position:0 -280px;
}
.jp-toggles a.jp-shuffle:hover {
background-position:-28px -280px;
}
.jp-toggles a.jp-shuffle-off {
display:none;
background-position:-56px -280px;
}
.jp-toggles a.jp-shuffle-off:hover {
background-position:-84px -280px;
}
/* @end */
/* @group volume controls */
div.jp-interface ul.jp-controls a.jp-mute,
div.jp-interface ul.jp-controls a.jp-unmute,
div.jp-interface ul.jp-controls a.jp-volume-max {
}
div.jp-audio ul.jp-controls a.jp-mute,
div.jp-audio ul.jp-controls a.jp-unmute,
div.jp-audio-stream ul.jp-controls a.jp-mute,
div.jp-audio-stream ul.jp-controls a.jp-unmute {
}
div.jp-audio ul.jp-controls a.jp-volume-max,
div.jp-audio-stream ul.jp-controls a.jp-volume-max {
}
div.jp-video ul.jp-controls a.jp-mute,
div.jp-video ul.jp-controls a.jp-unmute {
}
div.jp-video ul.jp-controls a.jp-volume-max {
}
/* @end */
/* @group playlist */
.jp-playlist ul {
list-style-type:none;
margin:0;
padding:0.25em 0;
}
.jp-video .jp-title ul {
}
.jp-video .jp-playlist ul {
margin: 0 20px;
font-size:.8em;
}
.jp-title li,
.jp-playlist li {
position: relative;
padding: 2px 0;
border-top:1px solid #554461;
border-bottom:1px solid #180a1f;
overflow: hidden;
}
.jp-title li {
border-bottom:none;
border-top:none;
padding:0;
text-align:center;
}
/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */
div.jp-type-playlist div.jp-playlist li:first-child {
border-top:none;
padding-top:3px;
}
div.jp-type-playlist div.jp-playlist li:last-child {
border-bottom:none;
padding-bottom:3px;
}
div.jp-type-playlist div.jp-playlist a {
color: #fff;
text-decoration:none;
}
div.jp-type-playlist div.jp-playlist a:hover {
color: #e892e9;
}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
background-color: #26102e;
margin: 0 -20px;
padding: 2px 20px;
border-top: 1px solid #26102e;
border-bottom: 1px solid #26102e;
}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current a{
color: #e892e9;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
float:right;
display:inline;
text-align:right;
margin-left:10px;
font-weight:bold;
color:#8C7A99;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
color:#E892E9;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media {
float: right;
display:inline;
text-align:right;
color:#8C7A99;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a{
color:#8C7A99;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover{
color:#E892E9;
}
span.jp-artist {
font-size:.8em;
color:#8C7A99;
}
/* @end */
/* @group NO SOLUTION error feedback */
.jp-no-solution {
position:absolute;
top:50%;
left:25%;
width:50%;
margin-top:-2em;
padding:8px;
font-size:.8em;
background-color:#222;
background-color:rgba(0,0,0,0.8);
color:#ddd;
text-align:center;
display:none;
-moz-border-radius:4px;
border-radius:4px;
}
.jp-no-solution a {
text-decoration:underline;
color:#FFF;
}
.jp-no-solution span {
color:#FFF;
font-size:1em;
display:block;
text-align:center;
font-weight:bold;
}
/* @end */
/*
styles.css - custom styles for the skin's Page templates
*/
/************** About page */
#about-page {
margin:10px 10%;
}
#about-page aside {
float:left;
display:inline;
margin:10px 5% 10px 0;
max-width:50%;
}
#about-page aside img {
max-width:100%;
}
#about-page .texts {
overflow:hidden;
}
#about-page .texts p {
line-height:1.5em;
}
/************** jAlbum promo block */
#jalbum-promo {
margin:20px 20px 0 20px;
}
#jalbum-promo aside {
min-width:36%;
float:left;
display:inline;
margin:0 20px 0 0;
text-align:right;
}
#jalbum-promo .texts {
overflow:hidden;
}
#jalbum-promo .buttons {
display:block;
clear:both;
margin-top:10px;
line-height:30px;
}
#jalbum-promo .buttons a {
padding:0 10px;
margin:5px 2px;
display:inline-block;
min-width:80px;
text-align:center;
color:#eee;
cursor:default;
white-space:nowrap;
-moz-border-radius:2px; border-radius:2px;
background-color:#555;
background-image:-moz-linear-gradient(top, rgba(51,51,51,1), rgba(15,15,15,1) );
background-image:-webkit-linear-gradient(top, rgba(51,51,51,1), rgba(15,15,15,1) );
background-image:-o-linear-gradient(top, rgba(51,51,51,1), rgba(15,15,15,1) );
background-image:-ms-linear-gradient(top, rgba(51,51,51,1), rgba(15,15,15,1) );
background-image:linear-gradient(top, rgba(51,51,51,1), rgba(15,15,15,1) );
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#FF333333,EndColorStr=#FF0F0F0F);
-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#FF333333,EndColorStr=#FF0F0F0F)";
-moz-background-clip:padding;
-webkit-background-clip:padding-box;
background-clip:padding-box;
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4);
}
#jalbum-promo .buttons a.active,
#jalbum-promo .buttons a:hover {
color:#fff;
background-image:-moz-linear-gradient(top, rgba(17,119,176,1), rgba(0,102,153,1) );
background-image:-webkit-linear-gradient(top, rgba(17,119,176,1), rgba(0,102,153,1) );
background-image:-o-linear-gradient(top, rgba(17,119,176,1), rgba(0,102,153,1) );
background-image:-ms-linear-gradient(top, rgba(17,119,176,1), rgba(0,102,153,1) );
background-image:linear-gradient(top, rgba(17,119,176,1), rgba(0,102,153,1) );
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#FF1177aa,EndColorStr=#FF006699);
-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#FF1177aa,EndColorStr=#FF006699)";
}
/************** Sitemap page */
#sitemap-page {
margin:0 20px;
}
#sitemap-page aside {
float:left;
display:inline;
margin:10px 5% 10px 0;
max-width:25%;
}
#sitemap-page aside img {
max-width:100%;
}
#sitemap-page .sitemap {
font-size:120%;
overflow:hidden;
}
#sitemap-page .caption {
margin:0 0 1em 0;
}
#sitemap-page .sitemap .title {
margin:1em 0;
}
#sitemap-page .sitemap.showthumbs .title a.home {
display:inline-block;
width:24px;
height:24px;
background-image: url(controls.png);
background-repeat: no-repeat;
background-position: -793px -23px;
}
#sitemap-page .sitemap ul {
padding-left:2em;
}
#sitemap-page .sitemap.showthumbs ul {
padding-left:0;
list-style-type:none;
}
#sitemap-page .sitemap li {
clear:both;
padding:0.5em 0;
}
#sitemap-page small {
margin-top:0.5em;
display:block;
}
#sitemap-page .sitemap li a.thumb {
float:left;
display:inline-block;
width:10%;
max-height:48px;
margin-top:-0.5em;
margin-right:2%;
text-align:center;
}
#sitemap-page .sitemap li a.thumb img {
display:inline-block;
max-width:100%;
max-height:100%;
height:auto;
}
#sitemap-page .sitemap li a.thumb.icon img {
margin-top:-20%;
}
#sitemap-page .sitemap li div {
overflow:hidden;
}
/************** Contents page */
#contents-page h1 {
text-align:center;
margin-bottom:20px;
}
#contents-page .one-letter {
display: inline-block;
vertical-align: top;
width:30%;
margin:0 1.5% 3% 1.5%;
}
#contents-page .one-letter h2 {
text-align: center;
border-bottom: 1px solid #bbbbbb;
}
#contents-page .one-letter ul {
padding-left:2em;
list-style-type:none;
}
#contents-page.showthumbs .one-letter ul {
padding-left:0;
}
#contents-page .one-letter li {
clear:both;
padding:0.5em 0;
}
#contents-page.showthumbs .one-letter li {
}
#contents-page small {
margin-top:0.5em;
display:block;
}
#contents-page .one-letter li a {
font-weight:bold;
}
#contents-page .one-letter li a.thumb {
float:left;
display:inline-block;
width:20%;
margin-top:-0.5em;
margin-right:2%;
text-align:center;
overflow:hidden;
}
#contents-page .one-letter li a.thumb img {
display:inline-block;
max-width:100%;
max-height:100%;
height:auto;
}
#contents-page .one-letter li a.thumb.icon img {
margin-top:-15%;
}
#contents-page .one-letter li div {
overflow:hidden;
}
#contents-page.showthumbs .one-letter li div {
margin-top:0.5em;
}
/************** Contact page */
#contact-page {
margin:10px 10px 10px 5%;
}
#contact-page aside {
float:right;
display:inline;
margin:0 0 10px 5%;
max-width:25%;
}
#contact-page aside img {
max-width:100%;
}
#contact-page .texts {
overflow:hidden;
}
#contact-page .texts blockquote {
font-size:80%;
line-height:1.5em;
padding-left:12px;
border-left:10px solid rgba(255,255,255,0.1);
}
#contact-page .texts > div {
font-size:120%;
padding:15px 5px;
border-top:1px solid rgba(255,255,255,0.2);
border-bottom:1px solid rgba(0,0,0,0.2);
}
#contact-page .texts blockquote,
#contact-page .texts a {
font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
}
#contact-page .texts a {
font-size:80%;
padding:5px 5px 5px 26px;
line-height:14px;
background-color:rgba(255,255,255,0.1);
background-image:url(share.png);
background-repeat:no-repeat;
-moz-border-radius:6px;
border-radius:6px;
-moz-box-shadow:1px 3px 8px rgba(0,0,0,0.2); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.2); box-shadow:1px 3px 8px rgba(0,0,0,0.2);
}
#contact-page .facebook a { background-position:0 -24px; }
#contact-page .twitter a { background-position:0 -48px; }
#contact-page .digg a { background-position:0 -72px; }
#contact-page .myspace a { background-position:0 -96px; }
#contact-page .delicious a { background-position:0 -120px; }
#contact-page .stumbleupon a { background-position:0 -144px; }
#contact-page .email a { background-position:0 -168px; }
#contact-page .reddit a { background-position:0 -192px; }
#contact-page .tumblr a { background-position:0 -216px; }
#contact-page .flickr a { background-position:0 -240px; }
#contact-page .foursquare a { background-position:0 -264px; }
#contact-page .google a { background-position:0 -288px; }
#contact-page .linkedin a { background-position:0 -312px; }
#contact-page .picasa a { background-position:0 -336px; }
#contact-page .skype a { background-position:0 -360px; }
#contact-page .vimeo a { background-position:0 -384px; }
#contact-page .youtube a { background-position:0 -408px; }
#contact-page .phone a { background-position:0 -432px; }
#contact-page .jalbum a { background-position:0 -456px; }
#contact-page .pinterest a { background-position:0 -480px; }
#contact-page .instagram a { background-position:0 -504px; }
#contact-page .github a { background-position:0 -528px; }
#contact-page .rss a { background-position:0 -552px; }
#contact-page .custom a {
padding:5px;
background-image:none;
}
/************** New photos */
#main article.NewPhotos {
display:none;
}
/************** Tumblr Feed */
.tumblr_post {
background-color:rgba(255,255,255,0.1);
padding:2em 2em 1em 2em;
width:90%;
margin:0.5em auto;
-moz-border-radius:4px; border-radius:4px;
-moz-box-shadow:1px 3px 8px rgba(0,0,0,0.4); -webkit-box-shadow:1px 3px 8px rgba(0,0,0,0.4); box-shadow:1px 3px 8px rgba(0,0,0,0.4);
}
.tumblr_posts {
list-style-type:none;
padding:0;
}
.tumblr_text_post { }
.tumblr_title {
font-size: 200%;
font-family:"Oswald", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Tahoma, sans-serif;
}
.tumblr_body { }
.tumblr_body img { height: 300px; }
.tumblr_photo_post { }
.tumblr_photo { height: 300px; }
.tumblr_caption { }
.tumblr_link_post { }
.tumblr_link { }
.tumblr_description { }
/* HTML5 Boilerplate postfix styles - h5bp.com */
.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}
.ir:before{content:"";display:block;width:0;height:150%}
.hidden{display:none !important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:after {content:"";display:table;clear:both;}
@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
img{max-width:100% !important}
@page{margin:.5cm}
p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
}
body, .gallery {
background-color:#222222;
background-image:url(bg.png);
background-position:center top;
background-repeat:repeat;
}