diff options
Diffstat (limited to '_assets/css/main.scss')
-rw-r--r-- | _assets/css/main.scss | 43 |
1 files changed, 18 insertions, 25 deletions
diff --git a/_assets/css/main.scss b/_assets/css/main.scss index 6bce5bf..ec17a3e 100644 --- a/_assets/css/main.scss +++ b/_assets/css/main.scss @@ -14,11 +14,13 @@ body { width: 100%; max-width: 840px; margin: 10px auto 50px; - padding: 20px 20px; + padding: 20px; background-color: white; } - -.container:after { +.higher { + background-color: #F5F5F5; +} +.higher:after { content: " "; visibility: hidden; display: block; @@ -35,7 +37,7 @@ body { .side .picture { width: 100%; - max-width: 200px; + max-width: 600px; height: auto; } @@ -54,15 +56,12 @@ nav li:before { } .content-wrapper { - width: 100%; - padding-left: 20%; + width: 80%; + float: right; + vertical-align: top; text-align: justify; - background-color: #F5F5F5; -} -.content-subwrapper { - padding-left: 10px; background-color: white; - overflow: auto; + padding-left: 10px; } footer { @@ -77,23 +76,17 @@ footer p { } @media print, (max-width: 600px) { -.side { - position: static; +.higher { + background-color: white; +} +.content-wrapper, .side { width: 100%; float: none; - margin-bottom: 20px; - background-color: #FAFAFA; -} -.side .picture, .side-content { - display: inline-block; - vertical-align: top; } -.side .picture { - margin-right: 10px; -} -.side-content { - margin-top: 10px; - padding: 0; + +.side { + width: 100%; + background-color: #FAFAFA; } .content-wrapper, .content-subwrapper { padding-left: 0; |