converted widgets to modules

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

2 files changed, 27 insertions, 37 deletions

diff --git a/views/default/css/admin.php b/views/default/css/admin.php
index 9735de87f..930ee2fe3 100644
--- a/views/default/css/admin.php
+++ b/views/default/css/admin.php
@@ -482,40 +482,37 @@ input[type="submit"]:hover, .elgg-submit-button:hover, .elgg-action-button:hover
 .elgg-widgets-add-panel li a {
 	display: block;
 }
-
-<?php //@todo Convert to elgg-state-*? ?>
-.elgg-widget-available {
+.elgg-state-available {
 	color: #333333;
 	cursor: pointer;
 }
-.elgg-widget-available:hover {
+.elgg-state-available:hover {
 	border-color: #aaaaaa;
 }
-.elgg-widget-unavailable {
+.elgg-state-unavailable {
 	color: #888888;
 }
-<?php //@todo extend elgg-module.  Still too many location-dependent/overly-qualified styles ?>
-.elgg-widget {
+.elgg-module-widget {
 	background-color: #dedede;
 	padding: 1px;
 	margin: 0 5px 15px;
 	position: relative;
 }
-.elgg-widget:hover {
+.elgg-module-widget:hover {
 	background-color: #cccccc;
 }
-.elgg-widget-title {
+.elgg-module-widget > .elgg-head {
 	background-color: #f5f5f5;
 	height: 30px;
 	line-height: 30px;
 	overflow: hidden;
 }
-.elgg-widget-title h3 {
+.elgg-module-widget > .elgg-head h3 {
 	float: left;
 	padding: 0 45px 0 20px;
 	color: #333333;
 }
-.elgg-widget-controls a {
+.elgg-module-widget > .elgg-head a {
 	position: absolute;
 	top: 5px;
 	display: block;
@@ -523,11 +520,14 @@ input[type="submit"]:hover, .elgg-submit-button:hover, .elgg-action-button:hover
 	height: 18px;
 	border: 1px solid transparent;
 }
+.elgg-state-draggable > .elgg-head {
+	cursor: move;
+}
 a.elgg-widget-collapse-button {
 	left: 5px;
 	background:transparent url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png) no-repeat 0px -385px;
 }
-.elgg-widget-controls a.elgg-widget-collapsed {
+a.elgg-widget-collapsed {
 	background-position: 0px -365px;
 }
 a.elgg-widget-delete-button {
@@ -541,7 +541,7 @@ a.elgg-widget-edit-button {
 a.elgg-widget-edit-button:hover, a.elgg-widget-delete-button:hover {
 	border: 1px solid #cccccc;
 }
-.elgg-widget-container {
+.elgg-module-widget > .elgg-body {
 	border-top: 1px solid #dedede;
 	background-color: white;
 	width: 100%;
@@ -556,9 +556,6 @@ a.elgg-widget-edit-button:hover, a.elgg-widget-delete-button:hover {
 .elgg-widget-content {
 	padding: 10px;
 }
-.drag-handle {
-	cursor: move;
-}
 .elgg-widget-placeholder {
 	border: 2px dashed #dedede;
 	margin-bottom: 15px;
diff --git a/views/default/css/elements/core.php b/views/default/css/elements/core.php
index 06bbb97c4..319fd4c5b 100644
--- a/views/default/css/elements/core.php
+++ b/views/default/css/elements/core.php
@@ -139,14 +139,9 @@
 }
 
 <?php //@todo location-dependent style: make an extension of elgg-gallery ?>
-.elgg-widgets-add-panel ul {
-	padding: 0;
-	margin: 0;
-}
 .elgg-widgets-add-panel li {
 	float: left;
 	margin: 2px 10px;
-	list-style: none;
 	width: 200px;
 	padding: 4px;
 	background-color: #cccccc;
@@ -156,41 +151,42 @@
 .elgg-widgets-add-panel li a {
 	display: block;
 }
-
-<?php //@todo Convert to elgg-state-*? ?>
-.elgg-widget-available {
+.elgg-widgets-add-panel .elgg-state-available {
 	color: #333333;
 	cursor: pointer;
 }
-.elgg-widget-available:hover {
+.elgg-widgets-add-panel .elgg-state-available:hover {
 	background-color: #bcbcbc;
 }
-.elgg-widget-unavailable {
+.elgg-widgets-add-panel .elgg-state-unavailable {
 	color: #888888;
 }
 
-<?php //@todo extend elgg-module.  Still too many location-dependent/overly-qualified styles ?>
-.elgg-widget {
+<?php //@todo Still too many location-dependent/overly-qualified styles ?>
+.elgg-module-widget {
 	background-color: #dedede;
 	padding: 2px;
 	margin: 0 5px 15px;
 	position: relative;
 }
-.elgg-widget:hover {
+.elgg-module-widget:hover {
 	background-color: #cccccc;
 }
-.elgg-widget-title {
+.elgg-module-widget > .elgg-head {
 	background-color: #dedede;
 	height: 30px;
 	line-height: 30px;
 	overflow: hidden;
 }
-.elgg-widget-title h3 {
+.elgg-module-widget > .elgg-head h3 {
 	float: left;
 	padding: 0 45px 0 20px;
 	color: #333333;
 }
-.elgg-widget-controls a {
+.elgg-module-widget.elgg-state-draggable > .elgg-head {
+	cursor: move;
+}
+.elgg-module-widget > .elgg-head a {
 	position: absolute;
 	top: 5px;
 	display: block;
@@ -202,7 +198,7 @@ a.elgg-widget-collapse-button {
 	left: 5px;
 	background:transparent url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png) no-repeat 0px -385px;
 }
-.elgg-widget-controls a.elgg-widget-collapsed {
+a.elgg-widget-collapsed {
 	background-position: 0px -365px;
 }
 a.elgg-widget-delete-button {
@@ -216,7 +212,7 @@ a.elgg-widget-edit-button {
 a.elgg-widget-edit-button:hover, a.elgg-widget-delete-button:hover {
 	border: 1px solid #cccccc;
 }
-.elgg-widget-container {
+.elgg-module-widget > .elgg-body {
 	background-color: white;
 	width: 100%;
 	overflow: hidden;
@@ -230,9 +226,6 @@ a.elgg-widget-edit-button:hover, a.elgg-widget-delete-button:hover {
 .elgg-widget-content {
 	padding: 10px;
 }
-.drag-handle {
-	cursor: move;
-}
 .elgg-widget-placeholder {
 	border: 2px dashed #dedede;
 	margin-bottom: 15px;