Contents

---
---

{% include styling/font.css %}

body {
  overflow: hidden;
  background-color: {%- include styling/theme-color.css -%};
}

main {
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans";
  color: white;
}

.error p {
  font-size: 1.4em;
}

.error a {
  color: white;
}

.error a:hover {
  color: rgb(206, 206, 206);
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.5s;
}

.animated.delay {
  animation-delay: 1s;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

Version data entries

5 entries across 5 versions & 1 rubygems

Version	Path
picklecore-0.16.4	assets/css/error-page.css
picklecore-0.16.3	assets/css/error-page.css
picklecore-0.16.2	assets/css/error-page.css
picklecore-0.16.1	assets/css/error-page.css
picklecore-0.16.0	assets/css/error-page.css