You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
8 lines
9.8 KiB
8 lines
9.8 KiB
/**
|
|
* WEBSITE: https://themefisher.com
|
|
* TWITTER: https://twitter.com/themefisher
|
|
* FACEBOOK: https://www.facebook.com/themefisher
|
|
* GITHUB: https://github.com/themefisher/
|
|
*/
|
|
|
|
{"version":3,"sources":["home.scss","home.css"],"names":[],"mappings":"AAAA;EACE,aAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,kBAAA;EACA,WAAA;EACA,kBAAA;EACA,kBAAA;EACA,WAAA;EACA,kBAAA;EACA,gBAAA;EACA,oDAAA;EACA,sBAAA;EACA,4BAAA;ACCF;ADAE;EACE,kBAAA;EACA,eAAA;ACEJ;ADAE;EACE,gBAAA;EACA,gBAAA;EACA,mBAAA;EACA,oCAAA;ACEJ;ADAE;EACE,eAAA;EACA,iBAAA;EACA,cAAA;ACEJ;;ADQA;EACE,gBAAA;ACLF;;ADSA;EACE,mBAAA;EACA,kBAAA;EACA,kBAAA;ACNF;ADQI;EACE,YAAA;ACNN;ADSE;EACE,kBAAA;EACA,WAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;EACA,WAAA;EACA,UAAA;EACA,eAAA;EACA,yBAAA;EACA,gBAAA;EACA,mBAAA;ACPJ;ADSE;EACE,gDAAA;EACA,cAAA;ACPJ;ADQI;EACE,kBAAA;EAGA,oBAAA;ACNN;ADSE;EACE,gBAAA;EACA,kBAAA;EACA,eAAA;EACA,gBAAA;EACA,cAAA;EACA,yBAAA;ACPJ;;ADWA;EACE,qBAAA;EACA,kBAAA;ACRF;;ADcA;EACE,mBAAA;EACA,WAAA;EACA,eAAA;ACXF;;ADaA;EACE,iBAAA;ACVF;;ADYA;EACE,gBAAA;EACA,kBAAA;EACA,mBAAA;EACA,gBAAA;EACA,gBAAA;EACA,eAAA;EACA,qBAAA;EACA,yBAAA;EACA,WAAA;ACTF;;ADkBA;EACE,cAAA;ACfF;;ADiBA;EACE,kBAAA;EACG,YAAA;EACD,SAAA;EACA,2BAAA;EACA,aAAA;EACA,YAAA;ACdJ;;ADiBA;EACE,cAAA;EACA,WAAA;EACA,YAAA;EAGK,wBAAA;EACA,wBAAA;EACL,4BAAA;EACA,6BAAA;EACA,mBAAA;ACdF;;ADgBA;EACE,YAAA;EACA,WAAA;EACA,mBAAA;EAGA,eAAA;EACA,yBAAA;EACA,UAAA;ACbF;;ADgBA;EACE,WAAA;EACA,UAAA;EACA,cAAA;EACA,gBAAA;EACA,mBAAA;EACA,kBAAA;ACbF;;ADeA;EACC,oDAAA;EAEC,4CAAA;ACZF;;ADeA;EACE;IACE,UAAA;IAGA,wBAAA;ECZF;EDcA;IACG,UAAA;IAGD,0BAAA;ECZF;AACF;ADcA;EACE;IACE,UAAA;ECZF;EDcA;IACE,YAAA;ECZF;EDcA;IACE,UAAA;ECZF;AACF;ADcA;EACE;IACE,UAAA;ECZF;EDcA;IACE,YAAA;ECZF;EDcA;IACE,UAAA;ECZF;AACF;ADgBA;EACE,mBAAA;EACA,eAAA;EACA,WAAA;ACdF;;ADiBA;EACE,WAAA;EACA,gBAAA;ACdF;;ADgBA;EACE,WAAA;EACA,iBAAA;ACbF;;ADeA;EACE,WAAA;ACZF;;ADgBA;EACE,kBAAA;ACbF;ADcE;EACE,WAAA;EACA,+BAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;ACZJ","file":"home.css","sourcesContent":[".hero-area {\n height:650px;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n color: #fff;\n position: relative;\n overflow-x: hidden;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-image: url('../images/home/slider-5.jpg');\n background-size: cover;\n background-attachment:fixed;\n .block {\n position: relative;\n z-index: 999999;\n }\n h1 {\n font-size: 100px;\n font-weight: 700;\n margin-bottom: 15px;\n font-family: 'Open Sans', sans-serif ;\n }\n p {\n font-size: 20px;\n line-height: 32px;\n color:#f9f9f9;\n }\n}\n\n\n\n\n\n\n\n.template-list {\n padding:100px 0;\n\n}\n\n.template-item {\n margin-bottom:50px;\n border-radius: 2px;\n position:relative;\n &:hover {\n img {\n opacity: 0.7;\n }\n }\n .ticker {\n position: absolute;\n right: 10px;\n top: 10px;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n text-align: center;\n line-height: 40px;\n color: #fff;\n z-index: 1;\n font-size: 10px;\n text-transform: uppercase;\n font-weight: 700;\n background: #4be6e6;\n }\n a {\n box-shadow: 0 15px 45px -9px rgba(0, 0, 0, 0.25);\n display:block;\n img {\n border-radius:5px;\n -webkit-transition: .3s all;\n -o-transition: .3s all;\n transition: .3s all;\n }\n }\n h4 {\n margin-top: 20px;\n margin-bottom: 5px;\n font-size: 14px;\n font-weight: 600;\n color:#252525;\n text-transform:uppercase;\n }\n}\n\n.template-item a {\n display: inline-block;\n position: relative;\n}\n\n\n\n\n.call-to-action {\n background: #3483de;\n color: #fff;\n padding:80px 0;\n}\n.call-to-action h2 {\n line-height: 45px;\n}\n.call-to-action .btn-buy-button {\n background: #fff;\n padding:18px 45px;\n border-radius: 30px;\n margin-top: 20px;\n font-weight: 600;\n font-size: 12px;\n display: inline-block;\n text-transform: uppercase;\n color:#666;\n}\n\n\n\n\n\n\n\n#mouse-scroll {\n display: block;\n}\n#mouse-scroll {\n position: absolute;\n margin: auto;\n left: 50%;\n transform: translateX(-50%);\n z-index: 9999;\n bottom: 50px;\n\n}\n#mouse-scroll span{\n display: block;\n width: 10px; \n height: 10px;\n -ms-transform: rotate(45deg);\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg);\n transform: rotate(45deg);\n border-right: 2px solid #fff; \n border-bottom: 2px solid #fff;\n margin: 0 0 3px 5px;\n}\n#mouse-scroll .mouse {\n height: 40px;\n width: 22px;\n border-radius: 10px;\n -webkit-transform: none;\n -ms-transform: none;\n transform: none;\n border: 2px solid #ffffff;\n top: 170px;\n}\n\n#mouse-scroll .mouse-in {\n height: 5px;\n width: 2px;\n display: block; \n margin: 5px auto;\n background: #ffffff;\n position: relative;\n}\n#mouse-scroll .mouse-in {\n -webkit-animation: animated-mouse 1.2s ease infinite;\n -moz-animation: mouse-animated 1.2s ease infinite;\n animation: mouse-animated 1.2s ease infinite;\n}\n\n@-webkit-keyframes animated-mouse {\n 0% {\n opacity: 1;\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n }\n 100% {\n opacity: 0;\n -webkit-transform: translateY(6px);\n -ms-transform: translateY(6px);\n transform: translateY(6px);\n }\n}\n@-webkit-keyframes mouse-scroll {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: .5;\n }\n 100% {\n opacity: 1;\n } \n}\n@keyframes mouse-scroll {\n 0% {\n opacity: 0;\n }\n 50% {\n opacity: 0.5;\n }\n 100% {\n opacity: 1;\n }\n}\n\n\nfooter {\n background: #01252d;\n padding:30px 0;\n color: #fff;\n}\n\nfooter p {\n color: #fff;\n margin-bottom: 0;\n}\nfooter a {\n color: #fff;\n font-weight: bold;\n}\nfooter a:hover {\n color:#fff;\n}\n\n\n.overly {\n position:relative;\n &:before {\n content: '';\n background: rgba(0, 0, 0, 0.51);\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",".hero-area {\n height: 650px;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n color: #fff;\n position: relative;\n overflow-x: hidden;\n width: 100%;\n position: relative;\n overflow: hidden;\n background-image: url(\"../images/home/slider-5.jpg\");\n background-size: cover;\n background-attachment: fixed;\n}\n.hero-area .block {\n position: relative;\n z-index: 999999;\n}\n.hero-area h1 {\n font-size: 100px;\n font-weight: 700;\n margin-bottom: 15px;\n font-family: \"Open Sans\", sans-serif;\n}\n.hero-area p {\n font-size: 20px;\n line-height: 32px;\n color: #f9f9f9;\n}\n\n.template-list {\n padding: 100px 0;\n}\n\n.template-item {\n margin-bottom: 50px;\n border-radius: 2px;\n position: relative;\n}\n.template-item:hover img {\n opacity: 0.7;\n}\n.template-item .ticker {\n position: absolute;\n right: 10px;\n top: 10px;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n text-align: center;\n line-height: 40px;\n color: #fff;\n z-index: 1;\n font-size: 10px;\n text-transform: uppercase;\n font-weight: 700;\n background: #4be6e6;\n}\n.template-item a {\n box-shadow: 0 15px 45px -9px rgba(0, 0, 0, 0.25);\n display: block;\n}\n.template-item a img {\n border-radius: 5px;\n -webkit-transition: 0.3s all;\n -o-transition: 0.3s all;\n transition: 0.3s all;\n}\n.template-item h4 {\n margin-top: 20px;\n margin-bottom: 5px;\n font-size: 14px;\n font-weight: 600;\n color: #252525;\n text-transform: uppercase;\n}\n\n.template-item a {\n display: inline-block;\n position: relative;\n}\n\n.call-to-action {\n background: #3483de;\n color: #fff;\n padding: 80px 0;\n}\n\n.call-to-action h2 {\n line-height: 45px;\n}\n\n.call-to-action .btn-buy-button {\n background: #fff;\n padding: 18px 45px;\n border-radius: 30px;\n margin-top: 20px;\n font-weight: 600;\n font-size: 12px;\n display: inline-block;\n text-transform: uppercase;\n color: #666;\n}\n\n#mouse-scroll {\n display: block;\n}\n\n#mouse-scroll {\n position: absolute;\n margin: auto;\n left: 50%;\n transform: translateX(-50%);\n z-index: 9999;\n bottom: 50px;\n}\n\n#mouse-scroll span {\n display: block;\n width: 10px;\n height: 10px;\n -ms-transform: rotate(45deg);\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg);\n transform: rotate(45deg);\n border-right: 2px solid #fff;\n border-bottom: 2px solid #fff;\n margin: 0 0 3px 5px;\n}\n\n#mouse-scroll .mouse {\n height: 40px;\n width: 22px;\n border-radius: 10px;\n -webkit-transform: none;\n -ms-transform: none;\n transform: none;\n border: 2px solid #ffffff;\n top: 170px;\n}\n\n#mouse-scroll .mouse-in {\n height: 5px;\n width: 2px;\n display: block;\n margin: 5px auto;\n background: #ffffff;\n position: relative;\n}\n\n#mouse-scroll .mouse-in {\n -webkit-animation: animated-mouse 1.2s ease infinite;\n -moz-animation: mouse-animated 1.2s ease infinite;\n animation: mouse-animated 1.2s ease infinite;\n}\n\n@-webkit-keyframes animated-mouse {\n 0% {\n opacity: 1;\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n }\n 100% {\n opacity: 0;\n -webkit-transform: translateY(6px);\n -ms-transform: translateY(6px);\n transform: translateY(6px);\n }\n}\n@-webkit-keyframes mouse-scroll {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.5;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes mouse-scroll {\n 0% {\n opacity: 0;\n }\n 50% {\n opacity: 0.5;\n }\n 100% {\n opacity: 1;\n }\n}\nfooter {\n background: #01252d;\n padding: 30px 0;\n color: #fff;\n}\n\nfooter p {\n color: #fff;\n margin-bottom: 0;\n}\n\nfooter a {\n color: #fff;\n font-weight: bold;\n}\n\nfooter a:hover {\n color: #fff;\n}\n\n.overly {\n position: relative;\n}\n.overly:before {\n content: \"\";\n background: rgba(0, 0, 0, 0.51);\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}"]} |