From 83d3c58b377dc0ab0ac4eb56dd5aeaac3c6fe7c8 Mon Sep 17 00:00:00 2001
From: pete <pete@36083f99-b078-4883-b0ff-0f9b5a30f544>
Date: Wed, 25 Jun 2008 12:22:27 +0000
Subject: default spotlight

git-svn-id: https://code.elgg.org/elgg/trunk@1121 36083f99-b078-4883-b0ff-0f9b5a30f544
---
 _graphics/spotlight_back.gif        | Bin 0 -> 1466 bytes
 _graphics/temp_spotlight.gif        | Bin 25788 -> 0 bytes
 views/default/css.php               |  35 ++++++++++++------
 views/default/spotlight/default.php |  70 +++++++++++++++++++++++++++++++++++-
 4 files changed, 94 insertions(+), 11 deletions(-)
 create mode 100644 _graphics/spotlight_back.gif
 delete mode 100644 _graphics/temp_spotlight.gif

diff --git a/_graphics/spotlight_back.gif b/_graphics/spotlight_back.gif
new file mode 100644
index 000000000..5ea1bdcf0
Binary files /dev/null and b/_graphics/spotlight_back.gif differ
diff --git a/_graphics/temp_spotlight.gif b/_graphics/temp_spotlight.gif
deleted file mode 100644
index e64fc72bb..000000000
Binary files a/_graphics/temp_spotlight.gif and /dev/null differ
diff --git a/views/default/css.php b/views/default/css.php
index 10897fe24..90a9e6424 100644
--- a/views/default/css.php
+++ b/views/default/css.php
@@ -86,10 +86,10 @@ a {
 	outline: none;
 }
 a:visited {
-	color: #336699;
+	color: #0054a7;
 }
 a:hover {
-	color: #003366;
+	color: #0054a7;
 	text-decoration: underline;
 }
 p {
@@ -234,14 +234,13 @@ h6 { font-size: 0.8em; }
 }
 #wrapper_spotlight .collapsable_box_content  {
 	margin:0;
-	padding:0 0 10px 0;
-	background: #dfdfdf;
-	height:184px;
+	padding:20px 20px 10px 20px;
+	background: url(<?php echo $vars['url']; ?>_graphics/spotlight_back.gif) repeat-x left bottom;
+	min-height:60px;
 	border:none;
 }
 #layout_spotlight .collapsable_box_content p {
 	padding:0;
-	/* background: url(<?php echo $vars['url']; ?>_graphics/temp_spotlight.gif) repeat-x left top; */
 }
 #layout_footer {
 	background: url(<?php echo $vars['url']; ?>_graphics/footer_back.gif) repeat-x left top;
@@ -391,7 +390,7 @@ h6 { font-size: 0.8em; }
     list-style:none;
 }
 #topmenu li a {
-    color:#3399cc;
+    color:#4690d6;
     margin:0 10px 0 10px;
 }
 #topmenu li a:hover {
@@ -535,13 +534,13 @@ a.toggle_customise_edit_panel:hover {
 }
 .elggtoolbar li a {
 	text-decoration: none;
-	color: #3399cc;
+	color: #4690d6;
 	line-height:0.5em;
 	padding-left:5px;
 }
 .elggtoolbar li a:hover {
 	text-decoration: underline;
-	color: #003366;
+	color: #0054a7;
 }
 .elggtoolbar h2.drawer-handle {
 	margin: 0;
@@ -653,12 +652,14 @@ input[type="submit"] {
     background: #ffffff;
     margin-left: 40px;
 }
+
 /* ***************************************
 	MAIN CONTENT ELEMENTS
 *************************************** */
 .elggtoolbar .elggtoolbar_header h1,
 .collapsable_box_header h1 {
-	color: #4690d6;
+	/*color: #4690d6;*/
+	color: #0054a7;
 	font-size:1.25em;
 	line-height: 1.2em;
 }
@@ -798,6 +799,20 @@ p.user_menu_friends_of {
 	width:94%;
 }
 
+/* ***************************************
+	SPOTLIGHT
+*************************************** */
+#wrapper_spotlight #spotlight_table h2 {
+	color:#4690d6;
+	font-size:1.25em;
+	line-height:1.2em;
+}
+#wrapper_spotlight #spotlight_table li {
+	list-style: square;
+	line-height: 1.2em;
+	margin:5px 20px 5px 0;
+}
+
 
 
 /* ***************************************
diff --git a/views/default/spotlight/default.php b/views/default/spotlight/default.php
index 3132d2795..90c80bdf5 100644
--- a/views/default/spotlight/default.php
+++ b/views/default/spotlight/default.php
@@ -14,4 +14,72 @@
 	 */
 ?>
 
-		<p><img src="<?php echo $vars['url']; ?>_graphics/temp_spotlight.gif" border="0" width=100% height=184px /></p>
+<table id="spotlight_table" width="100%"cellspacing="0">
+	<tr>
+		<td align="left" valign="top">
+		<!-- spotlight LHS content -->
+					<table id="spotlight_table_left_area" width="90%" cellspacing="0">
+						<tr>
+							<td colspan="3" align="left" valign="top">
+							<h2>Help tip / Announcement</h2>
+							
+							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in. <a href="">more&hellip;</a><p>
+							
+							</td>
+						</tr>
+						
+						<tr><td width="100%" height="10" colspan="3" align="left" valign="top"></td>	</tr>
+						
+						<tr>
+							<td width="33%" align="left" valign="top">
+							<h2>Help topics</h2>
+							
+							<ul>
+								<li>Lorem ipsum dolor sit amet</li>
+								<li>Consectetur adipisicing elit</li>
+								<li>Sed do eiusmod tempor incididunt</li>
+							</ul>
+							
+							</td>
+							<td width="33%" align="left" valign="top">
+							<ul>
+								<li>Lorem ipsum dolor sit amet</li>
+								<li>Consectetur adipisicing elit</li>
+								<li>Sed do eiusmod tempor incididunt</li>
+								<li>Ut labore et dolore magna aliqua</li>
+							</ul>
+							
+							
+							</td>
+							<td width="33%" align="left" valign="top">
+							<ul>
+								<li>Ut labore et dolore magna aliqua</li>
+								<li>Lorem ipsum dolor sit amet</li>
+								<li>Consectetur adipisicing elit</li>
+								<li>Sed do eiusmod tempor incididunt</li>
+							</ul>
+							
+							</td>
+						</tr>
+					</table>
+				<!-- /spotlight LHS content -->
+
+		</td>		
+		
+		
+		<td width="250" align="left" valign="top">
+		<!-- spotlight RHS content -->
+		<h2>Tutorials</h2>
+					
+		<ul>
+			<li>Consectetur adipisicing elit</li>
+			<li>Sed do eiusmod tempor incididunt</li>
+			<li>Lorem ipsum dolor sit amet</li>
+			<li>Consectetur adipisicing elit</li>
+			<li>Sed do eiusmod tempor incididunt</li>
+		</ul>
+		<!-- /spotlight RHS content -->
+		</td>
+	</tr>
+</table>
+
-- 
cgit v1.2.3