Purity2 Theme by SocialApparatus.

http://community.elgg.org/pg/plugins/project/874669/developer/sbarron/purity2-theme-for-elgg-18

41 files changed, 1432 insertions, 0 deletions

diff --git a/graphics/button.png b/graphics/button.png
new file mode 100644
index 000000000..1d5c5a71f
--- /dev/null
+++ b/graphics/button.png
diff --git a/graphics/elgg_sprites.png b/graphics/elgg_sprites.png
new file mode 100644
index 000000000..2305b868a
--- /dev/null
+++ b/graphics/elgg_sprites.png
diff --git a/graphics/login.png b/graphics/login.png
new file mode 100644
index 000000000..f0e7762d2
--- /dev/null
+++ b/graphics/login.png
diff --git a/graphics/logo.png b/graphics/logo.png
new file mode 100644
index 000000000..eea028015
--- /dev/null
+++ b/graphics/logo.png
diff --git a/graphics/menu.gif b/graphics/menu.gif
new file mode 100644
index 000000000..75bdefd61
--- /dev/null
+++ b/graphics/menu.gif
diff --git a/graphics/menu.png b/graphics/menu.png
new file mode 100644
index 000000000..1dff418a0
--- /dev/null
+++ b/graphics/menu.png
diff --git a/graphics/people.png b/graphics/people.png
new file mode 100644
index 000000000..b983d9d31
--- /dev/null
+++ b/graphics/people.png
diff --git a/graphics/preset1.png b/graphics/preset1.png
new file mode 100644
index 000000000..367f5f828
--- /dev/null
+++ b/graphics/preset1.png
diff --git a/graphics/preset2.png b/graphics/preset2.png
new file mode 100644
index 000000000..75d3c7488
--- /dev/null
+++ b/graphics/preset2.png
diff --git a/graphics/preset3.png b/graphics/preset3.png
new file mode 100644
index 000000000..2c496c2d8
--- /dev/null
+++ b/graphics/preset3.png
diff --git a/graphics/preset4.png b/graphics/preset4.png
new file mode 100644
index 000000000..fba38467d
--- /dev/null
+++ b/graphics/preset4.png
diff --git a/graphics/preset5.png b/graphics/preset5.png
new file mode 100644
index 000000000..626f19eed
--- /dev/null
+++ b/graphics/preset5.png
diff --git a/graphics/preset6.png b/graphics/preset6.png
new file mode 100644
index 000000000..4ad5f5780
--- /dev/null
+++ b/graphics/preset6.png
diff --git a/graphics/preset7.png b/graphics/preset7.png
new file mode 100644
index 000000000..2c82b009b
--- /dev/null
+++ b/graphics/preset7.png
diff --git a/graphics/purity_01.png b/graphics/purity_01.png
new file mode 100644
index 000000000..7f444b470
--- /dev/null
+++ b/graphics/purity_01.png
diff --git a/graphics/purity_02.png b/graphics/purity_02.png
new file mode 100644
index 000000000..565759e40
--- /dev/null
+++ b/graphics/purity_02.png
diff --git a/graphics/purity_03.png b/graphics/purity_03.png
new file mode 100644
index 000000000..6b19dabea
--- /dev/null
+++ b/graphics/purity_03.png
diff --git a/graphics/search.gif b/graphics/search.gif
new file mode 100644
index 000000000..1634ad85c
--- /dev/null
+++ b/graphics/search.gif
diff --git a/graphics/search.png b/graphics/search.png
new file mode 100644
index 000000000..e7c87fd4c
--- /dev/null
+++ b/graphics/search.png
diff --git a/graphics/sidebar_background.gif b/graphics/sidebar_background.gif
new file mode 100644
index 000000000..a0b8028d1
--- /dev/null
+++ b/graphics/sidebar_background.gif
diff --git a/graphics/spacer.gif b/graphics/spacer.gif
new file mode 100644
index 000000000..1c9d8aaad
--- /dev/null
+++ b/graphics/spacer.gif
diff --git a/graphics/topbar.gif b/graphics/topbar.gif
new file mode 100644
index 000000000..d606d3e3f
--- /dev/null
+++ b/graphics/topbar.gif
diff --git a/manifest.xml b/manifest.xml
new file mode 100644
index 000000000..3b7858997
--- /dev/null
+++ b/manifest.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<plugin_manifest xmlns="http://www.elgg.org/plugin_manifest/1.8">
+    <name>Purity Theme</name>
+    <author>SocialApparatus</author>
+    <version>2.0</version>
+    <category>theme</category>
+    <description>
+        Premium Theme from SocialApparatus, Compatible with Chameleon Theme Engine available at http://socia.us
+    </description>
+    <website>http://socia.us</website>
+    <copyright>(C) 2012 SocialApparatus</copyright>
+    <license>GNU General Public License (GPL) version 2</license>		
+    <admin_interface>simple</admin_interface>
+    <requires>
+        <type>elgg_release</type>
+        <version>1.8</version>
+    </requires>
+</plugin_manifest>
diff --git a/start.php b/start.php
new file mode 100644
index 000000000..4d32d0a97
--- /dev/null
+++ b/start.php
@@ -0,0 +1,84 @@
+<?php
+
+function purity_theme_init() {
+    elgg_extend_view('page/elements/head', 'purity_theme/meta');
+    elgg_extend_view('css/elgg', 'purity_theme/css');
+    elgg_unregister_menu_item('topbar', 'elgg_logo');
+    if (elgg_is_active_plugin(CHAMELEONTHEMEENGINE)) {
+        if (!function_exists('chameleonPresets')) {
+
+            function chameleonPresets() {
+                $presets = array(
+                    'preset1' => array(
+                        'thumbnail' => 'purity_theme/graphics/preset1.png',
+                        'body_background_color' => 'ECECEC',
+                        'body_background_pattern' => 'eleven',
+                        'accent_color' => '1d1d1d',
+                        'logo_font' => 'poiret',
+                        'body_font' => 'nunito',
+                        'logo_color' => 'f34557'
+                    ),
+                    'preset2' => array(
+                        'thumbnail' => 'purity_theme/graphics/preset2.png',
+                        'body_background_color' => 'a52a2a',
+                        'body_background_pattern' => 'twelve',
+                        'accent_color' => '216587',
+                        'logo_font' => 'oxygen',
+                        'body_font' => 'ubuntu',
+                        'logo_color' => '000000'
+                    ),
+                    'preset3' => array(
+                        'thumbnail' => 'purity_theme/graphics/preset3.png',
+                        'body_background_color' => 'e8e8e8',
+                        'body_background_pattern' => 'twentyone',
+                        'accent_color' => '61871f',
+                        'logo_font' => 'oxygen',
+                        'body_font' => 'comfortaa',
+                        'logo_color' => '61871f'
+                    ),
+                    'preset4' => array(
+                        'thumbnail' => 'purity_theme/graphics/preset4.png',
+                        'body_background_color' => '1e1436',
+                        'body_background_pattern' => 'four',
+                        'accent_color' => '000000',
+                        'logo_font' => 'lobster',
+                        'body_font' => 'oxygen',
+                        'logo_color' => '1e1436'
+                    ),
+                    'preset5' => array(
+                        'thumbnail' => 'purity_theme/graphics/preset5.png',
+                        'body_background_color' => '163853',
+                        'body_background_pattern' => 'twentyfive',
+                        'accent_color' => '0F7516',
+                        'logo_font' => 'poiret',
+                        'body_font' => 'nunito',
+                        'logo_color' => 'ff0000'
+                    ),
+                    'preset6' => array(
+                        'thumbnail' => 'purity_theme/graphics/preset6.png',
+                        'body_background_color' => 'e6e3de',
+                        'body_background_pattern' => 'fourteen',
+                        'accent_color' => 'ea7a3e',
+                        'logo_font' => 'nunito',
+                        'body_font' => 'poiret',
+                        'logo_color' => '4c4a47'
+                    ),
+                    'preset7' => array(
+                        'thumbnail' => 'purity_theme/graphics/preset7.png',
+                        'body_background_color' => '000000',
+                        'body_background_pattern' => 'fifteen',
+                        'accent_color' => '1d1d1d',
+                        'logo_font' => 'comfortaa',
+                        'body_font' => 'nunito',
+                        'logo_color' => '72a32b'
+                    )
+                );
+                return $presets;
+            }
+
+        }
+    }
+}
+
+elgg_register_event_handler('init', 'system', 'purity_theme_init');
+?>
\ No newline at end of file
diff --git a/views/default/css/elements/buttons.php b/views/default/css/elements/buttons.php
new file mode 100644
index 000000000..f584fa90f
--- /dev/null
+++ b/views/default/css/elements/buttons.php
@@ -0,0 +1,132 @@
+<?php
+/**
+ * CSS buttons
+ *
+ * @package Elgg.Core
+ * @subpackage UI
+ */
+?>
+/* **************************
+	BUTTONS
+************************** */
+
+/* Base */
+.elgg-button {
+	font-size: 14px;
+	font-weight: bold;
+	width: auto;
+	padding: 1px 4px;
+	cursor: pointer;
+	outline: none;
+        background:#333333;
+        color:#ffffff;
+	
+}
+a.elgg-button {
+	padding: 3px 6px;
+}
+a.elgg-button:hover {
+color:#ffffff;
+}
+
+/* Submit: This button should convey, "you're about to take some definitive action" */
+.elgg-button-submit {
+	color: white;
+	text-decoration: none;
+	
+	
+}
+
+.elgg-button-submit:hover {
+	border-color: #333333;
+	text-decoration: none;
+	color: white;
+	background: #333333 url(<?php echo elgg_get_site_url(); ?>_graphics/button_graduation.png) repeat-x left 10px;
+}
+
+.elgg-button-submit.elgg-state-disabled {
+	background: #999;
+	border-color: #999;
+	cursor: default;
+}
+
+/* Cancel: This button should convey a negative but easily reversible action (e.g., turning off a plugin) */
+.elgg-button-cancel {
+	color: #333;
+	background: #ddd url(<?php echo elgg_get_site_url(); ?>_graphics/button_graduation.png) repeat-x left 10px;
+	border: 1px solid #999;
+}
+.elgg-button-cancel:hover {
+	color: #444;
+	background-color: #999;
+	background-position: left 10px;
+	text-decoration: none;
+}
+
+/* Action: This button should convey a normal, inconsequential action, such as clicking a link */
+.elgg-button-action {
+	color: #fff;
+	text-align: center;
+	font-weight: bold;
+	text-decoration: none;
+	cursor: pointer;
+	height:27px;
+	line-height:27px;
+	border:3px solid #ffffff;
+	-moz-border-radius:10px;
+	-webkit-border-radius:10px;
+	border-radius:10px;
+}
+
+.elgg-button-action:hover,
+.elgg-button-action:focus {
+	text-decoration: none;
+	box-shadow:0px 0px 4px #333333;
+}
+
+/* Delete: This button should convey "be careful before you click me" */
+.elgg-button-delete {
+	color: #bbb;
+	text-decoration: none;
+	border: 1px solid #333;
+	background: #555 url(<?php echo elgg_get_site_url(); ?>_graphics/button_graduation.png) repeat-x left 10px;
+}
+.elgg-button-delete:hover {
+	color: #999;
+	background-color: #333;
+	background-position: left 10px;
+	text-decoration: none;
+}
+
+.elgg-button-dropdown {
+	text-decoration:none;
+	text-align:center;
+	display:block;
+	font-weight:bold;
+	position:relative;
+	right:30px;
+	top:30px;
+	color: #333333;
+	border:2px solid #dddddd;
+	width:70px;
+	height:30px;
+	line-height:30px;
+        -moz-border-radius:10px;
+        -webkit-border-radius:10px;
+        border-radius:10px;
+}
+
+.elgg-button-dropdown:after {
+	content: " \25BC ";
+	font-size:smaller;
+}
+
+.elgg-button-dropdown:hover {
+	text-decoration:none;
+        box-shadow:0px 0px 4px #333333;
+}
+
+.elgg-button-dropdown.elgg-state-active {
+	outline: none;
+	color: #333;
+}
diff --git a/views/default/css/elements/forms.php b/views/default/css/elements/forms.php
new file mode 100644
index 000000000..c6aa55841
--- /dev/null
+++ b/views/default/css/elements/forms.php
@@ -0,0 +1,298 @@
+<?php
+/**
+ * CSS form/input elements
+ *
+ * @package Elgg.Core
+ * @subpackage UI
+ */
+?>
+
+/* ***************************************
+	Form Elements
+*************************************** */
+fieldset > div {
+	margin-bottom: 15px;
+}
+fieldset > div:last-child {
+	margin-bottom: 0;
+}
+.elgg-form-alt > fieldset > .elgg-foot {
+	border-top: 1px solid #CCC;
+	padding: 10px 0;
+}
+
+label {
+	font-weight: bold;
+	color: #333;
+	font-size: 110%;
+}
+
+input, textarea {
+	border: 1px solid #ccc;
+	color: #666;
+	font: 120% Arial, Helvetica, sans-serif;
+	padding: 5px;
+	width: 100%;	
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+input:focus, textarea:focus {
+
+	background: #e4ecf5;
+	color:#333;
+}
+
+textarea {
+	height: 200px;
+}
+
+
+.elgg-longtext-control {
+	float: right;
+	margin-left: 14px;
+	font-size: 80%;
+	cursor: pointer;
+}
+
+
+.elgg-input-access {
+	margin:5px 0 0 0;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+	margin:0 3px 0 0;
+	padding:0;
+	border:none;
+	width:auto;
+}
+.elgg-input-checkboxes.elgg-horizontal li,
+.elgg-input-radio.elgg-horizontal li {
+	display: inline;
+	padding-right: 10px;
+}
+
+.elgg-form-account input[type="text"],
+.elgg-form-account input[type="password"] {
+	width: 300px;
+}
+
+/* ***************************************
+	FRIENDS PICKER
+*************************************** */
+.friends-picker-main-wrapper {
+	margin-bottom: 15px;
+}
+.friends-picker-container h3 {
+	font-size:4em !important;
+	text-align: left;
+	margin:10px 0 20px !important;
+	color:#999 !important;
+	background: none !important;
+	padding:0 !important;
+}
+.friends-picker .friends-picker-container .panel ul {
+	text-align: left;
+	margin: 0;
+	padding:0;
+}
+.friends-picker-wrapper {
+	margin: 0;
+	padding:0;
+	position: relative;
+	width: 100%;
+}
+.friends-picker {
+	position: relative;
+	overflow: hidden;
+	margin: 0;
+	padding:0;
+	width: 730px;
+	height: auto;
+	background-color: #dedede;
+}
+.friendspicker-savebuttons {
+	background: white;
+	margin:0 10px 10px;
+}
+.friends-picker .friends-picker-container { /* long container used to house end-to-end panels. Width is calculated in JS  */
+	position: relative;
+	left: 0;
+	top: 0;
+	width: 100%;
+	list-style-type: none;
+}
+.friends-picker .friends-picker-container .panel {
+	float:left;
+	height: 100%;
+	position: relative;
+	width: 730px;
+	margin: 0;
+	padding:0;
+}
+.friends-picker .friends-picker-container .panel .wrapper {
+	margin: 0;
+	padding:4px 10px 10px 10px;
+	min-height: 230px;
+}
+.friends-picker-navigation {
+	margin: 0 0 10px;
+	padding:0 0 10px;
+	border-bottom:1px solid #ccc;
+}
+.friends-picker-navigation ul {
+	list-style: none;
+	padding-left: 0;
+}
+.friends-picker-navigation ul li {
+	float: left;
+	margin:0;
+	background:white;
+}
+.friends-picker-navigation a {
+	font-weight: bold;
+	text-align: center;
+	background: white;
+	color: #999;
+	text-decoration: none;
+	display: block;
+	padding: 0;
+	width:20px;
+}
+.tabHasContent {
+	background: white;
+	color:#333 !important;
+}
+.friends-picker-navigation li a:hover {
+	background: #333;
+	color:white !important;
+}
+.friends-picker-navigation li a.current {
+	color:white !important;
+}
+.friends-picker-navigation-l, .friends-picker-navigation-r {
+	position: absolute;
+	top: 46px;
+	text-indent: -9000em;
+}
+.friends-picker-navigation-l a, .friends-picker-navigation-r a {
+	display: block;
+	height: 40px;
+	width: 40px;
+}
+.friends-picker-navigation-l {
+	right: 48px;
+	z-index:1;
+}
+.friends-picker-navigation-r {
+	right: 0;
+	z-index:1;
+}
+.friends-picker-navigation-l {
+	background: url("<?php echo elgg_get_site_url(); ?>_graphics/friendspicker.png") no-repeat left top;
+}
+.friends-picker-navigation-r {
+	background: url("<?php echo elgg_get_site_url(); ?>_graphics/friendspicker.png") no-repeat -60px top;
+}
+.friends-picker-navigation-l:hover {
+	background: url("<?php echo elgg_get_site_url(); ?>_graphics/friendspicker.png") no-repeat left -44px;
+}
+.friends-picker-navigation-r:hover {
+	background: url("<?php echo elgg_get_site_url(); ?>_graphics/friendspicker.png") no-repeat -60px -44px;
+}
+.friendspicker-savebuttons .elgg-button-submit,
+.friendspicker-savebuttons .elgg-button-cancel {
+	margin:5px 20px 5px 5px;
+}
+.friendspicker-members-table {
+	background: #dedede;
+	margin:10px 0 0;
+	padding:10px 10px 0;
+}
+
+/* ***************************************
+	USER PICKER
+*************************************** */
+
+.user-picker .user-picker-entry {
+	clear:both;
+	height:25px;
+	padding:5px;
+	margin-top:5px;
+	border-bottom:1px solid #cccccc;
+}
+.user-picker-entry .elgg-button-delete {
+	margin-right:10px;
+}
+/* ***************************************
+      DATE PICKER
+**************************************** */
+.ui-datepicker {
+	margin-top: 3px;
+	background-color: white;
+	border: 1px solid #333333;
+	overflow: hidden;
+}
+
+.ui-datepicker-header {
+	color: white;
+	padding: 2px 0;
+}
+.ui-datepicker-header a {
+	color: white;
+}
+.ui-datepicker-prev, .ui-datepicker-next {
+    position: absolute;
+    top: 5px;
+	cursor: pointer;
+}
+.ui-datepicker-prev {
+    left: 6px;
+}
+.ui-datepicker-next {
+    right: 6px;
+}
+.ui-datepicker-title {
+    line-height: 1.8em;
+    margin: 0 30px;
+    text-align: center;
+	font-weight: bold;
+}
+.ui-datepicker-calendar {
+	margin: 4px;
+}
+.ui-datepicker th {
+	color: #333333;
+	border: none;
+    font-weight: bold;
+    padding: 5px 6px;
+    text-align: center;
+}
+.ui-datepicker td {
+	padding: 1px;
+}
+.ui-datepicker td span, .ui-datepicker td a {
+    display: block;
+    padding: 2px;
+	line-height: 1.2em;
+    text-align: right;
+    text-decoration: none;
+}
+.ui-datepicker-calendar .ui-state-default {
+	border: 1px solid #ccc;
+	background: #fafafa;
+}
+.ui-datepicker-calendar .ui-state-hover {
+	border: 1px solid #aaa;
+    color: #333333;
+	background: #eee;
+}
+.ui-datepicker-calendar .ui-state-active,
+.ui-datepicker-calendar .ui-state-active.ui-state-hover {
+	font-weight: bold;
+    border: 1px solid #333333;
+    color: #333333;
+	background: #E4ECF5;
+}
diff --git a/views/default/css/elements/helpers.php b/views/default/css/elements/helpers.php
new file mode 100644
index 000000000..e6f59260d
--- /dev/null
+++ b/views/default/css/elements/helpers.php
@@ -0,0 +1,161 @@
+<?php
+/**
+ * Helpers CSS
+ *
+ * Contains generic elements that can be used throughout the site.
+ *
+ * @package Elgg.Core
+ * @subpackage UI
+ */
+?>
+
+.clearfloat { 
+	clear: both;
+}
+
+.hidden {
+	display: none;
+}
+
+.centered {
+	margin: 0 auto;
+}
+
+.center {
+	text-align: center;
+}
+
+.float {
+	float: left;
+}
+
+.float-alt {
+	float: right;
+}
+
+.right {
+	float: right;
+}
+
+.left {
+	float: left;
+}
+
+.link {
+	cursor: pointer;
+}
+
+<?php @todo // do we need something like large and small? ?>
+.large {
+	font-size: 120%;
+}
+
+.small {
+	font-size: 80%;
+}
+
+.elgg-discover .elgg-discoverable {
+	display: none;
+}
+
+.elgg-discover:hover .elgg-discoverable {
+	display: block;
+}
+
+.elgg-transition:hover {
+	opacity: .7;
+}
+
+/* ***************************************
+	BORDERS AND SEPARATORS
+*************************************** */
+.elgg-border-plain {
+	border: 1px solid #eeeeee;
+}
+.elgg-border-transition {
+	border: 1px solid #eeeeee;
+}
+.elgg-divide-top {
+	border-top: 1px solid #CCCCCC;
+}
+.elgg-divide-bottom {
+	border-bottom: 1px solid #CCCCCC;
+}
+.elgg-divide-left {
+	border-left: 1px solid #CCCCCC;
+}
+.elgg-divide-right {
+	border-right: 1px solid #CCCCCC;
+}
+
+/* ***************************************
+	Spacing (from OOCSS)
+*************************************** */
+<?php
+/**
+ * Spacing classes
+ * Should be used to modify the default spacing between objects (not between nodes of the same object)
+ * Please use judiciously. You want to be using defaults most of the time, these are exceptions!
+ * <type><location><size>
+ * <type>: m = margin, p = padding
+ * <location>: a = all, t = top, r = right, b = bottom, l = left, h = horizontal, v = vertical
+ * <size>: n = none, s = small, m = medium, l = large
+ */
+
+$none = '0';
+$small = '5px';
+$medium = '10px';
+$large = '20px';
+
+echo <<<CSS
+/* Padding */
+.pan{padding:$none}
+.prn, .phn{padding-right:$none}
+.pln, .phn{padding-left:$none}
+.ptn, .pvn{padding-top:$none}
+.pbn, .pvn{padding-bottom:$none}
+
+.pas{padding:$small}
+.prs, .phs{padding-right:$small}
+.pls, .phs{padding-left:$small}
+.pts, .pvs{padding-top:$small}
+.pbs, .pvs{padding-bottom:$small}
+
+.pam{padding:$medium}
+.prm, .phm{padding-right:$medium}
+.plm, .phm{padding-left:$medium}
+.ptm, .pvm{padding-top:$medium}
+.pbm, .pvm{padding-bottom:$medium}
+
+.pal{padding:$large}
+.prl, .phl{padding-right:$large}
+.pll, .phl{padding-left:$large}
+.ptl, .pvl{padding-top:$large}
+.pbl, .pvl{padding-bottom:$large}
+
+/* Margin */
+.man{margin:$none}
+.mrn, .mhn{margin-right:$none}
+.mln, .mhn{margin-left:$none}
+.mtn, .mvn{margin-top:$none}
+.mbn, .mvn{margin-bottom:$none}
+
+.mas{margin:$small}
+.mrs, .mhs{margin-right:$small}
+.mls, .mhs{margin-left:$small}
+.mts, .mvs{margin-top:$small}
+.mbs, .mvs{margin-bottom:$small}
+
+.mam{margin:$medium}
+.mrm, .mhm{margin-right:$medium}
+.mlm, .mhm{margin-left:$medium}
+.mtm, .mvm{margin-top:$medium}
+.mbm, .mvm{margin-bottom:$medium}
+
+.mal{margin:$large}
+.mrl, .mhl{margin-right:$large}
+.mll, .mhl{margin-left:$large}
+.mtl, .mvl{margin-top:$large}
+.mbl, .mvl{margin-bottom:$large}
+CSS;
+?>
\ No newline at end of file
diff --git a/views/default/css/elements/layout.php b/views/default/css/elements/layout.php
new file mode 100644
index 000000000..06c23f147
--- /dev/null
+++ b/views/default/css/elements/layout.php
@@ -0,0 +1,142 @@
+<?php
+/**
+ * Page Layout
+ *
+ * Contains CSS for the page shell and page layout
+ *
+ * Default layout: 990px wide, centered. Used in default page shell
+ *
+ * @package Elgg.Core
+ * @subpackage UI
+ */
+?>
+
+/* ***************************************
+PAGE LAYOUT
+*************************************** */
+/***** DEFAULT LAYOUT ******/
+<?php // the width is on the page rather than topbar to handle small viewports ?>
+body {
+text-shadow:1px 1px 0px #ffffff;
+}
+.elgg-page-default {
+min-width: 998px;
+}
+.elgg-page-default .elgg-page-header > .elgg-inner {
+width: 1016px;
+margin:20px auto 0px  auto;
+background:url(<?php echo $vars['url']; ?>mod/purity_theme/graphics/purity_01.png) top center no-repeat;
+}
+.elgg-page-default .elgg-page-header {
+
+}
+.elgg-page-default .elgg-page-body > .elgg-inner {
+width: 990px;
+margin: 0px auto;
+background:url(<?php echo $vars['url']; ?>mod/purity_theme/graphics/purity_02.png) top center repeat-y;
+padding:0px 13px;
+}
+.elgg-body {
+background:none;
+}
+.elgg-page-default .elgg-page-footer > .elgg-inner {
+width: 970px;
+margin: 0 auto;
+padding: 5px 0;
+}
+.elgg-page-default .elgg-page-footer {
+background:url(<?php echo $vars['url']; ?>mod/purity_theme/graphics/purity_03.png) bottom center no-repeat;
+width:1016px;
+padding:10px;
+margin:0px auto;
+height:50px;
+}
+
+/***** TOPBAR ******/
+.elgg-page-topbar {
+background: #2D2D2D ;
+position: relative;
+height: 24px;
+z-index: 9000;
+width:940px;
+margin-left:auto;
+margin-right:auto;
+}
+.elgg-page-topbar > .elgg-inner {
+padding: 0 10px;
+}
+
+/***** PAGE MESSAGES ******/
+.elgg-system-messages {
+position: absolute;
+top: 24px;
+right: 20px;
+max-width: 500px;
+z-index: 2000;
+}
+.elgg-system-messages li {
+margin-top: 10px;
+}
+.elgg-system-messages li p {
+margin: 0;
+}
+
+/***** PAGE HEADER ******/
+.elgg-page-header {
+position: relative;
+}
+.elgg-page-header > .elgg-inner {
+position: relative;
+}
+
+/***** PAGE BODY LAYOUT ******/
+.elgg-layout {
+min-height: 360px;
+}
+.elgg-layout-one-sidebar {
+background: transparent url(<?php echo elgg_get_site_url(); ?>mod/purity_theme/graphics/sidebar_background.gif) repeat-y right top;
+}
+.elgg-layout-two-sidebar {
+background: transparent url(<?php echo elgg_get_site_url(); ?>_graphics/two_sidebar_background.gif) repeat-y right top;
+}
+.elgg-sidebar {
+position: relative;
+padding: 20px 10px;
+float: right;
+width: 210px;
+margin: 0 0 0 10px;
+-webkit-border-top-left-radius: 15px;
+-webkit-border-top-right-radius: 15px;
+-moz-border-radius-topleft: 15px;
+-moz-border-radius-topright: 15px;
+border-top-left-radius: 15px;
+border-top-right-radius: 15px;}
+.elgg-sidebar-alt {
+position: relative;
+padding: 20px 10px;
+float: left;
+width: 160px;
+margin: 0 10px 0 0;
+}
+.elgg-main {
+position: relative;
+min-height: 360px;
+padding: 10px;
+}
+.elgg-main > .elgg-head {
+padding-bottom: 3px;
+border-bottom: 1px solid #CCCCCC;
+margin-bottom: 10px;
+}
+
+/***** PAGE FOOTER ******/
+.elgg-page-footer {
+position: relative;
+padding-top:20px;
+}
+.elgg-page-footer {
+color: #999;
+}
+.elgg-page-footer a:hover {
+color: #666;
+}
\ No newline at end of file
diff --git a/views/default/css/elements/typography.php b/views/default/css/elements/typography.php
new file mode 100644
index 000000000..5c59f1639
--- /dev/null
+++ b/views/default/css/elements/typography.php
@@ -0,0 +1,155 @@
+<?php
+/**
+ * CSS typography
+ *
+ * @package Elgg.Core
+ * @subpackage UI
+ */
+?>
+
+/* ***************************************
+	Typography
+*************************************** */
+body {
+	font-size: 80%;
+	line-height: 1.4em;
+font-family: "Lucida Grande", Arial, Tahoma, Verdana, sans-serif;
+	}
+
+a {
+	color:#333333;
+}
+
+a:hover,
+a.selected { <?php //@todo remove .selected ?>
+	color: #555555;
+	text-decoration: underline;
+}
+
+p {
+	margin-bottom: 15px;
+}
+
+p:last-child {
+	margin-bottom: 0;
+}
+
+pre, code {
+	font-size: 11px;
+	
+	background:#EBF5FF;
+	color:#000000;
+	overflow:auto;
+
+	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
+
+	white-space: pre-wrap;
+	word-wrap: break-word; /* IE 5.5-7 */
+	
+}
+
+pre {
+	padding:3px 15px;
+	margin:0px 0 15px 0;
+	line-height:1.3em;
+}
+
+code {
+	padding:1px 3px;
+}
+
+.elgg-monospace {
+}
+
+blockquote {
+	line-height: 1.3em;
+	padding:3px 15px;
+	margin:0px 0 15px 0;
+	background:#EBF5FF;
+	border:none;
+	
+}
+
+h1, h2, h3, h4, h5, h6 {
+	font-weight: bold;
+	color: #333333;
+}
+
+h1 { font-size: 1.8em; }
+h2 { font-size: 1.5em; line-height: 1.1em; padding-bottom:5px}
+h3 { font-size: 1.2em; }
+h4 { font-size: 1.0em; }
+h5 { font-size: 0.9em; }
+h6 { font-size: 0.8em; }
+
+.elgg-heading-site, .elgg-heading-site:hover {
+	font-size: 2.2em;
+	line-height: 1.2em;
+	text-decoration: none;
+	margin-top:40px;
+	margin-left:40px;
+	float:left;
+}
+
+.elgg-heading-main {
+	float: left;
+	max-width: 530px;
+	margin-right: 10px;
+}
+.elgg-heading-basic {
+	color: #333333;
+	font-size: 1.2em;
+	font-weight: bold;
+}
+
+.elgg-subtext {
+	color: #666666;
+	font-size: 85%;
+	line-height: 1.2em;
+	font-style: italic;
+}
+
+.elgg-text-help {
+	display: block;
+	font-size: 85%;
+	font-style: italic;
+}
+
+.elgg-quiet {
+	color: #666;
+}
+
+.elgg-loud {
+	color: #333333;
+}
+
+/* ***************************************
+	USER INPUT DISPLAY RESET
+*************************************** */
+.elgg-output {
+	margin-top: 10px;
+}
+
+.elgg-output dt { font-weight: bold }
+.elgg-output dd { margin: 0 0 1em 1em }
+
+.elgg-output ul, ol {
+	margin: 0 1.5em 1.5em 0;
+	padding-left: 1.5em;
+}
+.elgg-output ul {
+	list-style-type: disc;
+}
+.elgg-output ol {
+	list-style-type: decimal;
+}
+.elgg-output table {
+	border: 1px solid #ccc;
+}
+.elgg-output table td {
+	border: 1px solid #ccc;
+	padding: 3px 5px;
+}
+.elgg-output img {
+	max-width: 100%;
+}
\ No newline at end of file
diff --git a/views/default/custom_index/css.php b/views/default/custom_index/css.php
new file mode 100644
index 000000000..66cdf3e53
--- /dev/null
+++ b/views/default/custom_index/css.php
@@ -0,0 +1,17 @@
+<?php
+/**
+ * Custom Index CSS
+ *
+ */
+?>
+
+/*******************************
+	Custom Index
+********************************/
+.custom-index {
+	padding: 10px 0;
+}
+.custom-index .elgg-module-featured {
+}
+.custom-index .elgg-module-featured:hover {
+}
diff --git a/views/default/page/default.php b/views/default/page/default.php
new file mode 100644
index 000000000..c6bb6f1b0
--- /dev/null
+++ b/views/default/page/default.php
@@ -0,0 +1,58 @@
+<?php
+/**
+ * Elgg pageshell
+ * The standard HTML page shell that everything else fits into
+ *
+ * @package Elgg
+ * @subpackage Core
+ *
+ * @uses $vars['title'] The page title
+ * @uses $vars['body'] The main content of the page
+ * @uses $vars['sysmessages'] A 2d array of various message registers, passed from system_messages()
+ */
+
+// backward compatability support for plugins that are not using the new approach
+// of routing through admin. See reportedcontent plugin for a simple example.
+if (elgg_get_context() == 'admin') {
+	elgg_deprecated_notice("admin plugins should route through 'admin'.", 1.8);
+	elgg_admin_add_plugin_settings_menu();
+	elgg_unregister_css('elgg');
+	echo elgg_view('page/admin', $vars);
+	return true;
+}
+
+// Set the content type
+header("Content-type: text/html; charset=UTF-8");
+
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<?php echo elgg_view('page/elements/head', $vars); ?>
+</head>
+<body>
+<div class="elgg-page elgg-page-default">
+	<div class="elgg-page-messages">
+		<?php echo elgg_view('page/elements/messages', array('object' => $vars['sysmessages'])); ?>
+	</div>
+	
+	
+	<div class="elgg-page-header">
+		<div class="elgg-inner">
+			<?php echo elgg_view('page/elements/header', $vars); ?>
+		</div>
+	</div>
+	<div class="elgg-page-body">
+		<div class="elgg-inner">
+			<?php echo elgg_view('page/elements/body', $vars); ?>
+		</div>
+	</div>
+	<div class="elgg-page-footer">
+		<div class="elgg-inner">
+			<?php echo elgg_view('page/elements/footer', $vars); ?>
+		</div>
+	</div>
+</div>
+<?php echo elgg_view('page/elements/foot'); ?>
+</body>
+</html>
\ No newline at end of file
diff --git a/views/default/page/elements/footer.php b/views/default/page/elements/footer.php
new file mode 100644
index 000000000..2459545c0
--- /dev/null
+++ b/views/default/page/elements/footer.php
@@ -0,0 +1,12 @@
+<?php
+/**
+ * Elgg footer
+ * The standard HTML footer that displays across the site
+ *
+ * @package Elgg
+ * @subpackage Core
+ *
+ */
+
+echo elgg_view_menu('footer', array('sort_by' => 'priority', 'class' => 'elgg-menu-hz'));
+?>
\ No newline at end of file
diff --git a/views/default/page/elements/header.php b/views/default/page/elements/header.php
new file mode 100644
index 000000000..ad3bfabce
--- /dev/null
+++ b/views/default/page/elements/header.php
@@ -0,0 +1,22 @@
+<?php
+/**
+ * Elgg page header
+ * In the default theme, the header lives between the topbar and main content area.
+ */
+
+// link back to main site.
+echo elgg_view('page/elements/header_logo', $vars);
+
+// drop-down login
+echo elgg_view('core/account/login_dropdown');
+
+// insert site-wide navigation
+?>
+<div id="social_menu">
+<?php
+echo elgg_view_menu('site');
+?>
+<div style="clear:both;"></div>
+</div>
+<?php echo elgg_view('page/elements/topbar', $vars); ?>
+<div style="clear:both;"></div>
diff --git a/views/default/page/elements/header_logo.php b/views/default/page/elements/header_logo.php
new file mode 100644
index 000000000..373ce27f7
--- /dev/null
+++ b/views/default/page/elements/header_logo.php
@@ -0,0 +1,21 @@
+<?php
+/**
+ * Elgg header logo
+ */
+
+$site = elgg_get_site_entity();
+$site_name = $site->name;
+$site_url = elgg_get_site_url();
+$site_description = $site->description;
+?>
+
+<h1 style="float:left;margin-top:10px;">
+	<a class="elgg-heading-site" href="<?php echo $site_url; ?>">
+		<?php echo $site_name; ?>
+	</a>
+</h1>
+
+
+<div style="clear:left;"></div>
+<p style="float:left;margin-left:20px;"><?php echo $site_description; ?></p>
+
diff --git a/views/default/page/elements/messages.php b/views/default/page/elements/messages.php
new file mode 100644
index 000000000..869ce2b5e
--- /dev/null
+++ b/views/default/page/elements/messages.php
@@ -0,0 +1,27 @@
+<?php
+/**
+ * Elgg global system message list
+ * Lists all system messages
+ *
+ * @package Elgg
+ * @subpackage Core
+ *
+ * @uses $vars['object'] The array of message registers
+ */
+echo '<div style="width:990px;margin:0px auto;position:relative;">';
+echo '<ul class="elgg-system-messages">';
+
+// hidden li so we validate
+echo '<li class="hidden"></li>';
+
+if (isset($vars['object']) && is_array($vars['object']) && sizeof($vars['object']) > 0) {
+	foreach ($vars['object'] as $type => $list ) {
+		foreach ($list as $message) {
+			echo "<li class=\"elgg-message elgg-state-$type\">";
+			echo autop($message);
+			echo '</li>';
+		}
+	}
+}
+
+echo '</ul></div>';
diff --git a/views/default/page/elements/topbar.php b/views/default/page/elements/topbar.php
new file mode 100644
index 000000000..ef70a83cc
--- /dev/null
+++ b/views/default/page/elements/topbar.php
@@ -0,0 +1,25 @@
+<?php
+/**
+ * Elgg topbar
+ * The standard elgg top toolbar
+ */
+
+// Elgg logo
+?>
+<div id="social_topbar">
+		<div style="width:930px;margin:0px auto;">
+			<?php if (elgg_is_logged_in()):
+				echo elgg_view_menu('topbar', array('sort_by' => 'priority', array('elgg-menu-hz')));
+			endif ?>
+		</div>
+		<div style="clear:both;"></div>
+</div>
+<?php
+
+// elgg tools menu
+// need to echo this empty view for backward compatibility.
+$content = elgg_view("navigation/topbar_tools");
+if ($content) {
+	elgg_deprecated_notice('navigation/topbar_tools was deprecated. Extend the topbar menus or the page/elements/topbar view directly', 1.8);
+	echo $content;
+}
diff --git a/views/default/page/layouts/custom_index.php b/views/default/page/layouts/custom_index.php
new file mode 100644
index 000000000..5aa9f9abc
--- /dev/null
+++ b/views/default/page/layouts/custom_index.php
@@ -0,0 +1,48 @@
+<?php
+if (elgg_get_config('allow_registration') != false) {
+	$friend_guid = (int) get_input('friend_guid', 0);
+	$invitecode = get_input('invitecode');
+	$register_url = elgg_get_site_url() . 'action/register';
+	if (elgg_get_config('https_login')) {
+		$register_url = str_replace("http:", "https:", $register_url);
+	}
+	$form_params = array(
+		'action' => $register_url,
+		'class' => 'elgg-form-account float',
+	);
+	$body_params = array(
+		'friend_guid' => $friend_guid,
+		'invitecode' => $invitecode
+	);
+	$content = elgg_view_form('register', $form_params, $body_params);
+	$content .= elgg_view('help/register');
+} else {
+	$content = '';
+}
+$showpeople = elgg_get_plugin_setting('showpeople','purity_theme');
+if (!$showpeople) $showpeople = 'right';
+?>
+
+<div class="custom-index elgg-main elgg-grid clearfix">
+	<div class="elgg-col elgg-col-1of2">
+		<div class="elgg-inner pvm phm prl">
+			<div class="front_left">
+				<?php if ($showpeople == 'Left') { ?>
+				<img src="<?php echo $vars['url']; ?>mod/purity_theme/graphics/people.png">
+				<?php } ?>
+				<?php echo elgg_view('purity_theme/leftside'); ?>
+				<?php if (!elgg_is_logged_in()) echo $content;?>
+			</div>
+		</div>
+	</div>
+	<div class="elgg-col elgg-col-1of2">
+		<div class="elgg-inner pvm">
+			<div class="front_right">
+				<?php if ($showpeople == 'Right') { ?>			
+				<img src="<?php echo $vars['url']; ?>mod/purity_theme/graphics/people.png">
+				<?php } ?>
+				<?php echo elgg_view('purity_theme/rightside'); ?>
+			</div>
+		</div>
+	</div>
+</div>
\ No newline at end of file
diff --git a/views/default/plugins/purity_theme/settings.php b/views/default/plugins/purity_theme/settings.php
new file mode 100644
index 000000000..a16b29034
--- /dev/null
+++ b/views/default/plugins/purity_theme/settings.php
@@ -0,0 +1,24 @@
+<?php
+	$frontleft = $vars['entity']->frontleft;
+		if (!$frontleft) $frontleft='<h2>You can edit this information in the admin section of this theme.</h2>';
+	$frontright = $vars['entity']->frontright;
+		if (!$frontright) $frontright='<h2>You can edit this information in the admin section of this theme.</h2>';
+	$showpeople = $vars['entity']->showpeople;
+		if (!$showpeople) $showpeople = 'Right';
+?>
+<div id="purity_theme_admin">
+
+		<label>Show the default "people" image?</label><br/>
+		<?php echo elgg_view('input/dropdown',array('name'=>'params[showpeople]','value'=>$showpeople,'options'=>array('no','Left','Right'))); ?>
+		<p>&nbsp;</p>
+		<label>Front left text area:</label><br/>
+		<?php
+			echo elgg_view('input/longtext', array('name'=>'params[frontleft]','value'=>$frontleft));
+		?>
+		<p>&nbsp;</p>
+		<label>Front right text area:</label><br/>
+		<?php
+			echo elgg_view('input/longtext', array('name'=>'params[frontright]','value'=>$frontright));
+		?>
+
+</div>
\ No newline at end of file
diff --git a/views/default/purity_theme/css.php b/views/default/purity_theme/css.php
new file mode 100644
index 000000000..11b5f0c57
--- /dev/null
+++ b/views/default/purity_theme/css.php
@@ -0,0 +1,178 @@
+<?php

+?>

+

+#social_menu {

+background:url(<?php echo $vars['url']; ?>mod/purity_theme/graphics/menu.png) top center no-repeat;

+width:980px;

+height:54px;

+margin:20px auto 0px auto;

+position:relative;

+}

