Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .ms-slide.frontiers:hover .explore-frontiers,
- .ms-slide.frontiers:hover .explore-frontiers-bg{
- opacity: 0;
- z-index: -10;
- }
- .explore-frontiers{
- position: absolute;
- font-family: 'TungstenCondensedBold', Arial, sans-serif;
- font-size: 96px;
- left: 50%;
- top: 50%;
- z-index: 999;
- opacity: 1;
- -webkit-transition: all 400ms ease-out;
- -moz-transition: all 400ms ease-out;
- -ms-transition: all 400ms ease-out;
- -o-transition: all 400ms ease-out;
- transition: all 400ms ease-out;
- -webkit-transform: translateY(-50%) translateX(-50%);
- -moz-transform: translateY(-50%) translateX(-50%);
- -ms-transform: translateY(-50%) translateX(-50%);
- -o-transform: translateY(-50%) translateX(-50%);
- transform: translateY(-50%) translateX(-50%);
- color: #fff;
- text-align: center;
- pointer-events: none;
- line-height: normal;
- }
- .explore-frontiers-bg{
- left: 0;
- top: 0;
- opacity: 0.8;
- z-index: 99;
- background-image: url(../images/slider-bg2.jpg);
- background-position: center center;
- background-size: cover;
- width: 100%;
- height: 100%;
- position: absolute;
- -webkit-transition: all 400ms ease-out;
- -moz-transition: all 400ms ease-out;
- -ms-transition: all 400ms ease-out;
- -o-transition: all 400ms ease-out;
- transition: all 400ms ease-out;
- pointer-events: none;
- }
- .ms-slide.frontiers .ms-layer{
- height: 100%;
- position: relative;
- }
- .ms-slide.frontiers .ms-layer a{
- width: 33.3333%;
- height: 33.3333%;
- display: block;
- position: relative;
- }
- .ms-slide.frontiers .ms-layer a .overlay > span{
- position: relative;
- top: 50%;
- -webkit-transform: translateY(-50%);
- -moz-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- -o-transform: translateY(-50%);
- transform: translateY(-50%);
- -webkit-transition: all 300ms ease-out;
- -moz-transition: all 300ms ease-out;
- -ms-transition: all 300ms ease-out;
- -o-transition: all 300ms ease-out;
- transition: all 300ms ease-out;
- display: block;
- font-size: 2.6vw;
- }
- .ms-slide.frontiers .ms-layer a .overlay{
- position: absolute;
- top: 0px;
- left: 0px;
- width: 100%;
- height: 100%;
- background-color: rgba(25, 26, 39, 0.8);
- font-family: 'latobold', Arial, sans-serif;
- font-size: 24px;
- text-align: center;
- background-position: center center;
- background-repeat: no-repeat;
- background-size: auto 80%;
- -webkit-transition: all 300ms ease-out;
- -moz-transition: all 300ms ease-out;
- -ms-transition: all 300ms ease-out;
- -o-transition: all 300ms ease-out;
- transition: all 300ms ease-out;
- }
- .ms-slide.frontiers .ms-layer a:hover .overlay{
- background-color: rgba(25, 26, 39, 0);
- background-image: url(../images/video-play.png);
- }
- .ms-slide.frontiers .ms-layer a:hover .overlay > span{
- opacity: 0;
- }
- @media (max-width: 640px){
- .ms-slide.frontiers .ms-layer a{
- width: 50%;
- }
- .ms-slide.frontiers .ms-layer a .overlay{
- background-size: 50% auto;
- }
- .ms-layer .front1 img{
- width: auto;
- height: 100%;
- }
- }
- @media (min-width: 1180px){
- .ms-slide.frontiers .ms-layer a .overlay > span{
- font-size: 31px;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement