diff options
Diffstat (limited to 'views/default/css/elements/layout.php')
-rw-r--r-- | views/default/css/elements/layout.php | 141 |
1 files changed, 141 insertions, 0 deletions
diff --git a/views/default/css/elements/layout.php b/views/default/css/elements/layout.php new file mode 100644 index 000000000..d2be769fa --- /dev/null +++ b/views/default/css/elements/layout.php @@ -0,0 +1,141 @@ +<?php +/** + * Page Layout + * + * Contains CSS for the page shell and page layout + * + * Default layout: 990px wide, centered. Used in default page shell + * + * @package Elgg.Core + * @subpackage UI + */ +?> + +/* *************************************** + PAGE LAYOUT +*************************************** */ +/***** DEFAULT LAYOUT ******/ +.elgg-page-default .elgg-page-header > .elgg-inner { + width: 990px; + margin: 0 auto; + height: 90px; +} +.elgg-page-default .elgg-page-body > .elgg-inner { + width: 990px; + margin: 0 auto; +} +.elgg-page-default .elgg-page-footer > .elgg-inner { + width: 990px; + margin: 0 auto; + padding: 5px 0; + border-top: 1px solid #DEDEDE; +} + +/***** TOPBAR ******/ +.elgg-page-topbar { + background: #333333 url(<?php echo elgg_get_site_url(); ?>_graphics/toptoolbar_background.gif) repeat-x top left; + border-bottom: 1px solid #000000; + min-width: 998px; + position: relative; + height: 24px; + z-index: 9000; +} +.elgg-page-topbar > .elgg-inner { + padding: 0 10px; +} + +<?php // elgg logo and user avatar need to be adjusted slightly ?> +.elgg-page-topbar img { + margin-top: -1px; +} + +/***** PAGE MESSAGES ******/ +.elgg-system-messages { + position: fixed; + top: 24px; + right: 20px; + max-width: 500px; + z-index: 1000; +} +.elgg-system-messages li { + margin-top: 10px; +} +.elgg-system-messages li p { + margin: 0; +} + +/***** PAGE HEADER ******/ +.elgg-page-header { + position: relative; + background-color: #4690D6; + background-image: url(<?php echo elgg_get_site_url(); ?>_graphics/header_shadow.png); + background-repeat: repeat-x; + background-position: bottom left; +} +.elgg-page-header > .elgg-inner { + position: relative; +} + +/***** PAGE BODY ******/ +.elgg-layout { + min-height: 360px; +} +.elgg-layout-one-column { + padding: 10px 0; +} +.elgg-layout-one-sidebar { + background-image: url(<?php echo elgg_get_site_url(); ?>_graphics/sidebar_background.gif); + background-repeat: repeat-y; + background-position: right top; +} +.elgg-layout-two-sidebar { + background-image: url(<?php echo elgg_get_site_url(); ?>_graphics/two_sidebar_background.gif); + background-repeat: repeat-y; + background-position: right top; +} +.elgg-sidebar { + position: relative; + padding: 20px 10px; + float: right; + width: 210px; + margin: 0 0 0 10px; +} +.elgg-sidebar-alt { + position: relative; + padding: 20px 10px; + float: left; + width: 160px; + margin: 0 10px 0 0; +} +.elgg-main { + position: relative; + min-height: 360px; + padding: 10px; +} +.elgg-main > .elgg-head { + padding-bottom: 3px; + border-bottom: 1px solid #CCCCCC; + margin-bottom: 10px; +} + +.elgg-main > .elgg-head a { + float: right; +} + +/***** PAGE FOOTER ******/ +.elgg-page-footer { + position: relative; +} +.elgg-page-footer .elgg-menu { + float: left; + width: 100%; +} +.elgg-page-footer * { + color: #999999; +} +.elgg-page-footer a:hover { + color: #666666; +} +.elgg-page-footer a.elgg-alt { + float: right; +}
\ No newline at end of file |