+#social_topbar {

+background:url(<?php echo $vars['url']; ?>mod/purity_theme/graphics/menu.png) bottom center no-repeat;

+width:980px;

+height:41px;

+margin:0px auto;

+padding-top:3px;

+}

+#social_topbar a {

+color:#333333;

+}

+.elgg-menu-site > li > a {

+padding: 6px 6px 3px 6px;

+height: 20px;

+font-weight:bold;

+box-shadow:none;

+}

+

+.elgg-menu-site-default {

+position: absolute;

+bottom: 13px;

+left: 30px;

+height: 23px;

+}

+.elgg-menu-site-default > li {

+float: left;

+margin-right: 1px;

+}

+.elgg-menu-site-default li:last-child{

+background:none;

+}

+.elgg-menu-site-default > li > a {

+color: #333333;

+}

+.elgg-menu-site-default > .elgg-state-selected > a,

+.elgg-menu-site-default > li:hover > a {

+color: #fff;

+-moz-border-radius:8px;

+-webkit-border-radius:8px;

+border-radius:8px;

+-webkit-box-shadow: none;

+-moz-box-shadow: none;

+box-shadow: none;

+background:#A7A7A7;

+text-shadow:none;

+}

+.elgg-menu-site > li > a:hover {

+text-decoration: none;

+text-shadow:none;

+box-shadow:inset 0 0 1px #ffffff;

+}

