.winter-is-coming, .snow { z-index: 100; pointer-events: none; } .winter-is-coming { overflow: hidden; position: absolute; top: 0; height: 100%; width: 100%; max-width: 100%; background: transparent; } .snow { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation: falling linear infinite both; animation: falling linear infinite both; -webkit-transform: translate3D(0, -100%, 0); transform: translate3D(0, -100%, 0); } .snow--near { -webkit-animation-duration: 10s; animation-duration: 10s; background-image: url('../Content/content/images/snow/snowlarge.png'); background-size: contain; } .snow--near + .snow--alt { -webkit-animation-delay: 5s; animation-delay: 5s; } .snow--mid { -webkit-animation-duration: 20s; animation-duration: 20s; background-image: url('../Content/content/images/snow/snowmedium.png'); background-size: contain; } .snow--mid + .snow--alt { -webkit-animation-delay: 10s; animation-delay: 10s; } .snow--far { -webkit-animation-duration: 30s; animation-duration: 30s; background-image: url('../Content/content/images/snow/snowsmall.png'); background-size: contain; } .snow--far + .snow--alt { -webkit-animation-delay: 15s; animation-delay: 15s; } @-webkit-keyframes falling { 0% { -webkit-transform: translate3D(-7.5%, -100%, 0); transform: translate3D(-7.5%, -100%, 0); } 100% { -webkit-transform: translate3D(7.5%, 100%, 0); transform: translate3D(7.5%, 100%, 0); } } @keyframes falling { 0% { -webkit-transform: translate3D(-7.5%, -100%, 0); transform: translate3D(-7.5%, -100%, 0); } 100% { -webkit-transform: translate3D(7.5%, 100%, 0); transform: translate3D(7.5%, 100%, 0); } } #login .login_main .login_container { border-width: 3px !important; border-color: #ffffff !important; border-style: solid !important; } #login .login_header { background-image: url('../Content/content/images/snow/20_40_snowtop.png') !important; background-repeat: repeat-x !important; } #login .login_main .login_systemmessage_container { border-color: #ffffff !important; } #login .login_systemmessage_header { background-image: url('../Content/content/images/snow/20_40_snowtop.png') !important; background-repeat: repeat-x !important; padding-top: 10px !important; }