?
Path : /home/admin/public_html/old/components/com_roksprocket/layouts/mosaic/themes/gallery/ |
Current File : /home/admin/public_html/old/components/com_roksprocket/layouts/mosaic/themes/gallery/gallery.css |
/** * @author RocketTheme http://www.rockettheme.com * @copyright Copyright (C) 2007 - 2015 RocketTheme, LLC * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only */ /** * @version $Id: mosaic.css 10885 2013-05-30 06:31:41Z btowles $ * @author RocketTheme http://www.rockettheme.com * @copyright Copyright (C) 2007 - 2015 RocketTheme, LLC * @license http://www.rockettheme.com/legal/license.php RocketTheme Proprietary Use License */ /* Mosaic - Colors */ .sprocket-mosaic-g-filter li, .sprocket-mosaic-g-order li {background: #aaa;color: #fff;} .sprocket-mosaic-g-filter li.active, .sprocket-mosaic-g-order li.active {background: #151515;color: #fff;} .sprocket-mosaic-g-content {color: #fff;} .sprocket-mosaic-g-item.panel-color {background: #151515;} /* Mosaic - Core */ .sprocket-mosaic {position: relative;} .sprocket-mosaic:after {display: table;content: "";clear: both;} .sprocket-mosaic-g-header ul {list-style: none;margin: 0;padding: 0;} .sprocket-mosaic-g-container {position: relative;clear: both;} #main .sprocket-mosaic-g-container {margin: 0; padding: 0;} .sprocket-mosaic-g-container li {-webkit-backface-visibility: hidden;-webkit-transform: translatez(0);} /* Mosaic - Header */ .sprocket-mosaic-g-header {margin-bottom: 10px;} .sprocket-mosaic-g-header:after {display: table;content: "";clear: both;} .sprocket-mosaic-g-header li {display: inline-block;} .sprocket-mosaic-g-pagination-hidden {display: none;} .sprocket-mosaic-g-order {float: right;} .sprocket-mosaic-g-filter {float: left;} #main .sprocket-mosaic .sprocket-mosaic-g-order ul li, .sprocket-mosaic .sprocket-mosaic-g-order li, #main .sprocket-mosaic .sprocket-mosaic-g-filter ul li, .sprocket-mosaic .sprocket-mosaic-g-filter li {border-radius: 4px;padding: 2px 6px;margin: 0;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-o-user-select: none;-ms-user-select: none;user-select: none;} .sprocket-mosaic-g-container li {-webkit-backface-visibility: hidden;-webkit-transform: translatez(0);} /* Mosaic - Columns */ .sprocket-mosaic-g-columns-1 > li {width: 100%;} .sprocket-mosaic-g-columns-2 > li {width: 50%;width: -webkit-calc(100% / 2);width: calc(100% / 2);} .sprocket-mosaic-g-columns-3 > li {width: 33.333333333333336%;width: -webkit-calc(100% / 3);width: calc(100% / 3);} .sprocket-mosaic-g-columns-4 > li {width: 25%;width: -webkit-calc(100% / 4);width: calc(100% / 4);} .sprocket-mosaic-g-columns-5 > li {width: 20%;width: -webkit-calc(100% / 5);width: calc(100% / 5);} .sprocket-mosaic-g-columns-6 > li {width: 16.666666666666668%;width: -webkit-calc(100% / 6);width: calc(100% / 6);} /* Mosaic - Content */ .sprocket-mosaic-g-container {margin: 0;padding: 0;list-style: none;} .sprocket-readmore {white-space: nowrap;} .sprocket-mosaic-g-content {padding: 15px;box-sizing: border-box;} .sprocket-mosaic-g-content.overlay-mode {position: absolute;overflow: hidden;top: 0;left: 0;right: 0;bottom: 0;visibility: hidden;opacity: 0;height: 0;} .sprocket-mosaic-g-item:hover .sprocket-mosaic-g-content.overlay-mode {opacity: 1;visibility: visible;height: 100%;} .sprocket-mosaic-g-item {display: block;position: relative;} .sprocket-mosaic-g-image-container {position: relative;} .sprocket-mosaic-g-image {width: 100%;} .sprocket-mosaic-g-effect {position: absolute;bottom: 0;left: 0;right: 0;top: 0;width: 0;height: 0;opacity: 0;background: rgba(0,0,0,0.7);-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;-webkit-backface-visibility: hidden;-webkit-transform: translatez(0);} .sprocket-mosaic-g-item:hover .sprocket-mosaic-g-effect {width: 100%;height: 100%;opacity: 1;} .sprocket-mosaic-g-title {margin: 0 0 15px 0;} .overlay-mode .sprocket-mosaic-g-title {opacity: 0;margin-top: -25px;-webkit-transition: all 0.2s 0.2s;-moz-transition: all 0.2s 0.2s;transition: all 0.2s 0.2s;} .sprocket-mosaic-g-item:hover .overlay-mode .sprocket-mosaic-g-title {opacity: 1;margin-top: 0;} .sprocket-mosaic-g-text {margin: 15px 0;display: block;} .sprocket-mosaic-g-readon {white-space: nowrap;} .overlay-mode .sprocket-mosaic-g-text, .overlay-mode .sprocket-mosaic-g-readon {opacity: 0;-webkit-transition: opacity 0.3s 0.4s;-moz-transition: opacity 0.3s 0.4s;transition: opacity 0.3s 0.6s;} .sprocket-mosaic-g-item:hover .overlay-mode .sprocket-mosaic-g-text, .sprocket-mosaic-g-item:hover .overlay-mode .sprocket-mosaic-g-readon {opacity: 1;} /* Mosaic - Tags */ .sprocket-mosaic-g-tags {margin: 0;padding: 0;list-style: none;position: absolute;bottom: 0;left: 0;right: 0;background: #000;padding: 0 7px;} .overlay-mode .sprocket-mosaic-g-tags {opacity: 0;-webkit-transition: opacity 0.3s 0.9s;-moz-transition: opacity 0.3s 0.9s;transition: opacity 0.3s 0.9s;} .sprocket-mosaic-g-item:hover .overlay-mode .sprocket-mosaic-g-tags {opacity: 1;} .sprocket-mosaic-g-tags li {float: left;width: auto;color: #fff;padding: 8px;margin: 0;} .sprocket-mosaic-g-tags li:after {content: '/';margin: 0 -8px 0 8px;opacity: 0.3;} .sprocket-mosaic-g-tags li:last-child:after {display: none;} /* Overlay Loader */ .sprocket-mosaic-g-overlay {display: none;position: absolute;top:0;left:0;right:0;bottom:0;background-color:transparent;z-index:2;} .sprocket-mosaic-g-overlay .css-loader-wrapper {width: 60px;height:60px;margin: 200px auto 0;padding: 20px;background-color:#e5e5e5;background-color: rgba(0, 0, 0, 0.5);box-shadow:0 0 5px rgba(0, 0, 0, 0.4) inset,1px 1px 1px rgba(255, 255, 255, 0.1);border-radius:1em;} .sprocket-mosaic.refreshing .sprocket-mosaic-g-overlay {display: block;} .sprocket-mosaic-g-overlay .css-loader {display: block;margin: 0 auto;font-size: 10px;position: relative;text-indent: -9999em;border-top: 8px solid rgba(255, 255, 255, 0.2);border-right: 8px solid rgba(255, 255, 255, 0.2);border-bottom: 8px solid rgba(255, 255, 255, 0.2);border-left: 8px solid #ffffff;-webkit-animation: loader 1.1s infinite linear;animation: loader 1.1s infinite linear;} .sprocket-mosaic-g-overlay .css-loader, .sprocket-mosaic-g-overlay .css-loader:after {border-radius: 50%;width: 44px;height: 44px;} /* Load More */ .sprocket-mosaic-g-loadmore {-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;margin:10px auto;display:block;padding:5px;width:155px;} .sprocket-mosaic-g-loadmore.hide {display:none;} .sprocket-mosaic-g-loadmore {background: #aaa;color: #fff;cursor: pointer;border-radius: 4px;} .sprocket-mosaic-g-loadmore span {text-transform: capitalize;display:block;text-align: center;} .sprocket-mosaic-g-loadmore .loadmore-text {font-size: 1.1em;} .sprocket-mosaic-g-loadmore .loadmore-info {font-size: 10px;} .sprocket-mosaic-g-loadmore .loadmore-info strong {font-weight: normal;} .sprocket-mosaic-g-loadmore .loadmore-all {display: none;} .sprocket-mosaic-g-loadmore .loadmore-all span {line-height: 36px;} .sprocket-mosaic-g-loadmore .loadmore-all .loadmore-info {display:none;} .sprocket-mosaic-g-loadmore.load-all {background: #151515;color: #fff;} .sprocket-mosaic-g-loadmore.load-all .loadmore-all {display: block;} .sprocket-mosaic-g-loadmore.load-all .loadmore-more {display: none;} .sprocket-mosaic-g-loadmore.loader .loadmore-more, .sprocket-mosaic-g-loadmore.loader .loadmore-text { display:none; } .sprocket-mosaic-g-loadmore.loader span {display: block;margin: 0 auto;font-size: 10px;position: relative;text-indent: -9999em;border-top: 6px solid rgba(255, 255, 255, 0.2);border-right: 6px solid rgba(255, 255, 255, 0.2);border-bottom: 6px solid rgba(255, 255, 255, 0.2);border-left: 6px solid #ffffff;-webkit-animation: loader 1.1s infinite linear;animation: loader 1.1s infinite linear;} .sprocket-mosaic-g-loadmore.loader span, .sprocket-mosaic-g-loadmore.loader span:after {border-radius: 50%;width: 24px;height: 24px;} .sprocket-mosaic-g-loadmore .loadmore-info, .sprocket-mosaic-g-loadmore .loadmore-text, .sprocket-mosaic-g-loadmore .loadmore-info:hover, .sprocket-mosaic-g-loadmore .loadmore-text:hover {background-color: transparent !important;border: 0;margin: 0; padding: 0;} @-webkit-keyframes loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Media Queries */ @media only screen and (min-width: 768px) and (max-width: 959px) { .sprocket-mosaic-g-columns-1 > li, .sprocket-mosaic-g-columns-2 > li, .sprocket-mosaic-g-columns-3 > li, .sprocket-mosaic-g-columns-4 > li, .sprocket-mosaic-g-columns-5 > li, .sprocket-mosaic-g-columns-6 > li {width: 33.34%;} } @media only screen and (min-width: 481px) and (max-width: 767px) { .sprocket-mosaic-g-columns-1 > li, .sprocket-mosaic-g-columns-2 > li, .sprocket-mosaic-g-columns-3 > li, .sprocket-mosaic-g-columns-4 > li, .sprocket-mosaic-g-columns-5 > li, .sprocket-mosaic-g-columns-6 > li {width: 50%;} .sprocket-mosaic-g-info {display: none;} } @media only screen and (max-width: 480px) { .sprocket-mosaic-g-columns-1 > li, .sprocket-mosaic-g-columns-2 > li, .sprocket-mosaic-g-columns-3 > li, .sprocket-mosaic-g-columns-4 > li, .sprocket-mosaic-g-columns-5 > li, .sprocket-mosaic-g-columns-6 > li {width: 50%;} .sprocket-mosaic-g-content {text-align: center;} .sprocket-mosaic-g-info, .sprocket-mosaic-g-tags, .sprocket-mosaic-g-text {display: none;} }