init

KretaWeb/Content/snowflake.css

@@ -0,0 +1,100 @@
+.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;
+}