/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Description: The default skin for the Nivo Slider.
Version: 1.3
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/
.theme-default .nivoSlider {
position:relative;
background:#fff url(http://www.jqueryscript.net/demo/nivo-slider/themes/default/loading.gif) no-repeat 50% 50%;
margin-bottom:10px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.theme-default .nivoSlider a {
border:0;
display:block;
}
.theme-default .nivo-controlNav {
text-align: center;
padding: 15px 0 0;
}
.theme-default .nivo-controlNav a {
background:rgb(212, 212, 212);
display:inline-block;
width:12px;
height:12px;
border-radius:6px;
text-indent:-9999px;
border:0;
margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
background:#363231;
background-position:0 -22px;
}
.theme-default .nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(http://www.jqueryscript.net/demo/nivo-slider/themes/default/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
opacity: 0;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1;-moz-opacity:1;}
.theme-default a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
.theme-default a.nivo-prevNav {
left:15px;
}
.theme-default .nivo-caption {
font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
color:#fff;
border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
color:#fff;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled {
width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
width: auto;
height: auto;
background: none;
margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
display: block;
width: 120px;
height: auto;
}
.nivoSlider {
position:relative;
width:95.4%;
height:auto;
overflow: hidden;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
max-width: none;
}
.nivo-main-image {
display: block !important;
position: relative !important;
width: 100% !important;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
background:white;
filter: alpha(opacity=0);
opacity: 0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
top:0;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
overflow:hidden;
}
.nivo-box img { display:block; }
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:20px;
background:$(header.background.color);
color:$(header.font.color);
width:100%;
z-index:8;
padding: 5px 10px;
opacity: 0.8;
overflow: hidden;
display: none;
-moz-opacity: 0.8;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next
Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
text-align:center;
padding: 15px 0;
}
.nivo-controlNav a {
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
@media all and (max-width: 1500px) {
h1 {left:50px;margin-left:0}
header nav {left:280px;margin-left:0;padding-right:80px}
header a.search {right:50px;margin-right:0}
.content-wrapper {width:auto;margin-left:50px;margin-right:50px;}
.post{font-size:15px;}
}
@media all and (max-width: 1470px) {
header{height:85px}
.post{font-size:14px;}
}
@media all and (max-width: 1170px) {
h1 {left:100px}
header a.search {right:100px;margin-right:0}
.main-wrapper{width:90%;margin:0 auto;float:none}
.sidebar-wrapper, #BackToTop{display:none !important;}
footer .footer-sidebar {max-width:90%;}
}
@media all and (max-width: 840px) {
h1{position:static;width:auto;padding:10px 0 20px 0;margin:0;text-align:center;}
h1 a{font-size:36px !important;}
.nivoSlider{width:100%}
header{height:90px}
header nav{position:static;width:auto;margin:0 !important;text-align:center;padding-right:0;}
header nav a{padding:5px;font-size:18px;margin:0 10px}
#sidebar-subscribe-box{width:100%}
.youmax-video-tnail-box{width:95.4% !important}
.post{width:100%;text-align:center}
.post h2 a{font-size:28px}
.post-body{padding:3em}
footer{padding:30px 0 10px;}
footer .footer-content{display:none}
footer .footer-navigation{display:block;float:none;width:auto;margin:0;text-align:center}
footer .footer-navigation a{margin:0 10px 10px 0 !important;padding:0 10px}
footer .footer-navigation p{width:auto}
}
@media all and (max-width: 600px) {
.content-wrapper{margin:20px}
.slider-wrapper .theme-default, .nivo-controlNav, #slider, .nivoSlider {display:none}
#sidebar-subscribe-box{display:none}
.Subscriber .widget-content{margin:0;}
.Subscriber h2{display:none}
.post h2{padding:2em}
.post h2 a{font-size:24px;text-align:left}
.post-body{padding:2em;font-size:15px}
header a.search{margin-top:-45px;}
h1{padding:10px 0 10px 0}
.recentpost_title{padding-top:30px;}
header select{width:96%;font:inherit;font-size:14px;padding:4px;margin:0 2% 2%}
#author-info, #related-posts, .related-posts-title {display:none}
}
@media all and (max-width: 400px) {
.content-wrapper{margin:10px}
.post h2{padding:1.5em}
.post h2 a{font-size:18px;text-align:left}
.post-body{padding:1.5em;font-size:13px}
header a.search {display:none;}
}
