/* * jQuery Nivo Slider v3.2 * http://nivo.dev7studios.com * * Copyright 2012, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* The Nivo Slider styles */ .nivoSlider { position:relative; width:100%; 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:0; right:0; background:transparent; z-index:8; padding:0; overflow: hidden; display: none; } .slide_info{ padding:10px; margin-bottom:10px; -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 h1{ margin:0; font-family: 'Sail', sans-serif; font-size:60px; font-weight:400; color:#ffffff; text-align: center; text-shadow: 1px 1px 1px #584949; } .nivo-caption h1 span{font:700 49px 'Roboto',san-serif;} .nivo-caption h1 a{padding:10px; color:#181818;} .nivo-caption p{color: #ffffff; font-family: Roboto Condensed; font-size:17px; font-weight: 400; line-height: 24px; margin: 10px 0 35px; padding-left: 25px; text-align: center; text-shadow: 1px 1px 1px #000; } .nivo-caption a { display:inline-block !important; } .slide_more{ color:#ffffff; font-size:15px !important; background-color:transparent !important; font-family: 'Roboto Condensed', sans-serif; font-weight:400; text-align:center; } .slide_more a{ color:#ffffff; border:2px solid #ffffff; padding:5px 25px; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; bottom:10px; 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; } /* 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{ position:relative; } .theme-default .nivoSlider { position:relative; background:#fff url(../images/loading.gif) no-repeat 50% 50%; margin-bottom:10px; } .theme-default .nivoSlider img { /*position:absolute;*/ top:0px; left:0px; display:none; } .theme-default .nivoSlider a { display:block; } .theme-default .nivo-controlNav { position:absolute; bottom:31%; left:-41.5%; text-align: center; padding: 0; width:100%; z-index:8; } .theme-default .nivo-controlNav a { display:inline-block; width:11px; height:11px; text-indent:-9999px; border:0; margin: 0 2px; background-color:#393939; border-radius:12px; } .theme-default .nivo-controlNav a.active { background-position:0 -22px; background-color:#2194fb; } .theme-default .nivo-directionNav a { display:block; width:28px; height:44px; background:url(../images/arrows.png) no-repeat; text-indent:-9999px; border:0; top:180px; opacity: 0.75; -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; } .theme-default a.nivo-nextNav { background-position:-30px 0; right:15px; } .theme-default a.nivo-prevNav { left:15px; } .theme-default .nivo-caption a:hover { color:#2194fb; } .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; } @media only screen and (min-width:1000px) { .nivo-caption{width:90%; margin:0 auto; bottom:150px; text-align:center;} } @media only screen and (min-width: 768px) and (max-width: 999px) { .nivo-caption{width:47%; bottom:55px;} .nivo-caption h1{font-size:35px;} p.slide_more{ margin-left:10px;} } @media only screen and (max-width: 767px) { .nivo-caption{width:53%; height:100%; bottom:0; left:0; text-align:left;} .nivo-caption h1{font-size:15px; line-height:20px;} .nivo-caption p{font-size:11px;} .slide_info{margin-bottom:0;} p.slide_more{ margin-left:10px;} }