Mercurial > dive4elements > website
view css/style.css @ 2:6a78f347c2cd
Changed style.
author | Ariane Broermann <ariane@intevation.de> |
---|---|
date | Tue, 28 Jan 2014 12:29:35 +0100 |
parents | 20e1ebb86d9d |
children | 65bb726d70b4 |
line wrap: on
line source
body { padding-top: 20px; padding-bottom: 20px; } /* Custom page container */ .container p { font-size: 15px; } /* Custom jumbotron */ .jumbotron { 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 { align: right; width: 748px; height: 400px; } .carousel-caption { background-color: #2D6CA2; border: 2px solid; border-radius: 25px 25px 25px 25px; box-shadow: 10px 10px 5px #888888; font-size: 1.2em; opacity: 0.9; } .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; }