Commit 8c251f28 authored by sbiego's avatar sbiego

better footer styling and min changes

some try with condensed illustrations list
parent 6f7b960a
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
</div> </div>
</div> </div>
<div class="row"> <div class="row credits">
<div class="col-md-4"> <div class="col-md-4">
<span class="copyright">{{ with .Site.Params.footer.copyright }}{{ . | markdownify }}{{ end }}</span> <span class="copyright">{{ with .Site.Params.footer.copyright }}{{ . | markdownify }}{{ end }}</span>
</div> </div>
......
...@@ -122,7 +122,10 @@ section.bg-darkest-gray { ...@@ -122,7 +122,10 @@ section.bg-darkest-gray {
@keyframes grow { @keyframes grow {
0% { 0% {
transform: scale(.4); transform: scale(.5);
}
30% {
transform: scale(1.1);
} }
100% { 100% {
transform: scale(1); transform: scale(1);
...@@ -351,7 +354,11 @@ section h3.section-subheading { ...@@ -351,7 +354,11 @@ section h3.section-subheading {
border-right: 1px solid #ccc; border-right: 1px solid #ccc;
} }
@media (min-width: 768px) {
.timeline>li{
margin-bottom: 50px;
}
}
/* === PORTFOLIO === */ /* === PORTFOLIO === */
#portfolio .portfolio-item, #portfolio .portfolio-item,
...@@ -362,9 +369,9 @@ section h3.section-subheading { ...@@ -362,9 +369,9 @@ section h3.section-subheading {
padding: 0; padding: 0;
margin-left: 15px; margin-left: 15px;
margin-right: 15px; margin-right: 15px;
max-width: calc(50% - 30px); max-width: calc(30% - 5px);
transition: all .3s; transition: all .3s;
animation: grow .4s; animation: grow .9s;
} }
#portfolio .portfolio-item .portfolio-link, #portfolio .portfolio-item .portfolio-link,
...@@ -421,7 +428,7 @@ section h3.section-subheading { ...@@ -421,7 +428,7 @@ section h3.section-subheading {
#portfolio .portfolio-item .portfolio-caption, #portfolio .portfolio-item .portfolio-caption,
#SenzaParole .portfolio-item .portfolio-caption { #SenzaParole .portfolio-item .portfolio-caption {
margin: 0 auto; margin: 0 auto;
padding: 25px; padding: 15px;
max-width: 400px; max-width: 400px;
text-align: center; text-align: center;
background-color: #fff; background-color: #fff;
...@@ -436,6 +443,7 @@ section h3.section-subheading { ...@@ -436,6 +443,7 @@ section h3.section-subheading {
#SenzaParole .portfolio-item .portfolio-caption h4 { #SenzaParole .portfolio-item .portfolio-caption h4 {
margin: 0; margin: 0;
text-transform: none; text-transform: none;
font-size: 1.1em;
} }
#portfolio .portfolio-item .portfolio-caption p, #portfolio .portfolio-item .portfolio-caption p,
...@@ -498,19 +506,21 @@ section h3.section-subheading { ...@@ -498,19 +506,21 @@ section h3.section-subheading {
@media (max-width: 768px) { @media (max-width: 768px) {
#portfolio .portfolio-item, #portfolio .portfolio-item,
#SenzaParole .portfolio-item { #SenzaParole .portfolio-item {
left: 50%; left: 40px;
transform: translateX(-50%); /*transform: translateX(-50%);*/
/*width: auto;*/ /*width: auto;*/
margin-left: 0; margin-left: 13px;
margin-right: 0; margin-right: 13px;
margin-bottom: 40px; margin-bottom: 13px;
max-width: 80%; max-width: calc(40% - 5px);
box-shadow: none; display: inline-block;
/*box-shadow: none;*/
box-shadow: 0 3px 30px -5px rgba(0, 0, 0, 1);
/*background-color: rgba(255,255,255,.5);*/ /*background-color: rgba(255,255,255,.5);*/
} }
#portfolio .portfolio-item .portfolio-caption, #portfolio .portfolio-item .portfolio-caption,
#SenzaParole .portfolio-item .portfolio-caption { #SenzaParole .portfolio-item .portfolio-caption {
box-shadow: 0 8px 25px -6px #000; box-shadow: 0 0 15px -6px #000;
} }
} }
...@@ -575,6 +585,7 @@ section h3.section-subheading { ...@@ -575,6 +585,7 @@ section h3.section-subheading {
display: none; display: none;
} }
.lang_select { .lang_select {
top: 28px;
height: 24px; height: 24px;
width: 24px; width: 24px;
background-size: cover; background-size: cover;
...@@ -586,7 +597,6 @@ section h3.section-subheading { ...@@ -586,7 +597,6 @@ section h3.section-subheading {
border: 1px solid #999; border: 1px solid #999;
right: 0; right: 0;
margin: 22px; margin: 22px;
top: 28px;
/*border: none;*/ /*border: none;*/
box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.6); box-shadow: 0 2px 10px -3px rgba(0, 0, 0, 0.6);
transition: all .3s; transition: all .3s;
...@@ -635,7 +645,16 @@ section h3.section-subheading { ...@@ -635,7 +645,16 @@ section h3.section-subheading {
/*color: #114d39;*/ /*color: #114d39;*/
} }
@media (min-width: 768px) {
.container {
width: auto;
}
}
@media (max-width: 767px) { @media (max-width: 767px) {
.lang_select {
top: 0px;
}
.modal-body { .modal-body {
top: -20px; top: -20px;
padding: 0; padding: 0;
...@@ -686,6 +705,18 @@ ul.social-buttons li a:hover, ul.social-buttons li a:focus, ul.social-buttons li ...@@ -686,6 +705,18 @@ ul.social-buttons li a:hover, ul.social-buttons li a:focus, ul.social-buttons li
/*=== FOOTER ===*/ /*=== FOOTER ===*/
footer {
padding-bottom: 0px;
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 { footer div#credits {
position: relative; position: relative;
bottom: 0px; bottom: 0px;
......
This diff is collapsed.
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