4 files changed, 63 insertions, 19 deletions
diff --git a/mediagoblin/static/css/base.css b/mediagoblin/static/css/base.css
index e89ce8a2..f4359791 100644
--- a/mediagoblin/static/css/base.css
+++ b/mediagoblin/static/css/base.css
@@ -230,6 +230,14 @@ text-align: center;
   float: right;
 }
 
+textarea#comment_content {
+  resize: vertical;
+  width: 634px;
+  height: 90px;
+  border: none;
+  background-color: #f1f1f1;
+  padding: 3px;
+
 .clear {
   clear: both;
   display: block;
@@ -295,6 +303,15 @@ text-align: center;
   text-align: right;
 }
 
+#password_boolean {
+  margin-top: 4px;
+  width: 20px;
+}
+
+textarea#description, textarea#bio {
+  resize: vertical;
+}
+
 /* comments */
 
 .comment_author {
@@ -345,11 +362,18 @@ h2.media_title {
 p.media_specs {
   font-size: 0.9em;
   border-top: 1px solid #222;
-  border-bottom: 1px solid #222;
   padding: 10px 0px;
   color: #888;
 }
 
+.no_html5 {
+    background: black;
+    color: white;
+    text-align: center;
+    height: 160px;
+    padding: 130px 10px 20px 10px;
+}
+
 /* icons */
 
 img.media_icon {
@@ -443,23 +467,14 @@ table.media_panel th {
   margin-left: 10px;
 }
 
-@media screen and (max-width: 960px) {
-  .mediagoblin_body {
-  }
-  .mediagoblin_footer {
-  }
-}
+/* ASCII art */
 
+@font-face {
+  font-family: Inconsolata;
+  src: local('Inconsolata'), url('../fonts/Inconsolata.otf') format('opentype')
+}
 
-  /* old code
-  .navigation_button {
-    position: fixed;
-    bottom: 0px;
-    right: 0px;
-    width: 50%;
-    margin: 0;
-  }
-  .navigation_left {
-    left: 0px;
-  }
-  */
+.ascii-wrapper pre {
+  font-family: Inconsolata, monospace;
+  line-height: 1em;
+}
diff --git a/mediagoblin/static/fonts/Inconsolata.otf b/mediagoblin/static/fonts/Inconsolata.otf
new file mode 120000
index 00000000..777be657
--- /dev/null
+++ b/mediagoblin/static/fonts/Inconsolata.otf
@@ -0,0 +1 @@
+../../../extlib/inconsolata/Inconsolata.otf
+\ No newline at end of file
diff --git a/mediagoblin/static/js/comment_show.js b/mediagoblin/static/js/comment_show.js
new file mode 100644
index 00000000..2212b9ad
--- /dev/null
+++ b/mediagoblin/static/js/comment_show.js
@@ -0,0 +1,9 @@
+$(document).ready(function(){
+  $('#form_comment').hide();
+  $('#button_addcomment').click(function(){
+    $(this).fadeOut('fast');
+    $('#form_comment').slideDown(function(){
+        $('#comment_content').focus();
+    });
+  });
+});
diff --git a/mediagoblin/static/js/show_password.js b/mediagoblin/static/js/show_password.js
new file mode 100644
index 00000000..519b29c1
--- /dev/null
+++ b/mediagoblin/static/js/show_password.js
@@ -0,0 +1,19 @@
+$(document).ready(function(){
+  $("#password").after('<input type="text" value="" name="password_clear" id="password_clear" /><label><input type="checkbox" id="password_boolean" />Show password</label>');
+  $('#password_clear').hide();
+  $('#password_boolean').click(function(){
+    if($('#password_boolean').prop("checked")) {
+      $('#password_clear').val($('#password').val());
+      $('#password').hide();
+      $('#password_clear').show();
+    } else {
+      $('#password').val($('#password_clear').val());
+      $('#password_clear').hide();
+      $('#password').show();
+    };
+  });
+  $('#password,#password_clear').keyup(function(){
+    $('#password').val($(this).val());
+    $('#password_clear').val($(this).val());
+  });
+});