logo/rotella a destra

più simile ad altri menu

themes/maya0x17/static/theme.css

@@ -16,6 +16,7 @@ body {
   font-size: 18px;
   color: #faf0ca;
   font-family: 'Recursive', sans-serif;
+  line-height: 1.5em;
 }
 a, a:focus, a:hover, a:visited {
   color: #ee964b;
@@ -24,8 +25,10 @@ h1 > (a, a:focus, a:active) {
   color: #ee964b;
 }
 #all-wrapper {
-  padding-left: 8vw;
+  padding-right: 8vw;
+  padding-left: 2vw;
   max-width: 50em;
+  margin: auto;
 }
 #menu-row {
   display: none;
@@ -47,7 +50,7 @@ h1 > (a, a:focus, a:active) {
 #logo-div {
   position: fixed;
   top: 5vw;
-  left: -6.5vw;
+  right: -6.5vw;
   border-radius: 50%;
   box-shadow: 0px 0 3vw black;
   line-height: 0;

themes/maya0x17/static/theme.scss

@@ -68,12 +68,20 @@ $c-links: $c-titles;
     }
     strong { font-weight: 800; }
 }
-body { background-color: $c-bg; font-size: 18px; color: $c-text; font-family: 'Recursive', sans-serif; }
+body {
+    background-color: $c-bg;
+    font-size: 18px;
+    color: $c-text;
+    font-family: 'Recursive', sans-serif;
+    line-height: 1.5em;
+}
 a, a:focus, a:hover, a:visited { color: $c-links; }
 h1 > (a, a:focus, a:active) { color: $c-titles; }
 #all-wrapper {
-    padding-left: 8vw;
+    padding-right: 8vw;
+    padding-left: 2vw;
     max-width: 50em;
+    margin: auto;
 }
 #menu-row {
     display: none;
@@ -91,7 +99,7 @@ h1 > (a, a:focus, a:active) { color: $c-titles; }
 #logo-div {
     position: fixed;
     top: 5vw;
-    left: -6.5vw;
+    right: -6.5vw;
 
     border-radius: 50%;
     box-shadow: 0px 0 3vw black;