+.elgg-menu-site-more {

+display: none;

+position: relative;

+left: -1px;

+width: 100%;

+z-index: 1;

+min-width: 150px;

+padding:0px;

+background:#ffffff;

+-webkit-border-radius: 10px;

+-moz-border-radius: 10px;

+border-radius: 10px;

+}

+

+li:hover > .elgg-menu-site-more {

+display: block;

+-webkit-box-shadow: none;

+-moz-box-shadow: none;

+box-shadow: none;

+border:none;

+background:#ffffff;

+box-shadow:0px 0px 4px #333333;

+text-shadow:none;

+}

+

+.elgg-menu-site-more > li > a {

+color: #333;

+background:#ffffff;

+padding:5px;

+}

+.elgg-menu-site-more > li > a:hover {

+background:#A7A7A7;

+color:#ffffff;

+text-shadow:none;

+}

+.elgg-menu-site-more >li:first-child> a,

+.elgg-menu-site-more > li:first-child >a:hover {

+-webkit-border-top-left-radius: 10px;

+-webkit-border-top-right-radius: 10px;

+-moz-border-radius-topleft: 10px;

+-moz-border-radius-topright: 10px;

+border-top-left-radius: 10px;

+border-top-right-radius: 10px;

+text-shadow:none;

+}

+.elgg-menu-site-more > li:last-child > a,

