/* *************************************** 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; 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); 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; } /* Dropdown */ .elgg-module-dropdown { background-color:white; border:5px solid #CCCCCC; -webkit-border-radius: 5px 0 5px 5px; -moz-border-radius: 5px 0 5px 5px; border-radius: 5px 0 5px 5px; display:none; width: 210px; padding:12px; margin-right: 0px; z-index:100; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.45); position:absolute; right: 0px; top: 100%; } /* 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; }