diff options
author | cash <cash@36083f99-b078-4883-b0ff-0f9b5a30f544> | 2010-12-19 17:47:36 +0000 |
---|---|---|
committer | cash <cash@36083f99-b078-4883-b0ff-0f9b5a30f544> | 2010-12-19 17:47:36 +0000 |
commit | f205bad992727f287c75f0f4759b5bc4f71c909c (patch) | |
tree | dd292387f318b06e4df5f97601a070e6933e7850 /views/default/css/elements | |
parent | 4457f3339d16619b14dc308757a1a826df491e95 (diff) | |
download | elgg-f205bad992727f287c75f0f4759b5bc4f71c909c.tar.gz elgg-f205bad992727f287c75f0f4759b5bc4f71c909c.tar.bz2 |
completed the media to image block switch
git-svn-id: http://code.elgg.org/elgg/trunk@7683 36083f99-b078-4883-b0ff-0f9b5a30f544
Diffstat (limited to 'views/default/css/elements')
-rw-r--r-- | views/default/css/elements/core.php | 65 | ||||
-rw-r--r-- | views/default/css/elements/layout.php | 69 |
2 files changed, 65 insertions, 69 deletions
diff --git a/views/default/css/elements/core.php b/views/default/css/elements/core.php index f46ec11d9..29fdd598b 100644 --- a/views/default/css/elements/core.php +++ b/views/default/css/elements/core.php @@ -157,3 +157,68 @@ h2 { .elgg_hrb { border-bottom: 1px solid #CCCCCC; } + +/* *************************************** + CSS LAYOUT OBJECTS +*************************************** */ + +/** + * elgg-body fills the space available to it. + * It uses hidden text to expand itself. The combination of auto width, overflow + * hidden, and the hidden text creates this effect. + * + * This allows us to float fixed width divs to either side of an .elgg-body div + * without having to specify the body div's width. + * + * @todo check what happens with long <pre> tags or large images + */ +.elgg-body { + width: auto; + word-wrap: break-word; + overflow: hidden; +} +.elgg-body:after { + display: block; + visibility: hidden; + height: 0 !important; + line-height: 0; + font-size: xx-large; + content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x "; +} + +.elgg_inner { +} + +.elgg-footer { +} + +.elgg-image-block { + padding: 3px 0; +} + +.elgg-image-block .elgg-image { + float: left; + margin-right: 5px; +} +.elgg-image-block .elgg-image.elgg-alt { + float: right; + margin-left: 5px; +} + +.elgg-list { + border-top: 1px dotted #CCCCCC; + margin: 5px 0; + clear: both; +} + +.elgg-list li { + border-bottom: 1px dotted #CCCCCC; +} + +.elgg-center { + margin: 0 auto; +} + +.elgg-width-classic { + width: 990px; +} diff --git a/views/default/css/elements/layout.php b/views/default/css/elements/layout.php deleted file mode 100644 index fce5eaed9..000000000 --- a/views/default/css/elements/layout.php +++ /dev/null @@ -1,69 +0,0 @@ -<?php -/** - * Reusable layout objects and elements - * - * @package Elgg.Core - * @subpackage UI - */ -?> - -/** - * elgg-body fills the space available to it. - * It uses hidden text to expand itself. The combination of auto width, overflow - * hidden, and the hidden text creates this effect. - * - * This allows us to float fixed width divs to either side of an .elgg-body div - * without having to specify the body div's width. - * - * @todo check what happens with long <pre> tags or large images - */ -.elgg-body { - width: auto; - word-wrap: break-word; - overflow: hidden; -} -.elgg-body:after { - display: block; - visibility: hidden; - height: 0 !important; - line-height: 0; - font-size: xx-large; - content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x "; -} - -.elgg_inner { -} - -.elgg-footer { -} - -.elgg-media { - padding: 3px 0; -} - -.elgg-media .elgg-image { - float: left; - margin-right: 5px; -} -.elgg-media .elgg-image.elgg-alt { - float: right; - margin-left: 5px; -} - -.elgg-list { - border-top: 1px dotted #CCCCCC; - margin: 5px 0; - clear: both; -} - -.elgg-list li { - border-bottom: 1px dotted #CCCCCC; -} - -.elgg-center { - margin: 0 auto; -} - -.elgg-width-classic { - width: 990px; -} |