/* *************************************** Modules *************************************** */ .elgg-module { overflow: hidden; margin-bottom: 20px; } /* Aside */ .elgg-module-aside .elgg-head { border-bottom: 1px solid #CCC; margin-bottom: 5px; padding-bottom: 5px; } /* Info */ .elgg-module-info > .elgg-head { background: #dedede; padding: 5px; margin-bottom: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .elgg-module-info > .elgg-head * { color: #333; } /* Popup */ .elgg-module-popup { position: absolute; width: 150px; background-color: white; border: 1px solid #ccc; 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: #d86c2c; } /* Dropdown */ .elgg-module-dropdown { background-color:white; border:5px solid #CCC; -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); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.45); position:absolute; right: 0px; top: 100%; } /* Featured */ .elgg-module-featured { border: 1px solid #ff4c12; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .elgg-module-featured > .elgg-head { padding: 5px; background-color: #ff4c12; } .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 #ccc; } .elgg-widgets-add-panel li { float: left; margin: 2px 10px; width: 200px; padding: 4px; background-color: #ccc; border: 2px solid #b0b0b0; font-weight: bold; } .elgg-widgets-add-panel li a { display: block; } .elgg-widgets-add-panel .elgg-state-available { color: #333; cursor: pointer; } .elgg-widgets-add-panel .elgg-state-available:hover { background-color: #bcbcbc; } .elgg-widgets-add-panel .elgg-state-unavailable { color: #888; } .elgg-module-widget { padding: 2px; margin: 0 5px 15px; position: relative; border: 1px solid #ccc; border-radius: 3px; } .elgg-module-widget:hover > .elgg-head { background-color: #f5f5f5; } .elgg-module-widget > .elgg-head { background-color: #eeeeee; height: 26px; overflow: hidden; } .elgg-module-widget > .elgg-head h3 { float: left; padding: 4px 45px 0 20px; color: #666; } .elgg-module-widget.elgg-state-draggable .elgg-widget-handle { cursor: move; } a.elgg-widget-collapse-button { color: #c5c5c5; } a.elgg-widget-collapse-button:hover, a.elgg-widget-collapsed:hover { color: #9d9d9d; text-decoration: none; } a.elgg-widget-collapse-button:before { content: "\25BC"; } a.elgg-widget-collapsed:before { content: "\25BA"; } .elgg-module-widget > .elgg-body { width: 100%; overflow: hidden; border-top: 2px solid #dedede; } .elgg-widget-edit { display: none; width: 96%; padding: 2%; border-bottom: 2px solid #dedede; background-color: #f9f9f9; } .elgg-widget-content { padding: 10px; } .elgg-widget-placeholder { border: 2px dashed #dedede; margin-bottom: 15px; }