diff options
Diffstat (limited to 'views/default/css/elements/page_layout.php')
| -rw-r--r-- | views/default/css/elements/page_layout.php | 312 |
1 files changed, 312 insertions, 0 deletions
diff --git a/views/default/css/elements/page_layout.php b/views/default/css/elements/page_layout.php new file mode 100644 index 000000000..7fbdfe061 --- /dev/null +++ b/views/default/css/elements/page_layout.php @@ -0,0 +1,312 @@ +<?php +/** + * Page Layout + * + * @package Elgg.Core + * @subpackage UI + */ +?> +/* *************************************** + Page Layout +*************************************** */ + +.elgg-page-topbar { + background: #333333 url(<?php echo elgg_get_site_url(); ?>_graphics/toptoolbar_background.gif) repeat-x top left; + color: #eeeeee; + border-bottom: 1px solid #000000; + min-width: 998px; + position: relative; + height: 24px; + z-index: 9000; +} +.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; +} + +.elgg-page-header .elgg-inner { + width: 990px; + margin: 0 auto; + height: 90px; + position: relative; +} + +.elgg-page-footer { + position: relative; + z-index: 999; +} + +.elgg-layout-one_column { + padding: 10px 0; +} +.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-image:url(<?php echo elgg_get_site_url(); ?>_graphics/two_sidebar_background.gif); + background-repeat:repeat-y; + background-position: right top; +} +.elgg-main { + position: relative; + min-height: 360px; + padding: 10px; +} +.elgg-aside { + padding: 20px 10px; + position: relative; + min-height: 360px; +} +.elgg-sidebar { + float: right; + width: 210px; + margin-left: 10px; +} +.elgg-sidebar-alt { + float: left; + width: 160px; + margin-right: 10px; +} + +/* move elgg-body to one of the css components */ +/** + * 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-module { + margin-top: 20px; +} + +.elgg_inner { +} + +.elgg-header { + border-bottom: 1px solid #CCCCCC; + margin-bottom: 5px; + padding-bottom: 5px; +} + +.elgg-footer { +} + +.elgg-media { + padding: 3px 0; +} + +.elgg-media .elgg-icon { + float: left; + margin-right: 5px; +} + + +.elgg-main-header { + border-bottom: 1px solid #CCCCCC; + padding-bottom: 3px; +} + +.elgg-main-heading { + float: left; + max-width: 530px; + margin-right: 10px; +} + +.elgg-list { + border-top: 1px dotted #CCCCCC; + margin: 5px 0; +} + +.elgg-list li { + border-bottom: 1px dotted #CCCCCC; +} + + +.elgg-center { + margin: 0 auto; +} + +.elgg-width-classic { + width: 990px; +} + + +#elgg-search { + bottom:5px; + height:23px; + position:absolute; + right:0; +} +#elgg-main-nav { + z-index: 7000; + position: absolute; + height:23px; + bottom:0; + left:0; + width:auto; +} + + +/* *************************************** + ELGG TOPBAR +*************************************** */ +.elgg-page-topbar a { + margin-right:30px; + padding-top:2px; + display:inline; + float:left; + text-align: left; + color:#eeeeee; +} +.elgg-page-topbar a:hover { + color:#71cbff; + text-decoration: none; +} +.elgg-page-topbar a img.user-mini-avatar { + border:1px solid #eeeeee; + margin:1px 0 0 10px; + display: block; +} +.elgg-page-topbar a img.site-logo { + display: block; + margin-left:5px; + margin-top: -1px; +} +.elgg-page-topbar .log-out { + float:right; +} +.elgg-page-topbar .log-out a { + display: inline; + text-align: right; + margin-right:10px; + color:#999999; +} +.elgg-page-topbar .log-out a:hover { + color:#71cbff; +} +.elgg-page-topbar a.myfriends { + background:transparent url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png) no-repeat left -297px; + margin-right:30px; + text-indent: -900em; + width:36px; +} +.elgg-page-topbar a.myfriends:hover { + background-position: left -337px; +} +.elgg-page-topbar a.settings { + background:transparent url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png) no-repeat -300px -41px; + padding-left:20px !important; + float:right; + margin-right:30px; +} +.elgg-page-topbar a.admin { + background:transparent url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png) no-repeat -300px -41px; + padding-left:20px !important; + float:right; + margin-right:30px; +} +.elgg-page-topbar a.help { + background:transparent url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png) no-repeat -300px -133px; + padding-left:18px !important; + float:right; + margin-right:30px; +} + + +/* *************************************** + HEADER CONTENTS +*************************************** */ +.elgg-page-header-inner { + position: relative; + height: 90px; +} + +.elgg-page-header h1 a span.network-title { + font-size: 2em; + line-height:1.4em; + color: white; + font-style: italic; + font-family: Georgia, times, serif; + display: block; + text-decoration: none; + text-shadow:1px 2px 4px #333333; +} +.elgg-page-header #elgg-search input.search-input { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + background-color:transparent; + border:1px solid #71b9f7; + color:white; + font-size:12px; + font-weight:bold; + margin:0; + padding:2px 4px 2px 26px; + width:198px; + background-image: url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png); + background-position: 2px -220px; + background-repeat: no-repeat; +} +.elgg-page-header #elgg-search input.search-input:focus { + background-color:white; + color:#0054A7; + border:1px solid white; + background-position: 2px -257px; +} +.elgg-page-header #elgg-search input.search-input:active { + background-color:white; + color:#0054A7; + border:1px solid white; + background-position: 2px -257px; +} +.elgg-page-header #elgg-search input.search-submit-button { + display:none; +} + +/* *************************************** + FOOTER CONTENTS +*************************************** */ + +.elgg-page-footer .elgg-inner { + width: 990px; + margin: 0 auto; + padding: 5px 0; + border-top: 1px solid #DEDEDE; +} + +.elgg-page-footer .elgg-inner, +.elgg-page-footer .elgg-inner a, +.elgg-page-footer .elgg-inner p { + color:#999999; +} +.elgg-page-footer .elgg-inner a:hover { + color:#666666; +} +.elgg-page-footer .elgg-inner p { + margin:0; +} |