From f116fd14efb9173eddc95636c2f876fca25195ed Mon Sep 17 00:00:00 2001 From: cash Date: Fri, 10 Dec 2010 02:31:15 +0000 Subject: stage 1 of cleaning up page header css git-svn-id: http://code.elgg.org/elgg/trunk@7589 36083f99-b078-4883-b0ff-0f9b5a30f544 --- views/default/css/elements/page_layout.php | 202 +++++++++++------------------ 1 file changed, 78 insertions(+), 124 deletions(-) (limited to 'views/default/css/elements/page_layout.php') diff --git a/views/default/css/elements/page_layout.php b/views/default/css/elements/page_layout.php index 6250f79ba..17f792ad0 100644 --- a/views/default/css/elements/page_layout.php +++ b/views/default/css/elements/page_layout.php @@ -10,69 +10,6 @@ Page Layout *************************************** */ -.elgg-page-topbar { - background: #333333 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-header { - x-overflow: hidden; - position: relative; - background-color: #4690D6; - background-image: 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(_graphics/sidebar_background.gif); - background-repeat:repeat-y; - background-position: right top; -} -.elgg-layout-two-sidebar { - background-image: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. @@ -126,16 +63,7 @@ } -.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; @@ -162,19 +90,26 @@ 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 { + background: #333333 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-header .elgg-inner { + width: 990px; + margin: 0 auto; + height: 90px; + position: relative; +} .elgg-page-topbar .elgg-inner { padding: 2px 10px 2px 8px; } @@ -197,63 +132,82 @@ margin-top: -1px; } - - - - /* *************************************** - HEADER CONTENTS + HEADER *************************************** */ -.elgg-page-header-inner { +.elgg-page-header { + x-overflow: hidden; position: relative; - height: 90px; + background-color: #4690D6; + background-image: url(_graphics/header_shadow.png); + background-repeat: repeat-x; + background-position: bottom left; } - -.elgg-page-header h1 a span.network-title { +.elgg-page-header h1 a { font-size: 2em; - line-height:1.4em; + line-height: 1.4em; color: white; font-style: italic; font-family: Georgia, times, serif; - display: block; + text-shadow: 1px 2px 4px #333333; 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(_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 + BODY *************************************** */ +.elgg-layout-one_column { + padding: 10px 0; +} +.elgg-layout-sidebar { + background-image:url(_graphics/sidebar_background.gif); + background-repeat:repeat-y; + background-position: right top; +} +.elgg-layout-two-sidebar { + background-image: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; +} + +.elgg-main-header { + border-bottom: 1px solid #CCCCCC; + padding-bottom: 3px; +} + +.elgg-main-heading { + float: left; + max-width: 530px; + margin-right: 10px; +} + +/* *************************************** + FOOTER +*************************************** */ +.elgg-page-footer { + position: relative; + z-index: 999; +} .elgg-page-footer .elgg-inner { width: 990px; margin: 0 auto; -- cgit v1.2.3