Current Directory: /home/astoriaah/www/old15/media/mod_zentools/css
Viewing File: /home/astoriaah/www/old15/media/mod_zentools/css/zentools.css
/* @override
http://localhost:8888/zentools17/media/mod_zentools/css/zentools.css
http://localhost:8888/zentools31/25/media/mod_zentools/css/zentools.css
*/
/**
* @package Zen Tools
* @subpackage Zen Tools
* @author Joomla Bamboo - design@joomlabamboo.com
* @copyright Copyright (c) 2012 Joomla Bamboo. All rights reserved.
* @license GNU General Public License version 2 or later
* @version 1.8.0
*/
/* General Styling
-----------------------------------------------------------------------------*/
.zentools {
position:relative;
float:left;
width:100%;
}
.zentools div,
.zentools li {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box;
}
.zentools ul {
float:left;
width:100%;
margin:0
}
.zentools li {
list-style-type:none;
padding:0
}
.zentext,.zentitle,.zenimage {
clear:both
}
.zenimage,.zenvideo,.zentools .grid ul {
float:left;
width:100%
}
.zenitem {
position:relative;
*position:static;
z-index: 1;
}
/* Modal Window
-----------------------------------------------------------------------------*/
img.modal {
margin-bottom:20px;
box-shadow:0 0 3px rgba(0, 0, 0, .2);
-moz-box-shadow:0 0 3px rgba(0, 0, 0, .2);
-webkit-box-shadow:0 2px 3px rgba(0, 0, 0, .3);
background:#fff;
border:0
}
/* Video Elements
-----------------------------------------------------------------------------*/
video {
width:100% !important;
height:auto !important
}
.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:0;
height:0;
overflow:hidden
}
.video-container iframe,.video-container object,.video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:94%
}
.allitems.video {
display:none;
text-indent:-9999em;
background:0;
height:0
}
/* Main content
-----------------------------------------------------------------------------*/
.zencontent {
padding:20px 0
}
/* Image Effects
-----------------------------------------------------------------------------*/
.zenborder img,.zenborder .zenvideo {
border:1px solid #ddd;
background:#eee;
margin:0 10px 10px 0;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box;
padding:4px
}
.zenshadow img {
-moz-box-shadow:0 0 5px #888;
-webkit-box-shadow:0 0 5px;
box-shadow:0 0 5px #888;
max-width: 99%;
margin-left: 1%;
margin-top: 4px;
}
.zenrounded img {
border-radius:4px;
}
.zenroundedshadow img {
-moz-box-shadow:0 0 5px #888;
-webkit-box-shadow:0 0 5px;
box-shadow:0 0 5px #888;
border-radius:4px;
margin-left: 1%;
margin-top: 4px;
max-width: 99%;
}
.zenitem.full img,
.zenitem.full {
width: 100%;
}
/* Carousel
-----------------------------------------------------------------------------*/
.zentools.carousel .zenitem {width:100%;padding: 10px 4%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box;}
.zentools.carousel.overlay .zenitem {width:94%;padding: 0;}
/* List Styling
-----------------------------------------------------------------------------*/
.zentools.list ul li {
list-style-type:none;
border-bottom:1px solid #ddd;
float:left;
width:100%;
line-height:1.8;
margin:0;
padding:20px 0
}
.zentools.list h2 {
margin-bottom:0
}
/* Leading
-----------------------------------------------------------------------------*/
.zentools.leading li{
width: 100%;
}
.zentools.leading .column {
margin: 0;
}
/* Grid Settings
-----------------------------------------------------------------------------*/
.zentools.nomargin .grid_one,.zentools.nomargin .grid_two,.zentools.nomargin .grid_three,.zentools.nomargin .grid_four,.zentools.nomargin .grid_five,.zentools.nomargin .grid_six,.zentools.nomargin .grid_seven,.zentools.nomargin .grid_eight,.zentools.nomargin .grid_nine,.zentools.nomargin .grid_ten,.zentools.nomargin .grid_eleven,.zentools.nomargin .grid_twelve,.zentools.nomargin .zenitem.image,.zentools.nomargin .grid_5,.zentools.nomargin .grid_7,.zentools.nomargin .grid_8,.zentools.nomargin .grid_9,.zentools.nomargin .grid_10,.zentools.nomargin .grid_11 {margin: 0;}
.zentools.nomargin .zenlast {float: left;}
.zentools.nomargin .zenitem {
width: 100%;
}
.zentools.grid .zenimage {
margin-bottom: 20px;
}
.zentools.nomargin .zenimage {
margin-bottom: 0;
}
.zentools.grid.overlay .zenimage {
margin-bottom: 0;
}
/* Resize the grid values if no margin is assigned. */
.zentools.nomargin .grid_twelve,.zentools.nomargin .grid_1 {width: 100%;float: left;}
.zentools.nomargin .grid_six,.zentools.nomargin .grid_2 {width: 50%;float: left;}
.zentools.nomargin .grid_four,.zentools.nomargin .grid_3{width: 33.3333333%;float: left;}
.zentools.nomargin .grid_three,.zentools.nomargin .grid4{width: 25%;float: left;}
.zentools.nomargin .grid_two,.zentools.nomargin .grid6{width: 16.6666667%;float: left;}
.zentools.nomargin .grid_one,.zentools.nomargin .grid12{width: 8.333333%;float: left;}
.zentools.nomargin .grid_5 {width: 20%;float: left;}
.zentools.nomargin .grid_7 {width: 14.3%;float: left;}
.zentools.nomargin .grid_8 {width: 12.5%;float: left;}
.zentools.nomargin .grid_9 {width: 11.1%;float: left;}
.zentools.nomargin .grid_10 {width: 10%;float: left;}
.zentools.nomargin .grid_11 {width:9.1%;float: left;}
/* Overlay Effect
-----------------------------------------------------------------------------*/
.zentools.overlay li {
overflow: hidden;margin-bottom: 30px;
}
.zentools.overlay .allitems {
position: absolute;z-index: 9999;background: url(../images/blackOverlay.png);width: 100%;padding: 8px 4%;bottom: 0; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box;}
.zentools.overlay .allitems a,.zentools.overlay .allitems {
color: #fff;
}
.zentools.overlay .zenitem {
margin: 0 !important;
}
.zentools.overlay h2,.zentools.overlay p{
margin: 0 !important;
}
/* Narrows the next and previous buttons int he lightbox gallery
-----------------------------------------------------------------------------*/
a#fancybox-right,a#fancybox-left {
width: 10%;
}
/* Single Item View
-----------------------------------------------------------------------------*/
.zentools.single .zenitem {display:none}
.zentools.single .zenitem1 {display: block}
/* Filter lists
-----------------------------------------------------------------------------*/
ul#filters {
display: block;margin: 0 0 30px;float: left;width: 100%;padding: 8px 0;
}
ul#filters li {
float: left; list-style-type: none;margin: 0 20px 10px 0;
}
ul#filters li a {
padding: 6px 10px;display: none;
}
ul#filters li a.active {
background: #eee;border: 1px solid #ddd;border-radius:4px
}
/* Fix for Fancybox on small screens
-----------------------------------------------------------------------------*/
#fancybox-content div {
width: 100% !important;
max-width: 100% !important;
}
@media only screen and max-width 600px {
.slideshowoverlay .allitems,.slideshowoverlayFrame .allitems {
bottom:60px
}
.grid_twelve .zencontent,.zentools .grid_twelve .imagecontainer,ul.slidenav {
width:100%
}
.zentools.masonry .grid_1,.zentools.masonry .grid_2,.zentools.masonry .grid_3,.zentools.masonry .grid_4,.zentools.masonry .grid_5,.zentools.masonry .grid_6 {
width:97% !important;
margin-left:2%
}
.zentools.accordion .grid_twelve,.zentools.slideshow li.grid_twelve,.zentools.leading .grid_twelve {
margin:0
}
}
/* IE8 li.clear height issue fix
-----------------------------------------------------------------------------*/
li.clear {
display: none;
}
.zentools.icons .zenmore span:before {
margin-right: 4px;
}
/* CSS for small icons when filter threshold triggered
-----------------------------------------------------------------------------*/
ul#filters.sml-filter span span {display:none}
ul#filters.sml-filter li {
margin: 0;float: left;
}
ul#filters.sml-filter a {
padding: 4px 8px;margin: 0;float: left;
}
/* Overlay More
-----------------------------------------------------------------------------*/
.zenmore.overlaymore {
position: absolute;
z-index: 10;
width: 100%;
text-align: center;
}
.zenmore.overlaymore span {
display: block;
cursor: pointer;
}
/* Boxed theme
-----------------------------------------------------------------------------*/
.zen-boxed .zeninner {
background: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 1px 2px 0px rgba(180, 180, 180, 0.4);
-moz-box-shadow: 0px 1px 2px 0px rgba(180, 180, 180, 0.4);
box-shadow: 0px 1px 2px 0px rgba(180, 180, 180, 0.4);
padding-bottom: 20px;
}
.zen-boxed .zentext,.zentitle {
padding: 4px 10px;
margin: 0 !important;
}
.zen-boxed .zenimage {
margin-bottom: 10px;
}
.zen-boxed .zenimage img{
-webkit-border-radius: 4px 4px 0 0 !important;
-moz-border-radius: 4px 4px 0 0 !important;
border-radius: 4px 4px 0 0 !important;
}
/* Fix for stickynav
-----------------------------------------------------------------------------*/
.affix {
-webkit-transform: translateZ(0)
}