From c418d8c6666fc81e5861a234605d3cce8ef48538 Mon Sep 17 00:00:00 2001 From: ewinslow Date: Fri, 11 Feb 2011 19:43:44 +0000 Subject: Added css/elements/modules.php. Modules and widgets deserve their own space. git-svn-id: http://code.elgg.org/elgg/trunk@8114 36083f99-b078-4883-b0ff-0f9b5a30f544 --- views/default/css/elements/layout_objects.php | 164 ------------------------ views/default/css/elements/modules.php | 171 ++++++++++++++++++++++++++ 2 files changed, 171 insertions(+), 164 deletions(-) create mode 100644 views/default/css/elements/modules.php (limited to 'views/default/css/elements') diff --git a/views/default/css/elements/layout_objects.php b/views/default/css/elements/layout_objects.php index 82524c625..21a3e4d15 100644 --- a/views/default/css/elements/layout_objects.php +++ b/views/default/css/elements/layout_objects.php @@ -126,60 +126,6 @@ background: #E4E4E4; } -/* *************************************** - Modules -*************************************** */ -.elgg-module { - margin-bottom: 20px; -} -.elgg-module-aside .elgg-head { - border-bottom: 1px solid #CCCCCC; - margin-bottom: 5px; - padding-bottom: 5px; -} -.elgg-module-info > .elgg-head { - background: #e4e4e4; - padding: 5px; - margin-bottom: 10px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; -} -.elgg-module-info > .elgg-head * { - color: #333333; -} -.elgg-module-popup { - background-color: white; - border: 1px solid #cccccc; - z-index: 9999; - margin-bottom: 0; - padding: 5px; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5); -} -.elgg-module-popup > .elgg-head { - margin-bottom: 5px; -} -.elgg-module-popup > .elgg-head * { - color: #0054A7; -} -.elgg-module-featured { - border: 1px solid #4690D6; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; -} -.elgg-module-featured > .elgg-head { - padding: 5px; - background-color: #4690D6; -} -.elgg-module-featured > .elgg-head * { - color: white; -} -.elgg-module-featured > .elgg-body { - padding: 10px; -} - /* *************************************** Owner Block *************************************** */ @@ -192,116 +138,6 @@ font-size: 90%; } -/* *************************************** - Widgets -*************************************** */ -.elgg-widgets { - float: right; - min-height: 30px; -} -.elgg-widget-add-control { - text-align: right; - margin: 5px 5px 15px; -} -.elgg-widgets-add-panel { - padding: 10px; - margin: 0 5px 15px; - background: #dedede; - border: 2px solid #cccccc; -} - -.elgg-widgets-add-panel li { - float: left; - margin: 2px 10px; - width: 200px; - padding: 4px; - background-color: #cccccc; - border: 2px solid #b0b0b0; - font-weight: bold; -} -.elgg-widgets-add-panel li a { - display: block; -} -.elgg-widgets-add-panel .elgg-state-available { - color: #333333; - cursor: pointer; -} -.elgg-widgets-add-panel .elgg-state-available:hover { - background-color: #bcbcbc; -} -.elgg-widgets-add-panel .elgg-state-unavailable { - color: #888888; -} - - -.elgg-module-widget { - background-color: #dedede; - padding: 2px; - margin: 0 5px 15px; - position: relative; -} -.elgg-module-widget:hover { - background-color: #cccccc; -} -.elgg-module-widget > .elgg-head { - background-color: #dedede; - height: 30px; - line-height: 30px; - overflow: hidden; -} -.elgg-module-widget > .elgg-head h3 { - float: left; - padding: 0 45px 0 20px; - color: #333333; -} -.elgg-module-widget.elgg-state-draggable > .elgg-head { - cursor: move; -} -.elgg-module-widget > .elgg-head a { - position: absolute; - top: 5px; - display: block; - width: 18px; - height: 18px; - border: 1px solid transparent; -} -a.elgg-widget-collapse-button { - left: 5px; - background:transparent url(_graphics/elgg_sprites.png) no-repeat 0px -385px; -} -a.elgg-widget-collapsed { - background-position: 0px -365px; -} -a.elgg-widget-delete-button { - right: 5px; - background:transparent url(_graphics/elgg_sprites.png) no-repeat -198px 3px; -} -a.elgg-widget-edit-button { - right: 25px; - background:transparent url(_graphics/elgg_sprites.png) no-repeat -300px -1px; -} -a.elgg-widget-edit-button:hover, a.elgg-widget-delete-button:hover { - border: 1px solid #cccccc; -} -.elgg-module-widget > .elgg-body { - background-color: white; - width: 100%; - overflow: hidden; -} -.elgg-widget-edit { - display: none; - width: 96%; - padding: 2%; - border-bottom: 2px solid #dedede; -} -.elgg-widget-content { - padding: 10px; -} -.elgg-widget-placeholder { - border: 2px dashed #dedede; - margin-bottom: 15px; -} - /* *************************************** Messages *************************************** */ diff --git a/views/default/css/elements/modules.php b/views/default/css/elements/modules.php new file mode 100644 index 000000000..0f59e2cad --- /dev/null +++ b/views/default/css/elements/modules.php @@ -0,0 +1,171 @@ +/* *************************************** + Modules +*************************************** */ +.elgg-module { + margin-bottom: 20px; +} + +/* Aside */ +.elgg-module-aside .elgg-head { + border-bottom: 1px solid #CCCCCC; + margin-bottom: 5px; + padding-bottom: 5px; +} + +/* Info */ +.elgg-module-info > .elgg-head { + background: #e4e4e4; + padding: 5px; + margin-bottom: 10px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; +} +.elgg-module-info > .elgg-head * { + color: #333333; +} + +/* Popup */ +.elgg-module-popup { + background-color: white; + border: 1px solid #cccccc; + z-index: 9999; + margin-bottom: 0; + padding: 5px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5); +} +.elgg-module-popup > .elgg-head { + margin-bottom: 5px; +} +.elgg-module-popup > .elgg-head * { + color: #0054A7; +} + +/* Featured */ +.elgg-module-featured { + border: 1px solid #4690D6; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; +} +.elgg-module-featured > .elgg-head { + padding: 5px; + background-color: #4690D6; +} +.elgg-module-featured > .elgg-head * { + color: white; +} +.elgg-module-featured > .elgg-body { + padding: 10px; +} + +/* *************************************** + Widgets +*************************************** */ +.elgg-widgets { + float: right; + min-height: 30px; +} +.elgg-widget-add-control { + text-align: right; + margin: 5px 5px 15px; +} +.elgg-widgets-add-panel { + padding: 10px; + margin: 0 5px 15px; + background: #dedede; + border: 2px solid #cccccc; +} + +.elgg-widgets-add-panel li { + float: left; + margin: 2px 10px; + width: 200px; + padding: 4px; + background-color: #cccccc; + border: 2px solid #b0b0b0; + font-weight: bold; +} +.elgg-widgets-add-panel li a { + display: block; +} +.elgg-widgets-add-panel .elgg-state-available { + color: #333333; + cursor: pointer; +} +.elgg-widgets-add-panel .elgg-state-available:hover { + background-color: #bcbcbc; +} +.elgg-widgets-add-panel .elgg-state-unavailable { + color: #888888; +} + + +.elgg-module-widget { + background-color: #dedede; + padding: 2px; + margin: 0 5px 15px; + position: relative; +} +.elgg-module-widget:hover { + background-color: #cccccc; +} +.elgg-module-widget > .elgg-head { + background-color: #dedede; + height: 30px; + line-height: 30px; + overflow: hidden; +} +.elgg-module-widget > .elgg-head h3 { + float: left; + padding: 0 45px 0 20px; + color: #333333; +} +.elgg-module-widget.elgg-state-draggable > .elgg-head { + cursor: move; +} +.elgg-module-widget > .elgg-head a { + position: absolute; + top: 5px; + display: block; + width: 18px; + height: 18px; + border: 1px solid transparent; +} +a.elgg-widget-collapse-button { + left: 5px; + background:transparent url(_graphics/elgg_sprites.png) no-repeat 0px -385px; +} +a.elgg-widget-collapsed { + background-position: 0px -365px; +} +a.elgg-widget-delete-button { + right: 5px; + background:transparent url(_graphics/elgg_sprites.png) no-repeat -198px 3px; +} +a.elgg-widget-edit-button { + right: 25px; + background:transparent url(_graphics/elgg_sprites.png) no-repeat -300px -1px; +} +a.elgg-widget-edit-button:hover, a.elgg-widget-delete-button:hover { + border: 1px solid #cccccc; +} +.elgg-module-widget > .elgg-body { + background-color: white; + width: 100%; + overflow: hidden; +} +.elgg-widget-edit { + display: none; + width: 96%; + padding: 2%; + border-bottom: 2px solid #dedede; +} +.elgg-widget-content { + padding: 10px; +} +.elgg-widget-placeholder { + border: 2px dashed #dedede; + margin-bottom: 15px; +} \ No newline at end of file -- cgit v1.2.3