+.elgg-menu-site-more > li:last-child > a:hover {

+-webkit-border-bottom-right-radius: 10px;

+-webkit-border-bottom-left-radius: 10px;

+-moz-border-radius-bottomright: 10px;

+-moz-border-radius-bottomleft: 10px;

+border-bottom-right-radius: 10px;

+border-bottom-left-radius: 10px;

+text-shadow:none;

+}

+.elgg-more > a:before {

+content: "\25BC";

+font-size: smaller;

+margin-right: 4px;

+}

+.elgg-page-header .elgg-search {

+bottom: 49px;

+height: 31px;

+position: absolute;

+right: 10px;

+background:url(<?php echo $vars['url']; ?>mod/purity_theme/graphics/search.png) no-repeat;

+padding-right:60px;

+width:216px;

+height:34px;

+}

+.front_left {

+width:420px;

+margin-left:50px;

+}

+.front_right {

+width:420px;

+margin-right:50px;

+}

+.search-input {

+border:none;

+}

+.elgg-page-header .elgg-search input[type=text] {

+width: 166px;

+}

+.elgg-page-header .elgg-search input[type=submit] {

+display: none;

+}

+.elgg-search input[type=text] {

+color: #333;

+font-size: 12px;

+font-weight: bold;

+padding: 2px 4px 2px 26px;

+margin-top:10px;

+margin-left:6px;

+border:none;

+}

