Mercurial > dive4elements > website
view css/style.css @ 12:be9f6dd08a77
Changed jumbotron css.
author | Ariane Broermann <ariane@intevation.de> |
---|---|
date | Mon, 03 Feb 2014 12:56:56 +0100 |
parents | 65bb726d70b4 |
children | 8c0407769303 |
line wrap: on
line source
body { padding-top: 20px; padding-bottom: 20px; } /* Custom page container */ .container p { font-size: 15px; } /* Custom jumbotron */ .jumbotron h3 { text-align: center; } .jumbotron .demo-btn { text-align: center; border-bottom: 1px solid #e5e5e5; } .jumbotron .btn { font-size: 21px; padding: 14px 24px; } /* Custom page footer */ .footer { padding-left: 15px; padding-right: 15px; padding-top: 19px; color: #777; border-top: 1px solid #e5e5e5; } /* Custom page carousel */ .carousel img { max-width: 748px; max-height: 400px; } .carousel-caption { position: relative; max-width: 748px; margin-top: 20px; padding-bottom: 0; text-align: left; } .carousel-caption a { color: #F3F663; } .carousel-caption a:hover { color: #FFF5A2; } /* * dive4elements * -------------------------------------------------- */ @media screen and (max-width: 767px) { .row-dive4elements { position: relative; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .row-dive4elements-right .sidebar-dive4elements { right: -50%; /* 6 columns */ } .row-dive4elements-left .sidebar-dive4elements { left: -50%; /* 6 columns */ } .row-dive4elements-right.active { right: 50%; /* 6 columns */ } .row-dive4elements-left.active { left: 50%; /* 6 columns */ } .sidebar-dive4elements { position: absolute; top: 0; width: 50%; /* 6 columns */ } } /* Supporting marketing content */ .marketing { margin: 40px 0; } .marketing p + h4 { margin-top: 28px; }