ariane@0: body { ariane@0: padding-top: 20px; ariane@0: padding-bottom: 20px; ariane@0: } ariane@2: /* Custom page container */ ariane@0: .container p { ariane@0: font-size: 15px; ariane@0: } ariane@2: /* Custom jumbotron */ ariane@12: .jumbotron h3 { ariane@12: text-align: center; ariane@12: } ariane@12: .jumbotron .demo-btn { ariane@0: text-align: center; ariane@0: border-bottom: 1px solid #e5e5e5; ariane@0: } ariane@0: .jumbotron .btn { ariane@0: font-size: 21px; ariane@0: padding: 14px 24px; ariane@0: } ariane@2: /* Custom page footer */ ariane@2: .footer { ariane@2: padding-left: 15px; ariane@2: padding-right: 15px; ariane@2: padding-top: 19px; ariane@2: color: #777; ariane@2: border-top: 1px solid #e5e5e5; ariane@2: } ariane@2: /* Custom page carousel */ ariane@2: .carousel-caption { ariane@6: position: relative; ariane@54: margin-top: 10px; ariane@54: margin-bottom: 5px; ariane@21: margin-right: 250px; ariane@54: text-align: center; ariane@54: color: #323; ariane@2: } ariane@54: ariane@21: .carousel-img { ariane@21: width: 755px; ariane@21: height: 525px; ariane@2: } ariane@54: ariane@54: .carousel-indicators li { ariane@54: border: 2px solid #323; ariane@54: } ariane@54: .carousel-indicators .active { ariane@54: border: 2px solid #323; ariane@54: background-color: #323; ariane@54: } ariane@54: ariane@54: ariane@2: /* ariane@2: * dive4elements ariane@2: * -------------------------------------------------- ariane@2: */ ariane@2: @media screen and (max-width: 767px) { ariane@2: .row-dive4elements { ariane@2: position: relative; ariane@2: -webkit-transition: all 0.25s ease-out; ariane@2: -moz-transition: all 0.25s ease-out; ariane@2: transition: all 0.25s ease-out; ariane@2: } ariane@2: ariane@2: .row-dive4elements-right ariane@2: .sidebar-dive4elements { ariane@2: right: -50%; /* 6 columns */ ariane@2: } ariane@2: ariane@2: .row-dive4elements-left ariane@2: .sidebar-dive4elements { ariane@2: left: -50%; /* 6 columns */ ariane@2: } ariane@2: ariane@2: .row-dive4elements-right.active { ariane@2: right: 50%; /* 6 columns */ ariane@2: } ariane@2: ariane@2: .row-dive4elements-left.active { ariane@2: left: 50%; /* 6 columns */ ariane@2: } ariane@2: ariane@2: .sidebar-dive4elements { ariane@2: position: absolute; ariane@2: top: 0; ariane@2: width: 50%; /* 6 columns */ ariane@2: } ariane@2: } ariane@0: ariane@0: /* Supporting marketing content */ ariane@0: .marketing { ariane@0: margin: 40px 0; ariane@0: } ariane@0: .marketing p + h4 { ariane@0: margin-top: 28px; ariane@0: }