ariane@0: body { ariane@0: padding-top: 20px; ariane@0: padding-bottom: 20px; ariane@119: font-family: Arial; ariane@119: font-size: 15px; ariane@0: } ariane@119: ariane@126: /* glyphicon for external links */ ariane@126: #glyph { ariane@126: margin: 0; ariane@126: } ariane@126: ariane@2: /* Custom page container */ ariane@0: .container p { ariane@119: font-size: 15px; ariane@0: } ariane@119: ariane@2: /* Custom jumbotron */ tom@123: .container .jumbotron { tom@130: padding: 10px 36px 20px; tom@130: margin-bottom: 20px; tom@123: } ariane@12: .jumbotron h3 { tom@123: text-align: center; ariane@12: } tom@130: .jumbotron h4 { tom@130: margin-top: 20px; tom@130: } ariane@12: .jumbotron .demo-btn { ariane@0: text-align: center; ariane@0: } ariane@0: .jumbotron .btn { ariane@0: font-size: 21px; ariane@0: padding: 14px 24px; ariane@0: } tom@130: .jumbotron p { tom@130: margin-bottom: 10px; tom@130: } tom@130: ariane@2: /* Custom page footer */ ariane@2: .footer { ariane@2: padding-top: 19px; ariane@2: color: #777; ariane@2: border-top: 1px solid #e5e5e5; ariane@2: } tom@122: tom@122: /* Custom page header */ tom@123: .navbar-brand { tom@123: padding-left: 36px; tom@123: } tom@123: .navbar-collapse{ tom@123: padding-right: 36px; tom@123: } tom@122: .nav { tom@122: font-family: Arial; tom@122: } tom@122: .glyphicon { tom@122: margin-right: 1.5ex; tom@122: } tom@122: ariane@2: /* Custom page carousel */ tom@123: .carousel-inner{ tom@130: margin-bottom: 25px; tom@123: } ariane@2: .carousel-caption { tom@120: position: static; tom@123: margin-bottom: 35px; tom@121: padding-left: 10%; tom@121: padding-right: 10%; ariane@54: text-align: center; ariane@54: color: #323; ariane@65: text-shadow: none; tom@120: height: 5.5em; tom@120: overflow: hidden; ariane@2: } ariane@54: ariane@21: .carousel-img { ariane@21: width: 755px; ariane@21: height: 525px; ariane@2: } ariane@54: tom@123: .carousel-indicators { tom@123: bottom: 0px; tom@123: } 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@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: }