/* Original design: In Response (v1.1 - May 15th, 2013) For more information, see http://andreasviklund.com/dt_portfolio/in-response/ */ *{margin:0; padding:0;} /* General styles */ body {background:#000 url(images/13279.jpg) top center no-repeat; color:#ccc; font:80% "ABeeZee",Tahoma,sans-serif; line-height:1.5em;} a {color:#d06060; text-decoration:none; font-weight:400;} a:hover {text-decoration:underline;} p,ul,ol,dl { margin: 0 0 5px 0; line-height: 1.6em; } h1 {color:#888; font-size:4.6em; margin-bottom:0;} h1 a {text-transform:none; font-weight:400;} h1 a:hover {text-decoration:none; color:#eee;} h2 {font-size:1.4em; color:#333; margin:0 0 10px;} h3 {font-size:.9em; margin:0 0 10px 0;} h1,h2 {font-family: 'Cambria', sans-serif; color:#d06060; font-weight:400; line-height:1.4em;} h3 {font-family: 'Tahoma', sans-serif; color:#d06060; font-weight:400; line-height:1.4em;} /* Main layout container */ #layout {margin:40px auto 0; width:960px;} body.wider #layout {margin:40px auto 0; width:1200px;} /* Base Styles */ #cssmenu > ul, #cssmenu > ul li, #cssmenu > ul ul { list-style: none; margin: 0; padding: 0; } #cssmenu > ul { position: relative; z-index: 597; } #cssmenu > ul li { float: left; min-height: 1px; line-height: 1.3em; vertical-align: middle; } #cssmenu > ul li.hover, #cssmenu > ul li:hover { position: relative; z-index: 599; cursor: default; } #cssmenu > ul ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; } #cssmenu > ul ul li { float: none; } #cssmenu > ul ul ul { top: 1px; left: 99%; } #cssmenu > ul li:hover > ul { visibility: visible; } /* Align last drop down RTL */ #cssmenu > ul > li.last ul ul { left: auto !important; right: 99%; } #cssmenu > ul > li.last ul { left: auto; right: 0; } #cssmenu > ul > li.last { text-align: right; } #cssmenu.align-center > ul > li { float: none; display: inline-block; } #cssmenu.align-center > ul { text-align: center; font-size: 0; } #cssmenu > ul > li { font-size: 14px; display: block; } #cssmenu ul ul { text-align: left; } #cssmenu.align-right > ul > li { float: right; } #cssmenu.align-right > ul ul ul { top: 1px; left: auto; right: 99%; } /* Theme Styles */ #cssmenu > ul { border-top: 4px solid #3fa338; font-family: Calibri, Tahoma, Arial, sans-serif; background: #1e1e1e; background: -moz-linear-gradient(top, #1e1e1e 0%, #040404 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e1e1e), color-stop(100%, #040404)); background: -webkit-linear-gradient(top, #1e1e1e 0%, #040404 100%); background: linear-gradient(top, #1e1e1e 0%, #040404 100%); width: auto; zoom: 1; } #cssmenu > ul:before { content: ''; display: block; } #cssmenu > ul:after { content: ''; display: table; clear: both; } #cssmenu > ul li a { display: inline-block; padding: 10px 22px; } #cssmenu > ul > li.active, #cssmenu > ul > li.active:hover { background-color: #3fa338; } #cssmenu > ul > li > a:link, #cssmenu > ul > li > a:active, #cssmenu > ul > li > a:visited { color: #ffffff; } #cssmenu > ul > li > a:hover { color: #ffffff; } #cssmenu > ul ul ul { top: 0; } #cssmenu > ul li li { background-color: #ffffff; border-bottom: 1px solid #ebebeb; font-size: 12px; } #cssmenu > ul li.hover, #cssmenu > ul li:hover { background-color: #F5F5F5; } #cssmenu > ul > li.hover, #cssmenu > ul > li:hover { background-color: #3fa338; -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.15); } #cssmenu > ul a:link, #cssmenu > ul a:visited { color: #9a9a9a; text-decoration: none; } #cssmenu > ul a:hover { color: #9a9a9a; } #cssmenu > ul a:active { color: #9a9a9a; } #cssmenu > ul > li > a { font-size: 14px; } #cssmenu > ul ul { border: 1px solid #CCC \9; -webkit-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.15); width: 150px; } /* Footer */ #footer {background:#0a0a0a url(images/insidebg.jpg) top center no-repeat;} #footer .col {color:#555; border-top:1px dotted #1a1a1a; padding:20px 0;} #footer p {text-align:center;} #footer a {color:#555; font-weight:400; text-decoration:none; border-bottom:1px dotted #333;} #footer a:hover {color:#aaa; text-decoration:none; border-bottom:1px dotted #888;} /* Grid classes, fixed width, 960px with 12 columns */ .col {float:left; margin:0 10px; overflow:hidden; float:left; display:inline;} .col img {max-width:100%;} .row {width:960px; margin:20px auto 0; overflow:hidden;} .row .row {margin:0 -5px; width:auto; display:inline-block;} .c1 {width:60px;} .c2 {width:120px;} .c3 {width:220px;} .c4 {width:300px;} .c5 {width:380px;} .c6 {width:460px;} .c7 {width:540px;} .c8 {width:620px;} .c9 {width:700px;} .c10 {width:780px;} .c11 {width:860px;} .c12 {width:940px;} /* Grid classes, fixed width, 1200px with 12 columns - add class="wider" to the

element to use this */ body.wider .row {width:1200px;} body.wider .c1 {width:80px;} body.wider .c2 {width:180px;} body.wider .c3 {width:280px;} body.wider .c4 {width:380px;} body.wider .c5 {width:480px;} body.wider .c6 {width:580px;} body.wider .c7 {width:680px;} body.wider .c8 {width:780px;} body.wider .c9 {width:880px;} body.wider .c10 {width:980px;} body.wider .c11 {width:1080px;} body.wider .c12 {width:1180px;} /* Menu list styles */ ul.menu {list-style:none; margin:0; padding:10px 0; border-top:1px solid #333;} ul.menu li {list-style:none; text-align:center; font-size:1.2em; margin:0 0 0; padding:0 0 8px 0; color:#888; border-bottom:1px solid #333;} ul.menu li a {font-size: 1.2em; font-weight:400;} ul.menu li a:hover {color:#eee; text-decoration:none;} /* Additional text classes */ .slogan {color:#bbb; font-size:1.2em;} .alignleft {text-align:left;} .alignright {text-align:right;} .aligncenter {text-align:center;} .alignjustify {text-align:justify;} .nomargin {margin:0; padding:0;} .separator {height:100px; margin:0; padding:0; background: #0a0a0a url(images/insidebg2.jpg) bottom center no-repeat; border-bottom:1px dotted #1a1a1a;} .larger {font-size:1.2em;} .smaller {font-size:0.7em;} .spacer {margin:0 20px;} .clear {clear:both;} .hide {display:none;} .border {border:3px solid green;} body .navmenu a {font-size: 1.4em;} /* Light styles, apply by using class="light" on the body HTML element */ body.light {background:#fff url(images/background.jpg) top center no-repeat; color:#777;} body.light a {color:#d06060;} body.light a:hover {color:#555;} body.light h1 {color:#888; font-size:2.2em; margin-bottom:0;} body.light h1 a:hover {color:#303030;} body.light h2 {color:#555;} body.light h1, body.light h2, body.light h3 {color:#2e5a2a;} body.light ul.menu {border-top:1px solid #ddd;} body.light ul.menu li {border-bottom:1px solid #ddd;} body.light ul.menu li a:hover {color:#333;} body.light .separator {background: #f5f5f5 url(images/insidebg2-light.jpg) bottom center no-repeat; border-bottom:1px dotted #ccc;} body.light .slogan {color:#888;} body.light #footer {background:#f5f5f5 url(images/insidebg-light.jpg) top center no-repeat;} body.light #footer .col {color:#555; border-top:1px dotted #ccc;} body.light #footer a {color:#555; border-bottom:1px dotted #ddd;} body.light #footer a:hover {color:#444; border-bottom:1px dotted #eee;} body.light .navmenu a {font-size: 1.2em;} /* Alternate colors, apply by adding class="blue" (or any of the other available colors) to the body HTML element */ body.blue a {color:#3288a8;} body.blue h1, body.blue h2, body.blue h3 {color:#3288a8;} body.grey a {color:#666;} body.grey h1, body.grey h2, body.grey h3 {color:#666;} .navmenu a {font-size:1.2em; margin: 0 10px;} div.thumbnails img {width:160px; margin:0 10px 10px 0; border-radius:12px;} div.thumbnails img.last {margin-right:0;} .logo {float: center; width: 583px; height: 107px; background: #fff;} .logo h1 {position: relative; top: 18px; left: 10px;} *.headerimage img {border-radius:12px;} @media only screen and (max-width : 960px){ #layout, body.wider #layout {width:auto; margin:0; padding:20px;} .row {width:100%;} .col {margin:0 0 20px 0;} .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {width:100%;} h1 {margin:-15px auto 5px; line-height:1.4em;} body .navmenu {margin:0px 0 -15px;} body .navmenu a {font-size:1.4em; display:inline-block; line-height:2.0em;padding:7px 12px; margin:0 10px 8px 0; background-color:#111; border:1px solid #222; border-radius:10px;} body.light .navmenu a {font-size:1.4em; display:inline-block; line-height:2.0em;padding:7px 12px; margin:0 10px 8px 0; background-color:#fff; border:1px solid #eee; border-radius:10px;} body .navmenu a.current {border-color:#444;} body.light .navmenu a.current {border-color:#ddd;} .headerimage img {width:100%; height:auto;} div.thumbnails img {width:24%; margin:0;} div.thumbnails img.last {margin-right:0;} } .juicebox-gallery { outline: none; } .juicebox-gallery h1, .juicebox-gallery h2, .juicebox-gallery h3, .juicebox-gallery h4, .juicebox-gallery div, .juicebox-gallery span{ border-spacing: 0; padding: 0; margin: 0; border: none 0; vertical-align: middle; /*don't make this "!important", or the next "vertical-align: bottom;" will be broken. */ line-height: 1.1; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; font-family: 'juicebox'; } .juicebox-gallery a, .juicebox-gallery u { margin: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .juicebox-gallery .jb-idx-thb-list-page-number, .juicebox-gallery .jb-area-large-mode-title, .juicebox-gallery .jb-idx-title, .juicebox-gallery .jb-idx-title textarea, .juicebox-gallery .jb-area-caption div, .juicebox-gallery .jb-area-caption p, .juicebox-gallery .jb-splash h3, .juicebox-gallery .jb-splash p, .juicebox-gallery .jb-splash a, .juicebox-gallery .jb-go-back a, .juicebox-gallery .jb-status-message{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .juicebox-gallery table, .juicebox-gallery tr, .juicebox-gallery td, .juicebox-gallery tbody{ border-spacing: 0; padding: 0 !important; margin: 0 !important; border: none 0 !important; background: none repeat scroll 0 0 transparent !important; vertical-align: middle; /*don't make this "!important", or the next "vertical-align: bottom;" will be broken. */ width: 100%; height: 100%; line-height: 1; } .juicebox-gallery .jb-area-caption table, .juicebox-gallery .jb-area-caption tr, .juicebox-gallery .jb-area-caption td, .juicebox-gallery .jb-area-caption tbody { vertical-align: bottom; } .juicebox-gallery .jb-panel-detail table, .juicebox-gallery .jb-panel-detail tr, .juicebox-gallery .jb-panel-detail td, .juicebox-gallery .jb-panel-detail tbody { vertical-align: middle; } .juicebox-gallery li { list-style: none } .juicebox-gallery p { width: auto; height: auto; padding: 0; margin: 0; } .juicebox-gallery img { max-width: none; margin: 0; padding: 0; border:none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .juicebox-gallery textarea { box-shadow: none; transition: none; } /*#162 otherwise there will be a white border around it in IE9*/ .jb-go-back img { border:none; } /* gallery top panel */ div.jb-panel-top { background: transparent; } .jb-flag-msie-bf9 .jb-panel-top { background-color:Black; } .jb-go-back-icon-frame a { outline: none; } /* gallery index panel */ .jb-panel-index { height:100%; /* for gallery preloader */ width:100%; } .juicebox-gallery .jb-idx-thb-container { margin-left: auto; margin-right: auto; vertical-align: bottom; position: absolute } .jb-flag-large-screen-mode .jb-idx-thb-container { height: auto; } table .jb-idx-thb-list { vertical-align: middle; } div.jb-idx-thb-list { margin: 5px; background-color: Transparent; } .jb-idx-thb-list .jb-idx-thumb { float: left; background-color: rgba(0, 0, 0, 0.5); position: relative; } div.jb-idx-thb-list .jb-thm-thumb-dot { background-color: transparent; } .jb-idx-thb-list .jb-idx-thumb img { border: 0px solid transparent; cursor: pointer; max-width: none; } .jb-idx-thb-list .jb-idx-thumb img:active { -webkit-transform: translate(2px,2px); -moz-transform: translate(2px,2px); -o-transform: translate(2px,2px); } .jb-idx-thumb { background: transparent; } .jb-idx-thb-frame { border: 0px solid transparent; cursor: pointer; } .jb-idx-thb-frame:hover { border-color: rgb(255, 255, 255); border-color: rgba(255, 255, 255, .5); border-style: solid; } .jb-flag-large-screen-mode .jb-thm-thumb-selected .jb-idx-thb-frame { border-color: rgb(255, 255, 255); border-color: rgba(255, 255, 255, .5); border-style: solid; } .jb-flag-msie .jb-idx-thb-frame { /* the frame around thumbnail won't work correctly on IE without this */ background: url('img/assets.png') no-repeat -454px -61px; } div.jb-idx-thb-list-page-number { font-size: 13px; } /* gallery detail panel */ div.jb-panel-detail { overflow: hidden; } div.jb-dt-main-frame { position: absolute; vertical-align: middle; float: left; text-align: center; overflow: hidden; } .jb-dt-main-frame .jb-dt-main-image { -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .4); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .4); box-shadow: 0px 0px 10px rgba(0, 0, 0, .4); border-color: White; } .jb-dt-main-frame img { max-width: none; } .jb-flag-msie .jb-panel-detail { position: relative; } .jb-watermark, .jb-watermark a, .jb-watermark img, .jb-watermark a:visited, .jb-watermark a:active, .jb-watermark a:link, .jb-watermark a:hover { border:none 0 transparent; outline: none; } /* gallery caption area */ div.jb-area-caption { vertical-align: bottom; } .jb-cap-frame { float: left; margin: 0; padding: 0; overflow: hidden; position: absolute; } .jb-cap-frame tr { vertical-align: bottom; } .jb-flag-size-fixed .jb-cap-frame tr { vertical-align: top; } .jb-cap-frame .jb-caption { background-color: rgba(0, 0, 0, .3); color: white; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); } .jb-cap-frame .jbac-number { float: right; color: #ccc; width: 72px; text-align: right; font-size: 13px; cursor:default; } .jb-caption .jb-caption-title { font-size: 17px; cursor:default; } .jb-caption p { margin-bottom: 0 !important; margin-right: 72px; /* equal to "width" in .jb-cap-frame .jbac-number; margin-top is set in code in order to hide the top margin when there is no desc */ margin-left: 0; font-size: 13px; line-height: 23px; cursor:default; } .jb-caption a { color: white; } .jb-flag-msie-bf9 .jb-cap-frame .jb-caption { background-color:Black; } p.jb-cap-content { margin: 0 !important; padding: 0 !important; } .jb-flag-size-fixed .jb-caption { height:100%; } /* gallery title area */ .jb-idx-ssm-title-wrapper { font-family:inherit; font-size:16px; color:inherit; } .jb-flag-large-screen-mode .jb-area-large-mode-title { position: absolute; top: 10px; padding: 5px 10px 5px 10px; color: #FFFFFF; text-shadow: 1px 1px 2px rgba(0,0,0,0.5), 0 0 5px rgba(0,0,0,0.2); font-size: 18px; outline: none; border: none; cursor:default; } .jb-flag-large-screen-mode .jb-idx-thumbnail-container .jb-area-large-mode-title { padding: 0; } .jb-flag-large-screen-mode .jb-area-large-mode-title a, .jb-flag-large-screen-mode .jb-area-large-mode-title img { outline: none; border: none; } /* gallery button bar */ .jb-classifier-link-wrapper { display: none; position: absolute; top: 7px; } div.jb-bb-bar { float: left; background-color: rgba(0, 0, 0, .5); padding: 0 4px 0 4px; margin: 0 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .jb-classifier-thumb-area div.jb-bb-bar { margin: 0 0 0 2px; } /*BUTTONS*/ div.jb-bb-button { float: left; /* background: url(img/assets.png) no-repeat; */ cursor: pointer; text-align: center; margin: 0; border-top-style: solid; border-top-width: 10px; border-top-color: transparent; padding: 0px; font-size: 20px; height: 30px; width: 38px; } .jb-flag-msiever8 div.jb-bb-button { border-top-style: solid; border-top-width: 5px; border-top-color: transparent; } .jb-flag-msie-bf9 .jb-bb-button { margin: 0 0 0 0; } .jb-flag-msie-bf9 .jb-bb-bar { float: right; padding: 0 0 0 0; height: 38px; background-color:Black; } /* gallery button bar on index page*/ div.jb-classifier-link-wrapper.jb-classifier-thumb-area { width: 50px } div.jb-bb-splitter { border-color: White; display: block; height: 20px; border-style: none solid none none; border-width: 1px; float: left; margin: 10px 0 0 3px; } /* gallery navigation */ .jb-navigation { position: absolute; top: 0; left: 0; width: 100%; } .jb-navigation .jbn-nav-touch-area, .jb-navigation .jbn-nav-button{ font-family: 'juicebox'; speak: none; font-style: normal; font-weight: normal; font-size:20px; line-height: 1; -webkit-font-smoothing: antialiased; } .jb-navigation .jbn-nav-button { width: 28px; height: 28px; padding:0; } .jb-navigation .jbn-nav-button-icon { padding: 4px 2px 0 2px; text-align: center; line-height: 1; } .jb-flag-msie .jb-navigation .jbn-nav-button-icon { padding: 5px 2px 0 2px; } .jb-flag-msie .jb-navigation .jbn-left-button, .jb-flag-msie .jb-navigation .jbn-right-button, .jb-flag-msie div.index-navigation.jb-navigation .jbn-nav-button-icon { height: 23px; } div.jb-flag-msiever8 .jb-navigation .jbn-nav-button-icon { padding: 0px 2px 4px 2px; } div.index-navigation.jb-navigation .jbn-nav-button-icon { width: 24px; height: 24px; } .jb-navigation .jbn-left-button { display: none; width: 24px; height: 24px; position: absolute; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background-color: rgba(0,0,0,0.5); } .jb-flag-msie-bf9 .jb-navigation .jbn-left-button { background-color:Black; } .jb-navigation .jbn-right-button { display: none; width: 24px; height: 24px; position: absolute; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; background-color: rgba(0,0,0,0.5); } .jb-flag-msie-bf9 .jb-navigation .jbn-right-button { background-color:Black; } .jb-navigation .jbn-nav-left-button { color: blue; width: 50% } .jb-navigation .jbn-nav-right-button { color: blue; width: 50%; } .jb-navigation .jbn-left-button, .jb-navigation .jbn-right-button { cursor: pointer; } /* gallery navigation for index */ .jb-thm-thumb-dot .jb-thm-thumb-image { margin: 0; padding: 0; display: block; cursor: pointer; } .jb-idx-thb-list div.jb-thm-thumb-dot { margin: 0; padding: 0; } /* gallery navigation for detail */ .jb-navigation .jbn-nav-touch-area { display: inline-block; height: 100%; width: 50%; position: relative; cursor: pointer; } .jb-flag-touchable .jb-navigation .jbn-nav-touch-area { -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor:not-allowed; } .jb-flag-msiever7 .jb-navigation .jbn-nav-touch-area { width: 49.99%; } .jb-navigation .dt-nav-disabled { cursor: default !important; } .jb-flag-msie .jbn-nav-touch-area { /* this will make the jbn-nav-touch-area clickable on IE */ background: url('img/assets.png') no-repeat -454px -61px; } .jb-flag-msie .jb-navigation .jbn-nav-touch-area { display: block; float: left; } /* gallery go back button */ div.jb-go-back { padding: 5px 10px; margin: 0; } div.jb-go-back-icon-frame { background-color: rgba(0, 0, 0, .5); padding: 0 4px; /*match div.jb-bb-bar to make them vertically align*/ } a.jb-go-back-icon { cursor: pointer; text-align: center; margin: 0px; padding: 0px; font-size: 13px; height: 28px; width: 38px; display: block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border-top-style: solid; border-top-width: 10px; border-top-color: transparent; } .jb-flag-msiever8 a.jb-go-back-icon { border-top-style: solid; border-top-width: 8px; border-top-color: transparent; } .jb-flag-msie-bf9 a.jb-go-back-icon { background-color:Black; } .jb-go-back a { text-decoration: none; } /* gallery splash page */ .jb-splash-info { position: absolute; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); height: auto; width:100%; } .jb-splash-info p { color: white; font-size: 17px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); line-height: 25px; width:auto; } /* Splash page description*/ p.jb-splash-desc { width:auto; padding: 0 20px 20px 20px; } /* Splash page photo count*/ p.jb-splash-cnt { padding: 0 20px 20px 20px; font-weight: normal; } /* Splash page title, add important in order to avoid collisions with Word Press*/ .jb-splash-info h3 { color: white !important; padding: 20px !important; margin: 0 !important; text-shadow: 1px 1px 2px rgba(0,0,0,0.3) !important; font-size: 36px !important; font-weight: normal !important;; letter-spacing: 1px !important;; } /* Splash 'View Gallery' Text*/ a.jb-splash-view-glry { color: white; font-size: 14px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; text-decoration: none; display: block; width: auto; margin: 0; padding: 0 20px 20px 20px; } div.jb-splash { height: 100%; width: 100%; position:relative; margin:0; padding:0; cursor: pointer; } .jb-idx-thumbnail-container .jb-splash-holder img { max-width: none; max-height: none; } .jb-splash-holder { position:relative; } .jb-splash-background { background-color: rgba(0, 0, 0, 0.35); } /* gallery messages */ .jb-error-message { color: White; padding: 8px 10px; width: 60%; margin-left: auto; margin-right: auto; font-size: 17px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3), 0 0 5px rgba(0,0,0,0.2); text-align:center; } .jb-error-message a{ color: White; } /* Autoplay message */ .juicebox-gallery .jb-status-message{ color: White; padding: 8px 10px 12px 8px; width: 60%; margin-left: auto; margin-right: auto; font-size: 17px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3), 0 0 5px rgba(0,0,0,0.2); font-weight: normal; text-align:center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: rgba(0, 0, 0, .5); overflow: hidden; } /* gallery flag */ .jb-flag-size-fixed { overflow:hidden; } /* gallery status */ .jb-status-thumb-loading { background-color:rgba(0,0,0,0.5); height: 100%; width: 100%; margin: 0; } .jb-flag-msie-bf9 .jb-status-thumb-loading { background-color:Black; } div.jb-status-loading { background: url('img/spinner.gif') no-repeat center; height: 100%; width: 100%; margin: 0; padding: 0; text-align: center } .jb-badge { background: url('img/jb001.png') no-repeat center; } /****** font icon stuff ******/ @font-face { font-family: 'juicebox'; src:url('fonts/juicebox.eot'); src:url('fonts/juicebox.eot?#iefix') format('embedded-opentype'), url('fonts/juicebox.woff') format('woff'), url('fonts/juicebox.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* Use the following CSS code if you want to use data attributes for inserting your icons */ div.jb-bb-button:before, .jb-thm-thumb-dot, a.jb-go-back-icon { font-family: 'juicebox' !important; speak: none; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; } .jb-thm-thumb-dot, a.jb-go-back-icon { font-size: 20px; } /* Icon Font Ids */ .jb-navigation .jbn-left-button:before, .jb-flag-large-screen-mode .jb-navigation .jbn-left-button:before { content: "\e000"; } .jb-navigation .jbn-right-button:before, .jb-flag-large-screen-mode .jb-navigation .jbn-right-button:before { content: "\e001"; } .jb-flag-large-screen-mode .jb-bb-button.jb-bb-btn-de-show-list:before { content: "\e002"; } .jb-bb-button.jb-bb-btn-de-show-list:before { content: "\e003"; } .jb-bb-button.jb-bb-btn-open-url:before { content: "\e004"; } .jb-bb-button.jb-bb-btn-full-screen:before { content: "\e005"; } .jb-bb-button.jb-bb-btn-full-screen.jb-bb-btn-de-full-screen:before { content: "\e006"; } .jb-bb-button.jb-bb-btn-top-nav.jb-bb-btn-top-nav-left:before { content: "\e007"; } .jb-bb-button.jb-bb-btn-top-nav.jb-bb-btn-top-nav-right:before { content: "\e008"; } .jb-bb-button.jb-bb-btn-auto-play:before { content: "\e009"; } .jb-bb-button.jb-bb-btn-auto-play.jb-status-playing:before { content: "\e00a"; } .jb-bb-button.jb-bb-btn-show-info:before { content: "\e00b"; } .jb-bb-button.jb-bb-btn-audio:before { content: "\e00c"; } .jb-bb-button.jb-bb-btn-audio.jb-status-playing:before { content: "\e00d"; } .jb-bb-button.jb-bb-btn-fotomoto:before { content: "\e00e"; } .jb-bb-button.jb-bb-btn-facebook:before { content: "\e00f"; } .jb-bb-button.jb-bb-btn-twitter:before { content: "\e010"; } .jb-bb-button.jb-bb-btn-gplus:before { content: "\e011"; } .jb-bb-button.jb-bb-btn-printerest:before { content: "\e012"; } .jb-bb-button.jb-bb-btn-tumblr:before { content: "\e013"; } a.jb-go-back-icon:before { content: "\e014"; } .jb-thm-thumb-dot .jb-thm-thumb-image:before { content: "\e015"; } /* IE8 need something differently */ .jb-flag-msiever8 .jb-navigation .jbn-left-button:before, .jb-flag-msiever8 .jb-flag-large-screen-mode .jb-navigation .jbn-left-button:before { content: ""; } .jb-flag-msiever8 .jb-navigation .jbn-right-button:before, .jb-flag-msiever8 .jb-flag-large-screen-mode .jb-navigation .jbn-right-button:before { content: ""; } .jb-flag-msiever8 .jb-flag-large-screen-mode .jb-bb-button.jb-bb-btn-de-show-list:before { content: ""; } .jb-flag-msiever8 .jb-bb-button.jb-bb-btn-de-show-list:before { content: ""; } .jb-flag-msiever8 .jb-bb-button.jb-bb-btn-open-url:before { content: ""; } .jb-flag-msiever8 .jb-bb-button.jb-bb-btn-full-screen:before { content: ""; } .jb-flag-msiever8 .jb-bb-button.jb-bb-btn-full-screen.jb-bb-btn-de-full-screen:before { content: ""; } .jb-flag-msiever8 .jb-bb-button.jb-bb-btn-top-nav.jb-bb-btn-top-nav-left:before { content: ""; } .jb-flag-msiever8 .jb-bb-button.jb-bb-btn-top-nav.jb-bb-btn-top-nav-right:before { content: ""; } .jb-flag-msiever8 .jb-bb-button.jb-bb-btn-auto-play:before { content: ""; } .jb-flag-msiever8 .jb-bb-button.jb-bb-btn-auto-play.jb-status-playing:before { content: ""; } .jb-flag-msiever8 .jb-bb-button.jb-bb-btn-show-info:before { content: ""; } .jb-flag-msiever8 .jb-bb-button.jb-bb-btn-audio:before { content: ""; } .jb-flag-msiever8 .jb-bb-button.jb-bb-btn-audio.jb-status-playing:before { content: ""; } .jb-flag-msiever8 .jb-bb-button.jb-bb-btn-fotomoto:before { content: ""; } .jb-flag-msiever8 .jb-bb-button.jb-bb-btn-facebook:before { content: ""; } .jb-flag-msiever8 .jb-bb-button.jb-bb-btn-twitter:before { content: ""; } .jb-flag-msiever8 .jb-bb-button.jb-bb-btn-gplus:before { content: ""; } .jb-flag-msiever8 .jb-bb-button.jb-bb-btn-printerest:before { content: ""; } .jb-flag-msiever8 .jb-bb-button.jb-bb-btn-tumblr:before { content: ""; } .jb-flag-msiever8 a.jb-go-back-icon:before { content: ""; } .jb-flag-msiever8 .jb-thm-thumb-dot .jb-thm-thumb-image:before { content: ""; } .jcbx-glry-classic { background: #222222; color: white; clear: both; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; height: 500px; color: #FFF; position: relative; overflow: hidden; display:block !important; } .jcbx-glry-classic a{ color:#FFF; } .jcbx-glry-classic:hover .button_bar { } .jcbx-glry-classic:hover .navigation { } .jcbx-glry-classic .jb-idx-thb-list .jb-idx-thumb img { -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .4); box-shadow: 0 0 5px rgba(0, 0, 0, .4); /* For IE 8 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000')"; / For IE 5.5 - 7 / filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=270, Color='#000000'); */ } .jb-idx-title { font-size: 18px; text-shadow: 1px 1px 2px rgba(0,0,0,0.5), 0 0 5px rgba(0,0,0,0.2); } .jb-idx-thb-list-page-number { }