diff options
Diffstat (limited to 'views/default/css/elements/buttons.php')
-rw-r--r-- | views/default/css/elements/buttons.php | 84 |
1 files changed, 30 insertions, 54 deletions
diff --git a/views/default/css/elements/buttons.php b/views/default/css/elements/buttons.php index e9c99cf96..f584fa90f 100644 --- a/views/default/css/elements/buttons.php +++ b/views/default/css/elements/buttons.php @@ -14,38 +14,34 @@ .elgg-button { font-size: 14px; font-weight: bold; - - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - width: auto; - padding: 2px 4px; + padding: 1px 4px; cursor: pointer; outline: none; + background:#333333; + color:#ffffff; - -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); - -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); - box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); } a.elgg-button { padding: 3px 6px; } +a.elgg-button:hover { +color:#ffffff; +} /* Submit: This button should convey, "you're about to take some definitive action" */ .elgg-button-submit { color: white; - text-shadow: 1px 1px 0px black; text-decoration: none; - border: 1px solid #4690d6; - background: #4690d6 url(<?php echo elgg_get_site_url(); ?>_graphics/button_graduation.png) repeat-x left 10px; + + } .elgg-button-submit:hover { - border-color: #0054a7; + border-color: #333333; text-decoration: none; color: white; - background: #0054a7 url(<?php echo elgg_get_site_url(); ?>_graphics/button_graduation.png) repeat-x left 10px; + background: #333333 url(<?php echo elgg_get_site_url(); ?>_graphics/button_graduation.png) repeat-x left 10px; } .elgg-button-submit.elgg-state-disabled { @@ -69,31 +65,23 @@ a.elgg-button { /* Action: This button should convey a normal, inconsequential action, such as clicking a link */ .elgg-button-action { - background: #ccc url(<?php echo elgg_get_site_url(); ?>_graphics/button_background.gif) repeat-x 0 0; - border:1px solid #999; - color: #333; - padding: 2px 15px; + color: #fff; text-align: center; font-weight: bold; text-decoration: none; - text-shadow: 0 1px 0 white; cursor: pointer; - - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; + height:27px; + line-height:27px; + border:3px solid #ffffff; + -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; } .elgg-button-action:hover, .elgg-button-action:focus { - background: #ccc url(<?php echo elgg_get_site_url(); ?>_graphics/button_background.gif) repeat-x 0 -15px; - color: #111; text-decoration: none; - border: 1px solid #999; + box-shadow:0px 0px 4px #333333; } /* Delete: This button should convey "be careful before you click me" */ @@ -102,7 +90,6 @@ a.elgg-button { text-decoration: none; border: 1px solid #333; background: #555 url(<?php echo elgg_get_site_url(); ?>_graphics/button_graduation.png) repeat-x left 10px; - text-shadow: 1px 1px 0px black; } .elgg-button-delete:hover { color: #999; @@ -112,26 +99,21 @@ a.elgg-button { } .elgg-button-dropdown { - padding:3px 6px; text-decoration:none; + text-align:center; display:block; font-weight:bold; position:relative; - margin-left:0; - color: white; - border:1px solid #71B9F7; - - -webkit-border-radius:4px; - -moz-border-radius:4px; - border-radius:4px; - - -webkit-box-shadow: 0 0 0; - -moz-box-shadow: 0 0 0; - box-shadow: 0 0 0; - - /*background-image:url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png); - background-position:-150px -51px; - background-repeat:no-repeat;*/ + right:30px; + top:30px; + color: #333333; + border:2px solid #dddddd; + width:70px; + height:30px; + line-height:30px; + -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; } .elgg-button-dropdown:after { @@ -140,17 +122,11 @@ a.elgg-button { } .elgg-button-dropdown:hover { - background-color:#71B9F7; text-decoration:none; + box-shadow:0px 0px 4px #333333; } .elgg-button-dropdown.elgg-state-active { - background: #ccc; outline: none; color: #333; - border:1px solid #ccc; - - -webkit-border-radius:4px 4px 0 0; - -moz-border-radius:4px 4px 0 0; - border-radius:4px 4px 0 0; } |