whisper.cat stuff
This commit is contained in:
[Harper Innes]
3286
weboasis/error/css/animate.css
vendored
Normal file
3286
weboasis/error/css/animate.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
5
weboasis/error/css/bootstrap.min.css
vendored
Normal file
5
weboasis/error/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
4
weboasis/error/css/font-awesome.min.css
vendored
Normal file
4
weboasis/error/css/font-awesome.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
11
weboasis/error/css/ionicons.min.css
vendored
Normal file
11
weboasis/error/css/ionicons.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
191
weboasis/error/css/style-flat.css
Normal file
191
weboasis/error/css/style-flat.css
Normal file
@ -0,0 +1,191 @@
|
||||
/*
|
||||
* DOZ - Creative 404 Pages
|
||||
* Build Date: August 2015
|
||||
* Author: Madeon08
|
||||
* Copyright (C) 2015 Madeon08
|
||||
* This is a premium product available exclusively here : http://themeforest.net/user/Madeon08/portfolio
|
||||
*/
|
||||
/* TABLE OF CONTENTS
|
||||
---------------------------
|
||||
*. @Import & Reset
|
||||
1. Generic styles
|
||||
2. Media Queries
|
||||
*/
|
||||
/* ------------------------------------- */
|
||||
/* *. @Import & Reset .................. */
|
||||
/* ------------------------------------- */
|
||||
/* http://bourbon.io/ Sass Mixin Library */
|
||||
/* custom CSS files */
|
||||
@import url(font-awesome.min.css);
|
||||
@import url(ionicons.min.css);
|
||||
@import url(bootstrap.min.css);
|
||||
@import url(animate.css);
|
||||
@import url(vegas.css);
|
||||
@import url("http://fonts.googleapis.com/css?family=Montserrat:400,700");
|
||||
/*
|
||||
* http://meyerweb.com/eric/tools/css/reset/
|
||||
* v2.0 | 20110126
|
||||
* License: none (public domain)
|
||||
*/
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline; }
|
||||
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section, main {
|
||||
display: block; }
|
||||
|
||||
body {
|
||||
line-height: 1; }
|
||||
|
||||
ol, ul {
|
||||
list-style: none; }
|
||||
|
||||
blockquote, q {
|
||||
quotes: none; }
|
||||
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {
|
||||
content: '';
|
||||
content: none; }
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0; }
|
||||
|
||||
/* ------------------------------------- */
|
||||
/* 1. Generic styles ................... */
|
||||
/* ------------------------------------- */
|
||||
body {
|
||||
font-family: Montserrat, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
overflow: auto;
|
||||
position: static;
|
||||
z-index: -2;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: #FF1D4D; }
|
||||
|
||||
p, a {
|
||||
margin: 10px 0;
|
||||
font-size: 18px;
|
||||
color: white; }
|
||||
|
||||
a {
|
||||
-webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
|
||||
-moz-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
|
||||
-ms-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
|
||||
-o-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
|
||||
transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
color: rgba(255, 29, 77, 0.6); }
|
||||
a:hover {
|
||||
color: #ff1d4d !important;
|
||||
text-decoration: none !important;
|
||||
outline: none !important; }
|
||||
a:active, a:focus {
|
||||
outline: none !important;
|
||||
text-decoration: none !important;
|
||||
color: rgba(255, 29, 77, 0.6); }
|
||||
|
||||
#container {
|
||||
background: #20232d;
|
||||
border: 30px solid #FF1D4D;
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 0; }
|
||||
#container .overlay {
|
||||
position: absolute;
|
||||
background-repeat: repeat;
|
||||
opacity: 0.1;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
#container .item-title {
|
||||
position: absolute;
|
||||
z-index: 0;
|
||||
left: 0;
|
||||
padding: 0;
|
||||
top: 50vh;
|
||||
width: 100%;
|
||||
padding: 0 5%;
|
||||
-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
|
||||
-moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
|
||||
-ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
|
||||
-o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
|
||||
transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
|
||||
-webkit-transform: translateY(-50%);
|
||||
-moz-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
opacity: 1;
|
||||
visibility: visible; }
|
||||
#container .item-title #message {
|
||||
max-width: 600px;
|
||||
min-height: 300px;
|
||||
margin: 0 auto; }
|
||||
#container .item-title #message p:first-child {
|
||||
font-size: 90px;
|
||||
font-weight: 700; }
|
||||
#container .item-title .link-bottom {
|
||||
margin: 0 auto;
|
||||
max-width: 600px; }
|
||||
#container .item-title .link-bottom .link-icon {
|
||||
margin-right: 10px;
|
||||
font-size: 22px; }
|
||||
|
||||
/* ------------------------------------- */
|
||||
/* 2. Media Queries .................... */
|
||||
/* ------------------------------------- */
|
||||
/* Large Devices, Wide Screens */
|
||||
/* Notebook devices */
|
||||
/* Medium Devices, Desktops */
|
||||
/* Small Devices, Tablets */
|
||||
/* Extra Small Devices, Phones */
|
||||
@media only screen and (max-width: 480px) {
|
||||
#container {
|
||||
min-height: 100%;
|
||||
height: auto; }
|
||||
#container .overlay {
|
||||
min-height: 100%;
|
||||
height: auto; }
|
||||
#container .item-title {
|
||||
padding: 100px 5%;
|
||||
position: relative;
|
||||
top: 0;
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
transform: translateY(0); }
|
||||
#container .item-title #message {
|
||||
min-height: 240px; }
|
||||
#container .item-title #message p:first-child {
|
||||
font-size: 50px;
|
||||
font-weight: 700; } }
|
||||
/* Only for tablet in landscape mode */
|
||||
/* Only for phone in landscape mode */
|
||||
192
weboasis/error/css/style-image.css
Normal file
192
weboasis/error/css/style-image.css
Normal file
@ -0,0 +1,192 @@
|
||||
/*
|
||||
* DOZ - Creative 404 Pages
|
||||
* Build Date: August 2015
|
||||
* Author: Madeon08
|
||||
* Copyright (C) 2015 Madeon08
|
||||
* This is a premium product available exclusively here : http://themeforest.net/user/Madeon08/portfolio
|
||||
*/
|
||||
/* TABLE OF CONTENTS
|
||||
---------------------------
|
||||
*. @Import & Reset
|
||||
1. Generic styles
|
||||
2. Media Queries
|
||||
*/
|
||||
/* ------------------------------------- */
|
||||
/* *. @Import & Reset .................. */
|
||||
/* ------------------------------------- */
|
||||
/* http://bourbon.io/ Sass Mixin Library */
|
||||
/* custom CSS files */
|
||||
@import url(font-awesome.min.css);
|
||||
@import url(ionicons.min.css);
|
||||
@import url(bootstrap.min.css);
|
||||
@import url(animate.css);
|
||||
@import url(vegas.css);
|
||||
@import url("http://fonts.googleapis.com/css?family=Dosis:400,200,600");
|
||||
/*
|
||||
* http://meyerweb.com/eric/tools/css/reset/
|
||||
* v2.0 | 20110126
|
||||
* License: none (public domain)
|
||||
*/
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline; }
|
||||
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section, main {
|
||||
display: block; }
|
||||
|
||||
body {
|
||||
line-height: 1; }
|
||||
|
||||
ol, ul {
|
||||
list-style: none; }
|
||||
|
||||
blockquote, q {
|
||||
quotes: none; }
|
||||
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {
|
||||
content: '';
|
||||
content: none; }
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0; }
|
||||
|
||||
/* ------------------------------------- */
|
||||
/* 1. Generic styles ................... */
|
||||
/* ------------------------------------- */
|
||||
body {
|
||||
font-family: Dosis, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
overflow: auto;
|
||||
position: static;
|
||||
z-index: -2;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: #333333; }
|
||||
|
||||
p, a {
|
||||
margin: 10px 0;
|
||||
font-size: 18px;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
font-weight: 400; }
|
||||
|
||||
a {
|
||||
-webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
|
||||
-moz-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
|
||||
-ms-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
|
||||
-o-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
|
||||
transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
color: white; }
|
||||
a:hover {
|
||||
color: white !important;
|
||||
text-decoration: none !important;
|
||||
outline: none !important;
|
||||
text-shadow: 0 0 1ex #FFFFFF, 0 0 2px rgba(255, 255, 255, 0.8); }
|
||||
a:active, a:focus {
|
||||
outline: none !important;
|
||||
text-decoration: none !important;
|
||||
color: white; }
|
||||
|
||||
#container {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 0; }
|
||||
#container .overlay {
|
||||
position: absolute;
|
||||
background: #000000;
|
||||
opacity: 0.7;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
#container .item-title {
|
||||
position: absolute;
|
||||
z-index: 0;
|
||||
left: 0;
|
||||
padding: 0;
|
||||
top: 50vh;
|
||||
width: 100%;
|
||||
padding: 0 5%;
|
||||
-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
|
||||
-moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
|
||||
-ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
|
||||
-o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
|
||||
transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
|
||||
-webkit-transform: translateY(-50%);
|
||||
-moz-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
opacity: 1;
|
||||
visibility: visible; }
|
||||
#container .item-title #message {
|
||||
max-width: 600px;
|
||||
min-height: 350px;
|
||||
margin: 0 auto; }
|
||||
#container .item-title #message p:first-child {
|
||||
font-size: 110px;
|
||||
font-weight: 200;
|
||||
color: #FFFFFF; }
|
||||
#container .item-title .link-bottom {
|
||||
margin: 0 auto;
|
||||
max-width: 600px; }
|
||||
#container .item-title .link-bottom .link-icon {
|
||||
margin-right: 10px;
|
||||
font-size: 22px; }
|
||||
|
||||
/* ------------------------------------- */
|
||||
/* 7. Media Queries .................... */
|
||||
/* ------------------------------------- */
|
||||
/* Large Devices, Wide Screens */
|
||||
/* Notebook devices */
|
||||
/* Medium Devices, Desktops */
|
||||
/* Small Devices, Tablets */
|
||||
/* Extra Small Devices, Phones */
|
||||
@media only screen and (max-width: 480px) {
|
||||
#container {
|
||||
min-height: 100%;
|
||||
height: auto; }
|
||||
#container .overlay {
|
||||
min-height: 100%;
|
||||
height: auto; }
|
||||
#container .item-title {
|
||||
padding: 100px 5%;
|
||||
position: relative;
|
||||
top: 0;
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
transform: translateY(0); }
|
||||
#container .item-title #message {
|
||||
min-height: 240px; }
|
||||
#container .item-title #message p:first-child {
|
||||
font-size: 50px;
|
||||
font-weight: 200; } }
|
||||
/* Only for tablet in landscape mode */
|
||||
/* Only for phone in landscape mode */
|
||||
193
weboasis/error/css/style-minimal.css
Normal file
193
weboasis/error/css/style-minimal.css
Normal file
@ -0,0 +1,193 @@
|
||||
/*
|
||||
* DOZ - Creative 404 Pages
|
||||
* Build Date: August 2015
|
||||
* Author: Madeon08
|
||||
* Copyright (C) 2015 Madeon08
|
||||
* This is a premium product available exclusively here : http://themeforest.net/user/Madeon08/portfolio
|
||||
*/
|
||||
/* TABLE OF CONTENTS
|
||||
---------------------------
|
||||
*. @Import & Reset
|
||||
1. Generic styles
|
||||
2. Media Queries
|
||||
*/
|
||||
/* ------------------------------------- */
|
||||
/* *. @Import & Reset .................. */
|
||||
/* ------------------------------------- */
|
||||
/* http://bourbon.io/ Sass Mixin Library */
|
||||
/* custom CSS files */
|
||||
@import url(font-awesome.min.css);
|
||||
@import url(ionicons.min.css);
|
||||
@import url(bootstrap.min.css);
|
||||
@import url(animate.css);
|
||||
@import url(vegas.css);
|
||||
@import url("http://fonts.googleapis.com/css?family=Dosis:400,200,600");
|
||||
/*
|
||||
* http://meyerweb.com/eric/tools/css/reset/
|
||||
* v2.0 | 20110126
|
||||
* License: none (public domain)
|
||||
*/
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline; }
|
||||
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section, main {
|
||||
display: block; }
|
||||
|
||||
body {
|
||||
line-height: 1; }
|
||||
|
||||
ol, ul {
|
||||
list-style: none; }
|
||||
|
||||
blockquote, q {
|
||||
quotes: none; }
|
||||
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {
|
||||
content: '';
|
||||
content: none; }
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0; }
|
||||
|
||||
/* ------------------------------------- */
|
||||
/* 1. Generic styles ................... */
|
||||
/* ------------------------------------- */
|
||||
body {
|
||||
font-family: Dosis, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
overflow: auto;
|
||||
position: static;
|
||||
z-index: -2;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: #f2f3f7; }
|
||||
|
||||
p, a {
|
||||
margin: 10px 0;
|
||||
font-size: 18px;
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
font-weight: 400; }
|
||||
|
||||
a {
|
||||
-webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
|
||||
-moz-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
|
||||
-ms-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
|
||||
-o-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
|
||||
transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
color: #999999; }
|
||||
a:hover {
|
||||
color: #ff1d4d !important;
|
||||
text-decoration: none !important;
|
||||
outline: none !important; }
|
||||
a:active, a:focus {
|
||||
outline: none !important;
|
||||
text-decoration: none !important;
|
||||
color: #999999; }
|
||||
|
||||
#container {
|
||||
background: #f2f3f7;
|
||||
border: 30px solid #FFFFFF;
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 0; }
|
||||
#container .overlay {
|
||||
position: absolute;
|
||||
background-repeat: repeat;
|
||||
opacity: 0.1;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
#container .item-title {
|
||||
position: absolute;
|
||||
z-index: 0;
|
||||
left: 0;
|
||||
padding: 0;
|
||||
top: 50vh;
|
||||
width: 100%;
|
||||
padding: 0 5%;
|
||||
-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
|
||||
-moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
|
||||
-ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
|
||||
-o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
|
||||
transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
|
||||
-webkit-transform: translateY(-50%);
|
||||
-moz-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
opacity: 1;
|
||||
visibility: visible; }
|
||||
#container .item-title #message {
|
||||
max-width: 600px;
|
||||
min-height: 350px;
|
||||
margin: 0 auto; }
|
||||
#container .item-title #message p:first-child {
|
||||
font-size: 110px;
|
||||
font-weight: 200;
|
||||
color: #000000; }
|
||||
#container .item-title .link-bottom {
|
||||
margin: 0 auto;
|
||||
max-width: 600px; }
|
||||
#container .item-title .link-bottom .link-icon {
|
||||
margin-right: 10px;
|
||||
font-size: 22px; }
|
||||
|
||||
/* ------------------------------------- */
|
||||
/* 7. Media Queries .................... */
|
||||
/* ------------------------------------- */
|
||||
/* Large Devices, Wide Screens */
|
||||
/* Notebook devices */
|
||||
/* Medium Devices, Desktops */
|
||||
/* Small Devices, Tablets */
|
||||
/* Extra Small Devices, Phones */
|
||||
@media only screen and (max-width: 480px) {
|
||||
#container {
|
||||
min-height: 100%;
|
||||
height: auto; }
|
||||
#container .overlay {
|
||||
min-height: 100%;
|
||||
height: auto; }
|
||||
#container .item-title {
|
||||
padding: 100px 5%;
|
||||
position: relative;
|
||||
top: 0;
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
transform: translateY(0); }
|
||||
#container .item-title #message {
|
||||
min-height: 240px; }
|
||||
#container .item-title #message p:first-child {
|
||||
font-size: 50px;
|
||||
font-weight: 200; } }
|
||||
/* Only for tablet in landscape mode */
|
||||
/* Only for phone in landscape mode */
|
||||
219
weboasis/error/css/style-vintage.css
Normal file
219
weboasis/error/css/style-vintage.css
Normal file
@ -0,0 +1,219 @@
|
||||
/*
|
||||
* DOZ - Creative 404 Pages
|
||||
* Build Date: August 2015
|
||||
* Author: Madeon08
|
||||
* Copyright (C) 2015 Madeon08
|
||||
* This is a premium product available exclusively here : http://themeforest.net/user/Madeon08/portfolio
|
||||
*/
|
||||
/* TABLE OF CONTENTS
|
||||
---------------------------
|
||||
*. @Import & Reset
|
||||
1. Generic styles
|
||||
2. Media Queries
|
||||
*/
|
||||
/* ------------------------------------- */
|
||||
/* *. @Import & Reset .................. */
|
||||
/* ------------------------------------- */
|
||||
/* http://bourbon.io/ Sass Mixin Library */
|
||||
/* custom CSS files */
|
||||
@import url(font-awesome.min.css);
|
||||
@import url(ionicons.min.css);
|
||||
@import url(bootstrap.min.css);
|
||||
@import url(animate.css);
|
||||
@import url(vegas.css);
|
||||
/*
|
||||
* http://meyerweb.com/eric/tools/css/reset/
|
||||
* v2.0 | 20110126
|
||||
* License: none (public domain)
|
||||
*/
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline; }
|
||||
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section, main {
|
||||
display: block; }
|
||||
|
||||
body {
|
||||
line-height: 1; }
|
||||
|
||||
ol, ul {
|
||||
list-style: none; }
|
||||
|
||||
blockquote, q {
|
||||
quotes: none; }
|
||||
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {
|
||||
content: '';
|
||||
content: none; }
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0; }
|
||||
|
||||
/* ------------------------------------- */
|
||||
/* 1. Generic styles ................... */
|
||||
/* ------------------------------------- */
|
||||
body {
|
||||
font-family: "Courier", "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: #20232D; }
|
||||
|
||||
p, a {
|
||||
text-shadow: 0 0 1ex #33ff33, 0 0 2px rgba(255, 255, 255, 0.8);
|
||||
margin: 0.8em 0;
|
||||
font-size: 18px;
|
||||
color: rgba(128, 255, 128, 0.8); }
|
||||
|
||||
a {
|
||||
-webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
|
||||
-moz-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
|
||||
-ms-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
|
||||
-o-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
|
||||
transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
color: rgba(128, 255, 128, 0.6);
|
||||
text-shadow: 0 0 1ex rgba(51, 255, 51, 0.6), 0 0 2px rgba(255, 255, 255, 0.6); }
|
||||
a:hover {
|
||||
color: #80ff80;
|
||||
text-decoration: none !important;
|
||||
text-shadow: 0 0 1ex #33ff33, 0 0 2px rgba(255, 255, 255, 0.8);
|
||||
outline: none !important; }
|
||||
a:active, a:focus {
|
||||
outline: none !important;
|
||||
text-decoration: none !important;
|
||||
text-shadow: 0 0 1ex #33ff33, 0 0 2px rgba(255, 255, 255, 0.8);
|
||||
color: #80ff80; }
|
||||
|
||||
#container {
|
||||
background: rgba(32, 35, 45, 0.95);
|
||||
border: 30px solid #1e212a;
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 0; }
|
||||
#container:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
display: block;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
pointer-events: none;
|
||||
background-image: linear-gradient(0deg, transparent 0%, rgba(32, 35, 45, 0.2) 2%, rgba(43, 45, 53, 0.8) 3%, rgba(43, 45, 53, 0.2) 3%, transparent 100%);
|
||||
background-repeat: no-repeat;
|
||||
-webkit-animation: scan 7s infinite linear;
|
||||
-moz-animation: scan 7s infinite linear;
|
||||
animation: scan 7s infinite linear; }
|
||||
#container .overlay {
|
||||
position: absolute;
|
||||
background-image: url("../img/lightgrain.gif");
|
||||
background-repeat: repeat;
|
||||
opacity: 0.1;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
#container .item-title {
|
||||
position: absolute;
|
||||
z-index: 0;
|
||||
left: 0;
|
||||
padding: 0;
|
||||
top: 50vh;
|
||||
width: 100%;
|
||||
padding: 0 5%;
|
||||
-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
|
||||
-moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
|
||||
-ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
|
||||
-o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
|
||||
transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
|
||||
-webkit-transform: translateY(-50%);
|
||||
-moz-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
opacity: 1;
|
||||
visibility: visible; }
|
||||
#container .item-title #message {
|
||||
max-width: 540px;
|
||||
min-height: 180px;
|
||||
margin: 0 auto; }
|
||||
#container .item-title .link-bottom {
|
||||
margin: 0 auto;
|
||||
max-width: 540px; }
|
||||
#container .item-title .link-bottom .link-icon {
|
||||
margin-right: 10px;
|
||||
font-size: 18px; }
|
||||
|
||||
@-webkit-keyframes scan {
|
||||
0% {
|
||||
background-position: 0 -100vh; }
|
||||
35%,
|
||||
100% {
|
||||
background-position: 0 100vh; } }
|
||||
@-moz-keyframes scan {
|
||||
0% {
|
||||
background-position: 0 -100vh; }
|
||||
35%,
|
||||
100% {
|
||||
background-position: 0 100vh; } }
|
||||
@keyframes scan {
|
||||
0% {
|
||||
background-position: 0 -100vh; }
|
||||
35%,
|
||||
100% {
|
||||
background-position: 0 100vh; } }
|
||||
/* ------------------------------------- */
|
||||
/* 7. Media Queries .................... */
|
||||
/* ------------------------------------- */
|
||||
/* Large Devices, Wide Screens */
|
||||
/* Notebook devices */
|
||||
/* Medium Devices, Desktops */
|
||||
/* Small Devices, Tablets */
|
||||
/* Extra Small Devices, Phones */
|
||||
@media only screen and (max-width: 480px) {
|
||||
#container {
|
||||
min-height: 100%;
|
||||
height: auto; }
|
||||
#container .overlay {
|
||||
min-height: 100%;
|
||||
height: auto; }
|
||||
#container .item-title {
|
||||
padding: 100px 5%;
|
||||
position: relative;
|
||||
top: 0;
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
transform: translateY(0); }
|
||||
#container .item-title #message {
|
||||
min-height: 240px; } }
|
||||
/* Only for tablet in landscape mode */
|
||||
/* Only for phone in landscape mode */
|
||||
586
weboasis/error/css/vegas.css
Normal file
586
weboasis/error/css/vegas.css
Normal file
@ -0,0 +1,586 @@
|
||||
.vegas-wrapper,
|
||||
.vegas-overlay,
|
||||
.vegas-timer,
|
||||
.vegas-slide,
|
||||
.vegas-slide-inner {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
overflow: hidden;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.vegas-overlay {
|
||||
opacity: .5;
|
||||
background: transparent url(overlays/02.png) center center repeat;
|
||||
}
|
||||
|
||||
.vegas-timer {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
height: 2px;
|
||||
}
|
||||
.vegas-timer-progress {
|
||||
width: 0%;
|
||||
height: 100%;
|
||||
background: white;
|
||||
-webkit-transition: width ease-out;
|
||||
transition: width ease-out;
|
||||
}
|
||||
.vegas-timer-running .vegas-timer-progress {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.vegas-slide,
|
||||
.vegas-slide-inner {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: transparent center center no-repeat;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
||||
body .vegas-container {
|
||||
overflow: hidden !important;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.vegas-video {
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
body.vegas-container {
|
||||
overflow: auto;
|
||||
position: static;
|
||||
z-index: -2;
|
||||
}
|
||||
body.vegas-container > .vegas-timer,
|
||||
body.vegas-container > .vegas-overlay,
|
||||
body.vegas-container > .vegas-slide {
|
||||
position: fixed;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
/* Target Safari IOS7+ in order to add 76px */
|
||||
_::full-page-media, _:future,
|
||||
:root body.vegas-container > .vegas-slide,
|
||||
:root body.vegas-container > .vegas-overlay {
|
||||
bottom: -76px;
|
||||
}
|
||||
|
||||
/*************************
|
||||
Transitions
|
||||
*************************/
|
||||
|
||||
/* fade */
|
||||
.vegas-transition-fade,
|
||||
.vegas-transition-fade2 {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.vegas-transition-fade-in,
|
||||
.vegas-transition-fade2-in {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.vegas-transition-fade2-out {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* blur */
|
||||
.vegas-transition-blur,
|
||||
.vegas-transition-blur2 {
|
||||
opacity: 0;
|
||||
-webkit-filter: blur(32px);
|
||||
filter: blur(32px);
|
||||
}
|
||||
|
||||
.vegas-transition-blur-in,
|
||||
.vegas-transition-blur2-in {
|
||||
opacity: 1;
|
||||
-webkit-filter: blur(0px);
|
||||
filter: blur(0px);
|
||||
}
|
||||
|
||||
.vegas-transition-blur2-out {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* flash */
|
||||
.vegas-transition-flash,
|
||||
.vegas-transition-flash2 {
|
||||
opacity: 0;
|
||||
-webkit-filter: brightness(25);
|
||||
filter: brightness(25);
|
||||
}
|
||||
|
||||
.vegas-transition-flash-in,
|
||||
.vegas-transition-flash2-in {
|
||||
opacity: 1;
|
||||
-webkit-filter: brightness(1);
|
||||
filter: brightness(1);
|
||||
}
|
||||
|
||||
.vegas-transition-flash2-out {
|
||||
opacity: 0;
|
||||
-webkit-filter: brightness(25);
|
||||
filter: brightness(25);
|
||||
}
|
||||
|
||||
/* negative */
|
||||
.vegas-transition-negative,
|
||||
.vegas-transition-negative2 {
|
||||
opacity: 0;
|
||||
-webkit-filter: invert(100%);
|
||||
filter: invert(100%);
|
||||
}
|
||||
|
||||
.vegas-transition-negative-in,
|
||||
.vegas-transition-negative2-in {
|
||||
opacity: 1;
|
||||
-webkit-filter: invert(0);
|
||||
filter: invert(0);
|
||||
}
|
||||
|
||||
.vegas-transition-negative2-out {
|
||||
opacity: 0;
|
||||
-webkit-filter: invert(100%);
|
||||
filter: invert(100%);
|
||||
}
|
||||
|
||||
/* burn */
|
||||
.vegas-transition-burn,
|
||||
.vegas-transition-burn2 {
|
||||
opacity: 0;
|
||||
-webkit-filter: contrast(1000%) saturate(1000%);
|
||||
filter: contrast(1000%) saturate(1000%);
|
||||
}
|
||||
|
||||
.vegas-transition-burn-in,
|
||||
.vegas-transition-burn2-in {
|
||||
opacity: 1;
|
||||
-webkit-filter: contrast(100%) saturate(100%);
|
||||
filter: contrast(100%) saturate(100%);
|
||||
}
|
||||
|
||||
.vegas-transition-burn2-out {
|
||||
opacity: 0;
|
||||
-webkit-filter: contrast(1000%) saturate(1000%);
|
||||
filter: contrast(1000%) saturate(1000%);
|
||||
}
|
||||
|
||||
/* slideLeft */
|
||||
.vegas-transition-slideLeft,
|
||||
.vegas-transition-slideLeft2 {
|
||||
-webkit-transform: translateX(100%);
|
||||
-ms-transform: translateX(100%);
|
||||
transform: translateX(100%);
|
||||
}
|
||||
|
||||
.vegas-transition-slideLeft-in,
|
||||
.vegas-transition-slideLeft2-in {
|
||||
-webkit-transform: translateX(0%);
|
||||
-ms-transform: translateX(0%);
|
||||
transform: translateX(0%);
|
||||
}
|
||||
|
||||
.vegas-transition-slideLeft2-out {
|
||||
-webkit-transform: translateX(-100%);
|
||||
-ms-transform: translateX(-100%);
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
|
||||
/* slideRight */
|
||||
.vegas-transition-slideRight,
|
||||
.vegas-transition-slideRight2 {
|
||||
-webkit-transform: translateX(-100%);
|
||||
-ms-transform: translateX(-100%);
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
|
||||
.vegas-transition-slideRight-in,
|
||||
.vegas-transition-slideRight2-in {
|
||||
-webkit-transform: translateX(0%);
|
||||
-ms-transform: translateX(0%);
|
||||
transform: translateX(0%);
|
||||
}
|
||||
|
||||
.vegas-transition-slideRight2-out {
|
||||
-webkit-transform: translateX(100%);
|
||||
-ms-transform: translateX(100%);
|
||||
transform: translateX(100%);
|
||||
}
|
||||
|
||||
/* slideUp */
|
||||
.vegas-transition-slideUp,
|
||||
.vegas-transition-slideUp2 {
|
||||
-webkit-transform: translateY(100%);
|
||||
-ms-transform: translateY(100%);
|
||||
transform: translateY(100%);
|
||||
}
|
||||
|
||||
.vegas-transition-slideUp-in,
|
||||
.vegas-transition-slideUp2-in {
|
||||
-webkit-transform: translateY(0%);
|
||||
-ms-transform: translateY(0%);
|
||||
transform: translateY(0%);
|
||||
}
|
||||
|
||||
.vegas-transition-slideUp2-out {
|
||||
-webkit-transform: translateY(-100%);
|
||||
-ms-transform: translateY(-100%);
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
|
||||
/* slideDown */
|
||||
.vegas-transition-slideDown,
|
||||
.vegas-transition-slideDown2 {
|
||||
-webkit-transform: translateY(-100%);
|
||||
-ms-transform: translateY(-100%);
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
|
||||
.vegas-transition-slideDown-in,
|
||||
.vegas-transition-slideDown2-in {
|
||||
-webkit-transform: translateY(0%);
|
||||
-ms-transform: translateY(0%);
|
||||
transform: translateY(0%);
|
||||
}
|
||||
|
||||
.vegas-transition-slideDown2-out {
|
||||
-webkit-transform: translateY(100%);
|
||||
-ms-transform: translateY(100%);
|
||||
transform: translateY(100%);
|
||||
}
|
||||
|
||||
/* zoomIn */
|
||||
.vegas-transition-zoomIn,
|
||||
.vegas-transition-zoomIn2 {
|
||||
-webkit-transform: scale(0);
|
||||
-ms-transform: scale(0);
|
||||
transform: scale(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.vegas-transition-zoomIn-in,
|
||||
.vegas-transition-zoomIn2-in {
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.vegas-transition-zoomIn2-out {
|
||||
-webkit-transform: scale(2);
|
||||
-ms-transform: scale(2);
|
||||
transform: scale(2);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* zoomOut */
|
||||
.vegas-transition-zoomOut,
|
||||
.vegas-transition-zoomOut2 {
|
||||
-webkit-transform: scale(2);
|
||||
-ms-transform: scale(2);
|
||||
transform: scale(2);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.vegas-transition-zoomOut-in,
|
||||
.vegas-transition-zoomOut2-in {
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.vegas-transition-zoomOut2-out {
|
||||
-webkit-transform: scale(0);
|
||||
-ms-transform: scale(0);
|
||||
transform: scale(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* swirlLeft */
|
||||
.vegas-transition-swirlLeft,
|
||||
.vegas-transition-swirlLeft2 {
|
||||
-webkit-transform: scale(2) rotate(35deg);
|
||||
-ms-transform: scale(2) rotate(35deg);
|
||||
transform: scale(2) rotate(35deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.vegas-transition-swirlLeft-in,
|
||||
.vegas-transition-swirlLeft2-in {
|
||||
-webkit-transform: scale(1) rotate(0deg);
|
||||
-ms-transform: scale(1) rotate(0deg);
|
||||
transform: scale(1) rotate(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.vegas-transition-swirlLeft2-out {
|
||||
-webkit-transform: scale(2) rotate(-35deg);
|
||||
-ms-transform: scale(2) rotate(-35deg);
|
||||
transform: scale(2) rotate(-35deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* swirlRight */
|
||||
.vegas-transition-swirlRight,
|
||||
.vegas-transition-swirlRight2 {
|
||||
-webkit-transform: scale(2) rotate(-35deg);
|
||||
-ms-transform: scale(2) rotate(-35deg);
|
||||
transform: scale(2) rotate(-35deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.vegas-transition-swirlRight-in,
|
||||
.vegas-transition-swirlRight2-in {
|
||||
-webkit-transform: scale(1) rotate(0deg);
|
||||
-ms-transform: scale(1) rotate(0deg);
|
||||
transform: scale(1) rotate(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.vegas-transition-swirlRight2-out {
|
||||
-webkit-transform: scale(2) rotate(35deg);
|
||||
-ms-transform: scale(2) rotate(35deg);
|
||||
transform: scale(2) rotate(35deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/*************************
|
||||
Animations
|
||||
*************************/
|
||||
|
||||
.vegas-animation-kenburns {
|
||||
-webkit-animation: kenburns ease-out;
|
||||
animation: kenburns ease-out;
|
||||
}
|
||||
@-webkit-keyframes kenburns {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5);
|
||||
transform: scale(1.5);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
@keyframes kenburns {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5);
|
||||
transform: scale(1.5);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
.vegas-animation-kenburnsUp {
|
||||
-webkit-animation: kenburnsUp ease-out;
|
||||
animation: kenburnsUp ease-out;
|
||||
}
|
||||
@-webkit-keyframes kenburnsUp {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(0, 10%);
|
||||
transform: scale(1.5) translate(0, 10%);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
@keyframes kenburnsUp {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(0, 10%);
|
||||
transform: scale(1.5) translate(0, 10%);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.vegas-animation-kenburnsDown {
|
||||
-webkit-animation: kenburnsDown ease-out;
|
||||
animation: kenburnsDown ease-out;
|
||||
}
|
||||
@-webkit-keyframes kenburnsDown {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(0, -10%);
|
||||
transform: scale(1.5) translate(0, -10%);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
@keyframes kenburnsDown {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(0, -10%);
|
||||
transform: scale(1.5) translate(0, -10%);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.vegas-animation-kenburnsLeft {
|
||||
-webkit-animation: kenburnsLeft ease-out;
|
||||
animation: kenburnsLeft ease-out;
|
||||
}
|
||||
@-webkit-keyframes kenburnsLeft {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(10%, 0);
|
||||
transform: scale(1.5) translate(10%, 0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
@keyframes kenburnsLeft {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(10%, 0);
|
||||
transform: scale(1.5) translate(10%, 0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.vegas-animation-kenburnsRight {
|
||||
-webkit-animation: kenburnsRight ease-out;
|
||||
animation: kenburnsRight ease-out;
|
||||
}
|
||||
@-webkit-keyframes kenburnsRight {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(-10%, 0);
|
||||
transform: scale(1.5) translate(-10%, 0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
@keyframes kenburnsRight {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(-10%, 0);
|
||||
transform: scale(1.5) translate(-10%, 0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.vegas-animation-kenburnsUpLeft {
|
||||
-webkit-animation: kenburnsUpLeft ease-out;
|
||||
animation: kenburnsUpLeft ease-out;
|
||||
}
|
||||
@-webkit-keyframes kenburnsUpLeft {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(10%, 10%);
|
||||
transform: scale(1.5) translate(10%, 10%);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
@keyframes kenburnsUpLeft {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(10%, 10%);
|
||||
transform: scale(1.5) translate(10%, 10%);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.vegas-animation-kenburnsUpRight {
|
||||
-webkit-animation: kenburnsUpRight ease-out;
|
||||
animation: kenburnsUpRight ease-out;
|
||||
}
|
||||
@-webkit-keyframes kenburnsUpRight {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(-10%, 10%);
|
||||
transform: scale(1.5) translate(-10%, 10%);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
@keyframes kenburnsUpRight {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(-10%, 10%);
|
||||
transform: scale(1.5) translate(-10%, 10%);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.vegas-animation-kenburnsDownLeft {
|
||||
-webkit-animation: kenburnsDownLeft ease-out;
|
||||
animation: kenburnsDownLeft ease-out;
|
||||
}
|
||||
@-webkit-keyframes kenburnsDownLeft {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(10%, -10%);
|
||||
transform: scale(1.5) translate(10%, -10%);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
@keyframes kenburnsDownLeft {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(10%, -10%);
|
||||
transform: scale(1.5) translate(10%, -10%);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.vegas-animation-kenburnsDownRight {
|
||||
-webkit-animation: kenburnsDownRight ease-out;
|
||||
animation: kenburnsDownRight ease-out;
|
||||
}
|
||||
@-webkit-keyframes kenburnsDownRight {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(-10%, -10%);
|
||||
transform: scale(1.5) translate(-10%, -10%);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
@keyframes kenburnsDownRight {
|
||||
0% {
|
||||
-webkit-transform: scale(1.5) translate(-10%, -10%);
|
||||
transform: scale(1.5) translate(-10%, -10%);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translate(0, 0);
|
||||
transform: scale(1) translate(0, 0);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user