Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import "fonts";
- @import "variables";
- body {
- font-family: helveticaneue, font_waerboom, Arial, Tahoma, sans-serif;
- }
- .content_wrapper {
- padding: 10px;
- width: 1050px;
- margin: 0 auto;
- }
- section.jumbotron {
- background-image: url("../images/patternslider.png");
- border-bottom: 8px solid #878979;
- div.content_wrapper {
- background-image: url("../images/waerboom-groot.jpg");
- article {
- margin: 50px 50px 0px 650px;
- background-color: rgba(78, 80, 70, 0.85);
- color: #fff;
- border-radius: 10px;
- padding: 15px;
- }
- h1 {
- font-size: 36px;
- line-height: 40px;
- }
- p {
- font-size: 18px;
- line-height: 21px;
- }
- }
- }
- section {
- background-color: #d8d8c9;
- padding-top: 10px;
- padding-bottom: 10px;
- div.content_wrapper {
- display: flex;
- article {
- background-color: #8e956f;
- text-align: center;
- margin: 5px;
- border-radius: 10px;
- width: 245px;
- box-shadow: rgb(0, 0, 0) 2px 2px 5px;
- header {
- background-color: #fff;
- padding: $defaultPadding 0;
- border-radius: $defaultBorderRadius $defaultBorderRadius 0 0;
- h3,
- strong {
- padding: $defaultPadding 0;
- text-transform: uppercase;
- font-size: 20px;
- font-weight: normal;
- }
- strong {
- text-transform: capitalize;
- color: #6b714d;
- }
- }
- p.bottom {
- padding: 15px 20px 15px 20px;
- }
- }
- }
- }
- footer {
- background-color: #a2a48e;
- font-size: 12px;
- font-family: Arial, Helvetica, sans-serif;
- display: flex;
- flex-direction: column;
- text-align: center;
- align-content: stretch;
- .upper{
- background-color: #fff;
- color: #a2a48e;
- padding: 10px;
- }
- .lower{
- background-color: #8e956f;
- color: black;
- padding: 10px;
- }
- }
- header{
- box-sizing: border-box;
- nav{
- display: inline-block;
- img{
- width: 20%;
- }
- ul{
- width: 60%;
- float: right;
- display: flex;
- flex-direction: row;
- }
- li{
- display: inline-block;
- margin: 10px;
- font-size: 1.5em;
- a{
- text-decoration: none;
- color: #757575;
- }
- a:hover{
- color: #1a7780;
- }
- a:visited{
- color: #b18245;
- }
- }
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement