Make Links only activate on left click

[blerg.git] / www / css / blerg.css

diff --git a/www/css/blerg.css b/www/css/blerg.css
index eb34757..aaa6bdd 100644 (file)
--- a/www/css/blerg.css
+++ b/www/css/blerg.css
@@ -179,39 +179,66 @@ h1, h2, h3 {
 }
 
 .blerg-post {
-       padding: 20pt 20pt 16pt 20pt;
+       position: fixed;
+       top: 0;
+       left: 0;
+       bottom: 0;
+       right: 0;
+       background-color: #1E1E1E;
 }
 
 .blerg-post h2 {
        font-size: 14pt;
-       margin: 0;
+       margin: 12pt 12pt 8pt 12pt;
+}
+
+.blerg-post .content-decorator {
+       display: block;
+       border-color: #999;
+       margin: 8pt 12pt 12pt;
+       height: 35%;
+}
+
+.blerg-post .content {
+       display: block;
+       width: 100%;
+       height: 100%;
+       font-size: 14pt;
+       font-family: sans-serif;
 }
 
-.blerg-post .buttons {
+.blerg-post .toolbar .switcher {
+       color: black;
+       background-color: white;
+       height: 60px;
+       padding: 12pt 8pt 4pt 12pt;
+}
+
+.blerg-post .toolbar .buttons {
+       height: 60px;
+       padding: 0 12pt 0 60px;
        text-align: right;
+       vertical-align: top;
+       background-image: url(/images/corner.svg);
+       background-position: left bottom;
+       background-repeat: no-repeat;
+       background-size: auto 100%;
 }
 
-.blerg-post .buttons .onyx-button {
+.blerg-post .toolbar .buttons .onyx-button {
        margin-left: 4pt;
        height: 0.4in;
        width: 1in;
 }
 
-.blerg-post .onyx-input-decorator {
-       display: block;
-       border-color: #999;
-       margin: 4pt 0;
-}
-
-.blerg-post .onyx-textarea {
-       display: block;
-       width: 100%;
+.blerg-post .bottom-panel {
+       height: 45%;
+       color: black;
+       background-color: white;
 }
 
-.blerg-post .content {
-       font-size: 14pt;
-       font-family: sans-serif;
-       height: 51pt;
+.blerg-post .bottom-panel > div {
+       padding: 12pt;
 }
 
 .login {
@@ -295,7 +322,6 @@ h1, h2, h3 {
        display: table;
        margin: 0 auto;
        border-spacing: 10px;
-       height: 600px;
 }
 
 .latest h2 {
@@ -304,7 +330,7 @@ h1, h2, h3 {
 }
 
 .latest-scroller {
-       max-height: 600px;
+       height: 600px;
        padding: 12px;
        overflow-y: auto;
 }
@@ -338,15 +364,35 @@ h1, h2, h3 {
 }
 
 @media screen and (max-width: 1100px) {
-       .latest { display: block; }
+       .latest {
+               display: block;
+               margin-top: 15px;
+       }
        .latest-posts {
                display: block;
                width: auto;
                margin-right: 0;
                overflow: auto;
+       }
+       .latest-tags {
+               display: block;
+               width: auto;
+               margin-top: 10px;
+       }
+       .latest-tags .latest-scroller {
+               height: auto;
+       }
+}
+
+@media screen and (max-width: 800px) {
+       .latest-posts, .latest-tags {
+               border: none;
+               background-color: inherit;
+       }
+       .latest-scroller {
                height: auto;
+               padding: 0;
        }
-       .latest-tags { display: block; width: auto; }
 }
 
 .author {