Migliorie grafiche al sito. Aggiunti contenuti.

themes/pelican-blue/static/css/style.css

@@ -7,7 +7,7 @@ html {
 /* Titles */
 h1 { text-transform: uppercase }
 h1, h2 { 
-	font-weight: normal; 
+  font-weight: normal; 
   margin-top: 10px;
   margin-bottom: 10px;
 }
@@ -57,7 +57,7 @@ article section .blog-post
 }
 
 /* Body */
-body {margin: 0}
+body { margin: 0px; }
 body > article, footer {
   line-height: 1.6em;
   display: block;
@@ -72,9 +72,10 @@ article ol.posts
 }
 
 /* Articles */
-p.post_entry {  
-}
-article > header {
+p.post_entry {}
+
+article > header
+{
   list-style-type: none;
   padding: 0px 10px;
   box-shadow: 0 0 0 2px #3a7c78;
@@ -98,8 +99,8 @@ article > header {
 
 
 /* Links */;
-a  { color: #3a7c78; text-decoration:none; }
-a:visited { color: #3a7c78; text-decoration:none; }
+a { color:#3a7c78; text-decoration:none; }
+a:visited { color:#3a7c78; text-decoration:none; }
 a:link { color:#3a7c78; text-decoration:none; }
 a:active { color:#3a7c78; text-decoration:none; }
 a:hover { text-decoration: underline; }
@@ -118,13 +119,14 @@ aside {
   position: fixed;
   top: 0; left: 0;
   padding: 30px;
-  /*background-color: #2980b9;*/
   background-color: #3a7c78;
   color: white;
   box-shadow: 0 0 3px black;
   text-align: center;
-  padding-top: 8%;
+  padding-top: 5em;
   background-size: cover;
+  display: flex;
+  flex-direction: column;
 }
 
 aside > ul {
@@ -138,12 +140,15 @@ aside > h2 {
   margin-bottom: 5px;
 }
 
-#avatar {
-  width: 100px;
-  border-radius: 50%;
+#avatar
+{
+  margin: 0;
+  margin-bottom: 20px;
+}
+
+#avatar img {
   display: block;
-  margin: 0 10px 20px 0;
-  box-shadow: 0px 0px 5px 3px #3a7c78;
+  width: 100px;
   -webkit-transition: 200ms;
      -moz-transition: 200ms;
       -ms-transition: 200ms;
@@ -151,23 +156,10 @@ aside > h2 {
           transition: 200ms;
 }
 
-#avatar:hover {
-  box-shadow: 0px 0px 5px 3px white;
-}
-
-.social
-{
-  display: inline-block;
-  margin-top: 40px;
-}
-
 .nav
 {
   display: block;
-  margin-left: -30px;
-  margin-right: -30px;
-  border: 1px solid #73d08a;
-  margin-top: 40px;
+  margin: 40px -30px;
 }
 
 .nav > ul > li
@@ -177,14 +169,19 @@ aside > h2 {
 
 .nav a
 {
-    color: #fff;
-    text-decoration: none;
-    transition: all .3s ease-in-out;
+  color: #fff;
+  text-decoration: none;
+  -webkit-transition: 200ms;
+     -moz-transition: 200ms;
+      -ms-transition: 200ms;
+       -o-transition: 200ms;
+          transition: 200ms;
 }
 
 .nav a:hover
 {
-    background-color: #73d08a;
+  background-color: #73d08a;
+  color: #3a7c78;
 }
 
 .list-bare
@@ -197,8 +194,10 @@ aside > h2 {
 .nav__link 
 {
   display: block;
-  padding: 0.77273rem 0;
-  border-bottom: 1px solid #73d08a;
+  padding: 0.77273rem 0rem;
+  border: 0px solid #73d08a;
+  margin: 0px 5px;
+  border-radius: 10px 10px;
 }
 
 
@@ -206,7 +205,9 @@ aside > h2 {
 {
   display: block;
   padding: 0.33147rem 0;
-  border-bottom: 3px solid #73d08a;
+  border-bottom: 0px solid #73d08a;
+  margin: 0px 5px;
+  border-radius: 10px 10px;
 } 
 
 
@@ -253,23 +254,3 @@ aside > h2 {
 img {
   max-width: 100%;
 }
-
-#license {
-  font-size: small;
-  text-align: center;
-  position: relative;
-  bottom: -43vh;
-}
-
-#license p {
-  margin-bottom: 5px;
-}
-
-#license a {
-  color: #ffffff;
-  text-decoration: underline;
-}
-
-#license img {
-  width: 85%;
-}