Commit 5103715f authored by sbiego's avatar sbiego

better senzaparole spacing and minor changes, about secti

parent 9818f496
......@@ -86,7 +86,7 @@ languageCode = "it-IT"
# About section
[params.about]
enable = true
title = "Point of Vision"
title = "Il progetto"
subtitle = "La visione è intuito puro, mezzo che libera la nostra creatività e dà forma alle idee che lo hanno risvegliato. Le nostre esperienze, quelle di persone che incrociamo, con cui abbiamo relazioni di ogni genere, ci cambiano, tolgono, danno. Siamo sotto continuo stimolo e tutto ciò ci muta inevitabilmente. Il nostro punto di vista diventa sempre più soggettivo, personale, sempre più sfaccettato e complesso, incoerente e pieno di significato. Per questo la necessità di raccontare, comunicare, suscitare qualcosa negli occhi di chi guarda qualcosa che viene da una visione, da un altro punto di vista, o meglio, punto di visione, personale: da qui nasce .vision, una visione di parte che si manifesta come ideale nell'idea."
endpoint = "2016"
......
......@@ -135,6 +135,10 @@ section.bg-darkest-gray {
/* === NAVBAR === */
.navbar-fixed-bottom, .navbar-fixed-top {
padding: 20px;
}
.navbar-default {
background: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
transition: all .2s;
......@@ -164,9 +168,10 @@ section.bg-darkest-gray {
.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;
/*color: #fff;*/
color: #4CEDB8;
transition: all .4s;
text-shadow: 0 0 10px #4CEDB8;
text-shadow: 0 0 25px #4CEDB8;
background-color: transparent;
}
......@@ -176,13 +181,16 @@ section.bg-darkest-gray {
@media (min-width: 768px) {
.navbar-default.navbar-shrink {
padding: 0 0 10px 0;
box-shadow: 0 1px 30px rgba(0, 0, 0, 0.5);
box-shadow: 0 -1px 20px rgba(0, 0, 0, 0.7);
background-color: transparent;
background: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, .7));
}
}
@media screen and (max-width:767px) {
.navbar-fixed-bottom, .navbar-fixed-top {
padding: 0px;
}
.navbar-default {
background: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, .8));
padding-bottom: 10px;
......@@ -242,8 +250,8 @@ header {
}
header .intro-text {
padding-top: 27%;
padding-bottom: 50px;
padding-top: 17%;
padding-bottom: 40px;
/*margin-bottom: 150px;*/
}
......@@ -251,7 +259,8 @@ 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;
margin-bottom: 10px;
margin-top: 40px;
}
header .intro-text .intro-lead-in {
......@@ -268,8 +277,8 @@ header .intro-text .intro-lead-in {
@media screen and (max-width:767px) {
header .intro-text {
padding-top: 50%;
padding-bottom: 50px;
padding-top: 35%;
padding-bottom: 80px;
}
}
......@@ -310,7 +319,7 @@ header .intro-text .intro-lead-in {
padding: 12px 24px;
font-size: 16px;
animation: appearFromBottom .8s cubic-bezier(.07,.4,.67,1.09);
margin-top: 13%;
margin-top: 10%;
}
.btn-xl:hover, .btn-xl:active {
......@@ -321,7 +330,7 @@ header .intro-text .intro-lead-in {
/* === SECTION === */
section {
padding: 80px 20px;
padding: 90px 20px;
}
section h2.section-heading {
......@@ -370,15 +379,15 @@ section h3.section-subheading {
#portfolio .portfolio-item,
#SenzaParole .portfolio-item {
right: 0;
/*right: 0;*/
left: 10px;
margin: 15px;
box-shadow: 0 3px 30px -5px rgba(0, 0, 0, 1);
padding: 0;
margin-left: 15px;
margin-right: 15px;
max-width: calc(30% - 5px);
max-width: calc(30% - 12px);
transition: all .3s;
animation: grow .9s;
/*animation: appearSoftFromTop .5s;*/
}
#portfolio .portfolio-item .portfolio-link,
......@@ -436,7 +445,7 @@ section h3.section-subheading {
#SenzaParole .portfolio-item .portfolio-caption {
margin: 0 auto;
padding: 15px;
max-width: 400px;
/*max-width: 400px;*/
text-align: center;
background-color: #fff;
/*box-shadow: 0 8px 12px -10px rgba(0, 0, 0, 0.4);*/
......@@ -507,19 +516,20 @@ section h3.section-subheading {
@media (min-width: 992px) {
#portfolio .col-md-4,
#SenzaParole .col-md-4 {
width: calc(33% - 30px);
/*width: calc(33% - 30px);*/
width: calc(30% - 10px);
}
}
@media (max-width: 768px) {
#portfolio .portfolio-item,
#SenzaParole .portfolio-item {
left: 40px;
left: 20px;
/*transform: translateX(-50%);*/
/*width: auto;*/
margin-left: 13px;
margin-right: 13px;
margin-bottom: 13px;
max-width: calc(40% - 5px);
max-width: calc(45% - 25px);
display: inline-block;
/*box-shadow: none;*/
box-shadow: 0 3px 30px -5px rgba(0, 0, 0, 1);
......@@ -529,6 +539,17 @@ section h3.section-subheading {
#SenzaParole .portfolio-item .portfolio-caption {
box-shadow: 0 0 15px -6px #000;
}
section {
padding: 40px 5px;
}
section h2.section-heading {
padding: 10px;
}
section h3.section-subheading {
padding: 0 15px;
margin: 20px 0 40px 0;
}
}
#portfolio_title h2, #portfolio_title h3 {
......@@ -562,10 +583,11 @@ section h3.section-subheading {
}
.modal-body {
top: -20px;
margin: 0 35px 25px 35px;
margin: 0 35px;
padding-bottom: 0;
}
.portfolio-modal .modal-content {
padding: 40px 40px;
padding: 40px 40px 10px 40px;
/*dark*/
background-color: #e9e9e9;
background-image: url('../img/texture.png');
......@@ -581,9 +603,11 @@ section h3.section-subheading {
.portfolio-modal .modal-content p {
line-height: 1.6em;
animation: appearSoftFromTop .6s;
margin-bottom: 50px;
}
.portfolio-modal .modal-content h2 {
animation: appearSoftFromTop .6s;
margin-bottom: 25px;
}
.desc_it {
display: block;
......@@ -630,7 +654,7 @@ section h3.section-subheading {
}
.portfolio-modal .modal-content img {
/*box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.4);*/
box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.5);
/*left: 50%;*/
margin: 0;
margin-left: 0px;
......@@ -652,6 +676,10 @@ section h3.section-subheading {
/*color: #114d39;*/
}
.portfolio-modal .modal-content ul.list-inline {
margin-bottom: 0;
}
@media (min-width: 768px) {
.container {
width: auto;
......@@ -713,8 +741,7 @@ ul.social-buttons li a:hover, ul.social-buttons li a:focus, ul.social-buttons li
/*=== FOOTER ===*/
footer {
padding-bottom: 0px;
padding-top: 80px;
padding: 80px 0 0 0;
}
footer div.row.credits {
background-color: #ddd;
......@@ -734,3 +761,6 @@ footer div#credits {
footer div#credits ul li {
display: inline-block;
}
footer div.col-lg-12 {
margin: 0 15px;
}
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 appearSoftFromTop{0%{transform:translateY(-10%);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(.5)}30%{transform:scale(1.1)}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;background-color:#000;transition:all .5s}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(255,255,255,.9);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{padding:80px 20px}section h2.section-heading{margin-bottom:35px}section h3.section-subheading{text-align:justify;line-height:1.5em;padding:0 15px;margin:20px 30px 40px 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}@media(min-width:768px){.timeline>li{margin-bottom:50px}}#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(30% - 5px);transition:all .3s;animation:grow .9s}#portfolio .portfolio-item .portfolio-link,#SenzaParole .portfolio-item .portfolio-link{display:block;position:relative;margin:0 auto;max-width:400px;background:url('../img/texture.png');background-color:#ccc}#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:15px;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;font-size:1.1em}#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:40px;margin-left:13px;margin-right:13px;margin-bottom:13px;max-width:calc(40% - 5px);display:inline-block;box-shadow:0 3px 30px -5px rgba(0,0,0,1)}#portfolio .portfolio-item .portfolio-caption,#SenzaParole .portfolio-item .portfolio-caption{box-shadow:0 0 15px -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 p{line-height:1.6em;animation:appearSoftFromTop .6s}.portfolio-modal .modal-content h2{animation:appearSoftFromTop .6s}.desc_it{display:block}.desc_en{display:none}.lang_select{top:28px;height:24px;width:24px;background-size:cover;background-color:transparent;content:'';text-decoration:none;border-radius:15px;position:absolute;border:1px solid #999;right:0;margin:22px;box-shadow:0 2px 10px -3px rgba(0,0,0,0.6);transition:all .3s;cursor:pointer;display:inline-block;opacity:.3}.lang_select:hover{box-shadow:0 2px 8px -1px rgba(0,0,0,0.3);transform:translateY(2px);opacity:.9}.lang_select:active{transform:translateY(5px)}.lang_select.it{background-image:url("../img/flagit.png")}.lang_select.en{background-image:url("../img/flaguk.png")}.portfolio-modal .modal-content img{box-shadow:0 3px 10px -2px rgba(0,0,0,0.5);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;transition:all .4s}@media(min-width:768px){.container{width:auto}}@media(max-width:767px){.lang_select{top:0}.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 h2{margin:15px;margin-top:30px;padding-left:20px}.portfolio-modal .modal-content p{margin:10px 24px;line-height:1.5em}.portfolio-modal .modal-content .modal-img-frame{padding:30px;margin:30px 20px}}@media(max-width:500px){.portfolio-modal .modal-content .modal-img-frame{padding:13px;margin:30px 0}}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{padding-bottom:0;padding-top:80px}footer div.row.credits{background-color:#ddd;bottom:0;padding-bottom:5px;padding-top:10px;margin-top:50px;background-image:url('../img/noise.png')}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 appearSoftFromTop{0%{transform:translateY(-10%);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(.5)}30%{transform:scale(1.1)}100%{transform:scale(1)}}.navbar-fixed-bottom,.navbar-fixed-top{padding:20px}.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:#4cedb8;transition:all .4s;text-shadow:0 0 25px #4cedb8;background-color:transparent}@media(min-width:768px){.navbar-default.navbar-shrink{padding:0 0 10px 0;box-shadow:0 -1px 20px rgba(0,0,0,0.7);background-color:transparent;background:linear-gradient(rgba(0,0,0,1),rgba(0,0,0,.7))}}@media screen and (max-width:767px){.navbar-fixed-bottom,.navbar-fixed-top{padding:0}.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;background-color:#000;transition:all .5s}header .intro-text{padding-top:17%;padding-bottom:40px}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:10px;margin-top:40px}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(255,255,255,.9);transition:all .3s}@media screen and (max-width:767px){header .intro-text{padding-top:35%;padding-bottom:80px}}.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:10%}.btn-xl:hover,.btn-xl:active{box-shadow:0 2px 5px rgba(0,0,0,0.4)}section{padding:90px 20px}section h2.section-heading{margin-bottom:35px}section h3.section-subheading{text-align:justify;line-height:1.5em;padding:0 15px;margin:20px 30px 40px 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}@media(min-width:768px){.timeline>li{margin-bottom:50px}}#portfolio .portfolio-item,#SenzaParole .portfolio-item{left:10px;margin:15px;box-shadow:0 3px 30px -5px rgba(0,0,0,1);padding:0;max-width:calc(30% - 12px);transition:all .3s;animation:grow .9s}#portfolio .portfolio-item .portfolio-link,#SenzaParole .portfolio-item .portfolio-link{display:block;position:relative;margin:0 auto;max-width:400px;background:url('../img/texture.png');background-color:#ccc}#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:15px;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;font-size:1.1em}#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(30% - 10px)}}@media(max-width:768px){#portfolio .portfolio-item,#SenzaParole .portfolio-item{left:20px;margin-left:13px;margin-right:13px;margin-bottom:13px;max-width:calc(45% - 25px);display:inline-block;box-shadow:0 3px 30px -5px rgba(0,0,0,1)}#portfolio .portfolio-item .portfolio-caption,#SenzaParole .portfolio-item .portfolio-caption{box-shadow:0 0 15px -6px #000}section{padding:40px 5px}section h2.section-heading{padding:10px}section h3.section-subheading{padding:0 15px;margin:20px 0 40px 0}}#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;padding-bottom:0}.portfolio-modal .modal-content{padding:40px 40px 10px 40px;background-color:#e9e9e9;background-image:url('../img/texture.png')}.img-centered{max-width:100%}.portfolio-modal .modal-content p{line-height:1.6em;animation:appearSoftFromTop .6s;margin-bottom:50px}.portfolio-modal .modal-content h2{animation:appearSoftFromTop .6s;margin-bottom:25px}.desc_it{display:block}.desc_en{display:none}.lang_select{top:28px;height:24px;width:24px;background-size:cover;background-color:transparent;content:'';text-decoration:none;border-radius:15px;position:absolute;border:1px solid #999;right:0;margin:22px;box-shadow:0 2px 10px -3px rgba(0,0,0,0.6);transition:all .3s;cursor:pointer;display:inline-block;opacity:.3}.lang_select:hover{box-shadow:0 2px 8px -1px rgba(0,0,0,0.3);transform:translateY(2px);opacity:.9}.lang_select:active{transform:translateY(5px)}.lang_select.it{background-image:url("../img/flagit.png")}.lang_select.en{background-image:url("../img/flaguk.png")}.portfolio-modal .modal-content img{box-shadow:0 2px 10px -2px rgba(0,0,0,0.5);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;transition:all .4s}.portfolio-modal .modal-content ul.list-inline{margin-bottom:0}@media(min-width:768px){.container{width:auto}}@media(max-width:767px){.lang_select{top:0}.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 h2{margin:15px;margin-top:30px;padding-left:20px}.portfolio-modal .modal-content p{margin:10px 24px;line-height:1.5em}.portfolio-modal .modal-content .modal-img-frame{padding:30px;margin:30px 20px}}@media(max-width:500px){.portfolio-modal .modal-content .modal-img-frame{padding:13px;margin:30px 0}}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{padding:80px 0 0 0}footer div.row.credits{background-color:#ddd;bottom:0;padding-bottom:5px;padding-top:10px;margin-top:50px;background-image:url('../img/noise.png')}footer div#credits{position:relative;bottom:0;min-width:50%;left:50%;transform:translateX(-50%)}footer div#credits ul li{display:inline-block}footer div.col-lg-12{margin:0 15px}
\ 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