%PDF-
%PDF-
Mini Shell
Mini Shell
<script type='text/javascript' src='<?php echo JURI::base().'modules/'.$module->module;?>/assets/js/unitegallery.min.js'></script>
<link rel='stylesheet' href='<?php echo JURI::base().'modules/'.$module->module;?>/assets/css/unite-gallery.css' type='text/css' />
<script type='text/javascript' src='<?php echo JURI::base().'modules/'.$module->module;?>/assets/js/ug-theme-carousel.js'></script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#gallery").unitegallery();
});
</script>
<style>
.the-carousel img .ot_image {
width:150px;
height:150px;
}
.the-carousel .ot_content {
width:150px;
height:150px;
float:left;
margin: 2px;
}
/*.the-carousel img {
opacity: 1;
filter: alpha(opacity=40);
}
.the-carousel img:hover {
filter: none;
opacity: 1;
}*/
.tabs {
}
.tabs .tab {
background-color: #f4f8fa;
display: inline-block;
margin-bottom: 1em;
margin-left: 1em;
padding: 0.5em 0.5em 1em;
position: relative;
}
.tabRemove {
position: absolute;
right: 2px;
top: 2px;
}
.tabRemove > span {
color: #bd362f;
}
.tabs .tab .col {
float: left;
margin: 5px 20px 15px 5px;
}
.tabs .tab label {
color: #686868;
}
.tabs .tab input[type="text"] {
}
.tabs .tab textarea {
width: 90%;
}
.omega-powered {
float: right;
}
.omega-powered img {
margin: 5px 0;
}
@media (max-width: 479px) {
.tabs .tab {
margin-left: 0;
}
}
.ot_logo_scroller_wrapper {
margin-top: 20px;
padding-top: 20px;
position: relative;
width: 100%;
}
.ot_logo_scroller {
margin-top: 20px;
overflow: hidden;
padding-top: 20px;
position: relative;
width: 100%;
}
.the-carousel img {
float: left;
}
.the-prev, .the-next {
background: transparent url("../images/carousel_control.png") no-repeat scroll 0 0;
display: block;
height: 21px;
overflow: hidden;
position: absolute;
text-indent: -999px;
top: 40%;
width: 15px;
}
.the-prev {
background-position: 0 0;
}
.the-prev:hover {
left: 1px;
}
.the-next {
background-position: -18px 0;
right: 0;
}
.the-next:hover {
right: 1px;
}
.the-pager {
margin: 30px auto;
text-align: center;
}
.the-pager a {
/* background: transparent url("carousel_control.png") no-repeat scroll -2px -32px; */
background: transparent url("lightco_old/../images/carousel_control.png") no-repeat scroll -2px -32px;
display: inline-block;
height: 8px;
margin: 0 5px 0 0;
overflow: hidden;
text-decoration: none;
text-indent: -999px;
width: 8px;
}
.the-pager a.selected {
background: transparent url("/lightco_old/../images/carousel_control.png") no-repeat scroll -2px -32px;
text-decoration: underline;
}
.caroufredsel_wrapper {
height: auto;
}
.col-ot-1, .col-ot-2, .col-ot-3, .col-ot-4, .col-ot-5, .col-ot-6, .col-ot-7, .col-ot-8, .col-ot-9, .col-ot-10, .col-ot-11, .col-ot-12 {
display: inline-block;
float: left;
min-height: 1px;
padding: 5px;
position: relative;
text-align: center;
vertical-align: middle;
}
.col-ot-1 {
width: 100%;
}
.col-ot-4 {
width: 25%;
}
.col-ot-5 {
width: 20%;
}
.col-ot-2 {
width: 50%;
}
.col-ot-3 {
width: 33.3333%;
}
.col-ot-6 {
width: 16.6667%;
}
.col-ot-7 {
width: 14.4285%;
}
.col-ot-8 {
width: 12.5%;
}
.col-ot-9 {
width: 11.1111%;
}
.col-ot-10 {
width: 10%;
}
.col-ot-11 {
width: 9.0909%;
}
.col-ot-12 {
width: 8.3333%;
}
@media (max-width: 320px) {
.col-ot-1, .col-ot-2, .col-ot-3, .col-ot-4, .col-ot-5, .col-ot-6, .col-ot-7, .col-ot-8, .col-ot-9, .col-ot-10, .col-ot-11, .col-ot-12 {
width: 100%;
}
}
@media (min-width: 321px) and (max-width: 480px) {
.col-ot-2, .col-ot-3, .col-ot-4, .col-ot-5, .col-ot-6, .col-ot-7, .col-ot-8, .col-ot-9, .col-ot-10, .col-ot-11, .col-ot-12 {
width: 50%;
}
.col-ot-1 {
width: 100%;
}
}
@media (min-width: 481px) and (max-width: 640px) {
.col-ot-2 {
width: 50%;
}
.col-ot-1 {
width: 100%;
}
.col-ot-3, .col-ot-4, .col-ot-5, .col-ot-6, .col-ot-7, .col-ot-8, .col-ot-9, .col-ot-10, .col-ot-11, .col-ot-12 {
width: 33%;
}
}
@media (min-width: 641px) and (max-width: 800px) {
.col-ot-2 {
width: 50%;
}
.col-ot-1 {
width: 100%;
}
.col-ot-3 {
width: 33%;
}
.col-ot-4 {
width: 25%;
}
.col-ot-5, .col-ot-6, .col-ot-7, .col-ot-8, .col-ot-9, .col-ot-10, .col-ot-11, .col-ot-12 {
width: 20%;
}
}
@media (min-width: 801px) and (max-width: 980px) {
.col-ot-2 {
width: 50%;
}
.col-ot-1 {
width: 100%;
}
.col-ot-3 {
width: 33%;
}
.col-ot-4 {
width: 25%;
}
.col-ot-5 {
width: 20%;
}
.col-ot-6, .col-ot-7, .col-ot-8, .col-ot-9, .col-ot-10, .col-ot-11, .col-ot-12 {
width: 16.6667%;
}
}
span.spacer .ot_layer label {
color: #000;
float: none;
font-size: 16px;
font-weight: bold;
margin: 3px 0;
max-width: none !important;
padding: 5px 0 !important;
text-align: center;
text-decoration: underline;
}
</style>
<p id="as_seen_txt" class="hidden-xs"><span>As Seen in...</span></p>
<div class="well none-all hidden-xs">
<div id="gallery" style="display:none;">
<?php
foreach($results as $value)
{
echo "
<img alt='no image '
src='".JURI::base()."images/client_logos/".$value."'
data-image='".JURI::base()."images/client_logos/".$value."'
style='display:none'>
";
}
?>
</div>
</div>
Zerion Mini Shell 1.0