diff options
Diffstat (limited to 'views/default/css/elements/buttons.php')
-rw-r--r-- | views/default/css/elements/buttons.php | 84 |
1 files changed, 54 insertions, 30 deletions
diff --git a/views/default/css/elements/buttons.php b/views/default/css/elements/buttons.php index f584fa90f..e9c99cf96 100644 --- a/views/default/css/elements/buttons.php +++ b/views/default/css/elements/buttons.php @@ -14,34 +14,38 @@ .elgg-button { font-size: 14px; font-weight: bold; + + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + width: auto; - padding: 1px 4px; + padding: 2px 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: #333333; + border-color: #0054a7; text-decoration: none; color: white; - background: #333333 url(<?php echo elgg_get_site_url(); ?>_graphics/button_graduation.png) repeat-x left 10px; + background: #0054a7 url(<?php echo elgg_get_site_url(); ?>_graphics/button_graduation.png) repeat-x left 10px; } .elgg-button-submit.elgg-state-disabled { @@ -65,23 +69,31 @@ color:#ffffff; /* Action: This button should convey a normal, inconsequential action, such as clicking a link */ .elgg-button-action { - color: #fff; + 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; text-align: center; font-weight: bold; text-decoration: none; + text-shadow: 0 1px 0 white; cursor: pointer; - height:27px; - line-height:27px; - border:3px solid #ffffff; - -moz-border-radius:10px; - -webkit-border-radius:10px; - border-radius:10px; + + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; } .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; - box-shadow:0px 0px 4px #333333; + border: 1px solid #999; } /* Delete: This button should convey "be careful before you click me" */ @@ -90,6 +102,7 @@ color:#ffffff; 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; @@ -99,21 +112,26 @@ color:#ffffff; } .elgg-button-dropdown { + padding:3px 6px; text-decoration:none; - text-align:center; display:block; font-weight:bold; position:relative; - 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; + 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;*/ } .elgg-button-dropdown:after { @@ -122,11 +140,17 @@ color:#ffffff; } .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; } |