From 19441944a45f5c9a5effdc62a384579914faecde Mon Sep 17 00:00:00 2001 From: dave Date: Wed, 2 Apr 2008 13:00:34 +0000 Subject: basic skin added git-svn-id: https://code.elgg.org/elgg/trunk@359 36083f99-b078-4883-b0ff-0f9b5a30f544 --- graphics/blockquote.png | Bin 0 -> 377 bytes graphics/footer.gif | Bin 0 -> 567 bytes graphics/header.gif | Bin 0 -> 2555 bytes graphics/sidebar-bottom.gif | Bin 0 -> 189 bytes graphics/sidebar-top.gif | Bin 0 -> 189 bytes views/default/css.php | 228 +++++++++++++++++++++++++++++---- views/default/page_elements/footer.php | 2 +- views/default/pageshells/pageshell.php | 9 +- 8 files changed, 206 insertions(+), 33 deletions(-) create mode 100644 graphics/blockquote.png create mode 100644 graphics/footer.gif create mode 100644 graphics/header.gif create mode 100644 graphics/sidebar-bottom.gif create mode 100644 graphics/sidebar-top.gif diff --git a/graphics/blockquote.png b/graphics/blockquote.png new file mode 100644 index 000000000..3fd144f59 Binary files /dev/null and b/graphics/blockquote.png differ diff --git a/graphics/footer.gif b/graphics/footer.gif new file mode 100644 index 000000000..450458751 Binary files /dev/null and b/graphics/footer.gif differ diff --git a/graphics/header.gif b/graphics/header.gif new file mode 100644 index 000000000..410baff22 Binary files /dev/null and b/graphics/header.gif differ diff --git a/graphics/sidebar-bottom.gif b/graphics/sidebar-bottom.gif new file mode 100644 index 000000000..b89f99b29 Binary files /dev/null and b/graphics/sidebar-bottom.gif differ diff --git a/graphics/sidebar-top.gif b/graphics/sidebar-top.gif new file mode 100644 index 000000000..84f7e628a Binary files /dev/null and b/graphics/sidebar-top.gif differ diff --git a/views/default/css.php b/views/default/css.php index 82d742eaf..2636c25cf 100644 --- a/views/default/css.php +++ b/views/default/css.php @@ -7,7 +7,7 @@ * @package Elgg * @subpackage Core * @license http://www.gnu.org/licenses/old-licenses/gpl-2.0.html GNU Public License version 2 - * @author Curverider Ltd + * @author (s) David Tosh / Pete Harris * @copyright Curverider Ltd 2008 * @link http://elgg.org/ * @@ -20,28 +20,110 @@ Default Elgg CSS */ +/* + Globals +*/ + body { - background:#fff; - color:#000; - margin:20px center; - text-align:center; + background:#fff url(/graphics/header.gif) repeat-x; /* #d9e2f2 */ + color:#697C83; + font-family:'Trebuchet MS','Lucida Grande', Arial, sans-serif; + text-align:left; + margin:0 auto; + padding:0; + font-size: 80%; + line-height:1.6em; } -#container { - width:990px; - border-left:2px solid #555; - border-right:2px solid #555; - margin:auto; +p { + color:#555; + margin:0 0 10px 0; } -#header { - margin:0 0 20px 0; - padding:10px; - text-align:left; - position:relative; - border-bottom:1px solid #555; +a { + text-decoration:none; + color:#336699; +} + +ol, ul { + color:#697C83; +} + +h1 { + font-size:130%; +} + +h2, h3, h4, h5 { + font-size:100%; +} + +blockquote{ + background: #EEE url(/graphics/blockquote.png) no-repeat bottom left; + padding: 10px; + padding-bottom: 40px; + margin: 1em; +} + +/******* End of globals *************/ + +/* + TABLES IN ELGG +*/ + +td { + border:1px solid #eee; + padding:0; + margin:0; +} + +td h4, h3, h5 { + padding:0; + margin:0; } +/******** end tables **************/ + +/* + CONTAINER: WRAPS THE HEADER AND MAIN CONTENT AREA BELOW THE USER TOOLBAR +*/ + +div#container { + width:970px; + margin:0 auto; + padding:0; +} + +/* + HEADER: THE HEADER INCLUDES THE LOGO AND SEARCH BAR +*/ + +div#header { + margin:0; + padding:0; + text-align:left; + position:relative; + background:transparent; + width:100%; + height:120px; +} + +div#header h1 { + font-size:30px; + padding:20px 0 0 0; + margin:10px 0 6px 0; +} + +div#header h1 a{ + color:#fff; + font-family:Helvetica, "Myriad Web", Arial, sans-serif; +} + +/**** End header ****/ + +/* + Topmenu +*/ + #topmenu { position:absolute; top:2px; @@ -53,37 +135,127 @@ body { list-style:none; } -#sidebar_toolbox { - float:left; +#topmenu li a { + color:#fff; +} + +/**** end top menu ****/ + +/* + sidebar menu +*/ + +#sidebar_menu { + /* float:left; width:150px; background:#efefef; padding:5px; text-align:left; text-size:10px; - margin:0; + margin:0; */ +} + +div#sidebar_menu { + width: 250px; + margin:20px 10px 20px 0; + padding:0; + float: right; + background:#efefef url(/graphics/sidebar-top.gif) no-repeat top; +} + +div#sidebar-menu-bottom { + background:url(/graphics/sidebar-bottom.gif) no-repeat bottom; + height:9px; + width:250px; + margin:0; +} + +div#sidebar-contents { + padding:10px; +} + +div#sidebar_menu ul { + margin: 0; + padding:0; + list-style: none; +} + +div#sidebar_menu ul li { + margin:10px 0; + padding-left: 5px; +} + +div#sidebar_menu ul li ul li a { + padding:0 0 0 5px; +} + +div#sidebar_menu h2 { + text-align:left; + border-bottom:1px solid #ccc; + color:#777; + font-size:0.9em; + width:220px; } -#mainContent_nosidebar { - margin:0 0 0 180px; - width:750px; + +/**** end sidebar menu ****/ + +#mainContent { + margin:0; + width:680px; padding:20px; } #login-box { text-align:left; - background:#555; border:1px solid #ddd; width:300px; padding:10px; - color:#fff; } -#footer { - border-top:1px solid #555; - margin:20px 0 0 0; - padding:10px; +/* + FOOTER +*/ + +div#footer { + clear: both; + position: relative; + font-size:1em; + height:26px; + margin:20px 0 0 0; + color:#174764; + font-weight:bold; + width:100%; + padding:3px 0 0 0; + background:url(/graphics/footer.gif) repeat-x; } +div#footer img { + text-align:right; + padding:3px 0 0 0; +} + +div#footer p { + padding:0 20px 0 20px; +} + +div#footer a { + color:#fff; + padding:0 5px 0 5px; +} + +div#footer a:hover { + text-decoration:underline; +} + +div#footer a:link, div#footer a:visited { + text-align:right; +} + +/* + System messages +*/ + .messages { border:1px solid #D3322A; background:#F7DAD8; diff --git a/views/default/page_elements/footer.php b/views/default/page_elements/footer.php index 5c3ff09d2..dd6e9d764 100644 --- a/views/default/page_elements/footer.php +++ b/views/default/page_elements/footer.php @@ -13,7 +13,7 @@ * */ ?> -
+