Skip to content

hugo-flowinspace
hugo-flowinspace
Commit 76b15d3f authored by diesys's avatar diesys 🎈
Browse files
Options

min changes

parent ba31cb61
Hide whitespace changes
Inline Side-by-side
Showing with 18 additions and 4 deletions
static/css/flowinspace.css
View file @ 76b15d3f
......@@ -21,7 +21,7 @@ body {
}
@keyframes zoomy {
0% {transform: scale(1);}
50% {transform: scale(1.1) rotate(-1deg);;}
15% {transform: scale(1.2) rotate(-2deg);}
100% {transform: scale(1);}
}
@keyframes zoomin {
......@@ -32,7 +32,7 @@ body {
transform: none;
/*transform: scale(1.4);*/
/*animation: zoomout 4s 1s cubic-bezier(.63,.52,.17,1.21);*/
animation: zoomy 10s cubic-bezier(.36,.01,.35,.98);
animation: zoomy 4s cubic-bezier(.36,.01,.35,.98);
/*animation: zoomout 3s cubic-bezier(.63,.52,.19,.89);*/
/*-webkit-transform: none;*/
}
......@@ -94,11 +94,12 @@ div.inner h1, div.inner p {
margin: 20px 2px;
float: left;
transition: all .8s .1s;
box-shadow: 0 6px 30px -18px #000
box-shadow: 0 6px 30px -18px #000;
}
#header nav ul li:hover, #header nav ul li:active {
border-bottom: 1px solid rgba(255, 255, 255, 0);
transition: all .4s;
box-shadow: none;
}
#header nav ul li a {
padding: 0;
......@@ -170,3 +171,16 @@ div.inner h1, div.inner p {
#footer p.copyright {
font-size: 12px;
}
body.is-article-visible #bg:after {
-moz-transform: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
animation: none;
transition: filter .2s;
-moz-filter: blur(0.1rem);
-webkit-filter: blur(0.1rem);
-ms-filter: blur(0.1rem);
filter: blur(0.1rem);
}
static/css/flowinspace.min.css
View file @ 76b15d3f
*{transform-origin:50% 50%}body{max-width:100%;width:100%;height:100%;max-height:100%;overflow-x:hidden}#wrapper{background-size:cover}#bg:before{background:radial-gradient(rgba(20,20,20,.1),rgba(20,20,20,.3),rgba(255,255,255,0)),url("/images/overlay.png")}@keyframes zoomout{0%{transform:scale(1.4)}100%{transform:scale(1)}}@keyframes zoomy{0%{transform:scale(1)}50%{transform:scale(1.1) rotate(-1deg)}100%{transform:scale(1)}}@keyframes zoomin{0%{transform:scale(1)}100%{transform:scale(1.4)}}#bg:after{transform:none;animation:zoomy 10s cubic-bezier(.36,.01,.35,.98)}#header>*:before{background:0}#header nav.use-middle:after{background:0;content:none}#header{background-image:none}#header div.logo{border:0;width:8em;margin:1.5em 0 2em 0}#header div.logo img{width:100%}div.inner{margin:0 3rem;background:radial-gradient(rgba(0,0,0,.7),rgba(0,0,0,0),rgba(0,0,0,0))}div.inner h1,div.inner p{text-shadow:0 3px 16px rgba(0,0,0,1);margin:0}#header .content{box-shadow:0 33px 70px -50px #000}#header .content p{font-size:1.2em;font-weight:400;text-shadow:0 3px 16px rgba(0,0,0,1)}#main article{border-radius:2px;box-shadow:0 8px 50px -10px rgba(0,0,0,.7)}#header nav{margin-top:5em}#header nav ul{border-radius:0;border:0}#header nav ul li{border:0;border-bottom:1px solid rgba(255,255,255,0.5);margin:20px 2px;float:left;transition:all .8s .1s;box-shadow:0 6px 30px -18px #000}#header nav ul li:hover,#header nav ul li:active{border-bottom:1px solid rgba(255,255,255,0);transition:all .4s}#header nav ul li a{padding:0;padding-top:.3em;transition:all .6s .1s;font-size:1.5em;text-shadow:0 2px 12px rgba(0,0,0,.6);height:auto;line-height:1em}#header>nav>ul>li>a>span{font-size:.5em;text-shadow:0 1px 10px #000}#header nav ul li a:hover{transition:all .4s;transform:translateY(.4em);background-color:inherit}#header nav ul li a.icon{color:rgba(255,255,255,0.75);transition:.9s .1s}#header nav ul li a.icon:hover{transition:.3s;color:rgba(255,255,255,1)}#header nav ul li a.icon span{color:#fff}#about a>span{padding:10px;text-decoration:none;font-size:20px}#profile_pic{float:right;width:120px;height:120px;border-radius:4px;box-shadow:0 2px 30px -6px #000;background-image:url('../images/io.jpg');background-size:cover;margin:0 20px}#main article{text-align:center}#main article.active{padding-top:40px}#main article h1{letter-spacing:.1em}#footer{position:relative;height:4em;bottom:-2.2em;margin-top:2em padding-top:1em;margin-bottom:0}#footer p.copyright{font-size:12px}
\ No newline at end of file
*{transform-origin:50% 50%}body{max-width:100%;width:100%;height:100%;max-height:100%;overflow-x:hidden}#wrapper{background-size:cover}#bg:before{background:radial-gradient(rgba(20,20,20,.1),rgba(20,20,20,.3),rgba(255,255,255,0)),url("/images/overlay.png")}@keyframes zoomout{0%{transform:scale(1.4)}100%{transform:scale(1)}}@keyframes zoomy{0%{transform:scale(1)}15%{transform:scale(1.2) rotate(-2deg)}100%{transform:scale(1)}}@keyframes zoomin{0%{transform:scale(1)}100%{transform:scale(1.4)}}#bg:after{transform:none;animation:zoomy 4s cubic-bezier(.36,.01,.35,.98)}#header>*:before{background:0}#header nav.use-middle:after{background:0;content:none}#header{background-image:none}#header div.logo{border:0;width:8em;margin:1.5em 0 2em 0}#header div.logo img{width:100%}div.inner{margin:0 3rem;background:radial-gradient(rgba(0,0,0,.7),rgba(0,0,0,0),rgba(0,0,0,0))}div.inner h1,div.inner p{text-shadow:0 3px 16px rgba(0,0,0,1);margin:0}#header .content{box-shadow:0 33px 70px -50px #000}#header .content p{font-size:1.2em;font-weight:400;text-shadow:0 3px 16px rgba(0,0,0,1)}#main article{border-radius:2px;box-shadow:0 8px 50px -10px rgba(0,0,0,.7)}#header nav{margin-top:5em}#header nav ul{border-radius:0;border:0}#header nav ul li{border:0;border-bottom:1px solid rgba(255,255,255,0.5);margin:20px 2px;float:left;transition:all .8s .1s;box-shadow:0 6px 30px -18px #000}#header nav ul li:hover,#header nav ul li:active{border-bottom:1px solid rgba(255,255,255,0);transition:all .4s;box-shadow:none}#header nav ul li a{padding:0;padding-top:.3em;transition:all .6s .1s;font-size:1.5em;text-shadow:0 2px 12px rgba(0,0,0,.6);height:auto;line-height:1em}#header>nav>ul>li>a>span{font-size:.5em;text-shadow:0 1px 10px #000}#header nav ul li a:hover{transition:all .4s;transform:translateY(.4em);background-color:inherit}#header nav ul li a.icon{color:rgba(255,255,255,0.75);transition:.9s .1s}#header nav ul li a.icon:hover{transition:.3s;color:rgba(255,255,255,1)}#header nav ul li a.icon span{color:#fff}#about a>span{padding:10px;text-decoration:none;font-size:20px}#profile_pic{float:right;width:120px;height:120px;border-radius:4px;box-shadow:0 2px 30px -6px #000;background-image:url('../images/io.jpg');background-size:cover;margin:0 20px}#main article{text-align:center}#main article.active{padding-top:40px}#main article h1{letter-spacing:.1em}#footer{position:relative;height:4em;bottom:-2.2em;margin-top:2em padding-top:1em;margin-bottom:0}#footer p.copyright{font-size:12px}body.is-article-visible #bg:after{-moz-transform:none;-webkit-transform:none;-ms-transform:none;transform:none;animation:none;transition:filter .2s;-moz-filter:blur(0.1rem);-webkit-filter:blur(0.1rem);-ms-filter:blur(0.1rem);filter:blur(0.1rem)}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment