Huge UI improvements

1 files changed, 46 insertions, 7 deletions

diff --git a/assets/css/main.scss b/assets/css/main.scss
index cfacdbe..b54536c 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -13,11 +13,11 @@
 /* a:hover   { color: #06e }  /* user hovers     */
 /* a:active  { color: #ccc }  /* active links    */
 
-a,
-a:link,
-a:active,
-a:visited,
-a:hover {
+a:not(.btn):not(#goog-wm-sb):not(.page__share),
+a:not(.btn):not(#goog-wm-sb):not(.page__share):link,
+a:not(.btn):not(#goog-wm-sb):not(.page__share):active,
+a:not(.btn):not(#goog-wm-sb):not(.page__share):visited,
+a:not(.btn):not(#goog-wm-sb):not(.page__share):hover {
     color:           #4a93dd;
     text-decoration: none;
 }
@@ -30,7 +30,7 @@ a:link {
     text-decoration: none;
 }
 */
-a:hover {
+a:not(.btn):not(#goog-wm-sb):not(.page__share):hover {
     color:           #4a93dd;
     text-decoration:none;
     text-shadow: 0 0 2px #999;
@@ -47,7 +47,7 @@ a:hover {
     background-color: #20aa73;
 }
 
-.page__content a:not(.btn):not(#goog-wm-sb):hover {
+.page__content a:not(.btn):not(#goog-wm-sb):not(.page__share):hover {
     text-decoration-color: #20aa73;
     text-shadow: 0 0 2px #999;
 }
@@ -66,4 +66,43 @@ a:active {
     text-decoration: none;
 }
 */
+blockquote {
+    display:block;
+    background: #fff;
+    padding: 15px 20px 15px 45px;
+    margin: 0 0 20px;
+    position: relative;
+
+    /*Font*/
+    font-family: Georgia, serif;
+    font-size: 16px;
+    line-height: 1.2;
+    color: #666;
+    text-align: justify;
+    /*Borders - (Optional)*/
+    border-left: 5px solid #20aa73;
+    border-right: 2px solid #20aa73;
+
+    /*Box Shadow - (Optional)*/
+    -moz-box-shadow: 2px 2px 15px #ccc;
+    -webkit-box-shadow: 2px 2px 15px #ccc;
+    box-shadow: 2px 2px 15px #ccc;
+}
+blockquote::before {
+    content: "\201C";
+    /*Font*/
+    font-family: "Georgia", "serif";
+    font-size: 60px;
+    font-weight: bold;
+    color: #4a93dd;
+
+    /*Positioning*/
+    position: absolute;
+    left: 10px;
+    top:5px;
+}
+blockquote::after{
+  /*Reset to make sure*/
+  content: "";
+}