From 60df8b304bd70b5ddc79927abec1b1dc2eb706ee Mon Sep 17 00:00:00 2001 From: Sem Date: Fri, 25 May 2012 21:50:52 +0200 Subject: Purity2 Theme by SocialApparatus. http://community.elgg.org/pg/plugins/project/874669/developer/sbarron/purity2-theme-for-elgg-18 --- views/default/css/elements/buttons.php | 132 +++++++++++++++++++++++++++++++++ 1 file changed, 132 insertions(+) create mode 100644 views/default/css/elements/buttons.php (limited to 'views/default/css/elements/buttons.php') diff --git a/views/default/css/elements/buttons.php b/views/default/css/elements/buttons.php new file mode 100644 index 000000000..f584fa90f --- /dev/null +++ b/views/default/css/elements/buttons.php @@ -0,0 +1,132 @@ + +/* ************************** + BUTTONS +************************** */ + +/* Base */ +.elgg-button { + font-size: 14px; + font-weight: bold; + width: auto; + padding: 1px 4px; + cursor: pointer; + outline: none; + background:#333333; + color:#ffffff; + +} +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-decoration: none; + + +} + +.elgg-button-submit:hover { + border-color: #333333; + text-decoration: none; + color: white; + background: #333333 url(_graphics/button_graduation.png) repeat-x left 10px; +} + +.elgg-button-submit.elgg-state-disabled { + background: #999; + border-color: #999; + cursor: default; +} + +/* Cancel: This button should convey a negative but easily reversible action (e.g., turning off a plugin) */ +.elgg-button-cancel { + color: #333; + background: #ddd url(_graphics/button_graduation.png) repeat-x left 10px; + border: 1px solid #999; +} +.elgg-button-cancel:hover { + color: #444; + background-color: #999; + background-position: left 10px; + text-decoration: none; +} + +/* Action: This button should convey a normal, inconsequential action, such as clicking a link */ +.elgg-button-action { + color: #fff; + text-align: center; + font-weight: bold; + text-decoration: none; + cursor: pointer; + 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 { + text-decoration: none; + box-shadow:0px 0px 4px #333333; +} + +/* Delete: This button should convey "be careful before you click me" */ +.elgg-button-delete { + color: #bbb; + text-decoration: none; + border: 1px solid #333; + background: #555 url(_graphics/button_graduation.png) repeat-x left 10px; +} +.elgg-button-delete:hover { + color: #999; + background-color: #333; + background-position: left 10px; + text-decoration: none; +} + +.elgg-button-dropdown { + 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; +} + +.elgg-button-dropdown:after { + content: " \25BC "; + font-size:smaller; +} + +.elgg-button-dropdown:hover { + text-decoration:none; + box-shadow:0px 0px 4px #333333; +} + +.elgg-button-dropdown.elgg-state-active { + outline: none; + color: #333; +} -- cgit v1.2.3