/* Skin Name: Homepage Description: The skin for the Avfuel homepage banner. Version: 1.0 Author: Scott Wilkinson Supports Thumbs: false */ .theme-homepage .nivoSlider { position:relative; background:#fff url(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; z-index:1; } .theme-homepage .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .theme-homepage .nivoSlider a { border:0; display:block; } .theme-homepage .nivo-controlNav { text-align: center; padding: 20px 0; } .theme-homepage .nivo-controlNav a { display:inline-block; width:22px; height:22px; background:url(bullets.png) no-repeat; text-indent:-9999px; border:0; margin: 0 2px; } .theme-homepage .nivo-controlNav a.active { background-position:0 -22px; } .theme-homepage .nivo-directionNav a { display:block; position:absolute; left:inherit; right:-50%; width:38px; height:39px; background:url(arrows.png) no-repeat; text-indent:-9999px; border:0; opacity: 0.6; margin: 0 2px; -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-homepage:hover .nivo-directionNav a { opacity: 1; } .theme-homepage .nivo-directionNav{ position:absolute; top: 40px; right: 50%; width:100%; height:5px; max-width:960px; margin:0px 10px 0px 0px; } .theme-homepage a.nivo-nextNav { margin-right:42px; /*right:15px;*/ } .theme-homepage a.nivo-prevNav { background-position:-41px 0; /*left:15px;*/ } .theme-homepage .nivo-caption { display: block; opacity: 0.8; overflow: visible; position: absolute; z-index: 8; top: 0; left: 50%; max-width:960px; height: 100%; background:none; } .theme-homepage .nivo-caption .caption-frameT { width: 100%; padding: 0; display: table; height: 102%; position: absolute; top: 0; left: -50%; margin: 0; background:transparent url(overlay.png) no-repeat 0 0; } .theme-homepage .nivo-caption .caption-frameTC { padding: 0; vertical-align: middle; display: table-cell; margin: 0; } .theme-homepage .nivo-caption .caption-content { width: 270px; margin: 0 72px; padding: 15px 0; text-align: center; } .theme-homepage .nivo-caption .caption-title{ display: block; color: #BA2629; font-family: 'Roboto',Helvetica,Arial,sans-serif; font-size: 28px; font-weight: 100; line-height: 100%; margin-bottom: 8px; } .theme-homepage .nivo-caption .caption-subtitle{ display: block; color: #000; font-family:'Arial Narrow',Arial,Helvetica,sans-serif; font-stretch: condensed; font-size: 14px; font-weight: 100; line-height: 1.3em; } .theme-homepage .nivo-caption a { text-decoration: none; } .theme-homepage .nivo-caption a:hover { } .theme-homepage .nivo-box-frame {position:absolute; left:0px; top:0px; bottom:0px;} .theme-homepage .nivo-box {height:100% !important;} .theme-homepage .nivo-box img {height:100% !important;} /* Responsive styles */ @media all and (max-width:930px) { .theme-homepage .nivo-caption { background:transparent; } .theme-homepage .nivo-caption .caption-frameT {background:none;} .theme-homepage .nivo-caption .caption-content{ top: 0; left: 0; margin: 0; background:#fff; text-align: left; padding-left: 5px; } } @media all and (max-width:600px) { .theme-homepage .nivo-directionNav{ right: 45px; top: 5px; } .theme-homepage .nivo-caption .caption-title { font-size: 20px; } } @media all and (max-width:450px) { .theme-homepage .nivo-caption { background:#fff; top: initial; left: initial; bottom: 0; height: 34%; } .theme-homepage .nivo-caption .caption-content{ padding: 2px; width: 100%; } .theme-homepage .nivo-caption .caption-title { font-size: 16px; margin: 0; } }