Converted buttons to elgg-object-type naming convention. Added table of buttons to forms theming preview meant for previewing all button types and states (still have to implement those...)

git-svn-id: http://code.elgg.org/elgg/trunk@8091 36083f99-b078-4883-b0ff-0f9b5a30f544

3 files changed, 54 insertions, 54 deletions

diff --git a/views/default/css/admin.php b/views/default/css/admin.php
index 729c770bb..09a5bf73e 100644
--- a/views/default/css/admin.php
+++ b/views/default/css/admin.php
@@ -395,7 +395,7 @@ input {
 	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
 }
-input[type="submit"], .elgg-submit-button, .elgg-action-button {
+input[type="submit"], .elgg-button-submit, .elgg-button-action {
 	font-size: 14px;
 	font-weight: bold;
 	color: white;
@@ -410,12 +410,12 @@ input[type="submit"], .elgg-submit-button, .elgg-action-button {
 	cursor: pointer;
 	outline: none;
 }
-input[type="submit"]:hover, .elgg-submit-button:hover, .elgg-action-button:hover {
+input[type="submit"]:hover, .elgg-button-submit:hover, .elgg-button-action:hover {
 	color: white;
 	background-color: #000000;
 	text-decoration: none;
 }
-.elgg-submit-button, .elgg-action-button {
+.elgg-button-submit, .elgg-button-action {
 	padding: 4px 8px;
 }
 /* ***************************************
@@ -691,7 +691,7 @@ a.elgg-widget-edit-button:hover, a.elgg-widget-delete-button:hover {
 .elgg-admin form#plugin_settings {
 	margin-top: 10px;
 }
-.elgg-admin form#plugin_settings .elgg-action-button.disabled {
+.elgg-admin form#plugin_settings .elgg-button-action.disabled {
 	margin-top:10px;
 	float:right;
 }
@@ -755,7 +755,7 @@ a.elgg-longtext-control {
 	float: right;
 	margin-left: 14px;
 }
-.admin_area .elgg-submit-button {
+.admin_area .elgg-button-submit {
 	font-size: 14px;
 	font-weight: bold;
 	color: white;
@@ -775,7 +775,7 @@ a.elgg-longtext-control {
 	-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40);
 	-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40);
 }
-.admin_area .elgg-submit-button:hover {
+.admin_area .elgg-button-submit:hover {
 	color: white;
 	border-color: #333333;
 	text-decoration:none;
@@ -818,7 +818,7 @@ a.elgg-longtext-control {
 	background-repeat:  repeat-x;
 	background-position:  left 10px;
 }
-.admin_area .elgg-cancel-button {
+.admin_area .elgg-button-cancel {
 	font-size: 14px;
 	font-weight: bold;
 	text-decoration:none;
@@ -835,18 +835,18 @@ a.elgg-longtext-control {
 	margin:10px 0 10px 10px;
 	cursor: pointer;
 }
-.admin_area .elgg-cancel-button:hover {
+.admin_area .elgg-button-cancel:hover {
 	background-color: #999999;
 	background-position:  left 10px;
 	text-decoration:none;
 	color:white;
 }
-.admin_area .content-header-options .elgg-action-button {
+.admin_area .content-header-options .elgg-button-action {
 	margin-top:0;
 	margin-left:10px;
 }
-.admin_area input.elgg-action-button,
-.admin_area a.elgg-action-button {
+.admin_area input.elgg-button-action,
+.admin_area a.elgg-button-action {
 	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
 	background-color:#cccccc;
@@ -864,10 +864,10 @@ a.elgg-longtext-control {
 	-webkit-box-shadow: none;
 	-moz-box-shadow: none;
 }
-.admin_area input.elgg-action-button:hover,
-.admin_area a.elgg-action-button:hover,
-.admin_area input.elgg-action-button:focus,
-.admin_area a.elgg-action-button:focus {
+.admin_area input.elgg-button-action:hover,
+.admin_area a.elgg-button-action:hover,
+.admin_area input.elgg-button-action:focus,
+.admin_area a.elgg-button-action:focus {
 	background-position:0 -15px;
 	background-image:  url(<?php echo elgg_get_site_url(); ?>_graphics/button_background.gif);
 	background-repeat:  repeat-x;
@@ -876,33 +876,33 @@ a.elgg-longtext-control {
 	background-color:#cccccc;
 	border:1px solid #999999;
 }
-.admin_area .elgg-action-button:active {
+.admin_area .elgg-button-action:active {
 	background-image:none;
 }
-.admin_area .elgg-action-button.disabled {
+.admin_area .elgg-button-action.disabled {
 	color:#999999;
 	padding:2px 7px 2px 7px;
 }
-.admin_area .elgg-action-button.disabled:hover {
+.admin_area .elgg-button-action.disabled:hover {
 	background-position:0 -15px;
 	color:#111111;
 	border:1px solid #999999;
 }
-.admin_area .elgg-action-button.disabled:active {
+.admin_area .elgg-button-action.disabled:active {
 	background-image:none;
 }
-.admin_area .elgg-action-button.download {
+.admin_area .elgg-button-action.download {
 	padding: 5px 9px 5px 6px;
 }
-.admin_area .elgg-action-button.download:hover {
+.admin_area .elgg-button-action.download:hover {
 
 }
-.admin_area .elgg-action-button.download img {
+.admin_area .elgg-button-action.download img {
 	margin-right:6px;
 	position:relative;
 	top:5px;
 }
-.admin_area .elgg-action-button.small {
+.admin_area .elgg-button-action.small {
 	-webkit-border-radius: 3px;
 	-moz-border-radius: 3px;
 	width: auto;
@@ -911,7 +911,7 @@ a.elgg-longtext-control {
 	font-size: 0.9em;
 	line-height: 0.6em;
 }
-.admin_area .elgg-action-button.small:hover {
+.admin_area .elgg-button-action.small:hover {
 	background-color: #0054A7;
 	background-image: none;
 	border-color: #0054A7;
@@ -968,7 +968,7 @@ a.elgg-longtext-control {
 	float: left;
 	width: 150px;
 }
-form.admin_plugins_simpleview .elgg-submit-button {
+form.admin_plugins_simpleview .elgg-button-submit {
 	margin-right:20px;
 }
 .plugin_info {
diff --git a/views/default/css/elements/forms.php b/views/default/css/elements/forms.php
index 1cac80b58..816accbe7 100644
--- a/views/default/css/elements/forms.php
+++ b/views/default/css/elements/forms.php
@@ -75,7 +75,7 @@ input[type="button"],
 	-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40);
 }
 input[type="submit"],
-.elgg-submit-button {
+.elgg-button-submit {
 	color: white;
 	text-shadow: 1px 1px 0px black;
 	text-decoration: none;
@@ -86,7 +86,7 @@ input[type="submit"],
 	background-position: left 10px;
 }
 input[type="submit"]:hover,
-.elgg-submit-button:hover {
+.elgg-button-submit:hover {
 	border-color: #0054a7;
 	text-decoration: none;
 	color: white;
@@ -95,7 +95,7 @@ input[type="submit"]:hover,
 	background-repeat: repeat-x;
 	background-position: left 10px;
 }
-.elgg-cancel-button {
+.elgg-button-cancel {
 	color: #333333;
 	background-color: #dddddd;
 	background-image: url(<?php echo elgg_get_site_url(); ?>_graphics/button_graduation.png);
@@ -103,13 +103,13 @@ input[type="submit"]:hover,
 	background-position: left 10px;
 	border: 1px solid #999999;
 }
-.elgg-cancel-button:hover {
+.elgg-button-cancel:hover {
 	color: white;
 	background-color: #999999;
 	background-position: left 10px;
 	text-decoration: none;
 }
-.elgg-action-button {
+.elgg-button-action {
 	background-color:#cccccc;
 	background-image:  url(<?php echo elgg_get_site_url(); ?>_graphics/button_background.gif);
 	background-repeat:  repeat-x;
@@ -127,8 +127,8 @@ input[type="submit"]:hover,
 	-webkit-box-shadow: none;
 	-moz-box-shadow: none;
 }
-.elgg-action-button:hover,
-.elgg-action-button:focus {
+.elgg-button-action:hover,
+.elgg-button-action:focus {
 	background-position: 0 -15px;
 	background-image: url(<?php echo elgg_get_site_url(); ?>_graphics/button_background.gif);
 	background-repeat: repeat-x;
@@ -139,22 +139,22 @@ input[type="submit"]:hover,
 }
 /*
 <?php //@todo elgg-state-disabled? ?>
-.elgg-submit-button.disabled {
+.elgg-button-submit.disabled {
 	background-color:#999999;
 	border-color:#999999;
 	color:#dedede;
 }
-.elgg-submit-button.disabled:hover {
+.elgg-button-submit.disabled:hover {
 	background-color:#999999;
 	border-color:#999999;
 	color:#dedede;
 }
 
-.elgg-action-button {
+.elgg-button-action {
 	margin-left: 10px;
 }
-input.elgg-action-button,
-a.elgg-action-button {
+input.elgg-button-action,
+a.elgg-button-action {
 	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
 	background-color:#cccccc;
@@ -173,10 +173,10 @@ a.elgg-action-button {
 	-webkit-box-shadow: none;
 	-moz-box-shadow: none;
 }
-input.elgg-action-button:hover,
-a.elgg-action-button:hover,
-input.elgg-action-button:focus,
-a.elgg-action-button:focus {
+input.elgg-button-action:hover,
+a.elgg-button-action:hover,
+input.elgg-button-action:focus,
+a.elgg-button-action:focus {
 	background-position:0 -15px;
 	background-image:  url(<?php echo elgg_get_site_url(); ?>_graphics/button_background.gif);
 	background-repeat:  repeat-x;
@@ -185,33 +185,33 @@ a.elgg-action-button:focus {
 	background-color:#cccccc;
 	border:1px solid #999999;
 }
-.elgg-action-button:active {
+.elgg-button-action:active {
 	background-image:none;
 }
-.elgg-action-button.disabled {
+.elgg-button-action.disabled {
 	color:#999999;
 	padding:2px 7px 2px 7px;
 }
-.elgg-action-button.disabled:hover {
+.elgg-button-action.disabled:hover {
 	background-position:0 -15px;
 	color:#111111;
 	border:1px solid #999999;
 }
-.elgg-action-button.disabled:active {
+.elgg-button-action.disabled:active {
 	background-image:none;
 }
-.elgg-action-button.download {
+.elgg-button-action.download {
 	padding: 5px 9px 5px 6px;
 }
-.elgg-action-button.download:hover {
+.elgg-button-action.download:hover {
 
 }
-.elgg-action-button.download img {
+.elgg-button-action.download img {
 	margin-right:6px;
 	position:relative;
 	top:5px;
 }
-.elgg-action-button.small {
+.elgg-button-action.small {
 	-webkit-border-radius: 3px;
 	-moz-border-radius: 3px;
 	width: auto;
@@ -220,7 +220,7 @@ a.elgg-action-button:focus {
 	font-size: 0.9em;
 	line-height: 0.6em;
 }
-.elgg-action-button.small:hover {
+.elgg-button-action.small:hover {
 	background-color: #4690d6;
 	background-image: none;
 	border-color: #4690d6;
diff --git a/views/default/css/elements/misc.php b/views/default/css/elements/misc.php
index 92107db8c..944f72bc6 100644
--- a/views/default/css/elements/misc.php
+++ b/views/default/css/elements/misc.php
@@ -37,7 +37,7 @@
 	font-weight:normal;
 	font-size:100%;
 }
-.loginbox .elgg-submit-button {
+.loginbox .elgg-button-submit {
 	margin-right: 15px;
 }
 #login .persistent-login {
@@ -133,7 +133,7 @@
 	font-weight:normal;
 	font-size: 100%;
 }
-#login-dropdown #signin-menu .elgg-submit-button {
+#login-dropdown #signin-menu .elgg-button-submit {
 	margin-right:15px;
 }
 
@@ -263,8 +263,8 @@
 .friends-picker-navigation-r:hover {
 	background: url("<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png") no-repeat -60px -44px;
 }
-.friendspicker-savebuttons .elgg-submit-button,
-.friendspicker-savebuttons .elgg-cancel-button {
+.friendspicker-savebuttons .elgg-button-submit,
+.friendspicker-savebuttons .elgg-button-cancel {
 	margin:5px 20px 5px 5px;
 }
 #collectionMembersTable {