Increase Description and Bio textarea height to 100px

[mediagoblin.git] / mediagoblin / static / css / base.css

diff --git a/mediagoblin/static/css/base.css b/mediagoblin/static/css/base.css
index 0a0d0dcdae76cbb307d5e2508d20f0b1bd8818a8..5e9c0b3eca5a6e696aef57ccf2d7e27750009e9f 100644 (file)
--- a/mediagoblin/static/css/base.css
+++ b/mediagoblin/static/css/base.css
@@ -26,10 +26,9 @@
 }
 
 body {
-  background-color: #111;
-  background-image: url("../images/background.png");
+  background-color: #161616;
   color: #C3C3C3;
-  padding: none;
+  padding: 0;
   margin: 0px;
   height: 100%;
   font: 16px 'Lato', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
@@ -114,24 +113,70 @@ input, textarea {
 
 header {
   width: 100%;
-  padding-top: 14px;
-  margin-bottom: 20px;
-  border-bottom: 1px solid #333;
+  padding: 0;
+  margin-bottom: 42px;
+  background-color: #303030;
+  border-bottom: 1px solid #252525;
 }
 
 .header_right {
+  margin: 8px;
+  display: inline-block;
   float: right;
-  margin: 8px 0px 8px 8px;
+}
+
+.header_right ul {
+       display: none;
+       position: absolute;
+       top: 42px;
+       right: 0px;
+       background: #252525;
+       padding: 20px;
+}
+
+.header_right li {
+  list-style: none;
+}
+
+.dropdown {
+  display: inline-block;
+  color: #c3c3c3;
+  background-color: #424242;
+  border: 1px solid;
+  border-color: #464646 #2B2B2B #252525;
+  border-radius: 4px;
+  padding: 3px 8px;
+  font-size: 16px;
+  text-decoration: none;
+  font-style: normal;
+  font-weight: bold;
+  cursor: pointer;
+  position: relative;
+}
+
+.dropdown_items {
+  position: absolute;
+  right: 0px;
+  top: 25px;
+  background-color: #424242;
+  padding: 10px;
+  width: 160px;
+  border-radius: 5px 0 5px 5px;
+  box-shadow: 0 2px 1px black;
+}
+
+.dropdown_items a {
+  display: block;
 }
 
 a.logo {
   color: #fff;
   font-weight: bold;
-  margin: 8px 8px 8px 0;
 }
 
 .logo img {
   vertical-align: middle;
+  margin: 6px 8px;
 }
 
 .mediagoblin_content {
@@ -144,7 +189,7 @@ footer {
   height: 30px;
   border-top: 1px solid #333;
   bottom: 0px;
-  padding-top: 8px;
+  padding: 8px 0;
   text-align: center;
   font-size: 0.875em;
   clear: both;
@@ -241,7 +286,7 @@ text-align: center;
 }
 
 .media_sidebar p {
-       padding-left: 8px;
+       margin-left: 8px;
 }
 
 /* forms */
@@ -306,22 +351,28 @@ text-align: center;
 
 textarea#description, textarea#bio {
   resize: vertical;
+  height: 100px;
 }
 
 /* comments */
 
+.comment_wrapper {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
+.comment_wrapper p {
+  margin-bottom: 2px;
+}
+
 .comment_author {
-  margin-bottom: 40px;
   padding-top: 4px;
   font-size: 0.9em;
 }
 
 .comment_content {
-  margin-bottom: 30px;
-}
-
-.comment_content p {
-  margin-bottom: 0px;
+  margin-left: 8px;
+  margin-top: 8px;
 }
 
 textarea#comment_content {
@@ -560,13 +611,17 @@ table.media_panel th {
     padding: 9px 14px;
   }
   
+  header {
+    text-align: center;
+  }
+  
   .header_right {
+    margin-right: 2%;
     float: none;
-    display: inline-block;
   }
   
-  header {
-    text-align: center;
+  a.logo {
+    margin-left: 2%;
   }
 }