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 {
padding-left: 15px;
}
.navbar-default .nav li a {
padding-left: 20px;
}
......@@ -236,7 +235,7 @@ 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: 0;
margin-bottom: 15px;
}
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);
font-size: 22px;
position: relative;
top: -5px;
margin-bottom: 0;
color: rgba(0,0,0,.7);
transition: all .3s;
......@@ -488,6 +486,14 @@ section h3.section-subheading {
/*width: auto;*/
margin-left: 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 {
top: -20px;
margin: 0 35px 25px 35px;
}
@media (max-width: 767px) {
.modal-body {
top: -20px;
padding: 0;
margin: 0;
}
}
.portfolio-modal .modal-content {
padding: 40px 40px;
/*dark*/
......@@ -541,28 +540,59 @@ section h3.section-subheading {
color: #fff;*/
}
.img-centered {
max-width: 95%;
}
max-width: 100%;
}
.portfolio-modal .modal-content img {
/*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%;*/
margin: 0;
margin-left: 14px;
margin-top: 21px;
margin-right: 14px;
margin-bottom: 21px;
transform: rotate(1deg);
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
/*transform: rotate(1deg);*/
}
.portfolio-modal .modal-content .modal-img-frame {
box-shadow: 0 8px 35px -8px rgba(0, 0, 0, 0.4);
padding: 20px 30px;
padding: 50px;
margin: 40px 10px;
background-color: #fff;
transform: rotate(-1deg);
/*transform: rotate(-1deg);*/
/*transform-origin: 50% 50%;*/
}
.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 === */
......
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