Added HTML syntax

app/assets/stylesheets/dropdown.styl

@@ -3,19 +3,8 @@
   right 9em
 
   width 15em
-  padding 0.5em 1em
   margin 0.4em auto
 
-  background #f5f5f5
-  background-image -webkit-linear-gradient(top, #ffffff, #f5f5f5)
-  background-image linear-gradient(to bottom, #ffffff, #f5f5f5)
-
-  color #666
-  outline none
-  cursor pointer
-
-  border #ddd 1px solid
-  border-radius 5px
 
   &:after
     content ""
@@ -58,9 +47,12 @@
       &:hover
         background #ccc
         color #fff
+        text-shadow none
+        cursor pointer
 
       &.selected
         background #eee
+        color #666
 
   &.active
     background #fafafa

app/assets/stylesheets/pastemaster.styl

@@ -45,8 +45,26 @@ h1
 textarea, input
   outline none
 
+.btn
+  background-color #fefefe
+  background-image -webkit-linear-gradient(top, #fff, #f0f0f0)
+  background-image linear-gradient(to bottom, #fff, #f0f0f0)
+  color #666
+  text-shadow 0 0 .2em #fff
+  border #ddd 1px solid
+  border-radius 4px
+  font-size 1em
+  padding .5em .8em
+  text-decoration none
+  outline none
+  cursor default
+
+  &:active
+    box-shadow 0 .1em .2em .1em #eee inset
+    border-bottom-width 1px
+
 textarea
-  background-color #ffffff
+  background-color #fff
   width 100%
   height 100%
   line-height 120%
@@ -59,23 +77,7 @@ form input[type="submit"], form a[role="submit"]
   float right
 
 form a[role="submit"]
-  background-color #fefefe
-  background-image -webkit-linear-gradient(top, #ffffff, #f5f5f5)
-  background-image linear-gradient(to bottom, #ffffff, #f5f5f5)
-  box-shadow 0 1px 2px 2px #ffffff
-  color #666
-  text-shadow 0 0 2px #ffffff
-  border #ddd 1px solid
-  border-radius 4px
-  border-bottom-width 4px
-  font-size 1em
   width 5em
   text-align center
-  padding .4em 0
   margin .4em 0
-  text-decoration none
   display none
-
-  &:active
-    box-shadow 0 0 2px 2px #eee inset
-    border-bottom-width 1px

app/views/form.slim

@@ -1,11 +1,11 @@
 form action="/" method="post" accept-charset="UTF-8"
   textarea name="contents"
   input id="syntax-input" type="hidden" name="syntax" value=""
-  div id="syntax-selector" class="wrapper-dropdown" tabindex="1"
+  div.btn id="syntax-selector" class="wrapper-dropdown" tabindex="1"
     span Syntax
     ul.dropdown
       li.selected data-value="" Plain Text
       - for code, name in @syntaxes
         li data-value=code =name
   input type="submit" value="Save"
-  a href="#" role="submit" Save
+  a.btn href="#" role="submit" Save

config/examples/syntax.yml

@@ -13,6 +13,7 @@ delphi: Delphi
 erlang: Erlang
 go: Go
 groovy: Groovy
+html: HTML
 haskell: Haskell
 java: Java
 javascript: JavaScript