Mercurial > dive4elements > website
view css/style.css @ 124:073e9bb69a19
This line did not look as intended.
author | Tom Gottfried <tom@intevation.de> |
---|---|
date | Thu, 03 Apr 2014 11:29:45 +0200 |
parents | 3864e4382c80 |
children | 4a55f97cd790 |
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 */ .container .jumbotron { padding: 10px 36px; } .jumbotron h3 { text-align: center; } .jumbotron .demo-btn { text-align: center; } .jumbotron .btn { font-size: 21px; padding: 14px 24px; } /* Custom page footer */ .footer { padding-top: 19px; color: #777; border-top: 1px solid #e5e5e5; } /* Custom page header */ .navbar-brand { padding-left: 36px; } .navbar-collapse{ padding-right: 36px; } .nav { font-family: Arial; } .glyphicon { margin-right: 1.5ex; } /* Custom page carousel */ .carousel-inner{ margin-bottom: 15px; } .carousel-caption { position: static; margin-bottom: 35px; 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 { bottom: 0px; } .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; }