Skip to content

vision-hugo
vision-hugo
Commit 14d3ad48 authored by diesys's avatar diesys 🎈
Browse files
Options

better close modal button

parent e494caed
Show whitespace changes
Inline Side-by-side
Showing with 5 additions and 3 deletions
static/css/vision.css
View file @ 14d3ad48
......@@ -508,15 +508,16 @@ section h3.section-subheading {
top: 13px;
border-radius: 100px;
font-size: 20px;
background-color: rgba(0,0,0,.3);
background-color: rgba(0,0,0,.5);
/*color: #555;*/
/*box-shadow: 0 1px 6px -2px rgba(0,0,0,0.4) inset;*/
box-shadow: none;
box-shadow: 0 1px 15px -2px rgba(0,0,0,.5);
transition: all .5s .1s;
}
#close_btn .fa-remove:before, #close_btn .fa-close:before, .fa-times:before {
text-shadow: none;
color: #eee;
color: rgba(255,255,255,.9);
}
#close_btn:hover {
background-color: rgba(0,0,0,.5);
......@@ -589,6 +590,7 @@ section h3.section-subheading {
.portfolio-modal .modal-content h2 {
margin: 15px;
margin-top: 30px;
padding-left: 20px;
}
.portfolio-modal .modal-content p {
margin: 10px 24px;
......
static/css/vision.min.css
View file @ 14d3ad48
a,a:hover,a:active,a:focus{color:#00a66f;transition:all .8s .1s;text-shadow:0 0 2px rgba(76,237,184,.8)}a:hover,a:active,a:focus{transition:all .4s;text-shadow:0 0 10px #4cedb8}.fa{text-shadow:0 0 4px rgba(0,0,0,.35)}::selection{background-color:#4cedb8;color:#111}@media(min-width:768px){section{padding:100px 0}}section.bg-darkest-gray{background-image:url(../img/noise_dark.png)}.glow{position:absolute;height:1px;width:1px;border-radius:30px;background:transparent}@keyframes glow{0%,100%{box-shadow:0 1px 0 0 #4cedb8}10%{box-shadow:0 1px 30px 8px #4cedb8}}@keyframes slideFromTop{0%{transform:translateY(-200%)}100%{transform:translateY(0)}}@keyframes appearFromTop{0%{transform:translateY(-400%);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes appearFromLeft{0%{transform:translateX(-400%);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes appearFromRight{0%{transform:translateX(400%);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes appearFromBottom{0%{transform:translateY(400%);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes slideFromRight{0%{transform:translateX(150%)}100%{transform:translateX(0)}}@keyframes grow{0%{transform:scale(.4)}100%{transform:scale(1)}}.navbar-default{background:linear-gradient(rgba(0,0,0,1),rgba(0,0,0,.5),rgba(0,0,0,0));transition:all .2s;border:0;animation:slideFromTop .6s;top:-1px}.navbar-default .nav li a{transition:all .8s .1s}.navbar-default .nav li a:hover,.navbar-default .nav li a:focus{transition:all .4s;color:#a8ffe2}.navbar-brand>img{transition:all 1s .1s;border-radius:100%}.navbar-brand>img:hover,.navbar-brand>img:focus{transition:all .3s;box-shadow:0 0 10px #4cedb8}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:active,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#fff;transition:all .4s;text-shadow:0 0 10px #4cedb8;background-color:transparent}@media(min-width:768px){.navbar-default.navbar-shrink{padding:0 0 10px 0;box-shadow:0 1px 30px rgba(0,0,0,0.5);background-color:transparent;background:linear-gradient(rgba(0,0,0,1),rgba(0,0,0,.7))}}@media screen and (max-width:767px){.navbar-default{background:linear-gradient(rgba(0,0,0,1),rgba(0,0,0,.8));padding-bottom:10px;box-shadow:0 1px 30px rgba(0,0,0,0.5);border-top:0}.navbar-fixed-bottom,.navbar-fixed-top{right:-1px;left:-1px;top:-1px}.navbar-toggle{margin-top:10px;margin-bottom:6px}}.navbar-default .navbar-toggle{border:0;background-color:transparent;transition:all .5s .1s}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:active,.navbar-default .navbar-toggle:focus{background-color:rgba(250,250,250,0.1);transition:all .3s}.navbar-default .navbar-collapse{border:0;padding-left:15px}.navbar-default .nav li a{padding-left:20px}.navbar-default .nav li{text-align:center}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-top:10px;padding-left:15px;border:0}header{box-shadow:0 -15px 40px -16px #000 inset}header .intro-text{padding-top:27%;padding-bottom:50px}header .intro-text .intro-heading{font-size:70px;text-shadow:0 0 40px rgba(0,0,0,.65);animation:appearFromLeft 1.2s cubic-bezier(0,.46,.45,1.15);margin-bottom:15px}header .intro-text .intro-lead-in{text-shadow:0 1px 8px rgba(0,0,0,.74);animation:appearFromRight 1.2s cubic-bezier(0,.46,.45,1.15);font-size:22px;position:relative;margin-bottom:0;color:rgba(0,0,0,.7);transition:all .3s}@media screen and (max-width:767px){header .intro-text{padding-top:50%;padding-bottom:50px}}.btn{box-shadow:0 2px 10px -4px rgba(0,0,0,0.45);transition:all .3s;color:#222;text-shadow:0 1px 2px rgba(255,255,255,.7);background-color:#4cedb8;border-radius:4px;border:0}.btn .fa{text-shadow:0 1px 2px rgba(255,255,255,.7)}.btn:hover,.btn:active,.btn:focus{color:#333;background-color:#73ffd1;box-shadow:0 2px 14px -4px rgba(0,0,0,0.5)}.btn:active{transform-origin:50% 50%;transform:scale(.9)}.btn-xl,.btn-xl:focus{box-shadow:0 2px 15px rgba(0,0,0,0.45);padding:12px 24px;font-size:16px;animation:appearFromBottom .8s cubic-bezier(.07,.4,.67,1.09);margin-top:13%}.btn-xl:hover,.btn-xl:active{box-shadow:0 2px 5px rgba(0,0,0,0.4)}section h3.section-subheading{text-align:justify;line-height:1.5em;padding:0 15px;margin:20px 30px 80px 30px}.timeline>li .timeline-image{background-color:#bbb;color:#fff;border:0}.img-circle{border:1px solid rgba(0,0,0,0.4);box-shadow:0 2px 8px -2px rgba(0,0,0,0.5)}.timeline>li .timeline-image h4{margin-top:50%;transform:translateY(-50%);font-size:18pt}.timeline:before{background-color:#fff;border-right:1px solid #ccc}#portfolio .portfolio-item,#SenzaParole .portfolio-item{right:0;margin:15px;box-shadow:0 3px 30px -5px rgba(0,0,0,1);padding:0;margin-left:15px;margin-right:15px;max-width:calc(50% - 30px);transition:all .3s;animation:grow .4s}#portfolio .portfolio-item .portfolio-link,#SenzaParole .portfolio-item .portfolio-link{display:block;position:relative;margin:0 auto;max-width:400px}#portfolio .portfolio-item .portfolio-link .portfolio-hover,#SenzaParole .portfolio-item .portfolio-link .portfolio-hover{position:absolute;width:100%;height:100%;opacity:0;background-color:rgba(76,237,184,.6);-webkit-transition:all ease .5s;-moz-transition:all ease .5s;transition:all ease .5s}#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover,#SenzaParole .portfolio-item .portfolio-link .portfolio-hover:hover{opacity:1}#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content,#SenzaParole .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{position:absolute;top:50%;width:100%;height:20px;margin-top:-12px;text-align:center;font-size:20px;color:#fff}#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i,#SenzaParole .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i{margin-top:-12px}#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h,#SenzaParole .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4,#SenzaParole .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4{margin:0}#portfolio .portfolio-item .portfolio-caption,#SenzaParole .portfolio-item .portfolio-caption{margin:0 auto;padding:25px;max-width:400px;text-align:center;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-top:0;border-bottom:1px solid rgba(0,0,0,.2)}#portfolio .portfolio-item .portfolio-caption h4,#SenzaParole .portfolio-item .portfolio-caption h4{margin:0;text-transform:none}#portfolio .portfolio-item .portfolio-caption p,#SenzaParole .portfolio-item .portfolio-caption p{margin:0;font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-style:italic}#portfolio *,#SenzaParole *{z-index:2}.senzaparole p,.senzaparole h2{font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:none}.senzaparole h2{text-align:left;padding-left:10px}.senzaparole p{text-align:justify}@media(min-width:992px){#portfolio .col-md-4,#SenzaParole .col-md-4{width:calc(33% - 30px)}}@media(max-width:768px){#portfolio .portfolio-item,#SenzaParole .portfolio-item{left:50%;transform:translateX(-50%);margin-left:0;margin-right:0;margin-bottom:40px;max-width:80%;box-shadow:none}#portfolio .portfolio-item .portfolio-caption,#SenzaParole .portfolio-item .portfolio-caption{box-shadow:0 8px 25px -6px #000}}#portfolio_title h2,#portfolio_title h3{color:#fff;text-shadow:0 2px 4px #101010}#close_btn{animation:slideFromRight .4s;position:fixed;right:14px;top:13px;border-radius:100px;font-size:20px;background-color:rgba(0,0,0,.3);box-shadow:none;transition:all .5s .1s}#close_btn .fa-remove:before,#close_btn .fa-close:before,.fa-times:before{text-shadow:none;color:#eee}#close_btn:hover{background-color:rgba(0,0,0,.5);color:#111;box-shadow:none;transition:all .3s}.modal-body{top:-20px;margin:0 35px 25px 35px}.portfolio-modal .modal-content{padding:40px 40px;background-color:#e9e9e9;background-image:url('../img/texture.png')}.img-centered{max-width:100%}.portfolio-modal .modal-content img{box-shadow:0 2px 10px -2px rgba(0,0,0,0.35);margin:0;margin-left:0;margin-top:0;margin-right:0;margin-bottom:0}.portfolio-modal .modal-content .modal-img-frame{box-shadow:0 8px 35px -8px rgba(0,0,0,0.4);padding:50px;margin:40px 10px;background-color:#fff}@media(max-width:767px){.modal-body{top:-20px;padding:0;margin:0}.portfolio-modal .modal-content{padding:40px 5px}.portfolio-modal .modal-content img{margin:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;box-shadow:0 2px 10px -3px rgba(0,0,0,0.3)}.portfolio-modal .modal-content .modal-img-frame{padding:20px}.portfolio-modal .modal-content h2{margin:15px;margin-top:30px}.portfolio-modal .modal-content p{margin:10px 24px}}ul.social-buttons li a{box-shadow:0 2px 8px -2px rgba(0,0,0,0.5)}ul.social-buttons li a:hover,ul.social-buttons li a:focus,ul.social-buttons li a:active{background-color:#00a66f}footer div#credits{position:relative;bottom:0;min-width:50%;left:50%;transform:translateX(-50%)}footer div#credits ul li{display:inline-block}
\ No newline at end of file
a,a:hover,a:active,a:focus{color:#00a66f;transition:all .8s .1s;text-shadow:0 0 2px rgba(76,237,184,.8)}a:hover,a:active,a:focus{transition:all .4s;text-shadow:0 0 10px #4cedb8}.fa{text-shadow:0 0 4px rgba(0,0,0,.35)}::selection{background-color:#4cedb8;color:#111}@media(min-width:768px){section{padding:100px 0}}section.bg-darkest-gray{background-image:url(../img/noise_dark.png)}.glow{position:absolute;height:1px;width:1px;border-radius:30px;background:transparent}@keyframes glow{0%,100%{box-shadow:0 1px 0 0 #4cedb8}10%{box-shadow:0 1px 30px 8px #4cedb8}}@keyframes slideFromTop{0%{transform:translateY(-200%)}100%{transform:translateY(0)}}@keyframes appearFromTop{0%{transform:translateY(-400%);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes appearFromLeft{0%{transform:translateX(-400%);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes appearFromRight{0%{transform:translateX(400%);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes appearFromBottom{0%{transform:translateY(400%);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes slideFromRight{0%{transform:translateX(150%)}100%{transform:translateX(0)}}@keyframes grow{0%{transform:scale(.4)}100%{transform:scale(1)}}.navbar-default{background:linear-gradient(rgba(0,0,0,1),rgba(0,0,0,.5),rgba(0,0,0,0));transition:all .2s;border:0;animation:slideFromTop .6s;top:-1px}.navbar-default .nav li a{transition:all .8s .1s}.navbar-default .nav li a:hover,.navbar-default .nav li a:focus{transition:all .4s;color:#a8ffe2}.navbar-brand>img{transition:all 1s .1s;border-radius:100%}.navbar-brand>img:hover,.navbar-brand>img:focus{transition:all .3s;box-shadow:0 0 10px #4cedb8}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:active,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#fff;transition:all .4s;text-shadow:0 0 10px #4cedb8;background-color:transparent}@media(min-width:768px){.navbar-default.navbar-shrink{padding:0 0 10px 0;box-shadow:0 1px 30px rgba(0,0,0,0.5);background-color:transparent;background:linear-gradient(rgba(0,0,0,1),rgba(0,0,0,.7))}}@media screen and (max-width:767px){.navbar-default{background:linear-gradient(rgba(0,0,0,1),rgba(0,0,0,.8));padding-bottom:10px;box-shadow:0 1px 30px rgba(0,0,0,0.5);border-top:0}.navbar-fixed-bottom,.navbar-fixed-top{right:-1px;left:-1px;top:-1px}.navbar-toggle{margin-top:10px;margin-bottom:6px}}.navbar-default .navbar-toggle{border:0;background-color:transparent;transition:all .5s .1s}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:active,.navbar-default .navbar-toggle:focus{background-color:rgba(250,250,250,0.1);transition:all .3s}.navbar-default .navbar-collapse{border:0;padding-left:15px}.navbar-default .nav li a{padding-left:20px}.navbar-default .nav li{text-align:center}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-top:10px;padding-left:15px;border:0}header{box-shadow:0 -15px 40px -16px #000 inset}header .intro-text{padding-top:27%;padding-bottom:50px}header .intro-text .intro-heading{font-size:70px;text-shadow:0 0 40px rgba(0,0,0,.65);animation:appearFromLeft 1.2s cubic-bezier(0,.46,.45,1.15);margin-bottom:15px}header .intro-text .intro-lead-in{text-shadow:0 1px 8px rgba(0,0,0,.74);animation:appearFromRight 1.2s cubic-bezier(0,.46,.45,1.15);font-size:22px;position:relative;margin-bottom:0;color:rgba(0,0,0,.7);transition:all .3s}@media screen and (max-width:767px){header .intro-text{padding-top:50%;padding-bottom:50px}}.btn{box-shadow:0 2px 10px -4px rgba(0,0,0,0.45);transition:all .3s;color:#222;text-shadow:0 1px 2px rgba(255,255,255,.7);background-color:#4cedb8;border-radius:4px;border:0}.btn .fa{text-shadow:0 1px 2px rgba(255,255,255,.7)}.btn:hover,.btn:active,.btn:focus{color:#333;background-color:#73ffd1;box-shadow:0 2px 14px -4px rgba(0,0,0,0.5)}.btn:active{transform-origin:50% 50%;transform:scale(.9)}.btn-xl,.btn-xl:focus{box-shadow:0 2px 15px rgba(0,0,0,0.45);padding:12px 24px;font-size:16px;animation:appearFromBottom .8s cubic-bezier(.07,.4,.67,1.09);margin-top:13%}.btn-xl:hover,.btn-xl:active{box-shadow:0 2px 5px rgba(0,0,0,0.4)}section h3.section-subheading{text-align:justify;line-height:1.5em;padding:0 15px;margin:20px 30px 80px 30px}.timeline>li .timeline-image{background-color:#bbb;color:#fff;border:0}.img-circle{border:1px solid rgba(0,0,0,0.4);box-shadow:0 2px 8px -2px rgba(0,0,0,0.5)}.timeline>li .timeline-image h4{margin-top:50%;transform:translateY(-50%);font-size:18pt}.timeline:before{background-color:#fff;border-right:1px solid #ccc}#portfolio .portfolio-item,#SenzaParole .portfolio-item{right:0;margin:15px;box-shadow:0 3px 30px -5px rgba(0,0,0,1);padding:0;margin-left:15px;margin-right:15px;max-width:calc(50% - 30px);transition:all .3s;animation:grow .4s}#portfolio .portfolio-item .portfolio-link,#SenzaParole .portfolio-item .portfolio-link{display:block;position:relative;margin:0 auto;max-width:400px}#portfolio .portfolio-item .portfolio-link .portfolio-hover,#SenzaParole .portfolio-item .portfolio-link .portfolio-hover{position:absolute;width:100%;height:100%;opacity:0;background-color:rgba(76,237,184,.6);-webkit-transition:all ease .5s;-moz-transition:all ease .5s;transition:all ease .5s}#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover,#SenzaParole .portfolio-item .portfolio-link .portfolio-hover:hover{opacity:1}#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content,#SenzaParole .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{position:absolute;top:50%;width:100%;height:20px;margin-top:-12px;text-align:center;font-size:20px;color:#fff}#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i,#SenzaParole .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i{margin-top:-12px}#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h,#SenzaParole .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4,#SenzaParole .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4{margin:0}#portfolio .portfolio-item .portfolio-caption,#SenzaParole .portfolio-item .portfolio-caption{margin:0 auto;padding:25px;max-width:400px;text-align:center;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-top:0;border-bottom:1px solid rgba(0,0,0,.2)}#portfolio .portfolio-item .portfolio-caption h4,#SenzaParole .portfolio-item .portfolio-caption h4{margin:0;text-transform:none}#portfolio .portfolio-item .portfolio-caption p,#SenzaParole .portfolio-item .portfolio-caption p{margin:0;font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-style:italic}#portfolio *,#SenzaParole *{z-index:2}.senzaparole p,.senzaparole h2{font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:none}.senzaparole h2{text-align:left;padding-left:10px}.senzaparole p{text-align:justify}@media(min-width:992px){#portfolio .col-md-4,#SenzaParole .col-md-4{width:calc(33% - 30px)}}@media(max-width:768px){#portfolio .portfolio-item,#SenzaParole .portfolio-item{left:50%;transform:translateX(-50%);margin-left:0;margin-right:0;margin-bottom:40px;max-width:80%;box-shadow:none}#portfolio .portfolio-item .portfolio-caption,#SenzaParole .portfolio-item .portfolio-caption{box-shadow:0 8px 25px -6px #000}}#portfolio_title h2,#portfolio_title h3{color:#fff;text-shadow:0 2px 4px #101010}#close_btn{animation:slideFromRight .4s;position:fixed;right:14px;top:13px;border-radius:100px;font-size:20px;background-color:rgba(0,0,0,.5);box-shadow:none;box-shadow:0 1px 15px -2px rgba(0,0,0,.5);transition:all .5s .1s}#close_btn .fa-remove:before,#close_btn .fa-close:before,.fa-times:before{text-shadow:none;color:rgba(255,255,255,.9)}#close_btn:hover{background-color:rgba(0,0,0,.5);color:#111;box-shadow:none;transition:all .3s}.modal-body{top:-20px;margin:0 35px 25px 35px}.portfolio-modal .modal-content{padding:40px 40px;background-color:#e9e9e9;background-image:url('../img/texture.png')}.img-centered{max-width:100%}.portfolio-modal .modal-content img{box-shadow:0 2px 10px -2px rgba(0,0,0,0.35);margin:0;margin-left:0;margin-top:0;margin-right:0;margin-bottom:0}.portfolio-modal .modal-content .modal-img-frame{box-shadow:0 8px 35px -8px rgba(0,0,0,0.4);padding:50px;margin:40px 10px;background-color:#fff}@media(max-width:767px){.modal-body{top:-20px;padding:0;margin:0}.portfolio-modal .modal-content{padding:40px 5px}.portfolio-modal .modal-content img{margin:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;box-shadow:0 2px 10px -3px rgba(0,0,0,0.3)}.portfolio-modal .modal-content .modal-img-frame{padding:20px}.portfolio-modal .modal-content h2{margin:15px;margin-top:30px;padding-left:20px}.portfolio-modal .modal-content p{margin:10px 24px}}ul.social-buttons li a{box-shadow:0 2px 8px -2px rgba(0,0,0,0.5)}ul.social-buttons li a:hover,ul.social-buttons li a:focus,ul.social-buttons li a:active{background-color:#00a66f}footer div#credits{position:relative;bottom:0;min-width:50%;left:50%;transform:translateX(-50%)}footer div#credits ul li{display:inline-block}
\ 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