summaryrefslogtreecommitdiff
path: root/_assets/css/main.scss
diff options
context:
space:
mode:
Diffstat (limited to '_assets/css/main.scss')
-rw-r--r--_assets/css/main.scss43
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;