Migliorie grafiche al sito. Aggiunti contenuti.

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

@@ -7,12 +7,11 @@ html {
 /* Titles */
 h1 { text-transform: uppercase }
 h1, h2 { 
-	font-weight: normal; 
+  font-weight: normal; 
   margin-top: 10px;
   margin-bottom: 10px;
 }
 
-
 .title
 {
   font-size: 2.5em;
@@ -57,13 +56,10 @@ article section .blog-post
 }
 
 /* Body */
-body {margin: 0}
-body > article, footer {
-  /*line-height: 1.6em;
-  display: block;
-  max-width: 700px;
-  margin: 40px auto auto 355px;
-  padding: 20px 80px 10px;*/
+body { margin: 0px; }
+
+body > article, footer
+{
   line-height: 1.6em;
   display: block;
   margin: auto 5px auto 285px;
@@ -76,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;
@@ -102,10 +99,10 @@ article > header {
 
 
 /* Links */;
-a  { 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:link { color: #3a7c78; text-decoration:none; }
+a:active { color: #3a7c78; text-decoration:none; }
 a:hover { text-decoration: underline; }
 
 /* Code */
@@ -122,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 {
@@ -142,12 +140,16 @@ aside > h2 {
   margin-bottom: 5px;
 }
 
-#avatar {
-  width: 100px;
-  border-radius: 50%;
+#avatar
+{
+  margin: 0px;
+  margin-bottom: 20px;
+}
+
+#avatar img {
   display: block;
+  width: 100px;
   margin: 0 10px 20px 0;
-  box-shadow: 0px 0px 5px 3px #3a7c78;
   -webkit-transition: 200ms;
      -moz-transition: 200ms;
       -ms-transition: 200ms;
@@ -155,23 +157,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
@@ -181,14 +170,24 @@ 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;
+  -webkit-transition: 200ms;
+     -moz-transition: 200ms;
+      -ms-transition: 200ms;
+       -o-transition: 200ms;
+          transition: 200ms;
 }
 
 .list-bare
@@ -201,19 +200,21 @@ 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;
 }
 
-
 .blog_roll_link 
 {
   display: block;
   padding: 0.33147rem 0;
-  border-bottom: 3px solid #73d08a;
+  border: 0px solid #73d08a;
+  margin: 0px 5px;
+  border-radius: 10px 10px;
 } 
 
-
 /*--------Responsive------------*/
 
 @media (max-width: 800px) {
@@ -258,26 +259,6 @@ 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%;
-}
-
 #live {
     display: flex;
     flex-flow: row nowrap;
@@ -292,6 +273,7 @@ img {
 }
 
 #embedded-chat {
+    padding: 2px;
     display: flex;
     flex: 2;
 }