diff --git a/app/assets/stylesheets/dropdown.styl b/app/assets/stylesheets/dropdown.styl index ab12a72..7861a83 100644 --- a/app/assets/stylesheets/dropdown.styl +++ b/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 diff --git a/app/assets/stylesheets/pastemaster.styl b/app/assets/stylesheets/pastemaster.styl index a768df2..2e29c46 100644 --- a/app/assets/stylesheets/pastemaster.styl +++ b/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 diff --git a/app/views/form.slim b/app/views/form.slim index 13cabec..b707179 100644 --- a/app/views/form.slim +++ b/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 diff --git a/config/examples/syntax.yml b/config/examples/syntax.yml index 17492c5..e8b25cc 100644 --- a/config/examples/syntax.yml +++ b/config/examples/syntax.yml @@ -13,6 +13,7 @@ delphi: Delphi erlang: Erlang go: Go groovy: Groovy +html: HTML haskell: Haskell java: Java javascript: JavaScript