New edit dialog

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

diff --git a/www/css/blerg.css b/www/css/blerg.css
index 9149194..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 {