/* ------------------------------------------- File: 'Blueball FreeStacks' fsspacer.css Style Sheet Created: 21, November, 2010 Last Modified: 23, April, 2012 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2010-2012 Charlie Lockhart/Blueball Design USA All Rights Reserved ------------------------------------------- */ #stacks_in_24_headerSpacer { display: block; width: 200px; height: 20px; background: transparent; } /* ------------------------------------------- File: 'Blueball FreeStacks' fsspacer.css Style Sheet Created: 21, November, 2010 Last Modified: 23, April, 2012 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2010-2012 Charlie Lockhart/Blueball Design USA All Rights Reserved ------------------------------------------- */ #stacks_in_25_headerSpacer { display: block; width: 200px; height: 20px; background: transparent; } /* ProGallery Grid */ #shipsimages { display: block; width: 100%; %[if ]%text-align: left;%[endif]% %[if ]%text-align: center;%[endif]% %[if ]%text-align: right;%[endif]% } #shipsimages ul#proGalleryThumbsstacks_in_2 { padding: 0; margin: 0; list-style: none; } #shipsimages li.proGalleryItem { position: relative; -webkit-transform: translateZ(0); } #shipsimages li .proGalleryItemInner { border: 0rem none rgba(234, 234, 234, 1.00); border-radius: 0rem; background-color: rgba(255, 255, 255, 1.00); padding: 0rem; position: relative; margin: 0rem; } #shipsimages li.proGalleryItem a { display: block; cursor: zoom-in; margin: ; outline: none; } #shipsimages li.proGalleryItem img { max-height: 100%; max-width: 100%; width: auto; height: auto; border-radius: 0rem; display: block; border: 0rem none rgba(234, 234, 234, 1.00); padding: 0rem; margin: 0rem; } /* Disable links that don't go anywhere */ #shipsimages li .proGalleryItemInner a[href=''], #shipsimages li .proGalleryItemInner a[href='#null'] { pointer-events: none !important; cursor: default !important; } /* Captions */ #shipsimages .proGalleryItemTitle { display: block; transition: opacity 300ms ease-in-out; padding: 0rem; margin: 0rem; font-size: 1rem; letter-spacing: 0px; border-radius: 0rem; color: rgba(102, 102, 102, 1.00); line-height: 1.5; background: rgba(255, 255, 255, 1.00); } /* Override for caption titles */ #shipsimages .proGalleryItemTitle strong { font-size: 1rem; letter-spacing: 0px; color: rgba(102, 102, 102, 1.00); line-height: 1.5; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #shipsimages .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 1rem; } #shipsimages.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #shipsimages.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #shipsimages.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #shipsimages.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #shipsimages.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; text-align: center; } #shipsimages.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #shipsimages.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #shipsimages.titlesHoverMiddleCentre .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-align: center; opacity: 0; } #shipsimages.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #shipsimages.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #shipsimages.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #shipsimages.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #shipsimages li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* @end */ #progallery_live_search_stacks_in_2 { display: block; margin-bottom: 1rem; } #progallery_live_search_stacks_in_2 fieldset { border: none; padding: 0; margin: 0; } #progallery_live_search_box_stacks_in_2 { display: block; width: 100%; line-height: 1.5; font-size: 1.0rem; padding: 0.5rem 1rem; border-radius: 0.25rem; outline: none; transition: all 300ms ease-in-out; border: 1px solid rgba(192, 192, 192, 1.00); background-color: rgba(255, 255, 255, 1.00); color: rgba(121, 121, 121, 1.00); } #progallery_live_search_box_stacks_in_2:focus { border: 1px solid rgba(51, 51, 51, 1.00); background-color: rgba(255, 255, 255, 1.00); color: rgba(121, 121, 121, 1.00); } /* ProGallery Columns Layout */ #shipsimages .proGalleryThumbs { -moz-column-gap: 1rem; -webkit-column-gap: 1rem; column-gap: 1rem; } /* This CSS aims to fix the issue of images missing in Safari, within CSS columns, with animations applied */ #shipsimages .proGalleryThumbs li img { will-change: transform; } @media screen and (min-width: 0px) { #shipsimages .proGalleryThumbs { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } } @media screen and (min-width: 568px) { #shipsimages .proGalleryThumbs { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } } @media screen and (min-width: 992px) { #shipsimages .proGalleryThumbs { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } @media screen and (min-width: 1200px) { #shipsimages .proGalleryThumbs { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; } } #shipsimages .proGalleryThumbs li.proGalleryItem { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; border-bottom: 1rem solid transparent; } /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} @media screen and (max-width: 568px) { #cboxTitle { display: none !important; } } #cboxOverlay{background:url(../files/colorbox-images/colorbox-1/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);} #colorbox{outline:0;} #cboxTopLeft{width:21px; height:21px; background:url(../files/colorbox-images/colorbox-1/controls.png) no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; background:url(../files/colorbox-images/colorbox-1/controls.png) no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(../files/colorbox-images/colorbox-1/controls.png) no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(../files/colorbox-images/colorbox-1/controls.png) no-repeat -130px -29px;} #cboxMiddleLeft{width:21px; background:url(../files/colorbox-images/colorbox-1/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(../files/colorbox-images/colorbox-1/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(../files/colorbox-images/colorbox-1/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(../files/colorbox-images/colorbox-1/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxLoadingOverlay{background:url(../files/colorbox-images/colorbox-1/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(../files/colorbox-images/colorbox-1/loading.gif) no-repeat center center;} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../files/colorbox-images/colorbox-1/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../files/colorbox-images/colorbox-1/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxClose{position:absolute; bottom:0; right:0; background:url(../files/colorbox-images/colorbox-1/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} %[endif]%