@import url(http://fonts.googleapis.com/css?family=Lato); /**************************** * ---- RESET ----- ***************************** */ .fg-panel a, .fg-panel img, .fg-panel span, .fg-panel div { font-family: 'Lato', sans-serif; text-decoration: none; list-style-type: none !important; list-style: none !important; outline: none; margin: 0px; padding: 0px; border: 0; background: none; vertical-align: baseline; font-size: 100%; max-width: 100%; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .fg-panel > div > a { display: none; } /**************************** * ---- COLOR THEMES ----- ***************************** */ /* White Theme */ .fg-panel .fg-theme-white, .fg-panel .fg-theme-white:visited { color: #7f8c8d; background: #ecf0f1; } .fg-panel .fg-theme-white:hover { background: #f3f8f9; } .fg-panel .fg-theme-white.fg-selected { background: #d9ddde !important; } .fg-panel .fg-dropdown-selection-list.fg-theme-white { background: #dcdfe0; } .fg-panel .fg-dropdown-selection-list.fg-theme-white > div:hover { background: #ecf0f1; } /* Black Theme */ .fg-panel .fg-theme-black, .fg-panel .fg-theme-black:visited { color: #fff; background: #2c3e50; } .fg-panel .fg-theme-black:hover { background: #34495f; } .fg-panel .fg-theme-black.fg-selected { background: #18222d !important; } .fg-panel .fg-dropdown-selection-list.fg-theme-black { background: #34495e; } .fg-panel .fg-dropdown-selection-list.fg-theme-black > div:hover { background: #2c3e50; } /* Red Theme */ .fg-panel .fg-theme-red, .fg-panel .fg-theme-red:visited { color: #fff; background: #c0392b; } .fg-panel .fg-theme-red:hover { background: #ae3427; } .fg-panel .fg-theme-red.fg-selected { background: #dd412f !important; } .fg-panel .fg-dropdown-selection-list.fg-theme-red { background: #e74c3c; } .fg-panel .fg-dropdown-selection-list.fg-theme-red > div:hover { background: #c0392b; } /* Blue Theme */ .fg-panel .fg-theme-blue, .fg-panel .fg-theme-blue:visited { color: #fff; background: #2980b9; } .fg-panel .fg-theme-blue:hover { background: #3498db; } .fg-panel .fg-theme-blue.fg-selected { background: #20638f !important; } .fg-panel .fg-dropdown-selection-list.fg-theme-blue { background: #3498db; } .fg-panel .fg-dropdown-selection-list.fg-theme-blue > div:hover { background: #2980b9; } /* Orange Theme */ .fg-panel .fg-theme-orange, .fg-panel .fg-theme-orange:visited { color: #fff; background: #d35400; } .fg-panel .fg-theme-orange:hover { background: #e67e22; } .fg-panel .fg-theme-orange.fg-selected { background: #943f00 !important; } .fg-panel .fg-dropdown-selection-list.fg-theme-orange { background: #e67e22; } .fg-panel .fg-dropdown-selection-list.fg-theme-orange > div:hover { background: #d35400; } /* Green Theme */ .fg-panel .fg-theme-green, .fg-panel .fg-theme-green:visited { color: #fff; background: #16a085; } .fg-panel .fg-theme-green:hover { background: #1abc9c; } .fg-panel .fg-theme-green.fg-selected { background: #11725e !important; } .fg-panel .fg-dropdown-selection-list.fg-theme-green { background: #1abc9c; } .fg-panel .fg-dropdown-selection-list.fg-theme-green > div:hover { background: #16a085; } /* Purple Theme */ .fg-panel .fg-theme-purple, .fg-panel .fg-theme-purple:visited { color: #fff; background: #8e44ad; } .fg-panel .fg-theme-purple:hover { background: #9b59b6; } .fg-panel .fg-theme-purple.fg-selected { background: #622f78 !important; } .fg-panel .fg-dropdown-selection-list.fg-theme-purple { background: #9b59b6; } .fg-panel .fg-dropdown-selection-list.fg-theme-purple > div:hover { background: #8e44ad; } /**************************** * ---- INLINE GALLERY ----- ***************************** */ .fg-panel div.fg-inline-gallery { margin-bottom: 40px; display: none; } div.fg-inline-gallery > h2.fg-inline-gallery-title { color: #333333; font-size: 18px; text-align: center; margin-top: 0; margin-bottom: 15px; text-shadow: 0px 1px 0px #ffffff; } div.fg-inline-gallery > div.fg-inline-gallery-media { text-align: center; position: relative; } div.fg-inline-gallery-media > .fg-inline-gallery-preloader { background: url(../images/fancygallery/inline-preloader.gif) no-repeat; width: 32px; height: 32px; margin: -16px 0 0 -16px; position: absolute; top: 50%; left: 50%; } div.fg-inline-gallery > p.fg-inline-gallery-description { font-size: 14px; color: #333333; margin: 10px 0 0; text-align: center; } div.fg-inline-gallery-media > img, div.fg-inline-gallery-media > iframe { max-height: 100%; border: 1px solid; display: none; } /* Album Dropdown-Menu */ .fg-panel .fg-dropdown-selection { width: 220px; /* Change here the width of the dropdown */ margin-bottom: 20px; position: relative; z-index: 1000; } .fg-dropdown-selection .fg-current-album { font-size: 16px; padding: 9px 12px 10px; cursor: pointer; -webkit-border-radius: 4px; border-radius: 4px; } .fg-panel .fg-current-album > i { float: right; padding-top: 5px; } .fg-dropdown-selection .fg-dropdown-selection-list { display: none; position: absolute; width: 100%; height: auto; max-height: 150px; /* Change here the height of the dropdown list */ overflow: auto; z-index: 10; margin-top: 5px; -webkit-border-radius: 4px; border-radius: 4px; } .fg-dropdown-selection-list > div { margin: 3px; padding: 5px; font-size: 14px; cursor: pointer; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: background 300ms ease-out; -moz-transition: background 300ms ease-out; -ms-transition: background 300ms ease-out; -o-transition: background 300ms ease-out; transition: background 300ms ease-out; } .fg-dropdown-selection-list > div:hover { -webkit-transition: background 300ms ease-out; -moz-transition: background 300ms ease-out; -ms-transition: background 300ms ease-out; -o-transition: background 300ms ease-out; transition: background 300ms ease-out; } .fg-dropdown-selection-list > div:last-child { border-bottom: 0; } /* Album selection with menu */ .fg-panel .fg-menu-selection { margin-bottom: 30px; } .fg-menu-selection > div { list-style: none !important; float: left; margin-right: 20px; margin-bottom: 10px; } .fg-menu-selection > div a { display: block; font-size: 12px; padding: 4px 10px; line-height: 20px; -webkit-border-radius: 2px; border-radius: 2px; } .fg-menu-selection > div.selected a { color: #67B7E1; } /* * Album selection with thumbnails */ .fg-panel .fg-thumbail-selection { border: none; } .fg-panel .fg-album-thumbnail { float: left; line-height: 0 !important; margin-bottom: 40px; margin-right: 40px !important; border: 1px solid #cdcdcd; } .fg-album-thumbnail a { overflow: hidden; display: block; } .fg-album-thumbnail img { width: 100%; height: 100%; } .fg-album-thumbnail > div { width: 100%; } .fg-album-thumbnail .fg-album-thumbnail-title { height: 40px; line-height: 18px; padding: 10px 20px 0; font-size: 14px; overflow: hidden; } .fg-album-thumbnail .fg-album-thumbnail-length { padding: 0px 20px; height: 30px; line-height: 30px; font-size: 10px; } /* * Album selection with thumbnails (polaroids) */ .fg-panel .fg-album-polaroid { background: url(../images/fancygallery/polaroids.png) no-repeat; width: 183px; height: 183px; float: left; margin-bottom: 40px; margin-right: 30px; position: relative; } .fg-album-polaroid > a { display: block; margin: 15px 0 0 16px !important; width: 151px; height: 151px; overflow: hidden; } .fg-album-polaroid > a > img { width: 100%; height: 100%; } .fg-album-polaroid > span { position: absolute; min-width: 20px; height: 20px; line-height: 20px; padding: 5px; text-align: center; background: red; color: #fff; top: -5px; right: -2px; font-size: 11px; z-index: 1; -webkit-border-radius: 100%; border-radius: 100%; background: #63b6db; text-shadow: 0px 1px 0px #434343; } .fg-album-polaroid > p { text-align: center; font-size: 12px; margin-top: 15px; color: #595959; text-shadow: 0px 1px 0px #ffffff; } /* The album description */ .fg-panel > p.fg-album-description { display: none; margin: 0 0 20px; padding: 0; } /* * Holder for all thumbnails of an album */ .fg-thumbHolder { list-style: none !important; list-style-type: none !important; background: none !important; margin: 0 !important; padding: 0 !important; clear: both !important; border: none !important; } .fg-panel .fg-listItem { position: relative !important; float: left; list-style: none !important; list-style-type: none !important; background: none !important; padding: 0 !important; border: none !important; } .fg-listItem > div { border: 1px solid; position: relative; } .fg-listItem > div > .fg-thumbnail-container { position: relative; cursor: pointer; background-repeat: no-repeat; background-position: center center; } .fg-listItem > div > .fg-thumbnail-container.fg-loading { background-image: url(../images/fancygallery/thumbnail-preloader.gif); } .fg-thumbnail-container > div.fg-overlay, .fg-thumbnail-container > img.fg-thumb, .fg-thumbnail-container > svg { position: absolute !important; top: 0; left: 0; } div.fg-overlay > .fg-overlay-background { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; } div.fg-overlay > .fg-overlay-title { z-index: 1; position: relative; text-align: center; font-size: 14px; margin: 20px; } .fg-thumbnail-container > img.fg-thumb { margin: auto !important; display: block; } .fg-thumbnail-container > div.fg-overlay { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } /* * The title under each thumbnail */ .fg-listItem > div > .fg-title { max-width: 100%; font-size: 13px; /* the size of the title */ line-height: 20px; margin: 0; z-index: 100; text-align: center; padding: 4px 0 1px; } .fg-listItem > div > .fg-title-inside { position: absolute; bottom: 0; left: 0; } .fg-listItem > img.fg-shadow { position: absolute; z-index: 0; max-width: none; width: 100%; left: 0; } img.fg-hover-image { position: absolute; display: none; z-index: 3; } .fg-panel .fg-error { padding: 5px !important; background: #ffd2d3; border: 1px solid #df8f90; color: #000; } /* * Navigation for every album */ /* * Back to albums overview - only when album selection is set to thumbnails */ .fg-panel a.fg-back-to-albums { margin-right: 25px !important; } .fg-panel .fg-navigation a, .fg-panel .fg-navigation span { display: inline-block; } /* * Dots navigation */ .fg-panel .fg-navigation-dot { margin-right: 10px; width: 14px; height: 14px; -webkit-border-radius: 15px; border-radius: 15px; } /* * Pagination navigation */ .fg-panel .fg-pagination { margin-right: 5px; margin-bottom: 10px; font-size: 13px; text-align: center; width: 30px; height: 30px; line-height: 30px; z-index: 1000; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: background 300ms ease-out; -moz-transition: background 300ms ease-out; -ms-transition: background 300ms ease-out; -o-transition: background 300ms ease-out; transition: background 300ms ease-out; } .fg-panel .fg-pagination:hover { -webkit-transition: background 300ms ease-out; -moz-transition: background 300ms ease-out; -ms-transition: background 300ms ease-out; -o-transition: background 300ms ease-out; transition: background 300ms ease-out; } .fancybox-description-title { font-size: 14px; font-weight: bold; margin: 0 0 10px 0; } /* Transitions */ .fg-panel .fg-scale-normal { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .fg-panel .fg-scale-up, .fg-panel .fg-album-thumbnail img:hover, .fg-panel .fg-album-polaroid > a > img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .fg-panel .fg-scale-down { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } .fg-panel .fg-scale-title-down { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .fg-scale-normal, .fg-scale-up, .fg-scale-down, .fg-scale-title-down, .fg-album-thumbnail img, .fg-album-thumbnail img:hover, .fg-album-polaroid > a > img, .fg-album-polaroid > a > img:hover { -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } /* Helper */ .radykal-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * + html .radykal-clearfix { display: inline-block; } * html .radykal-clearfix { height: 1%; } .radykal-none { display: none; } /* Lighboxes adjustments */ .fg-lightbox-socials > div { float: left !important; margin: 0 5px 0 0 !important; } div.pp_social > div.facebook { width: 150px !important; }