changeset 1507:019b9d517005

Foobar theme button styling
author Jaiditya Mathur <jaiditya.mathur@gmail.com>
date Wed, 27 Jun 2012 09:55:48 +0530
parents 36566f49c631
children 5f8058cb6e09
files MoinMoin/themes/foobar/static/css/common.css MoinMoin/themes/foobar/static/css/stylus/main.styl
diffstat 2 files changed, 12 insertions(+), 8 deletions(-) [+]
line wrap: on
line diff
--- a/MoinMoin/themes/foobar/static/css/common.css	Wed Jun 27 09:07:17 2012 +0530
+++ b/MoinMoin/themes/foobar/static/css/common.css	Wed Jun 27 09:55:48 2012 +0530
@@ -201,11 +201,11 @@
 #moin-footer-logos{float:right;}
 #moin-footer-logos ul li{display:inline}
 label{display:block;font-weight:bold}
-button{background:#d6d5d0;padding:3px 5px;border:1px solid #ccc;border-radius:2px;box-shadow:1px 1px 2px #9d9d9b;cursor:pointer;}
-button:hover{box-shadow:1px 1px 2px #000}
+input[type="submit"],input[type="button"],button{font-weight:bold;font-size:12px;background:#d6d5d0;padding:4px 15px;border:1px solid #ccc;border-radius:6px;box-shadow:1px 1px 2px #9d9d9b;cursor:pointer;}
+input[type="submit"]:hover,input[type="button"]:hover,button:hover{box-shadow:1px 1px 2px #000}
+input[type="submit"]:active,input[type="button"]:active,button:active{position:relative;top:1px}
 input,select{padding:3px;background:#f0f0f0;border:1px solid #ccc;border-radius:2px}
 input[type="text"]{width:300px}
-input[type="submit"],input[type="button"]{background:#d6d5d0}
 input.blank{border-color:#ccc;border-width:2px}
 .moin-form dd{margin-bottom:1em;}
 .moin-form dd input{width:20em}
--- a/MoinMoin/themes/foobar/static/css/stylus/main.styl	Wed Jun 27 09:07:17 2012 +0530
+++ b/MoinMoin/themes/foobar/static/css/stylus/main.styl	Wed Jun 27 09:55:48 2012 +0530
@@ -190,15 +190,22 @@
     display block
     font-weight bold
 
+input[type="submit"],
+input[type="button"],
 button
+    font-weight bold
+    font-size 12px
     background base_color
-    padding 3px 5px
+    padding 4px 15px
     border border_style
-    border-radius 2px
+    border-radius 6px
     box-shadow 1px 1px 2px shadow_color
     cursor pointer
     &:hover
         box-shadow 1px 1px 2px font_color
+    &:active
+        position relative
+        top 1px
     
 input,
 select
@@ -208,9 +215,6 @@
     border-radius 2px
 input[type="text"]
     width 300px
-input[type="submit"],
-input[type="button"] 
-    background base_color
 input.blank
     border-color border_color
     border-width 2px