+.elgg-search input[type=text]:focus, .elgg-search input[type=text]:active {

+

+color: #0054A7;

+border:none;

+}

+.search-list li {

+padding: 5px 0 0;

+}

+.search-heading-category {

+margin-top: 20px;

+color: #666666;

+}

+

+*:hover, .elgg-state-selected {

+text-shadow:none;

+}

+.elgg-menu-page a:hover, #profile-owner-block a:hover{

+background:#333333;

+}

+.elgg-menu-page li.elgg-state-selected > a {

+background:#000000;

+}
\ No newline at end of file
diff --git a/views/default/purity_theme/leftside.php b/views/default/purity_theme/leftside.php
new file mode 100644
index 000000000..fddfe09b3
--- /dev/null
+++ b/views/default/purity_theme/leftside.php
@@ -0,0 +1,5 @@
+<?php 
+$frontleft=elgg_get_plugin_setting('frontleft','purity_theme');
+if (!$frontleft) $frontleft = '<h2>You can edit this information in the admin section of this theme.</h2>';
+echo $frontleft;
+?>
\ No newline at end of file
diff --git a/views/default/purity_theme/rightside.php b/views/default/purity_theme/rightside.php
new file mode 100644
index 000000000..34aeee0e3
--- /dev/null
+++ b/views/default/purity_theme/rightside.php
@@ -0,0 +1,5 @@
+<?php
+$frontright=elgg_get_plugin_setting('frontright','purity_theme');
+if (!$frontright) $frontright = '<h2>You can edit this information in the admin section of this theme.</h2>';
+echo $frontright; 
+?>
\ No newline at end of file