Site-Proximo/assets/css/general.css
2019-07-31 20:37:37 +02:00

239 lines
4.2 KiB
CSS

.text-proximo {
color: #FB5F03 !important;
}
.bg-proximo {
background: #FB5F03 !important;
}
#mainContainer {
min-height:100%;
position:relative;
}
#contentContainer {
margin-bottom: 0;
/* Height of the footer */
padding: 0 0 250px;
overflow: hidden;
}
.footer-copyright {
background-color: #e5e5e5;
}
#navbarLogo, #navbarNav, #navbarLogoMobile {
height: 64px;
line-height: 64px;
}
#navbarLogo img, #navbarLogoMobile img {
max-height: 100%;
max-width: 100%;
padding: 12px;
}
#navbarLogoMobile {
display: none;
}
.main-section-text {
font-size: 2rem;
}
.section-text {
font-size: 1.5rem;
}
.main-section-title {
font-size: 3rem;
}
.scrollingload {
opacity: 0;
}
.jarallax {
overflow: hidden;
}
.link-effect {
position: absolute;
bottom: 0;
height: 10px;
width: 100%;
background-color: #FB5F03;
transition: 0.1s;
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}
.link-hovered {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.link-active {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
#headerJumbotron {
padding: 0;
height: 40vh;
border-radius: 0;
margin: 0 0 64px; /* height of navbar */
background: rgb(166,61,0);
background: linear-gradient(157deg, rgba(166,61,0,1) 0%, rgba(251,95,3,1) 35%, rgba(255,162,108,1) 100%);
}
#headerTitleContainer{
z-index: 1;
position: absolute;
top: 10%;
width: 100%;
color: #e8e8e8;
}
#headerTitle {
font-size: 5rem;
text-shadow: 0 0 10px #555555;
opacity: 0;
}
#headerSubTitle {
text-shadow: 0 0 5px #4c4c4c;
opacity: 0;
}
.jconfirm.jconfirm-supervan .jconfirm-bg {
background-color: rgb(0, 0, 0);
}
.section-separator-top, .section-separator-bottom {
background-color: #FB5F03;
height: 50px;
width: 100%;
}
.section-separator-top {
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
.section-separator-bottom {
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
clip-path: polygon(0 0, 0% 100%, 100% 0);
}
#socialLinks {
font-size: 4rem;
}
.hamburger {
display: none;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
font-size: 1.2rem;
color: #d7d7d7;
}
@media
only screen and (max-width: 1199px) {
.hamburger {
display: inline-block;
}
.section-separator-top, .section-separator-bottom {
height: 35px;
}
#mainJumbotron:after {
box-shadow: inset 0 0 150px 50px rgba(0, 0, 0, 0.8);
}
.main-section-text {
font-size: 1.8rem;
}
.section-text {
font-size: 1.4rem;
}
.main-section-title {
font-size: 2.5rem;
}
#headerTitle {
font-size: 4rem;
}
#headerSubTitle {
font-size: 1.8rem;
}
#navbarLogoMobile {
display: block;
margin: auto;
}
}
@media
only screen and (max-width: 575px) {
#contentContainer {
/* Height of the footer */
padding-bottom: 300px;
}
.section-separator-top, .section-separator-bottom {
height: 20px;
}
#mainJumbotron:after {
box-shadow: inset 0 0 150px 50px rgba(0, 0, 0, 0.8);
}
.main-section-text {
font-size: 1.2rem;
}
.section-text {
font-size: 1.1rem;
}
.main-section-title {
font-size: 2rem;
}
#headerTitle {
font-size: 3rem;
width: 100%;
}
#headerSubTitle {
font-size: 1.2rem;
text-align: center;
}
#navbarLogoMobile {
width: 70%;
}
.image-fixed-text-container {
width: 90%;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
font-size: 1rem;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-title {
font-size: 1.4rem;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c > * {
padding-bottom: 0;
}
}