diff options
Diffstat (limited to 'views/default/css/elements/layout.php')
| -rw-r--r-- | views/default/css/elements/layout.php | 175 |
1 files changed, 64 insertions, 111 deletions
diff --git a/views/default/css/elements/layout.php b/views/default/css/elements/layout.php index 63e1dc1c8..9d92752b4 100644 --- a/views/default/css/elements/layout.php +++ b/views/default/css/elements/layout.php @@ -1,168 +1,121 @@ <?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 *************************************** */ -body { - background-color: white; +/***** DEFAULT LAYOUT ******/ +<?php // the width is on the page rather than topbar to handle small viewports ?> +.elgg-page-default { + min-width: 998px; +} +.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: 2px 10px 2px 8px; -} -.elgg-page-topbar a { - color: #eeeeee; - float: left; - margin: 2px 30px 0 0; - line-height: 1.1em; -} -.elgg-page-topbar a.elgg-alt { - float: right; - margin: 2px 0 0 30px; -} -.elgg-page-topbar a:hover { - color: #71cbff; - text-decoration: none; -} -/* elgg logo and user avatar need to be adjusted slightly */ -.elgg-page-topbar img { - margin-top: -1px; + padding: 0 10px; } /***** PAGE MESSAGES ******/ .elgg-system-messages { - position:fixed; - top:24px; - right:20px; - max-width:500px; - z-index:9600; + position: fixed; + top: 24px; + right: 20px; + max-width: 500px; + z-index: 2000; +} +.elgg-system-messages li { + margin-top: 10px; +} +.elgg-system-messages li p { + margin: 0; } /***** PAGE HEADER ******/ - .elgg-page-header { - x-overflow: hidden; 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; + background: #4690D6 url(<?php echo elgg_get_site_url(); ?>_graphics/header_shadow.png) repeat-x bottom left; } -.elgg-classic .elgg-page-header > .elgg-inner { - width: 990px; - margin: 0 auto; - height: 90px; +.elgg-page-header > .elgg-inner { position: relative; } -.elgg-page-header h1 a { - font-size: 2em; - line-height: 1.4em; - color: white; - font-style: italic; - font-family: Georgia, times, serif; - text-shadow: 1px 2px 4px #333333; - text-decoration: none; -} -/***** PAGE BODY ******/ - -.elgg-page-body > .elgg-inner { +/***** PAGE BODY LAYOUT ******/ +.elgg-layout { min-height: 360px; } -.elgg-classic .elgg-page-body > .elgg-inner { - width: 990px; - margin: 0 auto; -} -#elgg-layout-one-column { - padding: 10px 0; +.elgg-layout-one-sidebar { + background: transparent url(<?php echo elgg_get_site_url(); ?>_graphics/sidebar_background.gif) repeat-y right top; } -#elgg-layout-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: transparent url(<?php echo elgg_get_site_url(); ?>_graphics/two_sidebar_background.gif) repeat-y 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-layout-error { + margin-top: 20px; } -.elgg-main { +.elgg-sidebar { position: relative; - min-height: 360px; - padding: 10px; -} - -.elgg-aside { padding: 20px 10px; - position: relative; - min-height: 360px; -} -.elgg-sidebar { float: right; width: 210px; margin: 0 0 0 10px; } -.elgg-sidebar.elgg-alt { +.elgg-sidebar-alt { + position: relative; + padding: 20px 10px; float: left; width: 160px; margin: 0 10px 0 0; } - -.elgg-main .elgg-header { - border-bottom: 1px solid #CCCCCC; - padding-bottom: 3px; -} -.elgg-main .elgg-header h2 { - float: left; - max-width: 530px; - margin-right: 10px; +.elgg-main { + position: relative; + min-height: 360px; + padding: 10px; } - -.elgg-main > .elgg-header a { - float: right; +.elgg-main > .elgg-head { + padding-bottom: 3px; + border-bottom: 1px solid #CCCCCC; + margin-bottom: 10px; } /***** PAGE FOOTER ******/ - .elgg-page-footer { position: relative; - z-index: 999; } -.elgg-classic .elgg-page-footer > .elgg-inner { - width: 990px; - margin: 0 auto; - padding: 5px 0; - border-top: 1px solid #DEDEDE; -} -.elgg-page-footer a { - float: left; -} -.elgg-page-footer a.elgg-alt { - float: right; -} -.elgg-page-footer .elgg-menu { - float: left; - width: 100%; -} -.elgg-page-footer .elgg-inner, -.elgg-page-footer .elgg-inner a, -.elgg-page-footer .elgg-inner p { - color: #999999; +.elgg-page-footer { + color: #999; } -.elgg-page-footer .elgg-inner a:hover { - color: #666666; +.elgg-page-footer a:hover { + color: #666; } |