Refs #2317 starting create a css skin sub view

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

4 files changed, 70 insertions, 23 deletions

diff --git a/views/default/css/elements/core.php b/views/default/css/elements/core.php
index 330d35cd4..65c5f2a2e 100644
--- a/views/default/css/elements/core.php
+++ b/views/default/css/elements/core.php
@@ -10,23 +10,12 @@
 	Core
 *************************************** */
 body {
-	text-align:left;
-	margin:0 auto;
-	padding:0;
-	background-color: white;
 	font-size: 80%;
 	line-height: 1.4em;
 	font-family: "Lucida Grande",Arial,Tahoma,Verdana,sans-serif;
 }
-a {
-	color: #4690D6;
-	text-decoration: none;
-	-moz-outline-style: none;
-	outline: none;
-}
 a:hover,
 a.selected {
-	color: #555555;
 	text-decoration: underline;
 }
 p {
@@ -159,17 +148,7 @@ h2 {
 .elgg-tagcloud {
 	text-align:justify;
 }
-.ajax-loader {
-	background-color: white;
-	background-image: url(<?php echo elgg_get_site_url(); ?>_graphics/ajax_loader_bw.gif);
-	background-repeat: no-repeat;
-	background-position: center center;
-	min-height:33px;
-	min-width:33px;
-}
-.ajax-loader.left {
-	background-position: left center;
-}
+
 
 .right {
 	float: right;
diff --git a/views/default/css/elements/navigation.php b/views/default/css/elements/navigation.php
index a2f147df8..5ea94798a 100644
--- a/views/default/css/elements/navigation.php
+++ b/views/default/css/elements/navigation.php
@@ -142,12 +142,14 @@
 }
 .elgg-site-menu a {
 	color: white;
-	text-decoration: none;
 	font-weight: bold;
 	padding: 3px 13px 0px 13px;
 	height: 20px;
 	display: block;
 }
+.elgg-site-menu a:hover {
+	text-decoration: none;
+}
 .elgg-site-menu li.selected a,
 .elgg-site-menu li a:hover,
 .elgg-site-menu .elgg-more:hover a {
diff --git a/views/default/css/elements/reset.php b/views/default/css/elements/reset.php
index 13f750de8..f8d7b16bc 100644
--- a/views/default/css/elements/reset.php
+++ b/views/default/css/elements/reset.php
@@ -66,3 +66,6 @@ q:before, q:after {
 blockquote, q {
 	quotes: "" "";
 }
+a {
+	text-decoration: none;
+}
diff --git a/views/default/css/elements/skin.php b/views/default/css/elements/skin.php
new file mode 100644
index 000000000..a8f8db7ba
--- /dev/null
+++ b/views/default/css/elements/skin.php
@@ -0,0 +1,63 @@
+<?php
+/**
+ * Skin of the theme
+ *
+ * @package Elgg.Core
+ * @subpackage UI
+ */
+?>
+
+/* ***************************************
+	THEME CHROME
+*************************************** */
+body {
+	background-color: white;
+}
+a {
+	color: #4690D6;
+}
+a:hover,
+a.selected {
+	color: #555555;
+}
+/* ***************************************
+	ICONS
+*************************************** */
+.elgg-icon {
+	background: transparent url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png) no-repeat left;
+	width: 16px;
+	height: 16px;
+	display: block;
+	float: left;
+}
+.elgg-icon-settings {
+	background-position: -302px -44px;
+}
+.elgg-icon-friends {
+	background-position: 0 -300px;
+	width: 36px;
+}
+.elgg-icon-friends:hover {
+	background-position: 0 -340px;
+}
+.elgg-icon-help {
+	background-position: -302px -136px;
+}
+.elgg-icon-arrow-s {
+	background-position: -146px -56px;
+}
+.elgg-icon-arrow-s:hover {
+	background-position: -146px -76px;
+}
+
+.ajax-loader {
+	background-color: white;
+	background-image: url(<?php echo elgg_get_site_url(); ?>_graphics/ajax_loader_bw.gif);
+	background-repeat: no-repeat;
+	background-position: center center;
+	min-height:33px;
+	min-width:33px;
+}
+.ajax-loader.left {
+	background-position: left center;
+}
\ No newline at end of file