/* Carousel */ .fade-carousel { position: relative; height: 75vh; } .fade-carousel .carousel-inner .item { height: 75vh; } .fade-carousel .carousel-indicators > li { margin: 0 2px; background-color: #f39c12; border-color: #f39c12; opacity: .7; } .fade-carousel .carousel-indicators > li.active { width: 10px; height: 10px; opacity: 1; } /* Title Text */ .title-public-portal { position: absolute; top: 50%; left: 50%; z-index: 3; color: #fff; text-align: center; text-shadow: 1px 1px 0 rgba(0,0,0,.75); -webkit-transform: translate3d(-50%,-50%,0); -moz-transform: translate3d(-50%,-50%,0); -ms-transform: translate3d(-50%,-50%,0); -o-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); } .title-public-portal h1 { font-size: 4em; font-weight: bold; margin: 0; padding: 0; } .fade-carousel .carousel-inner .item .title-public-portal { opacity: 0; -webkit-transition: 2s all ease-in-out .1s; -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s; } .fade-carousel .carousel-inner .item.active .title-public-portal { opacity: 1; -webkit-transition: 2s all ease-in-out .1s; -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s; } /* Slides Backgrounds */ .fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3 { height: 75vh; background-size: cover; background-position: center center; background-repeat: no-repeat; } .fade-carousel .slides .slide-1 { background-image: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.01)), url("/javax.faces.resource/img/background_pti_1.jpg.xhtml?ln=candidate"); background-image: -moz-linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,0.01)), url("/javax.faces.resource/img/background_pti_1.jpg.xhtml?ln=candidate"); background-image: -o-linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,0.01)), url("/javax.faces.resource/img/background_pti_1.jpg.xhtml?ln=candidate"); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,0.01)), url("/javax.faces.resource/img/background_pti_1.jpg.xhtml?ln=candidate"); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.2)), to(rgba(0,0,0,0.01))), url("/javax.faces.resource/img/background_pti_1.jpg.xhtml?ln=candidate"); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,0.01)), url("/javax.faces.resource/img/background_pti_1.jpg.xhtml?ln=candidate"); } .fade-carousel .slides .slide-2 { background-image: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.01)), url("/javax.faces.resource/img/background_pti_2.jpg.xhtml?ln=candidate"); background-image: -moz-linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,0.01)), url("/javax.faces.resource/img/background_pti_2.jpg.xhtml?ln=candidate"); background-image: -o-linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,0.01)), url("/javax.faces.resource/img/background_pti_2.jpg.xhtml?ln=candidate"); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,0.01)), url("/javax.faces.resource/img/background_pti_2.jpg.xhtml?ln=candidate"); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.2)), to(rgba(0,0,0,0.01))), url("/javax.faces.resource/img/background_pti_2.jpg.xhtml?ln=candidate"); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,0.01)), url("/javax.faces.resource/img/background_pti_2.jpg.xhtml?ln=candidate"); } .fade-carousel .slides .slide-3 { background-image: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.01)), url("/javax.faces.resource/img/background_pti_3.jpg.xhtml?ln=candidate"); background-image: -moz-linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,0.01)), url("/javax.faces.resource/img/background_pti_3.jpg.xhtml?ln=candidate"); background-image: -o-linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,0.01)), url("/javax.faces.resource/img/background_pti_3.jpg.xhtml?ln=candidate"); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,0.01)), url("/javax.faces.resource/img/background_pti_3.jpg.xhtml?ln=candidate"); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.2)), to(rgba(0,0,0,0.01))), url("/javax.faces.resource/img/background_pti_3.jpg.xhtml?ln=candidate"); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,0.01)), url("/javax.faces.resource/img/background_pti_3.jpg.xhtml?ln=candidate"); } /* Buttons */ .btn-dark:hover, .btn-dark:focus, .btn-dark:active { color: #fff; background-color: rgba(0,0,0,0.7); } .btn-dark { border-radius: 0; color: #fff; background-color: rgba(0,0,0,0.4); font-size: 1.5rem; } .form-inline { margin-top: 25px; } /* Media Queries */ @media screen and (min-width: 980px){ .title-public-portal { width: 980px; } } @media screen and (max-width: 640px){ .title-public-portal h1 { font-size: 4em; } }