0byt3m1n1-V2
Path:
/
home
/
xncercjb
/
domains
/
quickspace.co.th
/
public_html
/
_old
/
wp-content
/
themes
/
archi
/
css
/
[
Home
]
File: plugin.css
@charset "utf-8"; /* CSS Document */ /* ================================================== */ /* isotope */ /* ================================================== */ .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } #filters, .filters { font-size:12px; letter-spacing:1px; padding: 0; margin: 0; margin-bottom: 30px; margin-top: 30px; font-weight:400; } .filter-mb-60 #filters.filter3 {margin-bottom: 60px;} #filters li, .filters li { display: inline-block; margin-right: 5px; margin-bottom: 0px; } @media only screen and (max-width : 767px) { #filters li, .filters li { margin-bottom: 10px; } } #filters.filter3 li:first-child {margin-right: 0px;} #filters a, .filters a { outline:none; padding: 6px 20px; color: #888; font-size:11px; letter-spacing:3px; text-decoration: none; text-transform:uppercase; border:none !important; display: block; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } ul.listed_taxonomy_filters {position: relative;} ul.listed_taxonomy_filters li ul { position: absolute; left: 0px; top: 100%; padding-left: 0px; display: none; } ul.listed_taxonomy_filters li.showchild ul {display: block;width: 100%;text-align: center;} ul.listed_taxonomy_filters li.showchild ul li {display: inline-block;} #filters li.showchild > a {color: #111;} @media only screen and (max-width: 768px) { #filters li, .filters li {margin-bottom: 5px;} ul.listed_taxonomy_filters li ul {position: static;} ul.listed_taxonomy_filters li.showchild ul {margin-top: 5px;} #filters a, .filters a{display:inline-block;} } /* -------------------------------------------------- */ /* flex slider */ /* -------------------------------------------------- */ .flexslider { width: 100%; background: none; border: none; box-shadow: none; margin: 0px; } .control-slider { float: right; display: inline-block; margin-right: -10px; } .prev-slider, .next-slider { float: left; display: block; text-align: center; margin-top: 10px; cursor: pointer; } .prev-slider i, .next-slider i { border: solid 1px #ccc; padding: 5px 10px 5px 10px; } .prev-slider i:hover, .next-slider i:hover { color: #fff; border: solid 1px #333; background: #333; } .prev-slider { margin-right: -5px; } .project-carousel ul.slides, .project-carousel-3-col ul.slides{ margin-top: 10px; margin-bottom: 20px; } .logo-carousel ul li img{max-width: 100%;} .logo-carousel .flex-direction-nav, .project-carousel .flex-control-nav, .project-carousel .flex-direction-nav, .project-carousel-3-col .flex-control-nav, .project-carousel-3-col .flex-direction-nav { display: none; } .logo-carousel.no-control .flex-control-nav{ display:none; } /* flex slider - testi slider */ #testimonial-full { text-align: center; padding: 10px 0 10px 0; text-shadow:none; } #testimonial-full blockquote { color: #fff; border: none !important; margin: 0; font-size: 18px; font-family: 'Raleway', sans-serif; font-weight:300; font-style:normal; line-height:1.5em; text-transform:uppercase; letter-spacing:3px; } #testimonial-full span{ letter-spacing:0; margin-top:20px; text-transform:none; } .testi-slider .flex-control-nav { position: absolute !important; margin-top: -50px !important; } .testi-slider .flex-direction-nav { display: none; } /* Control Nav */ .testi-slider .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .testi-slider .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .testi-slider .flex-control-paging li a { background: none; width: 8px; height: 8px; display: block; border: solid 1px #fff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .testi-slider .flex-control-paging li a:hover { border: solid 1px #fff; background: #fff; } .testi-slider .flex-control-paging li a.flex-active { border: solid 1px #fff; cursor: default; background: #fff; } .owl-theme .owl-controls .owl-page span{ background:#fff !important; margin-top:30px; width:5px; height:5px; } /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* * Owl Carousel Owl Demo Theme * v1.3.3 */ .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center } /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /* Let it slow */ .let-it-snow { position: relative } .lis-flake, .lis-flake--js { position: absolute; background: #fff; border-radius: 50%; box-shadow: 0 0 4px #fff } .lis-flake--js { opacity: .2 } .lis-flake--stuck { position: absolute; background: #fff; border-radius: 50%; opacity: .7; transition: all .3s ease } .lis-flake:nth-child(-n+33) { -moz-animation: snow1 8s linear infinite; -webkit-animation: snow1 8s linear infinite; animation: snow1 8s linear infinite } .lis-flake:nth-child(n+33) { -moz-animation: snow2 8s 4s linear infinite; -webkit-animation: snow2 8s 4s linear infinite; animation: snow2 8s 4s linear infinite } .lis-flake:nth-child(n+66) { -moz-animation: snow3 8s 6s linear infinite; -webkit-animation: snow3 8s 6s linear infinite; animation: snow3 8s 6s linear infinite } .lis-flake:nth-child(1) { left: 79%; top: -210px; width: 4px; height: 5px; transform: rotate(39deg) } .lis-flake:nth-child(2) { left: 12%; top: -500px; width: 6px; height: 5px; transform: rotate(58deg) } .lis-flake:nth-child(3) { left: 6%; top: -40px; width: 2px; height: 5px; transform: rotate(2deg) } .lis-flake:nth-child(4) { left: 35%; top: -340px; width: 3px; height: 3px; transform: rotate(17deg) } .lis-flake:nth-child(5) { left: 34%; top: -680px; width: 2px; height: 5px; transform: rotate(92deg) } .lis-flake:nth-child(6) { left: 9%; top: -780px; width: 1px; height: 2px; transform: rotate(26deg) } .lis-flake:nth-child(7) { left: 27%; top: -340px; width: 2px; height: 1px; transform: rotate(8deg) } .lis-flake:nth-child(8) { left: 12%; top: -310px; width: 6px; height: 4px; transform: rotate(80deg) } .lis-flake:nth-child(9) { left: 21%; top: -100px; width: 5px; height: 1px; transform: rotate(53deg) } .lis-flake:nth-child(10) { left: 30%; top: -690px; width: 3px; height: 1px; transform: rotate(74deg) } .lis-flake:nth-child(11) { left: 23%; top: -920px; width: 4px; height: 4px; transform: rotate(69deg) } .lis-flake:nth-child(12) { left: 37%; top: -870px; width: 3px; height: 3px; transform: rotate(26deg) } .lis-flake:nth-child(13) { left: 36%; top: -570px; width: 5px; height: 6px; transform: rotate(47deg) } .lis-flake:nth-child(14) { left: 78%; top: -730px; width: 5px; height: 3px; transform: rotate(95deg) } .lis-flake:nth-child(15) { left: 3%; top: -840px; width: 3px; height: 2px; transform: rotate(54deg) } .lis-flake:nth-child(16) { left: 34%; top: -960px; width: 2px; height: 3px; transform: rotate(56deg) } .lis-flake:nth-child(17) { left: 7%; top: -660px; width: 4px; height: 1px; transform: rotate(3deg) } .lis-flake:nth-child(18) { left: 16%; top: -510px; width: 5px; height: 5px; transform: rotate(75deg) } .lis-flake:nth-child(19) { left: 77%; top: -760px; width: 3px; height: 1px; transform: rotate(77deg) } .lis-flake:nth-child(20) { left: 98%; top: -240px; width: 4px; height: 1px; transform: rotate(18deg) } .lis-flake:nth-child(21) { left: 71%; top: -540px; width: 6px; height: 5px; transform: rotate(65deg) } .lis-flake:nth-child(22) { left: 64%; top: -650px; width: 2px; height: 5px; transform: rotate(96deg) } .lis-flake:nth-child(23) { left: 65%; top: -70px; width: 1px; height: 3px; transform: rotate(94deg) } .lis-flake:nth-child(24) { left: 76%; top: -970px; width: 3px; height: 4px; transform: rotate(63deg) } .lis-flake:nth-child(25) { left: 79%; top: -830px; width: 3px; height: 4px; transform: rotate(86deg) } .lis-flake:nth-child(26) { left: 18%; top: -540px; width: 2px; height: 5px; transform: rotate(60deg) } .lis-flake:nth-child(27) { left: 99%; top: -500px; width: 6px; height: 6px; transform: rotate(28deg) } .lis-flake:nth-child(28) { left: 5%; top: -270px; width: 6px; height: 3px; transform: rotate(57deg) } .lis-flake:nth-child(29) { left: 64%; top: -630px; width: 5px; height: 3px; transform: rotate(24deg) } .lis-flake:nth-child(30) { left: 4%; top: -130px; width: 4px; height: 1px; transform: rotate(70deg) } .lis-flake:nth-child(31) { left: 59%; top: -340px; width: 4px; height: 6px; transform: rotate(65deg) } .lis-flake:nth-child(32) { left: 44%; top: -100px; width: 1px; height: 6px; transform: rotate(49deg) } .lis-flake:nth-child(33) { left: 15%; top: -870px; width: 2px; height: 6px; transform: rotate(38deg) } .lis-flake:nth-child(34) { left: 76%; top: -490px; width: 2px; height: 5px; transform: rotate(65deg) } .lis-flake:nth-child(35) { left: 93%; top: -320px; width: 1px; height: 5px; transform: rotate(23deg) } .lis-flake:nth-child(36) { left: 4%; top: -620px; width: 5px; height: 5px; transform: rotate(19deg) } .lis-flake:nth-child(37) { left: 35%; top: -910px; width: 5px; height: 4px; transform: rotate(66deg) } .lis-flake:nth-child(38) { left: 90%; top: -460px; width: 4px; height: 1px; transform: rotate(36deg) } .lis-flake:nth-child(39) { left: 36%; top: -340px; width: 1px; height: 1px; transform: rotate(1deg) } .lis-flake:nth-child(40) { left: 89%; top: -170px; width: 6px; height: 5px; transform: rotate(65deg) } .lis-flake:nth-child(41) { left: 87%; top: -330px; width: 6px; height: 6px; transform: rotate(48deg) } .lis-flake:nth-child(42) { left: 63%; top: -520px; width: 4px; height: 1px; transform: rotate(100deg) } .lis-flake:nth-child(43) { left: 54%; top: -480px; width: 4px; height: 4px; transform: rotate(69deg) } .lis-flake:nth-child(44) { left: 4%; top: -290px; width: 4px; height: 5px; transform: rotate(89deg) } .lis-flake:nth-child(45) { left: 19%; top: -430px; width: 2px; height: 6px; transform: rotate(73deg) } .lis-flake:nth-child(46) { left: 18%; top: -290px; width: 6px; height: 5px; transform: rotate(95deg) } .lis-flake:nth-child(47) { left: 65%; top: -680px; width: 5px; height: 3px; transform: rotate(100deg) } .lis-flake:nth-child(48) { left: 21%; top: -390px; width: 2px; height: 4px; transform: rotate(70deg) } .lis-flake:nth-child(49) { left: 63%; top: -600px; width: 4px; height: 2px; transform: rotate(44deg) } .lis-flake:nth-child(50) { left: 34%; top: -10px; width: 6px; height: 3px; transform: rotate(68deg) } .lis-flake:nth-child(51) { left: 91%; top: -400px; width: 2px; height: 6px; transform: rotate(97deg) } .lis-flake:nth-child(52) { left: 1%; top: -740px; width: 4px; height: 2px; transform: rotate(8deg) } .lis-flake:nth-child(53) { left: 28%; top: -160px; width: 2px; height: 5px; transform: rotate(45deg) } .lis-flake:nth-child(54) { left: 28%; top: -170px; width: 2px; height: 4px; transform: rotate(84deg) } .lis-flake:nth-child(55) { left: 71%; top: -710px; width: 5px; height: 5px; transform: rotate(80deg) } .lis-flake:nth-child(56) { left: 61%; top: -120px; width: 5px; height: 1px; transform: rotate(96deg) } .lis-flake:nth-child(57) { left: 94%; top: -90px; width: 2px; height: 2px; transform: rotate(73deg) } .lis-flake:nth-child(58) { left: 83%; top: 0px; width: 2px; height: 5px; transform: rotate(48deg) } .lis-flake:nth-child(59) { left: 88%; top: -430px; width: 4px; height: 5px; transform: rotate(1deg) } .lis-flake:nth-child(60) { left: 33%; top: -30px; width: 6px; height: 5px; transform: rotate(36deg) } .lis-flake:nth-child(61) { left: 50%; top: -790px; width: 6px; height: 4px; transform: rotate(5deg) } .lis-flake:nth-child(62) { left: 32%; top: -960px; width: 2px; height: 4px; transform: rotate(45deg) } .lis-flake:nth-child(63) { left: 79%; top: -880px; width: 3px; height: 4px; transform: rotate(23deg) } .lis-flake:nth-child(64) { left: 13%; top: -10px; width: 4px; height: 4px; transform: rotate(9deg) } .lis-flake:nth-child(65) { left: 92%; top: -340px; width: 4px; height: 4px; transform: rotate(30deg) } .lis-flake:nth-child(66) { left: 26%; top: -210px; width: 6px; height: 2px; transform: rotate(29deg) } .lis-flake:nth-child(67) { left: 77%; top: -590px; width: 1px; height: 6px; transform: rotate(13deg) } .lis-flake:nth-child(68) { left: 15%; top: -70px; width: 5px; height: 3px; transform: rotate(37deg) } .lis-flake:nth-child(69) { left: 71%; top: -180px; width: 6px; height: 4px; transform: rotate(60deg) } .lis-flake:nth-child(70) { left: 41%; top: -930px; width: 2px; height: 5px; transform: rotate(94deg) } .lis-flake:nth-child(71) { left: 93%; top: -870px; width: 5px; height: 3px; transform: rotate(42deg) } .lis-flake:nth-child(72) { left: 54%; top: -470px; width: 1px; height: 5px; transform: rotate(90deg) } .lis-flake:nth-child(73) { left: 31%; top: -520px; width: 3px; height: 5px; transform: rotate(42deg) } .lis-flake:nth-child(74) { left: 18%; top: -810px; width: 5px; height: 3px; transform: rotate(8deg) } .lis-flake:nth-child(75) { left: 12%; top: -660px; width: 3px; height: 4px; transform: rotate(64deg) } .lis-flake:nth-child(76) { left: 17%; top: -860px; width: 5px; height: 6px; transform: rotate(73deg) } .lis-flake:nth-child(77) { left: 82%; top: -690px; width: 1px; height: 4px; transform: rotate(68deg) } .lis-flake:nth-child(78) { left: 8%; top: -850px; width: 4px; height: 5px; transform: rotate(30deg) } .lis-flake:nth-child(79) { left: 19%; top: -420px; width: 5px; height: 2px; transform: rotate(100deg) } .lis-flake:nth-child(80) { left: 7%; top: -810px; width: 5px; height: 1px; transform: rotate(68deg) } .lis-flake:nth-child(81) { left: 18%; top: -450px; width: 2px; height: 4px; transform: rotate(82deg) } .lis-flake:nth-child(82) { left: 26%; top: -900px; width: 5px; height: 3px; transform: rotate(26deg) } .lis-flake:nth-child(83) { left: 86%; top: -590px; width: 1px; height: 2px; transform: rotate(73deg) } .lis-flake:nth-child(84) { left: 72%; top: -230px; width: 2px; height: 2px; transform: rotate(55deg) } .lis-flake:nth-child(85) { left: 26%; top: -700px; width: 6px; height: 3px; transform: rotate(11deg) } .lis-flake:nth-child(86) { left: 46%; top: -840px; width: 2px; height: 2px; transform: rotate(100deg) } .lis-flake:nth-child(87) { left: 5%; top: -600px; width: 4px; height: 3px; transform: rotate(46deg) } .lis-flake:nth-child(88) { left: 6%; top: -610px; width: 6px; height: 4px; transform: rotate(65deg) } .lis-flake:nth-child(89) { left: 45%; top: -420px; width: 3px; height: 5px; transform: rotate(80deg) } .lis-flake:nth-child(90) { left: 45%; top: -100px; width: 6px; height: 1px; transform: rotate(33deg) } .lis-flake:nth-child(91) { left: 6%; top: -830px; width: 3px; height: 6px; transform: rotate(4deg) } .lis-flake:nth-child(92) { left: 58%; top: -770px; width: 1px; height: 3px; transform: rotate(89deg) } .lis-flake:nth-child(93) { left: 23%; top: -870px; width: 4px; height: 6px; transform: rotate(32deg) } .lis-flake:nth-child(94) { left: 89%; top: -340px; width: 6px; height: 4px; transform: rotate(7deg) } .lis-flake:nth-child(95) { left: 46%; top: -790px; width: 4px; height: 2px; transform: rotate(91deg) } .lis-flake:nth-child(96) { left: 94%; top: -140px; width: 6px; height: 5px; transform: rotate(22deg) } .lis-flake:nth-child(97) { left: 32%; top: -430px; width: 3px; height: 1px; transform: rotate(55deg) } .lis-flake:nth-child(98) { left: 85%; top: -40px; width: 6px; height: 1px; transform: rotate(64deg) } .lis-flake:nth-child(99) { left: 66%; top: -710px; width: 1px; height: 1px; transform: rotate(42deg) } .lis-flake:nth-child(100) { left: 33%; top: -790px; width: 1px; height: 4px; transform: rotate(55deg) } @-moz-keyframes snow1 { 0% { -moz-transform:translate(-250px, 0); opacity:1 } 100% { -moz-transform:translate(250px, 1500px); opacity:0 } } @-moz-keyframes snow2 { 0% { -moz-transform:translate(0, 0); opacity:1 } 100% { -moz-transform:translate(250px, 2500px); opacity:.5 } } @-moz-keyframes snow3 { 0% { -moz-transform:translate(0, 0); opacity:1 } 100% { -moz-transform:translate(0, 2500px); opacity:.5 } } @-webkit-keyframes snow1 { 0% { -webkit-transform:translate(-250px, 0); opacity:1 } 100% { -webkit-transform:translate(250px, 1500px); opacity:0 } } @-webkit-keyframes snow2 { 0% { -webkit-transform:translate(0, 0); opacity:1 } 100% { -webkit-transform:translate(250px, 2500px); opacity:.5 } } @-webkit-keyframes snow3 { 0% { -webkit-transform:translate(0, 0); opacity:1 } 100% { -webkit-transform:translate(0, 2500px); opacity:.5 } } @keyframes snow1 { 0% { transform:translate(-250px, 0); opacity:1 } 100% { transform:translate(250px, 1500px); opacity:0 } } @keyframes snow2 { 0% { transform:translate(0, 0); opacity:1 } 100% { transform:translate(250px, 2500px); opacity:.5 } } @keyframes snow3 { 0% { transform:translate(0, 0); opacity:1 } 100% { transform:translate(0, 2500px); opacity:.5 } } /*# sourceMappingURL=let-it-snow.css.map */
©
2018.