diff options
| -rw-r--r-- | _graphics/spotlight_back.gif | bin | 0 -> 1466 bytes | |||
| -rw-r--r-- | _graphics/temp_spotlight.gif | bin | 25788 -> 0 bytes | |||
| -rw-r--r-- | views/default/css.php | 35 | ||||
| -rw-r--r-- | views/default/spotlight/default.php | 70 |
4 files changed, 94 insertions, 11 deletions
diff --git a/_graphics/spotlight_back.gif b/_graphics/spotlight_back.gif Binary files differnew file mode 100644 index 000000000..5ea1bdcf0 --- /dev/null +++ b/_graphics/spotlight_back.gif diff --git a/_graphics/temp_spotlight.gif b/_graphics/temp_spotlight.gif Binary files differdeleted file mode 100644 index e64fc72bb..000000000 --- a/_graphics/temp_spotlight.gif +++ /dev/null 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…</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>
+
|
