From 6356fd15533f44530f390e688132db42a9b647e1 Mon Sep 17 00:00:00 2001 From: Dennis Eichhorn Date: Fri, 5 Jun 2020 18:46:48 +0200 Subject: [PATCH] cleanup css build --- accordion.css | 79 -- alert.css | 45 - alignment.css | 27 - animate.css | 2215 -------------------------------------------- article.css | 81 -- badge.css | 3 - blockquote.css | 34 - breadcrumb.css | 77 -- button.css | 145 --- canvas.css | 29 - clean.css | 85 -- default.css | 63 -- draggable.css | 4 - form.css | 42 - grid.css | 732 --------------- icon.css | 41 - image.css | 121 --- input.css | 215 ----- layout.css | 61 -- link.css | 7 - list.css | 41 - media.css | 3 - nav.css | 170 ---- note.css | 3 - package.json | 4 +- pagination.css | 42 - popup.css | 3 - progress.css | 181 ---- section.css | 84 -- size.css | 32 - slider.css | 7 - spinner.css | 79 -- styles.css | 330 ++++--- tab.css | 94 -- table.css | 170 ---- tag.css | 33 - text.css | 10 - tooltip.css | 50 - transformation.css | 3 - visibility.css | 4 - 40 files changed, 217 insertions(+), 5232 deletions(-) delete mode 100644 accordion.css delete mode 100644 alert.css delete mode 100644 alignment.css delete mode 100644 animate.css delete mode 100644 article.css delete mode 100644 badge.css delete mode 100644 blockquote.css delete mode 100644 breadcrumb.css delete mode 100644 button.css delete mode 100644 canvas.css delete mode 100644 clean.css delete mode 100644 default.css delete mode 100644 draggable.css delete mode 100644 form.css delete mode 100644 grid.css delete mode 100644 icon.css delete mode 100644 image.css delete mode 100644 input.css delete mode 100644 layout.css delete mode 100644 link.css delete mode 100644 list.css delete mode 100644 media.css delete mode 100644 nav.css delete mode 100644 note.css delete mode 100644 pagination.css delete mode 100644 popup.css delete mode 100644 progress.css delete mode 100644 section.css delete mode 100644 size.css delete mode 100644 slider.css delete mode 100644 spinner.css delete mode 100644 tab.css delete mode 100644 table.css delete mode 100644 tag.css delete mode 100644 text.css delete mode 100644 tooltip.css delete mode 100644 transformation.css delete mode 100644 visibility.css diff --git a/accordion.css b/accordion.css deleted file mode 100644 index af56d54..0000000 --- a/accordion.css +++ /dev/null @@ -1,79 +0,0 @@ -/* Global */ -/* Content Container */ -/* Content box */ -/* Navigation */ -/* Colors */ -/* Accordion */ -/* Log */ -/* Blockquote */ -/* Breadcrumbs */ -/* Input */ -/* Button */ -/* Canvas */ -/* Article */ -/* Form */ -/* Icon */ -/* Img */ -/* list */ -/* pagination */ -/* pre */ -/* tag */ -.ac-container { - margin: 10px auto 30px auto; - text-align: left; } - .ac-container > input { - display: none; } - .ac-container > input:checked + label { - background: #fff; - background: -moz-linear-gradient(top, #fff 0, #fff 100); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100, #fff)); - background: -webkit-linear-gradient(top, #fff 0, #fff 100); - background: -o-linear-gradient(top, #fff 0, #fff 100); - background: -ms-linear-gradient(top, #fff 0, #fff 100); - background: linear-gradient(to bottom, #fff 0, #fff 100); - color: #676a6c; } - .ac-container > input:checked + label + section { - display: inherit; } - .ac-container > input + label + section { - display: none; } - .ac-container label { - display: block; - padding: 5px 20px; - position: relative; - z-index: 20; - margin-top: -1px; - cursor: pointer; - color: #777; - font-size: 1rem; - border: 1px solid #d6d6d6; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -ms-border-radius: 3px; - border-radius: 3px; - background-clip: padding-box; - background: #f5f5ff; - background: -moz-linear-gradient(top, #e0e3eb 0, #f5f5ff 100); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e0e3eb), color-stop(100, #f5f5ff)); - background: -webkit-linear-gradient(top, #e0e3eb 0, #f5f5ff 100); - background: -o-linear-gradient(top, #e0e3eb 0, #f5f5ff 100); - background: -ms-linear-gradient(top, #e0e3eb 0, #f5f5ff 100); - background: linear-gradient(to bottom, #e0e3eb 0, #f5f5ff 100); } - .ac-container label:hover { - background: #fff; - background: -moz-linear-gradient(top, #fff 0, #fff 100); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100, #fff)); - background: -webkit-linear-gradient(top, #fff 0, #fff 100); - background: -o-linear-gradient(top, #fff 0, #fff 100); - background: -ms-linear-gradient(top, #fff 0, #fff 100); - background: linear-gradient(to bottom, #fff 0, #fff 100); } - .ac-container > section { - background: #fff; - overflow: hidden; - height: auto; - position: relative; - z-index: 10; - border-left: 1px solid #d6d6d6; - border-right: 1px solid #d6d6d6; - padding: 10px; } - -/*# sourceMappingURL=accordion.css.map */ diff --git a/alert.css b/alert.css deleted file mode 100644 index 42f4f3a..0000000 --- a/alert.css +++ /dev/null @@ -1,45 +0,0 @@ -/* Global */ -/* Content Container */ -/* Content box */ -/* Navigation */ -/* Colors */ -/* Accordion */ -/* Log */ -/* Blockquote */ -/* Breadcrumbs */ -/* Input */ -/* Button */ -/* Canvas */ -/* Article */ -/* Form */ -/* Icon */ -/* Img */ -/* list */ -/* pagination */ -/* pre */ -/* tag */ -.log-msg { - padding: 5px; - margin: 5px; } - -.log-msg-status-ok { - background: #aaffad; - border: 2px solid #81e27d; - color: #459442; } - -.log-msg-status-warning { - background: #f8ffa8; - border: 2px solid #d6d949; - color: #94972f; } - -.log-msg-status-error { - background: #ff7d79; - border: 2px solid #ee5649; - color: #a5302a; } - -.log-msg-status-info { - background: #b6d2ff; - border: 2px solid #85b0ee; - color: #4865a5; } - -/*# sourceMappingURL=alert.css.map */ diff --git a/alignment.css b/alignment.css deleted file mode 100644 index 9c14d1c..0000000 --- a/alignment.css +++ /dev/null @@ -1,27 +0,0 @@ -.center { - margin: 0 auto; } - -.centerText { - text-align: center; } - -.rightText { - text-align: right; } - -.floatLeft { - float: left; } - -.floatRight { - float: right; } - -.pAlignTable { - display: table; - width: 100%; } - -.vCenterTable { - display: table-cell; - vertical-align: middle; } - -.h-overflow { - overflow-x: auto; } - -/*# sourceMappingURL=alignment.css.map */ diff --git a/animate.css b/animate.css deleted file mode 100644 index ad26ed5..0000000 --- a/animate.css +++ /dev/null @@ -1,2215 +0,0 @@ -/*! - * animate.css -http://daneden.me/animate - * Version - 3.5.1 - * Licensed under the MIT license - http://opensource.org/licenses/MIT - * - * Copyright (c) 2016 Daniel Eden - */ -.animated { - -webkit-animation-duration: 0.5s; - animation-duration: 0.5s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; } - -.animated.infinite { - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; } - -.animated.hinge { - -webkit-animation-duration: 2s; - animation-duration: 2s; } - -.animated.flipOutX, -.animated.flipOutY, -.animated.bounceIn, -.animated.bounceOut { - -webkit-animation-duration: .75s; - animation-duration: .75s; } - -@-webkit-keyframes bounce { - from, 20%, 53%, 80%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - 40%, 43% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - -webkit-transform: translate3d(0, -30px, 0); - transform: translate3d(0, -30px, 0); } - 70% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - -webkit-transform: translate3d(0, -15px, 0); - transform: translate3d(0, -15px, 0); } - 90% { - -webkit-transform: translate3d(0, -4px, 0); - transform: translate3d(0, -4px, 0); } } -@keyframes bounce { - from, 20%, 53%, 80%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - 40%, 43% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - -webkit-transform: translate3d(0, -30px, 0); - transform: translate3d(0, -30px, 0); } - 70% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - -webkit-transform: translate3d(0, -15px, 0); - transform: translate3d(0, -15px, 0); } - 90% { - -webkit-transform: translate3d(0, -4px, 0); - transform: translate3d(0, -4px, 0); } } -.bounce { - -webkit-animation-name: bounce; - animation-name: bounce; - -webkit-transform-origin: center bottom; - transform-origin: center bottom; } - -@-webkit-keyframes flash { - from, 50%, to { - opacity: 1; } - 25%, 75% { - opacity: 0; } } -@keyframes flash { - from, 50%, to { - opacity: 1; } - 25%, 75% { - opacity: 0; } } -.flash { - -webkit-animation-name: flash; - animation-name: flash; } - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@-webkit-keyframes pulse { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } - 50% { - -webkit-transform: scale3d(1.05, 1.05, 1.05); - transform: scale3d(1.05, 1.05, 1.05); } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } } -@keyframes pulse { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } - 50% { - -webkit-transform: scale3d(1.05, 1.05, 1.05); - transform: scale3d(1.05, 1.05, 1.05); } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } } -.pulse { - -webkit-animation-name: pulse; - animation-name: pulse; } - -@-webkit-keyframes rubberBand { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } - 30% { - -webkit-transform: scale3d(1.25, 0.75, 1); - transform: scale3d(1.25, 0.75, 1); } - 40% { - -webkit-transform: scale3d(0.75, 1.25, 1); - transform: scale3d(0.75, 1.25, 1); } - 50% { - -webkit-transform: scale3d(1.15, 0.85, 1); - transform: scale3d(1.15, 0.85, 1); } - 65% { - -webkit-transform: scale3d(0.95, 1.05, 1); - transform: scale3d(0.95, 1.05, 1); } - 75% { - -webkit-transform: scale3d(1.05, 0.95, 1); - transform: scale3d(1.05, 0.95, 1); } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } } -@keyframes rubberBand { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } - 30% { - -webkit-transform: scale3d(1.25, 0.75, 1); - transform: scale3d(1.25, 0.75, 1); } - 40% { - -webkit-transform: scale3d(0.75, 1.25, 1); - transform: scale3d(0.75, 1.25, 1); } - 50% { - -webkit-transform: scale3d(1.15, 0.85, 1); - transform: scale3d(1.15, 0.85, 1); } - 65% { - -webkit-transform: scale3d(0.95, 1.05, 1); - transform: scale3d(0.95, 1.05, 1); } - 75% { - -webkit-transform: scale3d(1.05, 0.95, 1); - transform: scale3d(1.05, 0.95, 1); } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } } -.rubberBand { - -webkit-animation-name: rubberBand; - animation-name: rubberBand; } - -@-webkit-keyframes shake { - from, to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - 10%, 30%, 50%, 70%, 90% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); } - 20%, 40%, 60%, 80% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); } } -@keyframes shake { - from, to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - 10%, 30%, 50%, 70%, 90% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); } - 20%, 40%, 60%, 80% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); } } -.shake { - -webkit-animation-name: shake; - animation-name: shake; } - -@-webkit-keyframes headShake { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); } - 6.5% { - -webkit-transform: translateX(-6px) rotateY(-9deg); - transform: translateX(-6px) rotateY(-9deg); } - 18.5% { - -webkit-transform: translateX(5px) rotateY(7deg); - transform: translateX(5px) rotateY(7deg); } - 31.5% { - -webkit-transform: translateX(-3px) rotateY(-5deg); - transform: translateX(-3px) rotateY(-5deg); } - 43.5% { - -webkit-transform: translateX(2px) rotateY(3deg); - transform: translateX(2px) rotateY(3deg); } - 50% { - -webkit-transform: translateX(0); - transform: translateX(0); } } -@keyframes headShake { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); } - 6.5% { - -webkit-transform: translateX(-6px) rotateY(-9deg); - transform: translateX(-6px) rotateY(-9deg); } - 18.5% { - -webkit-transform: translateX(5px) rotateY(7deg); - transform: translateX(5px) rotateY(7deg); } - 31.5% { - -webkit-transform: translateX(-3px) rotateY(-5deg); - transform: translateX(-3px) rotateY(-5deg); } - 43.5% { - -webkit-transform: translateX(2px) rotateY(3deg); - transform: translateX(2px) rotateY(3deg); } - 50% { - -webkit-transform: translateX(0); - transform: translateX(0); } } -.headShake { - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - -webkit-animation-name: headShake; - animation-name: headShake; } - -@-webkit-keyframes swing { - 20% { - -webkit-transform: rotate3d(0, 0, 1, 15deg); - transform: rotate3d(0, 0, 1, 15deg); } - 40% { - -webkit-transform: rotate3d(0, 0, 1, -10deg); - transform: rotate3d(0, 0, 1, -10deg); } - 60% { - -webkit-transform: rotate3d(0, 0, 1, 5deg); - transform: rotate3d(0, 0, 1, 5deg); } - 80% { - -webkit-transform: rotate3d(0, 0, 1, -5deg); - transform: rotate3d(0, 0, 1, -5deg); } - to { - -webkit-transform: rotate3d(0, 0, 1, 0deg); - transform: rotate3d(0, 0, 1, 0deg); } } -@keyframes swing { - 20% { - -webkit-transform: rotate3d(0, 0, 1, 15deg); - transform: rotate3d(0, 0, 1, 15deg); } - 40% { - -webkit-transform: rotate3d(0, 0, 1, -10deg); - transform: rotate3d(0, 0, 1, -10deg); } - 60% { - -webkit-transform: rotate3d(0, 0, 1, 5deg); - transform: rotate3d(0, 0, 1, 5deg); } - 80% { - -webkit-transform: rotate3d(0, 0, 1, -5deg); - transform: rotate3d(0, 0, 1, -5deg); } - to { - -webkit-transform: rotate3d(0, 0, 1, 0deg); - transform: rotate3d(0, 0, 1, 0deg); } } -.swing { - -webkit-transform-origin: top center; - transform-origin: top center; - -webkit-animation-name: swing; - animation-name: swing; } - -@-webkit-keyframes tada { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } - 10%, 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); - transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } - 30%, 50%, 70%, 90% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } - 40%, 60%, 80% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } } -@keyframes tada { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } - 10%, 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); - transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } - 30%, 50%, 70%, 90% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } - 40%, 60%, 80% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } } -.tada { - -webkit-animation-name: tada; - animation-name: tada; } - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@-webkit-keyframes wobble { - from { - -webkit-transform: none; - transform: none; } - 15% { - -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); - transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } - 30% { - -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); - transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } - 45% { - -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); - transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } - 60% { - -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); - transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } - 75% { - -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); - transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } - to { - -webkit-transform: none; - transform: none; } } -@keyframes wobble { - from { - -webkit-transform: none; - transform: none; } - 15% { - -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); - transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } - 30% { - -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); - transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } - 45% { - -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); - transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } - 60% { - -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); - transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } - 75% { - -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); - transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } - to { - -webkit-transform: none; - transform: none; } } -.wobble { - -webkit-animation-name: wobble; - animation-name: wobble; } - -@-webkit-keyframes jello { - from, 11.1%, to { - -webkit-transform: none; - transform: none; } - 22.2% { - -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); - transform: skewX(-12.5deg) skewY(-12.5deg); } - 33.3% { - -webkit-transform: skewX(6.25deg) skewY(6.25deg); - transform: skewX(6.25deg) skewY(6.25deg); } - 44.4% { - -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); - transform: skewX(-3.125deg) skewY(-3.125deg); } - 55.5% { - -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); - transform: skewX(1.5625deg) skewY(1.5625deg); } - 66.6% { - -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); - transform: skewX(-0.78125deg) skewY(-0.78125deg); } - 77.7% { - -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); - transform: skewX(0.390625deg) skewY(0.390625deg); } - 88.8% { - -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } -@keyframes jello { - from, 11.1%, to { - -webkit-transform: none; - transform: none; } - 22.2% { - -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); - transform: skewX(-12.5deg) skewY(-12.5deg); } - 33.3% { - -webkit-transform: skewX(6.25deg) skewY(6.25deg); - transform: skewX(6.25deg) skewY(6.25deg); } - 44.4% { - -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); - transform: skewX(-3.125deg) skewY(-3.125deg); } - 55.5% { - -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); - transform: skewX(1.5625deg) skewY(1.5625deg); } - 66.6% { - -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); - transform: skewX(-0.78125deg) skewY(-0.78125deg); } - 77.7% { - -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); - transform: skewX(0.390625deg) skewY(0.390625deg); } - 88.8% { - -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } -.jello { - -webkit-animation-name: jello; - animation-name: jello; - -webkit-transform-origin: center; - transform-origin: center; } - -@-webkit-keyframes bounceIn { - from, 20%, 40%, 60%, 80%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - 0% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); } - 20% { - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); } - 40% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); } - 60% { - opacity: 1; - -webkit-transform: scale3d(1.03, 1.03, 1.03); - transform: scale3d(1.03, 1.03, 1.03); } - 80% { - -webkit-transform: scale3d(0.97, 0.97, 0.97); - transform: scale3d(0.97, 0.97, 0.97); } - to { - opacity: 1; - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } } -@keyframes bounceIn { - from, 20%, 40%, 60%, 80%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - 0% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); } - 20% { - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); } - 40% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); } - 60% { - opacity: 1; - -webkit-transform: scale3d(1.03, 1.03, 1.03); - transform: scale3d(1.03, 1.03, 1.03); } - 80% { - -webkit-transform: scale3d(0.97, 0.97, 0.97); - transform: scale3d(0.97, 0.97, 0.97); } - to { - opacity: 1; - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } } -.bounceIn { - -webkit-animation-name: bounceIn; - animation-name: bounceIn; } - -@-webkit-keyframes bounceInDown { - from, 60%, 75%, 90%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -3000px, 0); - transform: translate3d(0, -3000px, 0); } - 60% { - opacity: 1; - -webkit-transform: translate3d(0, 25px, 0); - transform: translate3d(0, 25px, 0); } - 75% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); } - 90% { - -webkit-transform: translate3d(0, 5px, 0); - transform: translate3d(0, 5px, 0); } - to { - -webkit-transform: none; - transform: none; } } -@keyframes bounceInDown { - from, 60%, 75%, 90%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -3000px, 0); - transform: translate3d(0, -3000px, 0); } - 60% { - opacity: 1; - -webkit-transform: translate3d(0, 25px, 0); - transform: translate3d(0, 25px, 0); } - 75% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); } - 90% { - -webkit-transform: translate3d(0, 5px, 0); - transform: translate3d(0, 5px, 0); } - to { - -webkit-transform: none; - transform: none; } } -.bounceInDown { - -webkit-animation-name: bounceInDown; - animation-name: bounceInDown; } - -@-webkit-keyframes bounceInLeft { - from, 60%, 75%, 90%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - 0% { - opacity: 0; - -webkit-transform: translate3d(-3000px, 0, 0); - transform: translate3d(-3000px, 0, 0); } - 60% { - opacity: 1; - -webkit-transform: translate3d(25px, 0, 0); - transform: translate3d(25px, 0, 0); } - 75% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); } - 90% { - -webkit-transform: translate3d(5px, 0, 0); - transform: translate3d(5px, 0, 0); } - to { - -webkit-transform: none; - transform: none; } } -@keyframes bounceInLeft { - from, 60%, 75%, 90%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - 0% { - opacity: 0; - -webkit-transform: translate3d(-3000px, 0, 0); - transform: translate3d(-3000px, 0, 0); } - 60% { - opacity: 1; - -webkit-transform: translate3d(25px, 0, 0); - transform: translate3d(25px, 0, 0); } - 75% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); } - 90% { - -webkit-transform: translate3d(5px, 0, 0); - transform: translate3d(5px, 0, 0); } - to { - -webkit-transform: none; - transform: none; } } -.bounceInLeft { - -webkit-animation-name: bounceInLeft; - animation-name: bounceInLeft; } - -@-webkit-keyframes bounceInRight { - from, 60%, 75%, 90%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - from { - opacity: 0; - -webkit-transform: translate3d(3000px, 0, 0); - transform: translate3d(3000px, 0, 0); } - 60% { - opacity: 1; - -webkit-transform: translate3d(-25px, 0, 0); - transform: translate3d(-25px, 0, 0); } - 75% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); } - 90% { - -webkit-transform: translate3d(-5px, 0, 0); - transform: translate3d(-5px, 0, 0); } - to { - -webkit-transform: none; - transform: none; } } -@keyframes bounceInRight { - from, 60%, 75%, 90%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - from { - opacity: 0; - -webkit-transform: translate3d(3000px, 0, 0); - transform: translate3d(3000px, 0, 0); } - 60% { - opacity: 1; - -webkit-transform: translate3d(-25px, 0, 0); - transform: translate3d(-25px, 0, 0); } - 75% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); } - 90% { - -webkit-transform: translate3d(-5px, 0, 0); - transform: translate3d(-5px, 0, 0); } - to { - -webkit-transform: none; - transform: none; } } -.bounceInRight { - -webkit-animation-name: bounceInRight; - animation-name: bounceInRight; } - -@-webkit-keyframes bounceInUp { - from, 60%, 75%, 90%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - from { - opacity: 0; - -webkit-transform: translate3d(0, 3000px, 0); - transform: translate3d(0, 3000px, 0); } - 60% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); } - 75% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); } - 90% { - -webkit-transform: translate3d(0, -5px, 0); - transform: translate3d(0, -5px, 0); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } -@keyframes bounceInUp { - from, 60%, 75%, 90%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - from { - opacity: 0; - -webkit-transform: translate3d(0, 3000px, 0); - transform: translate3d(0, 3000px, 0); } - 60% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); } - 75% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); } - 90% { - -webkit-transform: translate3d(0, -5px, 0); - transform: translate3d(0, -5px, 0); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } -.bounceInUp { - -webkit-animation-name: bounceInUp; - animation-name: bounceInUp; } - -@-webkit-keyframes bounceOut { - 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); } - 50%, 55% { - opacity: 1; - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); } - to { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); } } -@keyframes bounceOut { - 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); } - 50%, 55% { - opacity: 1; - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); } - to { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); } } -.bounceOut { - -webkit-animation-name: bounceOut; - animation-name: bounceOut; } - -@-webkit-keyframes bounceOutDown { - 20% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); } - 40%, 45% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); } - to { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); } } -@keyframes bounceOutDown { - 20% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); } - 40%, 45% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); } - to { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); } } -.bounceOutDown { - -webkit-animation-name: bounceOutDown; - animation-name: bounceOutDown; } - -@-webkit-keyframes bounceOutLeft { - 20% { - opacity: 1; - -webkit-transform: translate3d(20px, 0, 0); - transform: translate3d(20px, 0, 0); } - to { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); } } -@keyframes bounceOutLeft { - 20% { - opacity: 1; - -webkit-transform: translate3d(20px, 0, 0); - transform: translate3d(20px, 0, 0); } - to { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); } } -.bounceOutLeft { - -webkit-animation-name: bounceOutLeft; - animation-name: bounceOutLeft; } - -@-webkit-keyframes bounceOutRight { - 20% { - opacity: 1; - -webkit-transform: translate3d(-20px, 0, 0); - transform: translate3d(-20px, 0, 0); } - to { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); } } -@keyframes bounceOutRight { - 20% { - opacity: 1; - -webkit-transform: translate3d(-20px, 0, 0); - transform: translate3d(-20px, 0, 0); } - to { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); } } -.bounceOutRight { - -webkit-animation-name: bounceOutRight; - animation-name: bounceOutRight; } - -@-webkit-keyframes bounceOutUp { - 20% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); } - 40%, 45% { - opacity: 1; - -webkit-transform: translate3d(0, 20px, 0); - transform: translate3d(0, 20px, 0); } - to { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); } } -@keyframes bounceOutUp { - 20% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); } - 40%, 45% { - opacity: 1; - -webkit-transform: translate3d(0, 20px, 0); - transform: translate3d(0, 20px, 0); } - to { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); } } -.bounceOutUp { - -webkit-animation-name: bounceOutUp; - animation-name: bounceOutUp; } - -@-webkit-keyframes fadeIn { - from { - opacity: 0; } - to { - opacity: 1; } } -@keyframes fadeIn { - from { - opacity: 0; } - to { - opacity: 1; } } -.fadeIn { - -webkit-animation-name: fadeIn; - animation-name: fadeIn; } - -@-webkit-keyframes fadeInDown { - from { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); } - to { - opacity: 1; - -webkit-transform: none; - transform: none; } } -@keyframes fadeInDown { - from { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); } - to { - opacity: 1; - -webkit-transform: none; - transform: none; } } -.fadeInDown { - -webkit-animation-name: fadeInDown; - animation-name: fadeInDown; } - -@-webkit-keyframes fadeInDownBig { - from { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); } - to { - opacity: 1; - -webkit-transform: none; - transform: none; } } -@keyframes fadeInDownBig { - from { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); } - to { - opacity: 1; - -webkit-transform: none; - transform: none; } } -.fadeInDownBig { - -webkit-animation-name: fadeInDownBig; - animation-name: fadeInDownBig; } - -@-webkit-keyframes fadeInLeft { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); } - to { - opacity: 1; - -webkit-transform: none; - transform: none; } } -@keyframes fadeInLeft { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); } - to { - opacity: 1; - -webkit-transform: none; - transform: none; } } -.fadeInLeft { - -webkit-animation-name: fadeInLeft; - animation-name: fadeInLeft; } - -@-webkit-keyframes fadeInLeftBig { - from { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); } - to { - opacity: 1; - -webkit-transform: none; - transform: none; } } -@keyframes fadeInLeftBig { - from { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); } - to { - opacity: 1; - -webkit-transform: none; - transform: none; } } -.fadeInLeftBig { - -webkit-animation-name: fadeInLeftBig; - animation-name: fadeInLeftBig; } - -@-webkit-keyframes fadeInRight { - from { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); } - to { - opacity: 1; - -webkit-transform: none; - transform: none; } } -@keyframes fadeInRight { - from { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); } - to { - opacity: 1; - -webkit-transform: none; - transform: none; } } -.fadeInRight { - -webkit-animation-name: fadeInRight; - animation-name: fadeInRight; } - -@-webkit-keyframes fadeInRightBig { - from { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); } - to { - opacity: 1; - -webkit-transform: none; - transform: none; } } -@keyframes fadeInRightBig { - from { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); } - to { - opacity: 1; - -webkit-transform: none; - transform: none; } } -.fadeInRightBig { - -webkit-animation-name: fadeInRightBig; - animation-name: fadeInRightBig; } - -@-webkit-keyframes fadeInUp { - from { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); } - to { - opacity: 1; - -webkit-transform: none; - transform: none; } } -@keyframes fadeInUp { - from { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); } - to { - opacity: 1; - -webkit-transform: none; - transform: none; } } -.fadeInUp { - -webkit-animation-name: fadeInUp; - animation-name: fadeInUp; } - -@-webkit-keyframes fadeInUpBig { - from { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); } - to { - opacity: 1; - -webkit-transform: none; - transform: none; } } -@keyframes fadeInUpBig { - from { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); } - to { - opacity: 1; - -webkit-transform: none; - transform: none; } } -.fadeInUpBig { - -webkit-animation-name: fadeInUpBig; - animation-name: fadeInUpBig; } - -@-webkit-keyframes fadeOut { - from { - opacity: 1; } - to { - opacity: 0; } } -@keyframes fadeOut { - from { - opacity: 1; } - to { - opacity: 0; } } -.fadeOut { - -webkit-animation-name: fadeOut; - animation-name: fadeOut; } - -@-webkit-keyframes fadeOutDown { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); } } -@keyframes fadeOutDown { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); } } -.fadeOutDown { - -webkit-animation-name: fadeOutDown; - animation-name: fadeOutDown; } - -@-webkit-keyframes fadeOutDownBig { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); } } -@keyframes fadeOutDownBig { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); } } -.fadeOutDownBig { - -webkit-animation-name: fadeOutDownBig; - animation-name: fadeOutDownBig; } - -@-webkit-keyframes fadeOutLeft { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); } } -@keyframes fadeOutLeft { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); } } -.fadeOutLeft { - -webkit-animation-name: fadeOutLeft; - animation-name: fadeOutLeft; } - -@-webkit-keyframes fadeOutLeftBig { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); } } -@keyframes fadeOutLeftBig { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); } } -.fadeOutLeftBig { - -webkit-animation-name: fadeOutLeftBig; - animation-name: fadeOutLeftBig; } - -@-webkit-keyframes fadeOutRight { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); } } -@keyframes fadeOutRight { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); } } -.fadeOutRight { - -webkit-animation-name: fadeOutRight; - animation-name: fadeOutRight; } - -@-webkit-keyframes fadeOutRightBig { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); } } -@keyframes fadeOutRightBig { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); } } -.fadeOutRightBig { - -webkit-animation-name: fadeOutRightBig; - animation-name: fadeOutRightBig; } - -@-webkit-keyframes fadeOutUp { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); } } -@keyframes fadeOutUp { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); } } -.fadeOutUp { - -webkit-animation-name: fadeOutUp; - animation-name: fadeOutUp; } - -@-webkit-keyframes fadeOutUpBig { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); } } -@keyframes fadeOutUpBig { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); } } -.fadeOutUpBig { - -webkit-animation-name: fadeOutUpBig; - animation-name: fadeOutUpBig; } - -@-webkit-keyframes flip { - from { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); - transform: perspective(400px) rotate3d(0, 1, 0, -360deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; } - 40% { - -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; } - 50% { - -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - 80% { - -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); - transform: perspective(400px) scale3d(0.95, 0.95, 0.95); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } } -@keyframes flip { - from { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); - transform: perspective(400px) rotate3d(0, 1, 0, -360deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; } - 40% { - -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; } - 50% { - -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - 80% { - -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); - transform: perspective(400px) scale3d(0.95, 0.95, 0.95); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } } -.animated.flip { - -webkit-backface-visibility: visible; - backface-visibility: visible; - -webkit-animation-name: flip; - animation-name: flip; } - -@-webkit-keyframes flipInX { - from { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; } - 40% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - 60% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - opacity: 1; } - 80% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); } } -@keyframes flipInX { - from { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; } - 40% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - 60% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - opacity: 1; } - 80% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); } } -.flipInX { - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipInX; - animation-name: flipInX; } - -@-webkit-keyframes flipInY { - from { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; } - 40% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - 60% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - opacity: 1; } - 80% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); - transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); } } -@keyframes flipInY { - from { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; } - 40% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - 60% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - opacity: 1; } - 80% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); - transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); } } -.flipInY { - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipInY; - animation-name: flipInY; } - -@-webkit-keyframes flipOutX { - from { - -webkit-transform: perspective(400px); - transform: perspective(400px); } - 30% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - opacity: 1; } - to { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - opacity: 0; } } -@keyframes flipOutX { - from { - -webkit-transform: perspective(400px); - transform: perspective(400px); } - 30% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - opacity: 1; } - to { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - opacity: 0; } } -.flipOutX { - -webkit-animation-name: flipOutX; - animation-name: flipOutX; - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; } - -@-webkit-keyframes flipOutY { - from { - -webkit-transform: perspective(400px); - transform: perspective(400px); } - 30% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - opacity: 1; } - to { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - opacity: 0; } } -@keyframes flipOutY { - from { - -webkit-transform: perspective(400px); - transform: perspective(400px); } - 30% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - opacity: 1; } - to { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - opacity: 0; } } -.flipOutY { - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipOutY; - animation-name: flipOutY; } - -@-webkit-keyframes lightSpeedIn { - from { - -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); - transform: translate3d(100%, 0, 0) skewX(-30deg); - opacity: 0; } - 60% { - -webkit-transform: skewX(20deg); - transform: skewX(20deg); - opacity: 1; } - 80% { - -webkit-transform: skewX(-5deg); - transform: skewX(-5deg); - opacity: 1; } - to { - -webkit-transform: none; - transform: none; - opacity: 1; } } -@keyframes lightSpeedIn { - from { - -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); - transform: translate3d(100%, 0, 0) skewX(-30deg); - opacity: 0; } - 60% { - -webkit-transform: skewX(20deg); - transform: skewX(20deg); - opacity: 1; } - 80% { - -webkit-transform: skewX(-5deg); - transform: skewX(-5deg); - opacity: 1; } - to { - -webkit-transform: none; - transform: none; - opacity: 1; } } -.lightSpeedIn { - -webkit-animation-name: lightSpeedIn; - animation-name: lightSpeedIn; - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; } - -@-webkit-keyframes lightSpeedOut { - from { - opacity: 1; } - to { - -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); - transform: translate3d(100%, 0, 0) skewX(30deg); - opacity: 0; } } -@keyframes lightSpeedOut { - from { - opacity: 1; } - to { - -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); - transform: translate3d(100%, 0, 0) skewX(30deg); - opacity: 0; } } -.lightSpeedOut { - -webkit-animation-name: lightSpeedOut; - animation-name: lightSpeedOut; - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - -@-webkit-keyframes rotateIn { - from { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 1, -200deg); - transform: rotate3d(0, 0, 1, -200deg); - opacity: 0; } - to { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: none; - transform: none; - opacity: 1; } } -@keyframes rotateIn { - from { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 1, -200deg); - transform: rotate3d(0, 0, 1, -200deg); - opacity: 0; } - to { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: none; - transform: none; - opacity: 1; } } -.rotateIn { - -webkit-animation-name: rotateIn; - animation-name: rotateIn; } - -@-webkit-keyframes rotateInDownLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; } - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: none; - transform: none; - opacity: 1; } } -@keyframes rotateInDownLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; } - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: none; - transform: none; - opacity: 1; } } -.rotateInDownLeft { - -webkit-animation-name: rotateInDownLeft; - animation-name: rotateInDownLeft; } - -@-webkit-keyframes rotateInDownRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; } - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: none; - transform: none; - opacity: 1; } } -@keyframes rotateInDownRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; } - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: none; - transform: none; - opacity: 1; } } -.rotateInDownRight { - -webkit-animation-name: rotateInDownRight; - animation-name: rotateInDownRight; } - -@-webkit-keyframes rotateInUpLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; } - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: none; - transform: none; - opacity: 1; } } -@keyframes rotateInUpLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; } - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: none; - transform: none; - opacity: 1; } } -.rotateInUpLeft { - -webkit-animation-name: rotateInUpLeft; - animation-name: rotateInUpLeft; } - -@-webkit-keyframes rotateInUpRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, -90deg); - transform: rotate3d(0, 0, 1, -90deg); - opacity: 0; } - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: none; - transform: none; - opacity: 1; } } -@keyframes rotateInUpRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, -90deg); - transform: rotate3d(0, 0, 1, -90deg); - opacity: 0; } - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: none; - transform: none; - opacity: 1; } } -.rotateInUpRight { - -webkit-animation-name: rotateInUpRight; - animation-name: rotateInUpRight; } - -@-webkit-keyframes rotateOut { - from { - -webkit-transform-origin: center; - transform-origin: center; - opacity: 1; } - to { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 1, 200deg); - transform: rotate3d(0, 0, 1, 200deg); - opacity: 0; } } -@keyframes rotateOut { - from { - -webkit-transform-origin: center; - transform-origin: center; - opacity: 1; } - to { - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transform: rotate3d(0, 0, 1, 200deg); - transform: rotate3d(0, 0, 1, 200deg); - opacity: 0; } } -.rotateOut { - -webkit-animation-name: rotateOut; - animation-name: rotateOut; } - -@-webkit-keyframes rotateOutDownLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - opacity: 1; } - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; } } -@keyframes rotateOutDownLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - opacity: 1; } - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; } } -.rotateOutDownLeft { - -webkit-animation-name: rotateOutDownLeft; - animation-name: rotateOutDownLeft; } - -@-webkit-keyframes rotateOutDownRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - opacity: 1; } - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; } } -@keyframes rotateOutDownRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - opacity: 1; } - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; } } -.rotateOutDownRight { - -webkit-animation-name: rotateOutDownRight; - animation-name: rotateOutDownRight; } - -@-webkit-keyframes rotateOutUpLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - opacity: 1; } - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; } } -@keyframes rotateOutUpLeft { - from { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - opacity: 1; } - to { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; } } -.rotateOutUpLeft { - -webkit-animation-name: rotateOutUpLeft; - animation-name: rotateOutUpLeft; } - -@-webkit-keyframes rotateOutUpRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - opacity: 1; } - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, 90deg); - transform: rotate3d(0, 0, 1, 90deg); - opacity: 0; } } -@keyframes rotateOutUpRight { - from { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - opacity: 1; } - to { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate3d(0, 0, 1, 90deg); - transform: rotate3d(0, 0, 1, 90deg); - opacity: 0; } } -.rotateOutUpRight { - -webkit-animation-name: rotateOutUpRight; - animation-name: rotateOutUpRight; } - -@-webkit-keyframes hinge { - 0% { - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - 20%, 60% { - -webkit-transform: rotate3d(0, 0, 1, 80deg); - transform: rotate3d(0, 0, 1, 80deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - 40%, 80% { - -webkit-transform: rotate3d(0, 0, 1, 60deg); - transform: rotate3d(0, 0, 1, 60deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - opacity: 1; } - to { - -webkit-transform: translate3d(0, 700px, 0); - transform: translate3d(0, 700px, 0); - opacity: 0; } } -@keyframes hinge { - 0% { - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - 20%, 60% { - -webkit-transform: rotate3d(0, 0, 1, 80deg); - transform: rotate3d(0, 0, 1, 80deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - 40%, 80% { - -webkit-transform: rotate3d(0, 0, 1, 60deg); - transform: rotate3d(0, 0, 1, 60deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - opacity: 1; } - to { - -webkit-transform: translate3d(0, 700px, 0); - transform: translate3d(0, 700px, 0); - opacity: 0; } } -.hinge { - -webkit-animation-name: hinge; - animation-name: hinge; } - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@-webkit-keyframes rollIn { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); - transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } - to { - opacity: 1; - -webkit-transform: none; - transform: none; } } -@keyframes rollIn { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); - transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } - to { - opacity: 1; - -webkit-transform: none; - transform: none; } } -.rollIn { - -webkit-animation-name: rollIn; - animation-name: rollIn; } - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@-webkit-keyframes rollOut { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); - transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } -@keyframes rollOut { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); - transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } -.rollOut { - -webkit-animation-name: rollOut; - animation-name: rollOut; } - -@-webkit-keyframes zoomIn { - from { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); } - 50% { - opacity: 1; } } -@keyframes zoomIn { - from { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); } - 50% { - opacity: 1; } } -.zoomIn { - -webkit-animation-name: zoomIn; - animation-name: zoomIn; } - -@-webkit-keyframes zoomInDown { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } -@keyframes zoomInDown { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } -.zoomInDown { - -webkit-animation-name: zoomInDown; - animation-name: zoomInDown; } - -@-webkit-keyframes zoomInLeft { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } -@keyframes zoomInLeft { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } -.zoomInLeft { - -webkit-animation-name: zoomInLeft; - animation-name: zoomInLeft; } - -@-webkit-keyframes zoomInRight { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } -@keyframes zoomInRight { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } -.zoomInRight { - -webkit-animation-name: zoomInRight; - animation-name: zoomInRight; } - -@-webkit-keyframes zoomInUp { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } -@keyframes zoomInUp { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } -.zoomInUp { - -webkit-animation-name: zoomInUp; - animation-name: zoomInUp; } - -@-webkit-keyframes zoomOut { - from { - opacity: 1; } - 50% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); } - to { - opacity: 0; } } -@keyframes zoomOut { - from { - opacity: 1; } - 50% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); } - to { - opacity: 0; } } -.zoomOut { - -webkit-animation-name: zoomOut; - animation-name: zoomOut; } - -@-webkit-keyframes zoomOutDown { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - to { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); - -webkit-transform-origin: center bottom; - transform-origin: center bottom; - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } -@keyframes zoomOutDown { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - to { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); - -webkit-transform-origin: center bottom; - transform-origin: center bottom; - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } -.zoomOutDown { - -webkit-animation-name: zoomOutDown; - animation-name: zoomOutDown; } - -@-webkit-keyframes zoomOutLeft { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } - to { - opacity: 0; - -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); - transform: scale(0.1) translate3d(-2000px, 0, 0); - -webkit-transform-origin: left center; - transform-origin: left center; } } -@keyframes zoomOutLeft { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } - to { - opacity: 0; - -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); - transform: scale(0.1) translate3d(-2000px, 0, 0); - -webkit-transform-origin: left center; - transform-origin: left center; } } -.zoomOutLeft { - -webkit-animation-name: zoomOutLeft; - animation-name: zoomOutLeft; } - -@-webkit-keyframes zoomOutRight { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } - to { - opacity: 0; - -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); - transform: scale(0.1) translate3d(2000px, 0, 0); - -webkit-transform-origin: right center; - transform-origin: right center; } } -@keyframes zoomOutRight { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } - to { - opacity: 0; - -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); - transform: scale(0.1) translate3d(2000px, 0, 0); - -webkit-transform-origin: right center; - transform-origin: right center; } } -.zoomOutRight { - -webkit-animation-name: zoomOutRight; - animation-name: zoomOutRight; } - -@-webkit-keyframes zoomOutUp { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - to { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); - -webkit-transform-origin: center bottom; - transform-origin: center bottom; - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } -@keyframes zoomOutUp { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - to { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); - -webkit-transform-origin: center bottom; - transform-origin: center bottom; - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } -.zoomOutUp { - -webkit-animation-name: zoomOutUp; - animation-name: zoomOutUp; } - -@-webkit-keyframes slideInDown { - from { - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - visibility: visible; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } -@keyframes slideInDown { - from { - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - visibility: visible; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } -.slideInDown { - -webkit-animation-name: slideInDown; - animation-name: slideInDown; } - -@-webkit-keyframes slideInLeft { - from { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - visibility: visible; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } -@keyframes slideInLeft { - from { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - visibility: visible; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } -.slideInLeft { - -webkit-animation-name: slideInLeft; - animation-name: slideInLeft; } - -@-webkit-keyframes slideInRight { - from { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - visibility: visible; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } -@keyframes slideInRight { - from { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - visibility: visible; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } -.slideInRight { - -webkit-animation-name: slideInRight; - animation-name: slideInRight; } - -@-webkit-keyframes slideInUp { - from { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - visibility: visible; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } -@keyframes slideInUp { - from { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - visibility: visible; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } -.slideInUp { - -webkit-animation-name: slideInUp; - animation-name: slideInUp; } - -@-webkit-keyframes slideOutDown { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - visibility: hidden; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); } } -@keyframes slideOutDown { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - visibility: hidden; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); } } -.slideOutDown { - -webkit-animation-name: slideOutDown; - animation-name: slideOutDown; } - -@-webkit-keyframes slideOutLeft { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - visibility: hidden; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); } } -@keyframes slideOutLeft { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - visibility: hidden; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); } } -.slideOutLeft { - -webkit-animation-name: slideOutLeft; - animation-name: slideOutLeft; } - -@-webkit-keyframes slideOutRight { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - visibility: hidden; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); } } -@keyframes slideOutRight { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - visibility: hidden; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); } } -.slideOutRight { - -webkit-animation-name: slideOutRight; - animation-name: slideOutRight; } - -@-webkit-keyframes slideOutUp { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - visibility: hidden; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); } } -@keyframes slideOutUp { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - visibility: hidden; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); } } -.slideOutUp { - -webkit-animation-name: slideOutUp; - animation-name: slideOutUp; } - -/*# sourceMappingURL=animate.css.map */ diff --git a/article.css b/article.css deleted file mode 100644 index e597a11..0000000 --- a/article.css +++ /dev/null @@ -1,81 +0,0 @@ -/* Global */ -/* Content Container */ -/* Content box */ -/* Navigation */ -/* Colors */ -/* Accordion */ -/* Log */ -/* Blockquote */ -/* Breadcrumbs */ -/* Input */ -/* Button */ -/* Canvas */ -/* Article */ -/* Form */ -/* Icon */ -/* Img */ -/* list */ -/* pagination */ -/* pre */ -/* tag */ -article { - background: #fff; - padding: 10px; - margin: 0; - font-size: 0.9rem; } - article del, article ins { - padding: 3px; - text-decoration: none; } - article del { - background: #ff9e9e; } - article ins { - background: #b0f3b0; } - article h1, article h2, article h3, article h4, article h5, article h6 { - font-weight: bold; } - article h1 { - font-size: 1.5rem; } - article h2 { - font-size: 1.3rem; } - article h3 { - font-size: 1.1rem; } - article h4, article h5, article h6 { - font-size: 1rem; } - article pre { - margin: 1rem 0 1rem 0; } - article pre code { - background: none; } - article code { - padding: 3px; - background: #f1f1f1; } - article a { - color: #8ea4ff; - border-bottom: 1px dotted #8ea4ff; } - article a:hover { - border-bottom: none; } - article p { - line-height: 1.5em; } - article ol, article ul { - margin: 0.5rem 0 0.5rem 3rem; } - article ul { - list-style: disc; } - article li { - margin: 0.3rem 0 0.3rem 0; } - article blockquote { - margin: 10px 0 10px 0; } - article blockquote p:last-child { - margin-bottom: 0; } - article img { - display: block; - margin: 0 auto; } - article table { - border-collapse: collapse; - border: 1px solid #999; - margin: 0 auto; - margin-bottom: 1rem; } - article table th, article table td { - padding: 5px; - border: 1px solid #999; } - article table tr:nth-child(2n) { - background: #eee; } - -/*# sourceMappingURL=article.css.map */ diff --git a/badge.css b/badge.css deleted file mode 100644 index 23cff36..0000000 --- a/badge.css +++ /dev/null @@ -1,3 +0,0 @@ - - -/*# sourceMappingURL=badge.css.map */ diff --git a/blockquote.css b/blockquote.css deleted file mode 100644 index d6baf0a..0000000 --- a/blockquote.css +++ /dev/null @@ -1,34 +0,0 @@ -/* Global */ -/* Content Container */ -/* Content box */ -/* Navigation */ -/* Colors */ -/* Accordion */ -/* Log */ -/* Blockquote */ -/* Breadcrumbs */ -/* Input */ -/* Button */ -/* Canvas */ -/* Article */ -/* Form */ -/* Icon */ -/* Img */ -/* list */ -/* pagination */ -/* pre */ -/* tag */ -blockquote { - border: 1px solid #d6d6d6; - background: #fff; - padding: 10px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -ms-border-radius: 3px; - border-radius: 3px; - background-clip: padding-box; } - -/*# sourceMappingURL=blockquote.css.map */ diff --git a/breadcrumb.css b/breadcrumb.css deleted file mode 100644 index ab2aebd..0000000 --- a/breadcrumb.css +++ /dev/null @@ -1,77 +0,0 @@ -/* Global */ -/* Content Container */ -/* Content box */ -/* Navigation */ -/* Colors */ -/* Accordion */ -/* Log */ -/* Blockquote */ -/* Breadcrumbs */ -/* Input */ -/* Button */ -/* Canvas */ -/* Article */ -/* Form */ -/* Icon */ -/* Img */ -/* list */ -/* pagination */ -/* pre */ -/* tag */ -.crumbs-1 { - list-style: none; - overflow: hidden; - font-size: 12px; } - .crumbs-1 li { - background: #f5f5ff; - border: 1px solid #d6d6d6; - padding: 10px 10px 10px 20px; - position: relative; - display: block; - float: left; - text-shadow: -1px -1px 1px #ffffff; - cursor: pointer; - -moz-box-shadow: inset 1px 1px 0px 0px #ffffff; - -webkit-box-shadow: inset 1px 1px 0px 0px #ffffff; - box-shadow: inset 1px 1px 0px 0px #ffffff; } - .crumbs-1 li:first-child { - -webkit-border-bottom-left-radius: 3px; - border-bottom-left-radius: 3px; - -webkit-border-top-left-radius: 3px; - border-top-left-radius: 3px; - background-clip: padding-box; } - .crumbs-1 li:not(.last):after, .crumbs-1 li:before { - content: " "; - display: block; - width: 0; - height: 0; - border-top: 18px solid transparent; - border-bottom: 17px solid transparent; - border-left: 14px solid #f5f5ff; - position: absolute; - top: 50%; - margin-top: -18px; - left: 100%; } - .crumbs-1 li:not(.last):after { - z-index: 2; } - .crumbs-1 li:before { - border-left-color: #d6d6d6; - margin-left: 1px; - z-index: 1; } - .crumbs-1 li.active:not(.last):after, .crumbs-1 li:hover:not(.last):after { - border-left: 14px solid #ffffff; } - .crumbs-1 .last { - padding-right: 20px; - -webkit-border-bottom-right-radius: 3px; - border-bottom-right-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-top-right-radius: 3px; - background-clip: padding-box; } - .crumbs-1 .last:before { - border: none; } - .crumbs-1 .active { - cursor: default; } - .crumbs-1 .active, .crumbs-1 li:hover { - background: #fff; } - -/*# sourceMappingURL=breadcrumb.css.map */ diff --git a/button.css b/button.css deleted file mode 100644 index 4dc1af6..0000000 --- a/button.css +++ /dev/null @@ -1,145 +0,0 @@ -/* Global */ -/* Content Container */ -/* Content box */ -/* Navigation */ -/* Colors */ -/* Accordion */ -/* Log */ -/* Blockquote */ -/* Breadcrumbs */ -/* Input */ -/* Button */ -/* Canvas */ -/* Article */ -/* Form */ -/* Icon */ -/* Img */ -/* list */ -/* pagination */ -/* pre */ -/* tag */ -.btn { - cursor: pointer; } - -button, input[type="submit"], input[type="button"], a.button { - border: 1px solid #d6d6d6; - cursor: pointer; - text-shadow: 1px 1px 1px #ffffff; - min-width: 70px; - height: 2rem; - font-size: 0.9rem; - background: #f1f1f1; - -moz-box-shadow: inset 1px 1px 0px 0px #ffffff; - -webkit-box-shadow: inset 1px 1px 0px 0px #ffffff; - box-shadow: inset 1px 1px 0px 0px #ffffff; } - button:hover, button :active, input[type="submit"]:hover, input[type="submit"] :active, input[type="button"]:hover, input[type="button"] :active, a.button:hover, a.button :active { - text-shadow: -1px -1px 1px #ffffff; - background: #d6d6d6; } - -button.red { - color: #ffffff; - text-shadow: 1px 1px 1px #696969; - background: #d9645b; - background: -moz-linear-gradient(top, #f17068 0, #d16059 100); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f17068), color-stop(100, #d16059)); - background: -webkit-linear-gradient(top, #f17068 0, #d16059 100); - background: -o-linear-gradient(top, #f17068 0, #d16059 100); - background: -ms-linear-gradient(top, #f17068 0, #d16059 100); - background: linear-gradient(to bottom, #f17068 0, #d16059 100); - -moz-box-shadow: inset 1px 1px 0px 0px #ff8d7c; - -webkit-box-shadow: inset 1px 1px 0px 0px #ff8d7c; - box-shadow: inset 1px 1px 0px 0px #ff8d7c; } - button.red:hover, button.red :active { - text-shadow: -1px -1px 1px #696969; - background: #d9645b; - background: -moz-linear-gradient(top, #d16059 0, #f17068 100); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d16059), color-stop(100, #f17068)); - background: -webkit-linear-gradient(top, #d16059 0, #f17068 100); - background: -o-linear-gradient(top, #d16059 0, #f17068 100); - background: -ms-linear-gradient(top, #d16059 0, #f17068 100); - background: linear-gradient(to bottom, #d16059 0, #f17068 100); } - -button.green { - color: #ffffff; - text-shadow: 1px 1px 1px #696969; - background: #90d99d; - background: -moz-linear-gradient(top, #9df1ad 0, #77d17c 100); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9df1ad), color-stop(100, #77d17c)); - background: -webkit-linear-gradient(top, #9df1ad 0, #77d17c 100); - background: -o-linear-gradient(top, #9df1ad 0, #77d17c 100); - background: -ms-linear-gradient(top, #9df1ad 0, #77d17c 100); - background: linear-gradient(to bottom, #9df1ad 0, #77d17c 100); - -moz-box-shadow: inset 1px 1px 0px 0px #c8ffb6; - -webkit-box-shadow: inset 1px 1px 0px 0px #c8ffb6; - box-shadow: inset 1px 1px 0px 0px #c8ffb6; } - button.green:hover, button.green :active { - text-shadow: -1px -1px 1px #696969; - background: #90d99d; - background: -moz-linear-gradient(top, #77d17c 0, #9df1ad 100); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #77d17c), color-stop(100, #9df1ad)); - background: -webkit-linear-gradient(top, #77d17c 0, #9df1ad 100); - background: -o-linear-gradient(top, #77d17c 0, #9df1ad 100); - background: -ms-linear-gradient(top, #77d17c 0, #9df1ad 100); - background: linear-gradient(to bottom, #77d17c 0, #9df1ad 100); } - -button.blue { - color: #ffffff; - text-shadow: 1px 1px 1px #696969; - background: #97afd9; - background: -moz-linear-gradient(top, #beddf1 0, #7ba9d1 100); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #beddf1), color-stop(100, #7ba9d1)); - background: -webkit-linear-gradient(top, #beddf1 0, #7ba9d1 100); - background: -o-linear-gradient(top, #beddf1 0, #7ba9d1 100); - background: -ms-linear-gradient(top, #beddf1 0, #7ba9d1 100); - background: linear-gradient(to bottom, #beddf1 0, #7ba9d1 100); - -moz-box-shadow: inset 1px 1px 0px 0px #cbf3ff; - -webkit-box-shadow: inset 1px 1px 0px 0px #cbf3ff; - box-shadow: inset 1px 1px 0px 0px #cbf3ff; } - button.blue:hover, button.blue :active { - text-shadow: -1px -1px 1px #696969; - background: #97afd9; - background: -moz-linear-gradient(top, #7ba9d1 0, #beddf1 100); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7ba9d1), color-stop(100, #beddf1)); - background: -webkit-linear-gradient(top, #7ba9d1 0, #beddf1 100); - background: -o-linear-gradient(top, #7ba9d1 0, #beddf1 100); - background: -ms-linear-gradient(top, #7ba9d1 0, #beddf1 100); - background: linear-gradient(to bottom, #7ba9d1 0, #beddf1 100); } - -ul.btns { - list-style: none; - overflow: hidden; - font-size: 12px; } - ul.btns li { - background: #f5f5ff; - border-left: 1px solid #d6d6d6; - border-top: 1px solid #d6d6d6; - border-bottom: 1px solid #d6d6d6; - float: left; - text-shadow: -1px -1px 1px #ffffff; - cursor: pointer; - -moz-box-shadow: inset 1px 1px 0px 0px #ffffff; - -webkit-box-shadow: inset 1px 1px 0px 0px #ffffff; - box-shadow: inset 1px 1px 0px 0px #ffffff; } - ul.btns li:last-child { - border-right: 1px solid #d6d6d6; } - ul.btns li:before { - border-left-color: #d6d6d6; - margin-left: 1px; } - ul.btns a { - display: block; - padding: 10px; } - ul.btns .active { - cursor: default; } - ul.btns .active, ul.btns li:hover { - background: #fff; } - -button.simple { - background: #f1f1f1; - border: 1px solid #d6d6d6; - text-shadow: -1px -1px 1px #ffffff; - padding: 5px; - min-width: 40px; } - button.simple:hover { - background: #f1f1f1; } - -/*# sourceMappingURL=button.css.map */ diff --git a/canvas.css b/canvas.css deleted file mode 100644 index 3134e4d..0000000 --- a/canvas.css +++ /dev/null @@ -1,29 +0,0 @@ -/* Global */ -/* Content Container */ -/* Content box */ -/* Navigation */ -/* Colors */ -/* Accordion */ -/* Log */ -/* Blockquote */ -/* Breadcrumbs */ -/* Input */ -/* Button */ -/* Canvas */ -/* Article */ -/* Form */ -/* Icon */ -/* Img */ -/* list */ -/* pagination */ -/* pre */ -/* tag */ -canvas { - background: #fff; - border: 1px solid #d6d6d6; - user-select: none; } - -canvas.chart { - width: 100%; } - -/*# sourceMappingURL=canvas.css.map */ diff --git a/clean.css b/clean.css deleted file mode 100644 index 5024edd..0000000 --- a/clean.css +++ /dev/null @@ -1,85 +0,0 @@ -.ok { - color: #5cff56; } - -.warning { - color: #ff4b41; } - -.favorite { - color: #d16059; } - -.green { - background: #42bd41; } - -.red { - background: #d01715; } - -.blue { - background: #5778fd; } - -.orange { - background: #FBA026; } - -.lightblue { - background: #03a9f5; } - -.yellow { - background: #ffeb3c; } - -.purple { - background: #673bb7; } - -.pink { - background: #ffa6e3; } - -.grey { - background: #dcdcdc; } - -.darkred { - background: #B8312F; } - -.darkgreen { - background: #009788; } - -.darkblue { - background: #3f51b5; } - -html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, nav, section, iframe, label { - margin: 0; - padding: 0; } - -a, img, button { - outline: none; } - -a { - color: inherit; - text-decoration: none; } - -h1, h2, h3, h4, h5, h6 { - font-weight: normal; } - -ul { - list-style: none; } - -input, select, textarea, .textarea { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - appearance: none; - box-shadow: none; } - input:focus, select:focus, textarea:focus, .textarea:focus { - outline: none; } - -input[type=checkbox] { - margin-right: 5px; } - -button::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=button]::-moz-focus-inner { - border: 0; } - -table { - border-collapse: separate; - border-spacing: 0; } - -i { - font-style: normal; } - -/*# sourceMappingURL=clean.css.map */ diff --git a/default.css b/default.css deleted file mode 100644 index 769494f..0000000 --- a/default.css +++ /dev/null @@ -1,63 +0,0 @@ -/* Global */ -/* Content Container */ -/* Content box */ -/* Navigation */ -/* Colors */ -/* Accordion */ -/* Log */ -/* Blockquote */ -/* Breadcrumbs */ -/* Input */ -/* Button */ -/* Canvas */ -/* Article */ -/* Form */ -/* Icon */ -/* Img */ -/* list */ -/* pagination */ -/* pre */ -/* tag */ -body { - background: #fff; - font-family: Open Sans, sans-serif; - font-size: 1rem; } - -.clear { - clear: both; } - -pre { - background: #fff; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -ms-border-radius: 3px; - border-radius: 3px; - background-clip: padding-box; - border: 1px solid #d6d6d6; - padding: 5px; - overflow-x: scroll; - counter-reset: line; - width: 100%; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; } - pre span { - display: block; } - pre span:before { - counter-increment: line; - content: counter(line); - display: inline-block; - border-right: 1px solid #ddd; - padding: 0 .5em; - margin-right: .5em; - color: #888; - width: 30px; } - -iframe { - padding: 0; - margin: 0; - border: none; - width: 100%; - height: 100%; } - -/*# sourceMappingURL=default.css.map */ diff --git a/draggable.css b/draggable.css deleted file mode 100644 index bc08eac..0000000 --- a/draggable.css +++ /dev/null @@ -1,4 +0,0 @@ -*[draggable] { - cursor: move; } - -/*# sourceMappingURL=draggable.css.map */ diff --git a/form.css b/form.css deleted file mode 100644 index 24fe3da..0000000 --- a/form.css +++ /dev/null @@ -1,42 +0,0 @@ -/* Global */ -/* Content Container */ -/* Content box */ -/* Navigation */ -/* Colors */ -/* Accordion */ -/* Log */ -/* Blockquote */ -/* Breadcrumbs */ -/* Input */ -/* Button */ -/* Canvas */ -/* Article */ -/* Form */ -/* Icon */ -/* Img */ -/* list */ -/* pagination */ -/* pre */ -/* tag */ -form li { - margin: 5px 0 5px 0; } -form td { - white-space: nowrap; - padding-bottom: 5px; } - form td textarea + i { - vertical-align: top; } -form label { - font-size: 0.9rem; - color: #878787; - text-shadow: -1px -1px 1px #ffffff; } -form i + i { - margin-left: 3px; } -form .layout td + td { - padding-left: 5px; } -form .list { - font-size: 0.9rem; } - form .list td { - white-space: nowrap; - padding: 3px 5px 3px 5px; } - -/*# sourceMappingURL=form.css.map */ diff --git a/grid.css b/grid.css deleted file mode 100644 index 2c6fc0c..0000000 --- a/grid.css +++ /dev/null @@ -1,732 +0,0 @@ -.container-fluid, .container { - box-sizing: border-box; } - -.row { - box-sizing: border-box; - display: flex; - flex: 0 1 auto; - flex-direction: row; - flex-wrap: wrap; } - -.col { - box-sizing: border-box; - display: flex; - flex: 1 0 auto; - flex-direction: column; - flex-wrap: wrap; - margin-bottom: var(--gutter-compensation, -0.5rem); - margin-left: var(--gutter-compensation, -0.5rem); } - -.row.reverse { - flex-direction: row-reverse; } - -.col.reverse { - flex-direction: column-reverse; } - -.col-xs, -.col-xs-1, -.col-xs-2, -.col-xs-3, -.col-xs-4, -.col-xs-5, -.col-xs-6, -.col-xs-7, -.col-xs-8, -.col-xs-9, -.col-xs-10, -.col-xs-11, -.col-xs-12 { - box-sizing: border-box; - -ms-flex: 0 0 auto; - -webkit-box-flex: 0; - flex: 0 0 auto; - padding-right: 0.3rem; - padding-left: 0.3rem; } - -.col-xs { - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - -webkit-box-flex: 1; - flex-grow: 1; - -ms-flex-preferred-size: 0; - flex-basis: 0; - max-width: 100%; } - -.col-xs-1 { - -ms-flex-preferred-size: 8.333%; - flex-basis: 8.333%; - max-width: 8.333%; } - -.col-xs-2 { - -ms-flex-preferred-size: 16.667%; - flex-basis: 16.667%; - max-width: 16.667%; } - -.col-xs-3 { - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - max-width: 25%; } - -.col-xs-4 { - -ms-flex-preferred-size: 33.333%; - flex-basis: 33.333%; - max-width: 33.333%; } - -.col-xs-5 { - -ms-flex-preferred-size: 41.667%; - flex-basis: 41.667%; - max-width: 41.667%; } - -.col-xs-6 { - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - max-width: 50%; } - -.col-xs-7 { - -ms-flex-preferred-size: 58.333%; - flex-basis: 58.333%; - max-width: 58.333%; } - -.col-xs-8 { - -ms-flex-preferred-size: 66.667%; - flex-basis: 66.667%; - max-width: 66.667%; } - -.col-xs-9 { - -ms-flex-preferred-size: 75%; - flex-basis: 75%; - max-width: 75%; } - -.col-xs-10 { - -ms-flex-preferred-size: 83.333%; - flex-basis: 83.333%; - max-width: 83.333%; } - -.col-xs-11 { - -ms-flex-preferred-size: 91.667%; - flex-basis: 91.667%; - max-width: 91.667%; } - -.col-xs-12 { - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - max-width: 100%; } - -.col-xs-offset-1 { - margin-left: 8.333%; } - -.col-xs-offset-2 { - margin-left: 16.667%; } - -.col-xs-offset-3 { - margin-left: 25%; } - -.col-xs-offset-4 { - margin-left: 33.333%; } - -.col-xs-offset-5 { - margin-left: 41.667%; } - -.col-xs-offset-6 { - margin-left: 50%; } - -.col-xs-offset-7 { - margin-left: 58.333%; } - -.col-xs-offset-8 { - margin-left: 66.667%; } - -.col-xs-offset-9 { - margin-left: 75%; } - -.col-xs-offset-10 { - margin-left: 83.333%; } - -.col-xs-offset-11 { - margin-left: 91.667%; } - -.start-xs { - -ms-flex-pack: start; - -webkit-box-pack: start; - justify-content: flex-start; - text-align: start; } - -.center-xs { - -ms-flex-pack: center; - -webkit-box-pack: center; - justify-content: center; - text-align: center; } - -.end-xs { - -ms-flex-pack: end; - -webkit-box-pack: end; - justify-content: flex-end; - text-align: end; } - -.top-xs { - -ms-flex-align: start; - -webkit-box-align: start; - align-items: flex-start; } - -.middle-xs { - -ms-flex-align: center; - -webkit-box-align: center; - align-items: center; } - -.bottom-xs { - -ms-flex-align: end; - -webkit-box-align: end; - align-items: flex-end; } - -.around-xs { - -ms-flex-pack: distribute; - justify-content: space-around; } - -.between-xs { - -ms-flex-pack: justify; - -webkit-box-pack: justify; - justify-content: space-between; } - -.first-xs { - -ms-flex-order: -1; - -webkit-box-ordinal-group: 0; - order: -1; } - -.last-xs { - -ms-flex-order: 1; - -webkit-box-ordinal-group: 2; - order: 1; } - -@media only screen and (min-width: 48em) { - .container { - width: 46rem; } - - .col-sm, - .col-sm-1, - .col-sm-2, - .col-sm-3, - .col-sm-4, - .col-sm-5, - .col-sm-6, - .col-sm-7, - .col-sm-8, - .col-sm-9, - .col-sm-10, - .col-sm-11, - .col-sm-12 { - box-sizing: border-box; - -ms-flex: 0 0 auto; - -webkit-box-flex: 0; - flex: 0 0 auto; - padding-right: 0.3rem; - padding-left: 0.3rem; } - - .col-sm { - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - -webkit-box-flex: 1; - flex-grow: 1; - -ms-flex-preferred-size: 0; - flex-basis: 0; - max-width: 100%; } - - .col-sm-1 { - -ms-flex-preferred-size: 8.333%; - flex-basis: 8.333%; - max-width: 8.333%; } - - .col-sm-2 { - -ms-flex-preferred-size: 16.667%; - flex-basis: 16.667%; - max-width: 16.667%; } - - .col-sm-3 { - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - max-width: 25%; } - - .col-sm-4 { - -ms-flex-preferred-size: 33.333%; - flex-basis: 33.333%; - max-width: 33.333%; } - - .col-sm-5 { - -ms-flex-preferred-size: 41.667%; - flex-basis: 41.667%; - max-width: 41.667%; } - - .col-sm-6 { - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - max-width: 50%; } - - .col-sm-7 { - -ms-flex-preferred-size: 58.333%; - flex-basis: 58.333%; - max-width: 58.333%; } - - .col-sm-8 { - -ms-flex-preferred-size: 66.667%; - flex-basis: 66.667%; - max-width: 66.667%; } - - .col-sm-9 { - -ms-flex-preferred-size: 75%; - flex-basis: 75%; - max-width: 75%; } - - .col-sm-10 { - -ms-flex-preferred-size: 83.333%; - flex-basis: 83.333%; - max-width: 83.333%; } - - .col-sm-11 { - -ms-flex-preferred-size: 91.667%; - flex-basis: 91.667%; - max-width: 91.667%; } - - .col-sm-12 { - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - max-width: 100%; } - - .col-sm-offset-1 { - margin-left: 8.333%; } - - .col-sm-offset-2 { - margin-left: 16.667%; } - - .col-sm-offset-3 { - margin-left: 25%; } - - .col-sm-offset-4 { - margin-left: 33.333%; } - - .col-sm-offset-5 { - margin-left: 41.667%; } - - .col-sm-offset-6 { - margin-left: 50%; } - - .col-sm-offset-7 { - margin-left: 58.333%; } - - .col-sm-offset-8 { - margin-left: 66.667%; } - - .col-sm-offset-9 { - margin-left: 75%; } - - .col-sm-offset-10 { - margin-left: 83.333%; } - - .col-sm-offset-11 { - margin-left: 91.667%; } - - .start-sm { - -ms-flex-pack: start; - -webkit-box-pack: start; - justify-content: flex-start; - text-align: start; } - - .center-sm { - -ms-flex-pack: center; - -webkit-box-pack: center; - justify-content: center; - text-align: center; } - - .end-sm { - -ms-flex-pack: end; - -webkit-box-pack: end; - justify-content: flex-end; - text-align: end; } - - .top-sm { - -ms-flex-align: start; - -webkit-box-align: start; - align-items: flex-start; } - - .middle-sm { - -ms-flex-align: center; - -webkit-box-align: center; - align-items: center; } - - .bottom-sm { - -ms-flex-align: end; - -webkit-box-align: end; - align-items: flex-end; } - - .around-sm { - -ms-flex-pack: distribute; - justify-content: space-around; } - - .between-sm { - -ms-flex-pack: justify; - -webkit-box-pack: justify; - justify-content: space-between; } - - .first-sm { - -ms-flex-order: -1; - -webkit-box-ordinal-group: 0; - order: -1; } - - .last-sm { - -ms-flex-order: 1; - -webkit-box-ordinal-group: 2; - order: 1; } } -@media only screen and (min-width: 62em) { - .container { - width: 61rem; } - - .col-md, - .col-md-1, - .col-md-2, - .col-md-3, - .col-md-4, - .col-md-5, - .col-md-6, - .col-md-7, - .col-md-8, - .col-md-9, - .col-md-10, - .col-md-11, - .col-md-12 { - box-sizing: border-box; - -ms-flex: 0 0 auto; - -webkit-box-flex: 0; - flex: 0 0 auto; - padding-right: 0.3rem; - padding-left: 0.3rem; } - - .col-md { - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - -webkit-box-flex: 1; - flex-grow: 1; - -ms-flex-preferred-size: 0; - flex-basis: 0; - max-width: 100%; } - - .col-md-1 { - -ms-flex-preferred-size: 8.333%; - flex-basis: 8.333%; - max-width: 8.333%; } - - .col-md-2 { - -ms-flex-preferred-size: 16.667%; - flex-basis: 16.667%; - max-width: 16.667%; } - - .col-md-3 { - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - max-width: 25%; } - - .col-md-4 { - -ms-flex-preferred-size: 33.333%; - flex-basis: 33.333%; - max-width: 33.333%; } - - .col-md-5 { - -ms-flex-preferred-size: 41.667%; - flex-basis: 41.667%; - max-width: 41.667%; } - - .col-md-6 { - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - max-width: 50%; } - - .col-md-7 { - -ms-flex-preferred-size: 58.333%; - flex-basis: 58.333%; - max-width: 58.333%; } - - .col-md-8 { - -ms-flex-preferred-size: 66.667%; - flex-basis: 66.667%; - max-width: 66.667%; } - - .col-md-9 { - -ms-flex-preferred-size: 75%; - flex-basis: 75%; - max-width: 75%; } - - .col-md-10 { - -ms-flex-preferred-size: 83.333%; - flex-basis: 83.333%; - max-width: 83.333%; } - - .col-md-11 { - -ms-flex-preferred-size: 91.667%; - flex-basis: 91.667%; - max-width: 91.667%; } - - .col-md-12 { - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - max-width: 100%; } - - .col-md-offset-1 { - margin-left: 8.333%; } - - .col-md-offset-2 { - margin-left: 16.667%; } - - .col-md-offset-3 { - margin-left: 25%; } - - .col-md-offset-4 { - margin-left: 33.333%; } - - .col-md-offset-5 { - margin-left: 41.667%; } - - .col-md-offset-6 { - margin-left: 50%; } - - .col-md-offset-7 { - margin-left: 58.333%; } - - .col-md-offset-8 { - margin-left: 66.667%; } - - .col-md-offset-9 { - margin-left: 75%; } - - .col-md-offset-10 { - margin-left: 83.333%; } - - .col-md-offset-11 { - margin-left: 91.667%; } - - .start-md { - -ms-flex-pack: start; - -webkit-box-pack: start; - justify-content: flex-start; - text-align: start; } - - .center-md { - -ms-flex-pack: center; - -webkit-box-pack: center; - justify-content: center; - text-align: center; } - - .end-md { - -ms-flex-pack: end; - -webkit-box-pack: end; - justify-content: flex-end; - text-align: end; } - - .top-md { - -ms-flex-align: start; - -webkit-box-align: start; - align-items: flex-start; } - - .middle-md { - -ms-flex-align: center; - -webkit-box-align: center; - align-items: center; } - - .bottom-md { - -ms-flex-align: end; - -webkit-box-align: end; - align-items: flex-end; } - - .around-md { - -ms-flex-pack: distribute; - justify-content: space-around; } - - .between-md { - -ms-flex-pack: justify; - -webkit-box-pack: justify; - justify-content: space-between; } - - .first-md { - -ms-flex-order: -1; - -webkit-box-ordinal-group: 0; - order: -1; } - - .last-md { - -ms-flex-order: 1; - -webkit-box-ordinal-group: 2; - order: 1; } } -@media only screen and (min-width: 75em) { - .container { - width: 71rem; } - - .col-lg, - .col-lg-1, - .col-lg-2, - .col-lg-3, - .col-lg-4, - .col-lg-5, - .col-lg-6, - .col-lg-7, - .col-lg-8, - .col-lg-9, - .col-lg-10, - .col-lg-11, - .col-lg-12 { - box-sizing: border-box; - -ms-flex: 0 0 auto; - -webkit-box-flex: 0; - flex: 0 0 auto; - padding-right: 0.3rem; - padding-left: 0.3rem; } - - .col-lg { - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - -webkit-box-flex: 1; - flex-grow: 1; - -ms-flex-preferred-size: 0; - flex-basis: 0; - max-width: 100%; } - - .col-lg-1 { - -ms-flex-preferred-size: 8.333%; - flex-basis: 8.333%; - max-width: 8.333%; } - - .col-lg-2 { - -ms-flex-preferred-size: 16.667%; - flex-basis: 16.667%; - max-width: 16.667%; } - - .col-lg-3 { - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - max-width: 25%; } - - .col-lg-4 { - -ms-flex-preferred-size: 33.333%; - flex-basis: 33.333%; - max-width: 33.333%; } - - .col-lg-5 { - -ms-flex-preferred-size: 41.667%; - flex-basis: 41.667%; - max-width: 41.667%; } - - .col-lg-6 { - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - max-width: 50%; } - - .col-lg-7 { - -ms-flex-preferred-size: 58.333%; - flex-basis: 58.333%; - max-width: 58.333%; } - - .col-lg-8 { - -ms-flex-preferred-size: 66.667%; - flex-basis: 66.667%; - max-width: 66.667%; } - - .col-lg-9 { - -ms-flex-preferred-size: 75%; - flex-basis: 75%; - max-width: 75%; } - - .col-lg-10 { - -ms-flex-preferred-size: 83.333%; - flex-basis: 83.333%; - max-width: 83.333%; } - - .col-lg-11 { - -ms-flex-preferred-size: 91.667%; - flex-basis: 91.667%; - max-width: 91.667%; } - - .col-lg-12 { - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - max-width: 100%; } - - .col-lg-offset-1 { - margin-left: 8.333%; } - - .col-lg-offset-2 { - margin-left: 16.667%; } - - .col-lg-offset-3 { - margin-left: 25%; } - - .col-lg-offset-4 { - margin-left: 33.333%; } - - .col-lg-offset-5 { - margin-left: 41.667%; } - - .col-lg-offset-6 { - margin-left: 50%; } - - .col-lg-offset-7 { - margin-left: 58.333%; } - - .col-lg-offset-8 { - margin-left: 66.667%; } - - .col-lg-offset-9 { - margin-left: 75%; } - - .col-lg-offset-10 { - margin-left: 83.333%; } - - .col-lg-offset-11 { - margin-left: 91.667%; } - - .start-lg { - -ms-flex-pack: start; - -webkit-box-pack: start; - justify-content: flex-start; - text-align: start; } - - .center-lg { - -ms-flex-pack: center; - -webkit-box-pack: center; - justify-content: center; - text-align: center; } - - .end-lg { - -ms-flex-pack: end; - -webkit-box-pack: end; - justify-content: flex-end; - text-align: end; } - - .top-lg { - -ms-flex-align: start; - -webkit-box-align: start; - align-items: flex-start; } - - .middle-lg { - -ms-flex-align: center; - -webkit-box-align: center; - align-items: center; } - - .bottom-lg { - -ms-flex-align: end; - -webkit-box-align: end; - align-items: flex-end; } - - .around-lg { - -ms-flex-pack: distribute; - justify-content: space-around; } - - .between-lg { - -ms-flex-pack: justify; - -webkit-box-pack: justify; - justify-content: space-between; } - - .first-lg { - -ms-flex-order: -1; - -webkit-box-ordinal-group: 0; - order: -1; } - - .last-lg { - -ms-flex-order: 1; - -webkit-box-ordinal-group: 2; - order: 1; } } - -/*# sourceMappingURL=grid.css.map */ diff --git a/icon.css b/icon.css deleted file mode 100644 index 4ecb299..0000000 --- a/icon.css +++ /dev/null @@ -1,41 +0,0 @@ -/* Global */ -/* Content Container */ -/* Content box */ -/* Navigation */ -/* Colors */ -/* Accordion */ -/* Log */ -/* Blockquote */ -/* Breadcrumbs */ -/* Input */ -/* Button */ -/* Canvas */ -/* Article */ -/* Form */ -/* Icon */ -/* Img */ -/* list */ -/* pagination */ -/* pre */ -/* tag */ -.infoIcon { - width: 0.9rem; - text-align: center; - vertical-align: middle; - position: relative; - cursor: pointer; } - .infoIcon span { - font-size: .55rem; - display: block; - position: absolute; - right: -.55rem; - top: -.45rem; - width: 0.9rem; - height: 0.9rem; - line-height: 0.9rem; - border-radius: 50%; - text-align: center; - color: #fff; - background: #d16059; } - -/*# sourceMappingURL=icon.css.map */ diff --git a/image.css b/image.css deleted file mode 100644 index 0cd090b..0000000 --- a/image.css +++ /dev/null @@ -1,121 +0,0 @@ -/* Global */ -/* Content Container */ -/* Content box */ -/* Navigation */ -/* Colors */ -/* Accordion */ -/* Log */ -/* Blockquote */ -/* Breadcrumbs */ -/* Input */ -/* Button */ -/* Canvas */ -/* Article */ -/* Form */ -/* Icon */ -/* Img */ -/* list */ -/* pagination */ -/* pre */ -/* tag */ -img.frame-1 { - padding: 5px; - background: #fff; - border: 1px solid #d6d6d6; - -moz-box-shadow: inset 1px 1px 0px 0px #ffffff; - -webkit-box-shadow: inset 1px 1px 0px 0px #ffffff; - box-shadow: inset 1px 1px 0px 0px #ffffff; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -ms-border-radius: 3px; - border-radius: 3px; - background-clip: padding-box; - box-sizing: border-box; - width: 100%; } -img.frame-2 { - border: 1px solid #d6d6d6; - background: #fff; - box-sizing: border-box; - width: 100%; } -img.frame-3 { - padding: 5px; - background: #fff; - border: 1px solid #d6d6d6; - -moz-box-shadow: inset 1px 1px 0px 0px #ffffff; - -webkit-box-shadow: inset 1px 1px 0px 0px #ffffff; - box-shadow: inset 1px 1px 0px 0px #ffffff; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -ms-border-radius: 3px; - border-radius: 3px; - background-clip: padding-box; - box-sizing: border-box; - width: 100%; } - -@keyframes slidy { - 0% { - left: 0%; } - 20% { - left: 0%; } - 25% { - left: -100%; } - 45% { - left: -100%; } - 50% { - left: -200%; } - 70% { - left: -200%; } - 75% { - left: -300%; } - 95% { - left: -300%; } - 100% { - left: -400%; } } -div.slider-1 { - overflow: hidden; } - div.slider-1 figure { - position: relative; - width: 500%; - margin: 0; - left: 0; - text-align: left; - font-size: 0; - animation: 30s slidy infinite; } - div.slider-1 figure img { - width: 20%; - float: left; } - -.slider-2 { - width: 100%; - position: relative; - padding-top: auto; - text-align: center; } - .slider-2 > img { - width: 100%; - position: absolute; - left: 0; - top: 0; - transition: all 0.5s; - box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75); } - .slider-2 input { - display: none; } - .slider-2 input:checked + label { - border-color: #666; - opacity: 1; } - .slider-2 input:checked + label + img { - opacity: 1; - transform: scale(1); } - .slider-2 input ~ img { - opacity: 0; - transform: scale(1.1); } - .slider-2 label { - display: inline-block; - margin-top: calc(50% + 15px); - margin-left: 15px; - border: 3px solid #999; - cursor: pointer; - opacity: 0.6; } - .slider-2 label img { - display: block; } - -/*# sourceMappingURL=image.css.map */ diff --git a/input.css b/input.css deleted file mode 100644 index 17fad13..0000000 --- a/input.css +++ /dev/null @@ -1,215 +0,0 @@ -/* Global */ -/* Content Container */ -/* Content box */ -/* Navigation */ -/* Colors */ -/* Accordion */ -/* Log */ -/* Blockquote */ -/* Breadcrumbs */ -/* Input */ -/* Button */ -/* Canvas */ -/* Article */ -/* Form */ -/* Icon */ -/* Img */ -/* list */ -/* pagination */ -/* pre */ -/* tag */ -input, select, textarea, .textarea { - border: 1px solid #d6d6d6; } - -progress { - height: 20px; - width: 100%; - min-width: 150px; } - -.textarea, -.tag-input, -textarea, -select, -input[type="password"], -input[type="text"], -input[type="datetime"], -input[type="email"], -input[type="date"], -input[type="number"], -input[type="datetime-local"] { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - color: #676a6c; - background: #fff; - width: 100%; - height: 2rem; - min-width: 70px; - max-width: 100%; - padding: 7px; - font-size: 1rem; - border: 1px solid #d6d6d6; - transition: background 0.3s, border 0.3s; - box-shadow: inset 1px 1px 4px -2px #c5c5c5; } - .textarea:focus, .textarea .active, - .tag-input:focus, - .tag-input .active, - textarea:focus, - textarea .active, - select:focus, - select .active, - input[type="password"]:focus, - input[type="password"] .active, - input[type="text"]:focus, - input[type="text"] .active, - input[type="datetime"]:focus, - input[type="datetime"] .active, - input[type="email"]:focus, - input[type="email"] .active, - input[type="date"]:focus, - input[type="date"] .active, - input[type="number"]:focus, - input[type="number"] .active, - input[type="datetime-local"]:focus, - input[type="datetime-local"] .active { - border-color: #FBA026; } - .textarea:disabled, - .tag-input:disabled, - textarea:disabled, - select:disabled, - input[type="password"]:disabled, - input[type="text"]:disabled, - input[type="datetime"]:disabled, - input[type="email"]:disabled, - input[type="date"]:disabled, - input[type="number"]:disabled, - input[type="datetime-local"]:disabled { - background: #efefef; } - -input ~ .dropdown { - position: absolute; - display: none; - z-index: 3; } - -input:focus ~ .dropdown, input ~ .dropdown.active { - display: inline-block; } - -select { - cursor: pointer; - padding: 0 7px 0 7px; - /* overwrites input padding: 7px. don't know why i have to do this! */ } - -option { - line-height: 1rem; } - -input[type="file"] { - border: solid 1rem #fff; - width: 100%; - max-width: 100%; - color: #676a6c; - padding: 10px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; } - -input::placeholder { - color: #cfcfcf; - opacity: 0.5; } - -input::placeholder, textarea { - font-family: 'FontAwesome', serif; } - -input:invalid { - transition: all 0.5s; - border-color: #b85450; } - -textarea, .textarea { - overflow: auto; - resize: both; - min-height: 100px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; } - -span.checkbox, span.radio { - -moz-user-select: none; - -ms-user-select: none; - -webkit-user-select: none; - user-select: none; } - span.checkbox label, span.radio label { - cursor: pointer; } - -span.checkbox input[type="checkbox"], span.radio input[type="radio"] { - position: relative; - vertical-align: middle; - bottom: 1px; - margin-right: 5px; - cursor: pointer; } - -input[type="range"] { - border: none; - width: 100%; - min-width: 150px; - cursor: pointer; } - -.input { - width: 100%; - min-width: 120px; - display: flex; - flex-direction: row; - flex-wrap: nowrap; } - .input button { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: inline-block; - background: #fff; - height: 2rem; - font-size: 1rem; - min-width: 40px; - border-left: solid 1px #d6d6d6; - border-top: solid 1px #d6d6d6; - border-bottom: solid 1px #d6d6d6; - border-right: none; - padding: 0; - position: relative; - vertical-align: middle; - flex-grow: 0; - flex-shrink: 0; } - .input button:hover { - background: #fff; } - .input i { - position: relative; - vertical-align: middle; } - .input input { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - font-size: 1rem; - position: relative; - vertical-align: middle; - flex-grow: 1; - flex-shrink: 1; } - -select.plain { - width: auto; - margin: 0; - padding: 0; - border: none; - outline: none; - display: inline-block; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - cursor: pointer; - box-shadow: none; } - -.tag-input input { - border: none; - padding: 0; - margin: 0; } -.tag-input .tag { - padding: 3px; - font-size: 0.8rem; } - -/*# sourceMappingURL=input.css.map */ diff --git a/layout.css b/layout.css deleted file mode 100644 index 997073c..0000000 --- a/layout.css +++ /dev/null @@ -1,61 +0,0 @@ -.ok { - color: #5cff56; } - -.warning { - color: #ff4b41; } - -.favorite { - color: #d16059; } - -.green { - background: #42bd41; } - -.red { - background: #d01715; } - -.blue { - background: #5778fd; } - -.orange { - background: #FBA026; } - -.lightblue { - background: #03a9f5; } - -.yellow { - background: #ffeb3c; } - -.purple { - background: #673bb7; } - -.pink { - background: #ffa6e3; } - -.grey { - background: #dcdcdc; } - -.darkred { - background: #B8312F; } - -.darkgreen { - background: #009788; } - -.darkblue { - background: #3f51b5; } - -.ipt-wrap { - display: table; - vertical-align: top; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; } - .ipt-wrap .ipt-first { - width: 100%; - display: table-cell; - vertical-align: inherit; } - .ipt-wrap .ipt-second { - padding-left: 5px; - display: table-cell; - vertical-align: inherit; } - -/*# sourceMappingURL=layout.css.map */ diff --git a/link.css b/link.css deleted file mode 100644 index e6f0bf7..0000000 --- a/link.css +++ /dev/null @@ -1,7 +0,0 @@ -.unseen { - font-weight: bold; } - -[data-href] { - cursor: pointer; } - -/*# sourceMappingURL=link.css.map */ diff --git a/list.css b/list.css deleted file mode 100644 index 719bf0b..0000000 --- a/list.css +++ /dev/null @@ -1,41 +0,0 @@ -/* Global */ -/* Content Container */ -/* Content box */ -/* Navigation */ -/* Colors */ -/* Accordion */ -/* Log */ -/* Blockquote */ -/* Breadcrumbs */ -/* Input */ -/* Button */ -/* Canvas */ -/* Article */ -/* Form */ -/* Icon */ -/* Img */ -/* list */ -/* pagination */ -/* pre */ -/* tag */ -ul.boxed { - background: #fff; - padding: 5px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -ms-border-radius: 3px; - border-radius: 3px; - background-clip: padding-box; - border: 1px solid #d6d6d6; } - ul.boxed li { - margin: 5px 0 5px 0; } - ul.boxed li:first-child { - margin-top: 0; } - ul.boxed li:last-child { - margin-bottom: 0; } - -ul.h-list li { - display: inline-block; - margin: 5px 10px 5px 10px; } - -/*# sourceMappingURL=list.css.map */ diff --git a/media.css b/media.css deleted file mode 100644 index 9e343c8..0000000 --- a/media.css +++ /dev/null @@ -1,3 +0,0 @@ - - -/*# sourceMappingURL=media.css.map */ diff --git a/nav.css b/nav.css deleted file mode 100644 index fdf5a75..0000000 --- a/nav.css +++ /dev/null @@ -1,170 +0,0 @@ -/* Global */ -/* Content Container */ -/* Content box */ -/* Navigation */ -/* Colors */ -/* Accordion */ -/* Log */ -/* Blockquote */ -/* Breadcrumbs */ -/* Input */ -/* Button */ -/* Canvas */ -/* Article */ -/* Form */ -/* Icon */ -/* Img */ -/* list */ -/* pagination */ -/* pre */ -/* tag */ -#nav-side { - user-select: none; - width: 175px; - position: fixed; - top: 79px; - right: 0; - bottom: 0; - left: 0; - z-index: 0; - overflow-y: auto; - font-size: 0.8em; - background: #3b3b3b; } - #nav-side span { - width: 20px; - display: inline-block; } - #nav-side input { - display: none; } - #nav-side input:checked + ul .max { - display: inherit; } - #nav-side input:checked + ul .min { - display: none; } - #nav-side input:checked + ul > li:nth-child(n+2) { - display: inherit; } - #nav-side input + ul .max { - display: none; } - #nav-side input + ul .min { - display: inherit; } - #nav-side input + ul > li:nth-child(n+2) { - display: none; } - #nav-side label { - display: block; - padding: 7px 0 7px 7px; - cursor: pointer; } - #nav-side > li { - color: #fff; } - #nav-side > li a { - display: block; - padding: 7px 0 7px 7px; } - #nav-side > li a:hover { - color: #252525; - background: #FBA026; } - #nav-side > li li { - border-top: 1px solid #505050; - color: #fff; - border-bottom: 1px solid #252525; } - #nav-side > li li:not(:first-child) { - background: #444; } - #nav-side > li li:hover, #nav-side > li li.active { - color: #252525; - background: #FBA026; - border-top: 1px solid #ffc06e; } - #nav-side li:last-child li:last-child { - border-bottom: none; } - #nav-side .max, #nav-side .min { - float: right; } - #nav-side i { - margin-right: 5px; } - #nav-side::-webkit-scrollbar-track { - box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); - background-color: #F5F5F5; } - #nav-side::-webkit-scrollbar { - width: 12px; - background-color: #F5F5F5; } - #nav-side::-webkit-scrollbar-thumb { - box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); - background-color: #555; } - -.nav-trigger { - position: absolute; - clip: rect(0, 0, 0, 0); } - .nav-trigger:checked ~ main { - width: calc(100% - 175px); - left: 175px; } - -label[for="nav-trigger"] { - font-size: 2.0em; - height: 30px; - width: 30px; - cursor: pointer; } - -.nav-top { - user-select: none; - margin-top: 5px; - display: block; - background: #fff; - border: 1px solid #b7b7b7; } - .nav-top > li { - -moz-box-shadow: inset 0px 1px 0px 0px #fff; - -webkit-box-shadow: inset 0px 1px 0px 0px #fff; - box-shadow: inset 0px 1px 0px 0px #fff; } - .nav-top > li:first-child { - -moz-box-shadow: inset 1px 1px 0px 0px #fff; - -webkit-box-shadow: inset 1px 1px 0px 0px #fff; - box-shadow: inset 1px 1px 0px 0px #fff; } - .nav-top > li > a { - display: inline-block; - padding: 10px 10px; } - .nav-top li { - background: #fff; - display: inline-block; - position: relative; - cursor: pointer; } - .nav-top li:hover, .nav-top li.active { - -moz-box-shadow: inset 0px 1px 0px 0px #FFC06E; - -webkit-box-shadow: inset 0px 1px 0px 0px #FFC06E; - box-shadow: inset 0px 1px 0px 0px #FFC06E; - background: #FBA026; - color: #252525; } - .nav-top li:hover:first-child, .nav-top li.active:first-child { - -moz-box-shadow: inset 1px 1px 0px 0px #FFC06E; - -webkit-box-shadow: inset 1px 1px 0px 0px #FFC06E; - box-shadow: inset 1px 1px 0px 0px #FFC06E; } - .nav-top li:hover > ul, .nav-top li.active > ul { - display: block; - opacity: 1; - visibility: visible; } - .nav-top li > ul { - padding: 0; - z-index: 5; - position: absolute; - top: 36px; - left: 0; - width: 150px; - display: none; - opacity: 0; - visibility: hidden; - border-left: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - border-right: 1px solid #b7b7b7; } - .nav-top li > ul li { - display: block; - color: #000; - padding: 7px; } - .nav-top li > ul li:hover { - color: #252525; - background: #FBA026; } - -@media screen and (max-width: 600px) { - .nav-trigger:checked ~ main { - width: 100%; - left: 0; } - - .nav-trigger:not(:checked) ~ main { - width: 0; - padding-right: 0; } - - #nav-side { - width: 100%; } } - -/*# sourceMappingURL=nav.css.map */ diff --git a/note.css b/note.css deleted file mode 100644 index d1d5641..0000000 --- a/note.css +++ /dev/null @@ -1,3 +0,0 @@ - - -/*# sourceMappingURL=note.css.map */ diff --git a/package.json b/package.json index d473840..05d367d 100644 --- a/package.json +++ b/package.json @@ -7,6 +7,8 @@ "node-sass": "^4.14.1" }, "devDependencies": {}, - "scripts": {}, + "scripts": { + "scss": "node-sass styles.scss > styles.css" + }, "author": "Dennis Eichhorn" } diff --git a/pagination.css b/pagination.css deleted file mode 100644 index 80dc9ef..0000000 --- a/pagination.css +++ /dev/null @@ -1,42 +0,0 @@ -/* Global */ -/* Content Container */ -/* Content box */ -/* Navigation */ -/* Colors */ -/* Accordion */ -/* Log */ -/* Blockquote */ -/* Breadcrumbs */ -/* Input */ -/* Button */ -/* Canvas */ -/* Article */ -/* Form */ -/* Icon */ -/* Img */ -/* list */ -/* pagination */ -/* pre */ -/* tag */ -.pagination li { - display: inline-block; } -.pagination a { - display: inline-block; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -ms-border-radius: 3px; - border-radius: 3px; - background-clip: padding-box; - -moz-box-shadow: inset 1px 1px 0px 0px #ffffff; - -webkit-box-shadow: inset 1px 1px 0px 0px #ffffff; - box-shadow: inset 1px 1px 0px 0px #ffffff; - background: #f5f5ff; - padding: 5px 10px 5px 10px; } -.pagination .active, .pagination a:hover, .pagination a:active { - color: #fff; - background: #353535; - -moz-box-shadow: inset 1px 1px 0px 0px #e8e8e8; - -webkit-box-shadow: inset 1px 1px 0px 0px #e8e8e8; - box-shadow: inset 1px 1px 0px 0px #e8e8e8; } - -/*# sourceMappingURL=pagination.css.map */ diff --git a/popup.css b/popup.css deleted file mode 100644 index 6fb1a61..0000000 --- a/popup.css +++ /dev/null @@ -1,3 +0,0 @@ - - -/*# sourceMappingURL=popup.css.map */ diff --git a/progress.css b/progress.css deleted file mode 100644 index 0fe1f3e..0000000 --- a/progress.css +++ /dev/null @@ -1,181 +0,0 @@ -/* Global */ -/* Content Container */ -/* Content box */ -/* Navigation */ -/* Colors */ -/* Accordion */ -/* Log */ -/* Blockquote */ -/* Breadcrumbs */ -/* Input */ -/* Button */ -/* Canvas */ -/* Article */ -/* Form */ -/* Icon */ -/* Img */ -/* list */ -/* pagination */ -/* pre */ -/* tag */ -.meter { - height: 15px; - /* Can be anything */ - position: relative; - background: none !important; } - .meter > span { - display: block; - height: 100%; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -ms-border-radius: 3px; - border-radius: 3px; - background-clip: padding-box; - background-color: #2bc253; - background-image: linear-gradient(to left top, color-stop(0, #2bc253), color-stop(1, #54f054)); - position: relative; - overflow: hidden; } - -.meter > span:after, .animate > span > span { - content: ""; - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent)); - background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); - z-index: 1; - -webkit-background-size: 50px 50px; - -moz-background-size: 50px 50px; - -webkit-animation: move 4s linear infinite; - overflow: hidden; } - -.animate > span:after { - display: none; } - -@-webkit-keyframes move { - 0% { - background-position: 0 0; } - 100% { - background-position: 50px 50px; } } -.meter.orange > span { - background-color: #f1a165; - background-image: -moz-linear-gradient(top, #f1a165, #f36d0a); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1a165), color-stop(1, #f36d0a)); - background-image: -webkit-linear-gradient(#f1a165, #f36d0a); } -.meter.blue > span { - background-color: #96c2f1; - background-image: -moz-linear-gradient(top, #96c2f1, #4394f3); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #96c2f1), color-stop(1, #4394f3)); - background-image: -webkit-linear-gradient(#96c2f1, #4394f3); } -.meter.red > span { - background-color: #f0a3a3; - background-image: -moz-linear-gradient(top, #f0a3a3, #f42323); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0a3a3), color-stop(1, #f42323)); - background-image: -webkit-linear-gradient(#f0a3a3, #f42323); } - -.noanimation > span > span, .noanimation > span:after { - -webkit-animation: none; } - -.nostripes > span > span, .nostripes > span:after { - -webkit-animation: none; - background-image: none; } - -.timeline { - list-style: none; - margin: 0 0 30px 120px; - padding-left: 30px; - border-left: 3px solid #eaeaea; } - .timeline li { - margin: 0; - position: relative; } - .timeline p { - margin: 0 0 15px; } - -.timeline-date { - margin-top: -18px; - top: 50%; - left: -150px; - font-size: 0.95em; - line-height: 20px; - position: absolute; - padding: 5px 10px 5px 10px; - border: 1px solid #ccc; } - -.timeline-circle { - margin-top: -10px; - top: 50%; - left: -40px; - width: 10px; - height: 10px; - background: tomato; - border: 3px solid #eaeaea; - border-radius: 50%; - display: block; - position: absolute; } - -.timeline-circle-start { - margin-top: 0; - top: 0; - left: -45px; - width: 20px; - height: 20px; - background: #fff; - border: 3px solid #eaeaea; - border-radius: 50%; - display: block; - position: absolute; } - -.timeline-circle-end { - margin-top: 0; - top: 100%; - left: -45px; - width: 20px; - height: 20px; - background: #fff; - border: 3px solid #eaeaea; - border-radius: 50%; - display: block; - position: absolute; } - -.timeline-content { - padding: 50px 20px 0; - border-radius: 0.5em; - position: relative; } - -.timeline-content p { - text-align: justify; } - -.timeline label { - font-size: 1.3em; - position: absolute; - z-index: 100; - top: 20px; } - -.timeline-radio { - display: none; } - -.timeline-break { - display: none; } - -.progress-radial { - margin-right: 20px; - position: relative; - width: 70px; - height: 70px; - border-radius: 50%; - background-color: tomato; } - .progress-radial .overlay { - position: absolute; - width: 60px; - height: 60px; - background-color: #fff; - border-radius: 50%; - margin-left: 5px; - margin-top: 5px; - text-align: center; - line-height: 60px; - font-size: 9px; } - -/*# sourceMappingURL=progress.css.map */ diff --git a/section.css b/section.css deleted file mode 100644 index 64b0cc9..0000000 --- a/section.css +++ /dev/null @@ -1,84 +0,0 @@ -/* Global */ -/* Content Container */ -/* Content box */ -/* Navigation */ -/* Colors */ -/* Accordion */ -/* Log */ -/* Blockquote */ -/* Breadcrumbs */ -/* Input */ -/* Button */ -/* Canvas */ -/* Article */ -/* Form */ -/* Icon */ -/* Img */ -/* list */ -/* pagination */ -/* pre */ -/* tag */ -.box { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin-top: 0.3rem; - overflow-x: auto; } - .box .inner { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -moz-box-shadow: inset 1px 1px 0px 0px #ffffff; - -webkit-box-shadow: inset 1px 1px 0px 0px #ffffff; - box-shadow: inset 1px 1px 0px 0px #ffffff; - padding: 10px; } - -.box-container { - display: inline-block; } - -section.box { - -moz-box-shadow: 0px 1px 0px 0px #f1f1f1; - -webkit-box-shadow: 0px 1px 0px 0px #f1f1f1; - box-shadow: 0px 1px 0px 0px #f1f1f1; - border: 1px solid #d6d6d6; - background: #fff; } - section.box.green { - border-top: 3px solid #42bd41; } - section.box.red { - border-top: 3px solid #d01715; } - section.box.blue { - border-top: 3px solid #5778fd; } - section.box.orange { - border-top: 3px solid #FBA026; } - section.box.lightblue { - border-top: 3px solid #03a9f5; } - section.box.yellow { - border-top: 3px solid #ffeb3c; } - section.box.purple { - border-top: 3px solid #673bb7; } - section.box.pink { - border-top: 3px solid #ffa6e3; } - section.box.grey { - border-top: 3px solid #dcdcdc; } - section.box.darkred { - border-top: 3px solid #B8312F; } - section.box.darkgreen { - border-top: 3px solid #009788; } - section.box.darkblue { - border-top: 3px solid #3f51b5; } - -section header > h1 { - margin: 10px 10px 0 10px; - padding-bottom: 5px; - font-size: 1.1em; - text-shadow: 1px 1px 1px #ffffff; - border-bottom: 1px solid #e1e1e1; } -section > h2 { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - font-size: 1.2em; - margin-bottom: 5px; - text-shadow: 1px 1px 1px #ffffff; } - -/*# sourceMappingURL=section.css.map */ diff --git a/size.css b/size.css deleted file mode 100644 index 3532c71..0000000 --- a/size.css +++ /dev/null @@ -1,32 +0,0 @@ -.wf-100 { - width: 100%; } - -.wf-80 { - width: 80%; } - -.wf-20 { - width: 20%; } - -.wf-66 { - width: 66.66%; } - -.wf-50 { - width: 50%; } - -.wf-33 { - width: 33.33%; } - -.wf-25 { - width: 25%; } - -.wf-75 { - width: 75%; } - -.spacer { - padding: 5px; } - -.resizable { - resize: both; - overflow: auto; } - -/*# sourceMappingURL=size.css.map */ diff --git a/slider.css b/slider.css deleted file mode 100644 index d6da2f0..0000000 --- a/slider.css +++ /dev/null @@ -1,7 +0,0 @@ -.slider { - overflow-x: auto; - white-space: nowrap; } - .slider ul { - display: inline; } - -/*# sourceMappingURL=slider.css.map */ diff --git a/spinner.css b/spinner.css deleted file mode 100644 index 5e8ae1f..0000000 --- a/spinner.css +++ /dev/null @@ -1,79 +0,0 @@ -.spinner-1 { - width: 40px; - height: 40px; - background-color: #333; - margin: 50px auto; - -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; - animation: sk-rotateplane 1.2s infinite ease-in-out; } - -@-webkit-keyframes sk-rotateplane { - 0% { - -webkit-transform: perspective(120px); } - 50% { - -webkit-transform: perspective(120px) rotateY(180deg); } - 100% { - -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } -@keyframes sk-rotateplane { - 0% { - transform: perspective(120px) rotateX(0deg) rotateY(0deg); - -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); } - 50% { - transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); - -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } - 100% { - transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); - -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } -.spinner-2 { - text-align: center; } - .spinner-2 > div { - width: 18px; - height: 18px; - background-color: #333; - border-radius: 100%; - display: inline-block; - -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; - animation: sk-bouncedelay 1.4s infinite ease-in-out both; } - .spinner-2 .bounce1 { - -webkit-animation-delay: -0.32s; - animation-delay: -0.32s; } - .spinner-2 .bounce2 { - -webkit-animation-delay: -0.16s; - animation-delay: -0.16s; } - -@-webkit-keyframes sk-bouncedelay { - 0%, 80%, 100% { - -webkit-transform: scale(0); } - 40% { - -webkit-transform: scale(1); } } -@keyframes sk-bouncedelay { - 0%, 80%, 100% { - -webkit-transform: scale(0); - transform: scale(0); } - 40% { - -webkit-transform: scale(1); - transform: scale(1); } } -.spinner-3 { - width: 40px; - height: 40px; - margin: 50px auto; - background-color: #333; - border-radius: 100%; - -webkit-animation: sk-scaleout 1.0s infinite ease-in-out; - animation: sk-scaleout 1.0s infinite ease-in-out; } - -@-webkit-keyframes sk-scaleout { - 0% { - -webkit-transform: scale(0); } - 100% { - -webkit-transform: scale(1); - opacity: 0; } } -@keyframes sk-scaleout { - 0% { - -webkit-transform: scale(0); - transform: scale(0); } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 0; } } - -/*# sourceMappingURL=spinner.css.map */ diff --git a/styles.css b/styles.css index 7a2f86f..cd2ef88 100644 --- a/styles.css +++ b/styles.css @@ -248,6 +248,7 @@ iframe { 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } + @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); @@ -267,6 +268,7 @@ iframe { 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } + .bounce { -webkit-animation-name: bounce; animation-name: bounce; @@ -278,11 +280,13 @@ iframe { opacity: 1; } 25%, 75% { opacity: 0; } } + @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } + .flash { -webkit-animation-name: flash; animation-name: flash; } @@ -298,6 +302,7 @@ iframe { to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } + @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); @@ -308,6 +313,7 @@ iframe { to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } + .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @@ -334,6 +340,7 @@ iframe { to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } + @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); @@ -356,6 +363,7 @@ iframe { to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } + .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @@ -370,6 +378,7 @@ iframe { 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } + @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); @@ -380,6 +389,7 @@ iframe { 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } + .shake { -webkit-animation-name: shake; animation-name: shake; } @@ -403,6 +413,7 @@ iframe { 50% { -webkit-transform: translateX(0); transform: translateX(0); } } + @keyframes headShake { 0% { -webkit-transform: translateX(0); @@ -422,6 +433,7 @@ iframe { 50% { -webkit-transform: translateX(0); transform: translateX(0); } } + .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; @@ -444,6 +456,7 @@ iframe { to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } + @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); @@ -460,6 +473,7 @@ iframe { to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } + .swing { -webkit-transform-origin: top center; transform-origin: top center; @@ -482,6 +496,7 @@ iframe { to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } + @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); @@ -498,6 +513,7 @@ iframe { to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } + .tada { -webkit-animation-name: tada; animation-name: tada; } @@ -525,6 +541,7 @@ iframe { to { -webkit-transform: none; transform: none; } } + @keyframes wobble { from { -webkit-transform: none; @@ -547,6 +564,7 @@ iframe { to { -webkit-transform: none; transform: none; } } + .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @@ -571,11 +589,12 @@ iframe { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { - -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); - transform: skewX(0.390625deg) skewY(0.390625deg); } + -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); + transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { - -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } + -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); + transform: skewX(-0.19531deg) skewY(-0.19531deg); } } + @keyframes jello { from, 11.1%, to { -webkit-transform: none; @@ -596,11 +615,12 @@ iframe { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { - -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); - transform: skewX(0.390625deg) skewY(0.390625deg); } + -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); + transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { - -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); - transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } + -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); + transform: skewX(-0.19531deg) skewY(-0.19531deg); } } + .jello { -webkit-animation-name: jello; animation-name: jello; @@ -632,6 +652,7 @@ iframe { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } + @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); @@ -657,6 +678,7 @@ iframe { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } + .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @@ -682,6 +704,7 @@ iframe { to { -webkit-transform: none; transform: none; } } + @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); @@ -703,6 +726,7 @@ iframe { to { -webkit-transform: none; transform: none; } } + .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @@ -728,6 +752,7 @@ iframe { to { -webkit-transform: none; transform: none; } } + @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); @@ -749,6 +774,7 @@ iframe { to { -webkit-transform: none; transform: none; } } + .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @@ -774,6 +800,7 @@ iframe { to { -webkit-transform: none; transform: none; } } + @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); @@ -795,6 +822,7 @@ iframe { to { -webkit-transform: none; transform: none; } } + .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @@ -820,6 +848,7 @@ iframe { to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } + @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); @@ -841,6 +870,7 @@ iframe { to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } + .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @@ -857,6 +887,7 @@ iframe { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } + @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); @@ -869,6 +900,7 @@ iframe { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } + .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @@ -885,6 +917,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } + @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); @@ -897,6 +930,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } + .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @@ -910,6 +944,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } + @keyframes bounceOutLeft { 20% { opacity: 1; @@ -919,6 +954,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } + .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @@ -932,6 +968,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } + @keyframes bounceOutRight { 20% { opacity: 1; @@ -941,6 +978,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } + .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @@ -957,6 +995,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } + @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); @@ -969,6 +1008,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } + .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @@ -978,11 +1018,13 @@ iframe { opacity: 0; } to { opacity: 1; } } + @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } + .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @@ -996,6 +1038,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + @keyframes fadeInDown { from { opacity: 0; @@ -1005,6 +1048,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @@ -1018,6 +1062,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + @keyframes fadeInDownBig { from { opacity: 0; @@ -1027,6 +1072,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @@ -1040,6 +1086,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + @keyframes fadeInLeft { from { opacity: 0; @@ -1049,6 +1096,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @@ -1062,6 +1110,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + @keyframes fadeInLeftBig { from { opacity: 0; @@ -1071,6 +1120,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @@ -1084,6 +1134,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + @keyframes fadeInRight { from { opacity: 0; @@ -1093,6 +1144,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @@ -1106,6 +1158,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + @keyframes fadeInRightBig { from { opacity: 0; @@ -1115,6 +1168,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @@ -1128,6 +1182,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + @keyframes fadeInUp { from { opacity: 0; @@ -1137,6 +1192,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @@ -1150,6 +1206,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + @keyframes fadeInUpBig { from { opacity: 0; @@ -1159,6 +1216,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @@ -1168,11 +1226,13 @@ iframe { opacity: 1; } to { opacity: 0; } } + @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } + .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @@ -1184,6 +1244,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } + @keyframes fadeOutDown { from { opacity: 1; } @@ -1191,6 +1252,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } + .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @@ -1202,6 +1264,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } + @keyframes fadeOutDownBig { from { opacity: 1; } @@ -1209,6 +1272,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } + .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @@ -1220,6 +1284,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } + @keyframes fadeOutLeft { from { opacity: 1; } @@ -1227,6 +1292,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } + .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @@ -1238,6 +1304,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } + @keyframes fadeOutLeftBig { from { opacity: 1; } @@ -1245,6 +1312,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } + .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @@ -1256,6 +1324,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } + @keyframes fadeOutRight { from { opacity: 1; } @@ -1263,6 +1332,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } + .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @@ -1274,6 +1344,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } + @keyframes fadeOutRightBig { from { opacity: 1; } @@ -1281,6 +1352,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } + .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @@ -1292,6 +1364,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } + @keyframes fadeOutUp { from { opacity: 1; } @@ -1299,6 +1372,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } + .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @@ -1310,6 +1384,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } + @keyframes fadeOutUpBig { from { opacity: 1; } @@ -1317,6 +1392,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } + .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @@ -1347,6 +1423,7 @@ iframe { transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } + @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); @@ -1373,6 +1450,7 @@ iframe { transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } + .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; @@ -1401,6 +1479,7 @@ iframe { to { -webkit-transform: perspective(400px); transform: perspective(400px); } } + @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); @@ -1423,6 +1502,7 @@ iframe { to { -webkit-transform: perspective(400px); transform: perspective(400px); } } + .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; @@ -1451,6 +1531,7 @@ iframe { to { -webkit-transform: perspective(400px); transform: perspective(400px); } } + @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); @@ -1473,6 +1554,7 @@ iframe { to { -webkit-transform: perspective(400px); transform: perspective(400px); } } + .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; @@ -1491,6 +1573,7 @@ iframe { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } + @keyframes flipOutX { from { -webkit-transform: perspective(400px); @@ -1503,6 +1586,7 @@ iframe { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } + .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; @@ -1521,6 +1605,7 @@ iframe { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } + @keyframes flipOutY { from { -webkit-transform: perspective(400px); @@ -1533,6 +1618,7 @@ iframe { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } + .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; @@ -1556,6 +1642,7 @@ iframe { -webkit-transform: none; transform: none; opacity: 1; } } + @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); @@ -1573,6 +1660,7 @@ iframe { -webkit-transform: none; transform: none; opacity: 1; } } + .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; @@ -1586,6 +1674,7 @@ iframe { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } + @keyframes lightSpeedOut { from { opacity: 1; } @@ -1593,6 +1682,7 @@ iframe { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } + .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; @@ -1612,6 +1702,7 @@ iframe { -webkit-transform: none; transform: none; opacity: 1; } } + @keyframes rotateIn { from { -webkit-transform-origin: center; @@ -1625,6 +1716,7 @@ iframe { -webkit-transform: none; transform: none; opacity: 1; } } + .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @@ -1642,6 +1734,7 @@ iframe { -webkit-transform: none; transform: none; opacity: 1; } } + @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; @@ -1655,6 +1748,7 @@ iframe { -webkit-transform: none; transform: none; opacity: 1; } } + .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @@ -1672,6 +1766,7 @@ iframe { -webkit-transform: none; transform: none; opacity: 1; } } + @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; @@ -1685,6 +1780,7 @@ iframe { -webkit-transform: none; transform: none; opacity: 1; } } + .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @@ -1702,6 +1798,7 @@ iframe { -webkit-transform: none; transform: none; opacity: 1; } } + @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; @@ -1715,6 +1812,7 @@ iframe { -webkit-transform: none; transform: none; opacity: 1; } } + .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @@ -1732,6 +1830,7 @@ iframe { -webkit-transform: none; transform: none; opacity: 1; } } + @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; @@ -1745,6 +1844,7 @@ iframe { -webkit-transform: none; transform: none; opacity: 1; } } + .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @@ -1760,6 +1860,7 @@ iframe { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } + @keyframes rotateOut { from { -webkit-transform-origin: center; @@ -1771,6 +1872,7 @@ iframe { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } + .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @@ -1786,6 +1888,7 @@ iframe { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } + @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; @@ -1797,6 +1900,7 @@ iframe { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } + .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @@ -1812,6 +1916,7 @@ iframe { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } + @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; @@ -1823,6 +1928,7 @@ iframe { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } + .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @@ -1838,6 +1944,7 @@ iframe { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } + @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; @@ -1849,6 +1956,7 @@ iframe { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } + .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @@ -1864,6 +1972,7 @@ iframe { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } + @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; @@ -1875,6 +1984,7 @@ iframe { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } + .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @@ -1904,6 +2014,7 @@ iframe { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } + @keyframes hinge { 0% { -webkit-transform-origin: top left; @@ -1929,6 +2040,7 @@ iframe { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } + .hinge { -webkit-animation-name: hinge; animation-name: hinge; } @@ -1943,6 +2055,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + @keyframes rollIn { from { opacity: 0; @@ -1952,6 +2065,7 @@ iframe { opacity: 1; -webkit-transform: none; transform: none; } } + .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @@ -1964,6 +2078,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } + @keyframes rollOut { from { opacity: 1; } @@ -1971,6 +2086,7 @@ iframe { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } + .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @@ -1982,6 +2098,7 @@ iframe { transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } + @keyframes zoomIn { from { opacity: 0; @@ -1989,6 +2106,7 @@ iframe { transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } + .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @@ -2006,6 +2124,7 @@ iframe { transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + @keyframes zoomInDown { from { opacity: 0; @@ -2019,6 +2138,7 @@ iframe { transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @@ -2036,6 +2156,7 @@ iframe { transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + @keyframes zoomInLeft { from { opacity: 0; @@ -2049,6 +2170,7 @@ iframe { transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @@ -2066,6 +2188,7 @@ iframe { transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + @keyframes zoomInRight { from { opacity: 0; @@ -2079,6 +2202,7 @@ iframe { transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @@ -2096,6 +2220,7 @@ iframe { transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + @keyframes zoomInUp { from { opacity: 0; @@ -2109,6 +2234,7 @@ iframe { transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @@ -2122,6 +2248,7 @@ iframe { transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } + @keyframes zoomOut { from { opacity: 1; } @@ -2131,6 +2258,7 @@ iframe { transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } + .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @@ -2150,6 +2278,7 @@ iframe { transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + @keyframes zoomOutDown { 40% { opacity: 1; @@ -2165,6 +2294,7 @@ iframe { transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @@ -2180,6 +2310,7 @@ iframe { transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } + @keyframes zoomOutLeft { 40% { opacity: 1; @@ -2191,6 +2322,7 @@ iframe { transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } + .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @@ -2206,6 +2338,7 @@ iframe { transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } + @keyframes zoomOutRight { 40% { opacity: 1; @@ -2217,6 +2350,7 @@ iframe { transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } + .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @@ -2236,6 +2370,7 @@ iframe { transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + @keyframes zoomOutUp { 40% { opacity: 1; @@ -2251,6 +2386,7 @@ iframe { transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @@ -2263,6 +2399,7 @@ iframe { to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } + @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); @@ -2271,6 +2408,7 @@ iframe { to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } + .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @@ -2283,6 +2421,7 @@ iframe { to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } + @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); @@ -2291,6 +2430,7 @@ iframe { to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } + .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @@ -2303,6 +2443,7 @@ iframe { to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } + @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); @@ -2311,6 +2452,7 @@ iframe { to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } + .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @@ -2323,6 +2465,7 @@ iframe { to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } + @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); @@ -2331,6 +2474,7 @@ iframe { to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } + .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @@ -2343,6 +2487,7 @@ iframe { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } + @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); @@ -2351,6 +2496,7 @@ iframe { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } + .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @@ -2363,6 +2509,7 @@ iframe { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } + @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); @@ -2371,6 +2518,7 @@ iframe { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } + .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @@ -2383,6 +2531,7 @@ iframe { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } + @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); @@ -2391,6 +2540,7 @@ iframe { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } + .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @@ -2403,6 +2553,7 @@ iframe { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } + @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); @@ -2411,6 +2562,7 @@ iframe { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } + .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @@ -2616,7 +2768,6 @@ iframe { @media only screen and (min-width: 48em) { .container { width: 46rem; } - .col-sm, .col-sm-1, .col-sm-2, @@ -2635,7 +2786,6 @@ iframe { -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; } - .col-sm { -webkit-flex-grow: 1; -ms-flex-positive: 1; @@ -2644,155 +2794,122 @@ iframe { -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } - .col-sm-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } - .col-sm-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } - .col-sm-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } - .col-sm-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } - .col-sm-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } - .col-sm-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } - .col-sm-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } - .col-sm-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } - .col-sm-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } - .col-sm-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } - .col-sm-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } - .col-sm-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } - .col-sm-offset-1 { margin-left: 8.333%; } - .col-sm-offset-2 { margin-left: 16.667%; } - .col-sm-offset-3 { margin-left: 25%; } - .col-sm-offset-4 { margin-left: 33.333%; } - .col-sm-offset-5 { margin-left: 41.667%; } - .col-sm-offset-6 { margin-left: 50%; } - .col-sm-offset-7 { margin-left: 58.333%; } - .col-sm-offset-8 { margin-left: 66.667%; } - .col-sm-offset-9 { margin-left: 75%; } - .col-sm-offset-10 { margin-left: 83.333%; } - .col-sm-offset-11 { margin-left: 91.667%; } - .start-sm { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } - .center-sm { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } - .end-sm { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } - .top-sm { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } - .middle-sm { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } - .bottom-sm { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } - .around-sm { -ms-flex-pack: distribute; justify-content: space-around; } - .between-sm { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } - .first-sm { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } - .last-sm { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } } + @media only screen and (min-width: 62em) { .container { width: 61rem; } - .col-md, .col-md-1, .col-md-2, @@ -2811,7 +2928,6 @@ iframe { -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; } - .col-md { -webkit-flex-grow: 1; -ms-flex-positive: 1; @@ -2820,155 +2936,122 @@ iframe { -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } - .col-md-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } - .col-md-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } - .col-md-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } - .col-md-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } - .col-md-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } - .col-md-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } - .col-md-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } - .col-md-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } - .col-md-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } - .col-md-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } - .col-md-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } - .col-md-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } - .col-md-offset-1 { margin-left: 8.333%; } - .col-md-offset-2 { margin-left: 16.667%; } - .col-md-offset-3 { margin-left: 25%; } - .col-md-offset-4 { margin-left: 33.333%; } - .col-md-offset-5 { margin-left: 41.667%; } - .col-md-offset-6 { margin-left: 50%; } - .col-md-offset-7 { margin-left: 58.333%; } - .col-md-offset-8 { margin-left: 66.667%; } - .col-md-offset-9 { margin-left: 75%; } - .col-md-offset-10 { margin-left: 83.333%; } - .col-md-offset-11 { margin-left: 91.667%; } - .start-md { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } - .center-md { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } - .end-md { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } - .top-md { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } - .middle-md { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } - .bottom-md { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } - .around-md { -ms-flex-pack: distribute; justify-content: space-around; } - .between-md { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } - .first-md { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } - .last-md { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } } + @media only screen and (min-width: 75em) { .container { width: 71rem; } - .col-lg, .col-lg-1, .col-lg-2, @@ -2987,7 +3070,6 @@ iframe { -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; } - .col-lg { -webkit-flex-grow: 1; -ms-flex-positive: 1; @@ -2996,151 +3078,119 @@ iframe { -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } - .col-lg-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } - .col-lg-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } - .col-lg-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } - .col-lg-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } - .col-lg-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } - .col-lg-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } - .col-lg-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } - .col-lg-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } - .col-lg-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } - .col-lg-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } - .col-lg-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } - .col-lg-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } - .col-lg-offset-1 { margin-left: 8.333%; } - .col-lg-offset-2 { margin-left: 16.667%; } - .col-lg-offset-3 { margin-left: 25%; } - .col-lg-offset-4 { margin-left: 33.333%; } - .col-lg-offset-5 { margin-left: 41.667%; } - .col-lg-offset-6 { margin-left: 50%; } - .col-lg-offset-7 { margin-left: 58.333%; } - .col-lg-offset-8 { margin-left: 66.667%; } - .col-lg-offset-9 { margin-left: 75%; } - .col-lg-offset-10 { margin-left: 83.333%; } - .col-lg-offset-11 { margin-left: 91.667%; } - .start-lg { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } - .center-lg { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } - .end-lg { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } - .top-lg { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } - .middle-lg { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } - .bottom-lg { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } - .around-lg { -ms-flex-pack: distribute; justify-content: space-around; } - .between-lg { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } - .first-lg { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } - .last-lg { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } } + .portlet-body > article { padding: 0; } @@ -3281,6 +3331,7 @@ p { -webkit-transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } + @keyframes sk-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); @@ -3291,6 +3342,7 @@ p { 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } + .spinner-2 { text-align: center; } .spinner-2 > div { @@ -3313,6 +3365,7 @@ p { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } + @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); @@ -3320,6 +3373,7 @@ p { 40% { -webkit-transform: scale(1); transform: scale(1); } } + .spinner-3 { width: 40px; height: 40px; @@ -3335,6 +3389,7 @@ p { 100% { -webkit-transform: scale(1); opacity: 0; } } + @keyframes sk-scaleout { 0% { -webkit-transform: scale(0); @@ -3343,6 +3398,7 @@ p { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } + canvas { background: #fff; border: 1px solid var(--box-border); @@ -3353,18 +3409,23 @@ canvas.chart { form li { margin: 5px 0 5px 0; } + form td { white-space: nowrap; padding-bottom: 5px; } form td textarea + i { vertical-align: top; } + form label { font-size: 1rem; color: #878787; } + form i + i { margin-left: 3px; } + form .layout td + td { padding-left: 5px; } + form .list { font-size: 1rem; } form .list td { @@ -3398,20 +3459,24 @@ img.frame-1 { border: 1px solid var(--box-border); box-sizing: border-box; width: 100%; } + img.frame-2 { border: 1px solid var(--box-border); background: #fff; box-sizing: border-box; width: 100%; } + img.frame-3 { padding: 1rem; background: #fff; border: 1px solid var(--box-border); box-sizing: border-box; width: 100%; } + img.rounded { border-radius: 50%; background: #fff; } + img.bordered { border: 1px solid var(--box-border); } @@ -3434,6 +3499,7 @@ img.bordered { left: -300%; } 100% { left: -400%; } } + div.slider-1 { overflow: hidden; } div.slider-1 figure { @@ -3518,7 +3584,7 @@ div.slider-1 { width: 100%; } @keyframes carousel { - 0%, 17.5% { + 0%, 17.5% { transform: translateZ(-35vw) rotateY(0); } 27.5%, 45% { transform: translateZ(-35vw) rotateY(-120deg); } @@ -3526,6 +3592,7 @@ div.slider-1 { transform: translateZ(-35vw) rotateY(-240deg); } 82.5%, 100% { transform: translateZ(-35vw) rotateY(-360deg); } } + /** * @todo Orange-Management/cssOMS#4 * Nicer visual input validation @@ -3893,10 +3960,18 @@ blockquote { margin-left: 1px; z-index: 1; } .crumbs-1 li.active:after, .crumbs-1 li:hover:after, .crumbs-2 li.active:after, .crumbs-2 li:hover:after { + color: var(--text-on-background-color-2); } + .crumbs-1 li.active:after, .crumbs-2 li.active:after { + border-left: 14px solid var(--button-colored-background); } + .crumbs-1 li:hover:after, .crumbs-2 li:hover:after { border-left: 14px solid var(--button-colored-background-hover); } .crumbs-1 .active, .crumbs-2 .active { cursor: default; } .crumbs-1 .active, .crumbs-1 li:hover, .crumbs-2 .active, .crumbs-2 li:hover { + color: var(--text-on-background-color-2); } + .crumbs-1 .active, .crumbs-2 .active { + background: var(--button-colored-background); } + .crumbs-1 li:hover, .crumbs-2 li:hover { background: var(--button-colored-background-hover); } .crumbs-1 li:not(:last-child):after, .crumbs-1 li:before { @@ -3911,8 +3986,16 @@ blockquote { top: 50%; margin-top: -20px; left: 100%; } + .crumbs-1 li.active:not(:last-child):after, .crumbs-1 li:hover:not(:last-child):after { + color: var(--text-on-background-color-2); } + +.crumbs-1 li.active:not(:last-child):after { + border-left: 14px solid var(--button-colored-background); } + +.crumbs-1 li:hover:not(:last-child):after { border-left: 14px solid var(--button-colored-background-hover); } + .crumbs-1 :last-child:before { border: none; } @@ -4065,25 +4148,27 @@ body > nav { @media only screen and (max-width: 800px) { #nav-trigger:not(:checked) + nav { width: 0%; } - #nav-trigger:checked + nav { width: auto; min-width: 250px; } } + @media only screen and (max-width: 500px) { #nav-trigger:checked + nav { width: 100%; } - #nav-trigger:checked ~ main { display: none; } } + .pagination li { display: inline-block; } .pagination li + li { margin-left: .5rem; } + .pagination a { display: inline-block; border-radius: 3px; background: #ccc; padding: 5px 10px 5px 10px; } + .pagination .active, .pagination a:hover, .pagination a:active { color: #000; background: #fff; } @@ -4125,16 +4210,19 @@ body > nav { background-position: 0 0; } 100% { background-position: 50px 50px; } } + .meter.orange > span { background-color: #f1a165; background-image: -moz-linear-gradient(top, #f1a165, #f36d0a); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1a165), color-stop(1, #f36d0a)); background-image: -webkit-linear-gradient(#f1a165, #f36d0a); } + .meter.blue > span { background-color: #96c2f1; background-image: -moz-linear-gradient(top, #96c2f1, #4394f3); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #96c2f1), color-stop(1, #4394f3)); background-image: -webkit-linear-gradient(#96c2f1, #4394f3); } + .meter.red > span { background-color: #f0a3a3; background-image: -moz-linear-gradient(top, #f0a3a3, #f42323); @@ -4265,6 +4353,7 @@ section header > h1 { padding-bottom: 5px; font-size: 1.1em; border-bottom: 1px solid #e1e1e1; } + section > h2 { box-sizing: border-box; font-size: 1.2em; @@ -4289,10 +4378,13 @@ section > h2 { cursor: default; } .tabview .tab-links li { display: inline-block; } + .tabview .tab-content > input { display: none; } + .tabview .tab-content > input + div { display: none; } + .tabview .tab-content > input:checked + div { display: inherit; } @@ -4312,6 +4404,7 @@ section > h2 { border-right: 1px solid var(--box-border); } .tab-1 .tab-links li { margin: 0 5px 0 0; } + .tab-1 .tab-content { box-sizing: border-box; background: var(--button-colored-background); @@ -4319,6 +4412,7 @@ section > h2 { border-right: 1px solid var(--box-border); border-bottom: 1px solid var(--box-border); padding: 10px; } + .tab-1.left { display: flex; } .tab-1.left .tab-links { @@ -4337,8 +4431,10 @@ section > h2 { .tab-2 .tab-links label { padding: 5px 10px 5px 10px; } + .tab-2 .tab-links li { margin: 0 5px 15px 0; } + .tab-2 .tab-links .active a, .tab-2 .tab-links .active label { color: var(--text-on-background-color-2); background: var(--button-colored-background); } @@ -4419,6 +4515,7 @@ table.default { table.list th { text-align: left; padding: 2px 0 2px 0; } + table.list td { padding: 2px 5px 2px 5px; } @@ -4459,6 +4556,7 @@ table.list td { font-weight: bold; } table.table tfoot { display: none; } } + .nobreak { white-space: nowrap; } diff --git a/tab.css b/tab.css deleted file mode 100644 index 46c9cd4..0000000 --- a/tab.css +++ /dev/null @@ -1,94 +0,0 @@ -/* Global */ -/* Content Container */ -/* Content box */ -/* Navigation */ -/* Colors */ -/* Accordion */ -/* Log */ -/* Blockquote */ -/* Breadcrumbs */ -/* Input */ -/* Button */ -/* Canvas */ -/* Article */ -/* Form */ -/* Icon */ -/* Img */ -/* list */ -/* pagination */ -/* pre */ -/* tag */ -.tabview .tab-links { - padding: 0.3rem 0 0 0; } - .tabview .tab-links label { - text-shadow: 1px 1px 1px #fff; - font-size: 0.9em; - cursor: pointer; } - .tabview .tab-links .active a { - cursor: default; } - .tabview .tab-links li { - display: inline-block; } -.tabview .tab-content > input { - display: none; } -.tabview .tab-content > input + div { - display: none; } -.tabview .tab-content > input:checked + div { - display: inherit; } - -.tab-1 .tab-links { - margin: 0; - border-bottom: 1px solid #b7b7b7; } - .tab-1 .tab-links label { - padding: 5px 10px 1px 10px; - background: none; - overflow: auto; } - .tab-1 .tab-links .active, .tab-1 .tab-links .active label { - background: #fff; - border-bottom: 1px solid #fff; } - .tab-1 .tab-links .active label { - border-top: 1px solid #b7b7b7; - border-left: 1px solid #b7b7b7; - border-right: 1px solid #b7b7b7; } - .tab-1 .tab-links li { - margin: 0 5px 0 0; } -.tab-1 .tab-content { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - background: #fff; - border-left: 1px solid #b7b7b7; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - padding: 10px; } -.tab-1.left { - display: flex; } - .tab-1.left .tab-links { - margin: 0; - border: none; } - .tab-1.left .tab-links li { - display: block; - margin-bottom: 20px; } - .tab-1.left .tab-links label { - padding-bottom: 5px; } - .tab-1.left .tab-links .active label { - border-bottom: 1px solid #b7b7b7; } - .tab-1.left .tab-content { - width: 100%; - border-top: 1px solid #b7b7b7; } - -.tab-2 .tab-links label { - padding: 5px 10px 5px 10px; - border: 1px solid transparent; } -.tab-2 .tab-links li { - margin: 0 5px 15px 0; } -.tab-2 .tab-links .active a, .tab-2 .tab-links .active label { - border: 1px solid #b7b7b7; - background: #fff; - background: -moz-linear-gradient(top, #fff 0, #f5f5ff 100); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100, #f5f5ff)); - background: -webkit-linear-gradient(top, #fff 0, #f5f5ff 100); - background: -o-linear-gradient(top, #fff 0, #f5f5ff 100); - background: -ms-linear-gradient(top, #fff 0, #f5f5ff 100); - background: linear-gradient(to bottom, #fff 0, #f5f5ff 100); } - -/*# sourceMappingURL=tab.css.map */ diff --git a/table.css b/table.css deleted file mode 100644 index c3c81d9..0000000 --- a/table.css +++ /dev/null @@ -1,170 +0,0 @@ -/* Global */ -/* Content Container */ -/* Content box */ -/* Navigation */ -/* Colors */ -/* Accordion */ -/* Log */ -/* Blockquote */ -/* Breadcrumbs */ -/* Input */ -/* Button */ -/* Canvas */ -/* Article */ -/* Form */ -/* Icon */ -/* Img */ -/* list */ -/* pagination */ -/* pre */ -/* tag */ -table.fixed { - table-layout: fixed; } - table.fixed td { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; } - -table:not([id]) > thead .sort-asc, table:not([id]) > thead .sort-desc { - display: none; } - -table .sort-asc, table .sort-desc { - padding-left: 5px; - cursor: pointer; } - -.table { - background: none; } - .table caption { - color: #fff; } - .table thead { - color: #fff; } - .table.green caption, .table.green thead { - background: #42bd41; } - .table.red caption, .table.red thead { - background: #d01715; } - .table.blue caption, .table.blue thead { - background: #5778fd; } - .table.orange caption, .table.orange thead { - background: #FBA026; } - .table.lightblue caption, .table.lightblue thead { - background: #03a9f5; } - .table.yellow caption, .table.yellow thead { - background: #ffeb3c; } - .table.purple caption, .table.purple thead { - background: #673bb7; } - .table.pink caption, .table.pink thead { - background: #ffa6e3; } - .table.grey caption, .table.grey thead { - background: #dcdcdc; } - .table.darkred caption, .table.darkred thead { - background: #B8312F; } - .table.darkgreen caption, .table.darkgreen thead { - background: #009788; } - .table.darkblue caption, .table.darkblue thead { - background: #3f51b5; } - -table.table { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - font-size: 0.9em; - max-width: 100%; - overflow: hidden; } - table.table caption { - background: #fff; - border-right: 1px solid #b7b7b7; - border-left: 1px solid #b7b7b7; - border-top: 1px solid #b7b7b7; - padding: 5px; } - table.table td { - padding: 5px 10px 5px 10px; - white-space: nowrap; } - table.table tbody td:first-child { - border-left: 1px solid #b7b7b7; } - table.table tbody td:last-child { - border-right: 1px solid #b7b7b7; } - table.table tbody td { - border-top: 1px solid #b7b7b7; - -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; - -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; - box-shadow: inset 0px 1px 0px 0px #ffffff; } - table.table tbody tr { - height: 2rem; } - table.table tbody tr:nth-of-type(2n) { - background: #f8f8f8; } - table.table tbody tr:nth-of-type(2n+1) { - background: #fff; } - table.table tbody tr:hover { - background: #f0f0f0; } - table.table tbody tr:last-child td { - border-bottom: 1px solid #b7b7b7; } - table.table thead { - background: #fff; } - table.table thead td:first-child { - border-left: 1px solid #b7b7b7; } - table.table thead td:last-child { - border-right: 1px solid #b7b7b7; } - table.table .empty { - text-align: center; - color: #d8d8d8; } - table.table tfoot { - border: none; } - table.table tfoot label { - float: left; } - table.table tfoot select { - width: auto; - float: right; - margin: 0; - min-width: 0px; } - table.table tfoot td { - text-align: center; - padding-top: 10px; } - -table.list th { - text-align: left; - padding: 2px 0 2px 0; } -table.list td { - padding: 2px 5px 2px 5px; } - -@media screen and (max-width: 600px) { - table.table { - display: table; - table-layout: fixed; - width: 100%; - border: 0; } - table.table thead { - display: none; } - table.table tbody tr { - height: auto; - display: block; - margin-bottom: .625em; } - table.table tbody tr td:last-child { - border-bottom: 1px solid #b7b7b7; } - table.table tbody tr:last-child td { - border-bottom: none; } - table.table tbody tr:last-child td:last-child { - border-bottom: 1px solid #b7b7b7; } - table.table tbody td { - border-left: 1px solid #b7b7b7; - border-right: 1px solid #b7b7b7; - display: block; - font-size: .8rem; - text-align: right; - position: relative; - height: 2rem; - line-height: 2rem; - text-overflow: ellipsis; - overflow: hidden; - max-width: 100%; } - table.table tbody td:before { - content: attr(data-label); - float: left; - margin-right: 10px; - font-weight: bold; } - table.table tfoot { - display: none; } } -.nobreak { - white-space: nowrap; } - -/*# sourceMappingURL=table.css.map */ diff --git a/tag.css b/tag.css deleted file mode 100644 index e69815e..0000000 --- a/tag.css +++ /dev/null @@ -1,33 +0,0 @@ -/* Global */ -/* Content Container */ -/* Content box */ -/* Navigation */ -/* Colors */ -/* Accordion */ -/* Log */ -/* Blockquote */ -/* Breadcrumbs */ -/* Input */ -/* Button */ -/* Canvas */ -/* Article */ -/* Form */ -/* Icon */ -/* Img */ -/* list */ -/* pagination */ -/* pre */ -/* tag */ -span.tag { - cursor: pointer; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - -ms-border-radius: 4px; - border-radius: 4px; - background-clip: padding-box; - padding: 4px 6px 4px 6px; - font-size: 0.6rem; - color: #fff; - display: inline-block; } - -/*# sourceMappingURL=tag.css.map */ diff --git a/text.css b/text.css deleted file mode 100644 index 7cdbd76..0000000 --- a/text.css +++ /dev/null @@ -1,10 +0,0 @@ -p { - margin: 0 0 10px 0; - line-height: 1.4em; } - p span { - margin: 0; - padding: 0; } - p + p { - margin-top: 5px; } - -/*# sourceMappingURL=text.css.map */ diff --git a/tooltip.css b/tooltip.css deleted file mode 100644 index 078edee..0000000 --- a/tooltip.css +++ /dev/null @@ -1,50 +0,0 @@ -/* Global */ -/* Content Container */ -/* Content box */ -/* Navigation */ -/* Colors */ -/* Accordion */ -/* Log */ -/* Blockquote */ -/* Breadcrumbs */ -/* Input */ -/* Button */ -/* Canvas */ -/* Article */ -/* Form */ -/* Icon */ -/* Img */ -/* list */ -/* pagination */ -/* pre */ -/* tag */ -.tooltip > i { - font-size: 0.85rem; - position: relative; - z-index: 2; - cursor: pointer; } - .tooltip > i:before, .tooltip > i:after { - visibility: hidden; - opacity: 0; - pointer-events: none; } - .tooltip > i:before { - white-space: nowrap; - position: absolute; - bottom: 150%; - margin-bottom: 5px; - padding: 7px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - background-color: #000; - background-color: rgba(51, 51, 51, 0.9); - color: #fff; - content: attr(data-tooltip); - text-align: center; } - -.tooltip:hover > i:before, -.tooltip:hover > i:after { - visibility: visible; - opacity: 1; } - -/*# sourceMappingURL=tooltip.css.map */ diff --git a/transformation.css b/transformation.css deleted file mode 100644 index 2f57ce1..0000000 --- a/transformation.css +++ /dev/null @@ -1,3 +0,0 @@ - - -/*# sourceMappingURL=transformation.css.map */ diff --git a/visibility.css b/visibility.css deleted file mode 100644 index c5bb1f4..0000000 --- a/visibility.css +++ /dev/null @@ -1,4 +0,0 @@ -.hidden { - display: none; } - -/*# sourceMappingURL=visibility.css.map */