Mercurial > dive4elements > website
view css/style.css @ 121:b142a13c7435
Make captions fit on smaller displays.
author | Tom Gottfried <tom@intevation.de> |
---|---|
date | Wed, 02 Apr 2014 14:43:02 +0200 |
parents | 996750c42402 |
children | 042b73e89d27 |
line wrap: on
line source
body { padding-top: 20px; padding-bottom: 20px; font-family: Arial; font-size: 15px; } /* 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: static; margin-top: 10px; margin-bottom: 50px; padding-left: 10%; padding-right: 10%; text-align: center; color: #323; text-shadow: none; height: 5.5em; overflow: hidden; } .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; }