basic skin added

git-svn-id: https://code.elgg.org/elgg/trunk@359 36083f99-b078-4883-b0ff-0f9b5a30f544

1 files changed, 200 insertions, 28 deletions

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;