default spotlight

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

2 files changed, 94 insertions, 11 deletions

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>

+