Commit e494caed authored by sbiego's avatar sbiego

ligher texture and better portfolio modal mobile

parent 4463cd0c
...@@ -204,7 +204,6 @@ section.bg-darkest-gray { ...@@ -204,7 +204,6 @@ section.bg-darkest-gray {
padding-left: 15px; padding-left: 15px;
} }
.navbar-default .nav li a { .navbar-default .nav li a {
padding-left: 20px; padding-left: 20px;
} }
...@@ -236,7 +235,7 @@ header .intro-text .intro-heading { ...@@ -236,7 +235,7 @@ header .intro-text .intro-heading {
font-size: 70px; font-size: 70px;
text-shadow: 0 0 40px rgba(0, 0, 0, .65); text-shadow: 0 0 40px rgba(0, 0, 0, .65);
animation: appearFromLeft 1.2s cubic-bezier(0,.46,.45,1.15); animation: appearFromLeft 1.2s cubic-bezier(0,.46,.45,1.15);
margin-bottom: 0; margin-bottom: 15px;
} }
header .intro-text .intro-lead-in { header .intro-text .intro-lead-in {
...@@ -244,7 +243,6 @@ header .intro-text .intro-lead-in { ...@@ -244,7 +243,6 @@ header .intro-text .intro-lead-in {
animation: appearFromRight 1.2s cubic-bezier(0,.46,.45,1.15); animation: appearFromRight 1.2s cubic-bezier(0,.46,.45,1.15);
font-size: 22px; font-size: 22px;
position: relative; position: relative;
top: -5px;
margin-bottom: 0; margin-bottom: 0;
color: rgba(0,0,0,.7); color: rgba(0,0,0,.7);
transition: all .3s; transition: all .3s;
...@@ -488,6 +486,14 @@ section h3.section-subheading { ...@@ -488,6 +486,14 @@ section h3.section-subheading {
/*width: auto;*/ /*width: auto;*/
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
margin-bottom: 40px;
max-width: 80%;
box-shadow: none;
/*background-color: rgba(255,255,255,.5);*/
}
#portfolio .portfolio-item .portfolio-caption,
#SenzaParole .portfolio-item .portfolio-caption {
box-shadow: 0 8px 25px -6px #000;
} }
} }
...@@ -523,13 +529,6 @@ section h3.section-subheading { ...@@ -523,13 +529,6 @@ section h3.section-subheading {
top: -20px; top: -20px;
margin: 0 35px 25px 35px; margin: 0 35px 25px 35px;
} }
@media (max-width: 767px) {
.modal-body {
top: -20px;
padding: 0;
margin: 0;
}
}
.portfolio-modal .modal-content { .portfolio-modal .modal-content {
padding: 40px 40px; padding: 40px 40px;
/*dark*/ /*dark*/
...@@ -541,28 +540,59 @@ section h3.section-subheading { ...@@ -541,28 +540,59 @@ section h3.section-subheading {
color: #fff;*/ color: #fff;*/
} }
.img-centered { .img-centered {
max-width: 95%; max-width: 100%;
} }
.portfolio-modal .modal-content img { .portfolio-modal .modal-content img {
/*box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.4);*/ /*box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.4);*/
box-shadow: 0 1px 10px -1px rgba(0, 0, 0, 0.4); box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.35);
/*left: 50%;*/ /*left: 50%;*/
margin: 0; margin: 0;
margin-left: 14px; margin-left: 0px;
margin-top: 21px; margin-top: 0px;
margin-right: 14px; margin-right: 0px;
margin-bottom: 21px; margin-bottom: 0px;
transform: rotate(1deg); /*transform: rotate(1deg);*/
} }
.portfolio-modal .modal-content .modal-img-frame { .portfolio-modal .modal-content .modal-img-frame {
box-shadow: 0 8px 35px -8px rgba(0, 0, 0, 0.4); box-shadow: 0 8px 35px -8px rgba(0, 0, 0, 0.4);
padding: 20px 30px; padding: 50px;
margin: 40px 10px; margin: 40px 10px;
background-color: #fff; background-color: #fff;
transform: rotate(-1deg); /*transform: rotate(-1deg);*/
/*transform-origin: 50% 50%;*/
} }
.portfolio-modal .modal-content h2 { .portfolio-modal .modal-content h2 {
color: #114d39; /*color: #114d39;*/
}
@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: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
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;
}
} }
/* === SOCIAL === */ /* === SOCIAL === */
......
This diff is collapsed.
static/img/texture.png

21.3 KB | W: | H:

static/img/texture.png

15.9 KB | W: | H:

static/img/texture.png
static/img/texture.png
static/img/texture.png
static/img/texture.png
  • 2-up
  • Swipe
  • Onion skin
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