diff --git a/css/style.css b/css/style.css index 3cdb041..df50637 100644 --- a/css/style.css +++ b/css/style.css @@ -11,7 +11,9 @@ html, body { } .title { - padding: 20px; + //padding: 20px; + justify-content: flex-end; + color: #ff8f00; } .title:hover { @@ -57,10 +59,12 @@ article { h1 { letter-spacing: 5px; + margin-right: -5px; font-size: 40px; //color: #97c5e0; color: #506692; - text-align: center; + text-align: right; + justify-content: flex-end; padding-top: 30px; } @@ -104,13 +108,20 @@ ul { //color: #97c5e0; } -.menu{ +.section{ display: flex; justify-content: center; padding-bottom: 20px; color: #35465D; } +.menu{ + display: flex; + justify-content: flex-end; + padding-bottom: 20px; + color: #35465D; +} + .menuselect{ color: #529ecc; } @@ -118,6 +129,7 @@ ul { .menuElement{ border: 20px; padding: 10px; + padding-right: 0px; font-size: 20px; text-decoration: none; } @@ -125,7 +137,6 @@ ul { .menuElement:hover { //background-color: #687fad; color: lightblue; - background-color: #d6e2fa; } .bottomMenu { @@ -147,15 +158,28 @@ ul { //background-color: #d6e2fa; } -#menu ul{ +#section ul>li{ display: block; margin: auto; float: center; + text-align: right; + list-style: none; +} + +#section li{ + display: inline-block; + vertical-align: top; +} + +#menu ul{ + //display: block; + margin: auto; + float: center; text-align: center; list-style: none; } #menu li{ - display: inline-block; + //display: inline-block; } diff --git a/templates/blog.tmpl b/templates/blog.tmpl index 6f9dbc0..a345158 100644 --- a/templates/blog.tmpl +++ b/templates/blog.tmpl @@ -7,28 +7,36 @@
-Develop games, play games, talk games
-Develop games, play games, talk games
+