Mercurial > dive4elements > website
view css/style.css @ 66:26bbcc2db7a5
More thoughts about the D4E framework.
author | Sascha L. Teichmann <teichmann@intevation.de> |
---|---|
date | Tue, 25 Mar 2014 14:36:23 +0100 |
parents | ac127010dc17 |
children | b217e51c15b7 |
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-caption { position: relative; margin-top: 10px; margin-bottom: 5px; margin-right: 250px; text-align: center; color: #323; text-shadow: none; } .carousel-img { width: 755px; height: 525px; } .carousel-indicators li { border: 2px solid #323; } .carousel-indicators .active { border: 2px solid #323; background-color: #323; } /* * 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; }