From 19441944a45f5c9a5effdc62a384579914faecde Mon Sep 17 00:00:00 2001
From: dave <dave@36083f99-b078-4883-b0ff-0f9b5a30f544>
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
---
 views/default/css.php | 228 +++++++++++++++++++++++++++++++++++++++++++-------
 1 file changed, 200 insertions(+), 28 deletions(-)

(limited to 'views/default/css.php')

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(<?php echo $vars['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(<?php echo $vars['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(<?php echo $vars['url']; ?>/graphics/sidebar-top.gif) no-repeat top;
+}
+
+div#sidebar-menu-bottom {
+   background:url(<?php echo $vars['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(<?php echo $vars['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;
-- 
cgit v1.2.3