<?php 
header("Content-type: text/css;");
$fullurl = (htmlentities($_SERVER['SERVER_NAME'].$_SERVER['SCRIPT_NAME'], ENT_QUOTES, "UTF-8"));
$siteurl1 = substr($fullurl, 0, strrpos( $fullurl, '/'));
$siteurl = substr($siteurl1, strrpos($siteurl1, '/') + 1);
$sitename = substr($siteurl, 0, strrpos( $siteurl, '.'));

if (strpos($fullurl, '/sites/') === false) {
require_once 'includes/connect.php';
} else {
require_once 'sites/'.$sitename.'/includes/connect.php';
}

$result = $mysqli->query("SELECT slide, customcss FROM siteinfo");
$row = $result->fetch_array();
$slide=$row['slide'];
$customcss=$row['customcss'];
?>
@charset "utf-8";
<?php echo $customcss ?>

<?php if ($slide==1) {?>
.carousel-inner > .item {
left: 0;
-webkit-transition: 0.6s ease-in-out left;
-moz-transition: 0.6s ease-in-out left;
-ms-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev { display: block }
.carousel-inner > .active { left: 0; z-index:2; }
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next { left: -100% }
.carousel-inner > .prev { left: 100% }
.carousel-inner > .next.left,
.carousel-inner > .prev.right { left: 0 }
.carousel-inner > .active.left { left: 100% }
.carousel-inner > .active.right { left: -100% }
<?php } ?>
<?php if ($slide==2) {?>
.carousel-inner > .item {
left: 0;
-webkit-transition: 0.6s ease-in-out top;
-moz-transition: 0.6s ease-in-out top;
-ms-transition: 0.6s ease-in-out top;
-o-transition: 0.6s ease-in-out top;
transition: 0.6s ease-in-out top;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev { display: block }
.carousel-inner > .active { top: 0; }
.carousel-inner > .next { top: 100%; left: 0; }
.carousel-inner > .prev { top: -100%; left: 0; }
.carousel-inner > .next.left,
.carousel-inner > .prev.right { top: 0; left: 0; }
.carousel-inner > .active.left { top: -100%; left: 0; }
.carousel-inner > .active.right { top: 100%; left: 0; }
<?php } ?>
<?php if ($slide==3) {?>
.carousel-inner > .item {
left: 0;
-webkit-transition: 0.6s ease-in-out top;
-moz-transition: 0.6s ease-in-out top;
-ms-transition: 0.6s ease-in-out top;
-o-transition: 0.6s ease-in-out top;
transition: 0.6s ease-in-out top;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev { display: block }
.carousel-inner > .active { top: 0; }
.carousel-inner > .next { top: -100%; left: 0; }
.carousel-inner > .prev { top: 100%; left: 0; }
.carousel-inner > .next.left,
.carousel-inner > .prev.right { top: 0; left: 0; }
.carousel-inner > .active.left { top: 100%; left: 0; }
.carousel-inner > .active.right { top: -100%; left: 0; }
<?php } ?>
<?php if ($slide==4) {?>
.carousel-inner > .item {
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
transition: all 2s ease-in-out ;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev { display: block; left: 0; }
.carousel-inner > .active.left,
.carousel-inner > .active.right { left: 0; opacity: 0; }
.carousel-caption { opacity: 0; }
.carousel-inner > .active .carousel-caption { opacity: 1; }
<?php } ?>
<?php if ($slide==5) {?>
.carousel-inner > .item {
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
transition: all 2s ease-in-out ;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev { display: block; left: 0; }
.carousel-inner > .active.left,
.carousel-inner > .active.right {
left: 0;
opacity: 0; 
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
 transform: scale(1.5);
}
.carousel-caption { opacity: 0; }
.carousel-inner > .active .carousel-caption { opacity: 1; }
<?php } ?>
<?php if ($slide==6) {?>
.carousel-inner > .item {
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
transition: all 2s ease-in-out ;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev { display: block; left: 0; 
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
 transform: scale(1.3);
}
.carousel-inner > .active.left,
.carousel-inner > .active.right {
left: 0;
opacity: 0; 
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
 transform: scale(1);
}
.carousel-caption { opacity: 0; }
.carousel-inner > .active .carousel-caption { opacity: 1; }
<?php } ?>
<?php if ($slide==7) {?>
.carousel-inner > .item {
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
transition: all 2s ease-in-out ;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev { display: block; left: 0; }
.carousel-inner > .active.left,
.carousel-inner > .active.right {
left: 0;
opacity: 0; 
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
 transform: scale(0.8);
}
.carousel-caption { opacity: 0; }
.carousel-inner > .active .carousel-caption { opacity: 1; }
<?php } ?>
<?php if ($slide==8) {?>
.carousel-inner > .item {
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
transition: all 2s ease-in-out ;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev { display: block; left: 0; }
.carousel-inner > .next {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
 transform: scale(1.5);	
}
.carousel-inner > .active.left,
.carousel-inner > .active.right {
left: 0;
opacity: 0; 
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
 transform: scale(1.5);
}
.carousel-caption { opacity: 0; }
.carousel-inner > .active .carousel-caption { opacity: 1; }
<?php } ?>
<?php if ($slide==9) {?>
.carousel-inner > .item {
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
transition: all 2s ease-in-out ;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev { display: block; left: 0; }
.carousel-inner > .active.left,
.carousel-inner > .active.right {
opacity: 0; 
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
 transform: scale(1.5);
}
.carousel-caption { opacity: 0; }
.carousel-inner > .active .carousel-caption { opacity: 1; }
<?php } ?>