From 09dad56bcf9ffd017ece331b88a32a5a74eb63da Mon Sep 17 00:00:00 2001
From: Marc Alexander <admin@m-a-styles.de>
Date: Sat, 26 Oct 2013 18:03:29 +0200
Subject: [PATCH] [improve/design] Slight changes to menu and recent topics
 design

---
 .../portal/modules/recent_center.html         | 90 ++++++++++---------
 root/styles/prosilver/theme/portal.css        |  9 +-
 .../portal/modules/recent_center.html         | 14 +--
 3 files changed, 64 insertions(+), 49 deletions(-)

diff --git a/root/styles/prosilver/template/portal/modules/recent_center.html b/root/styles/prosilver/template/portal/modules/recent_center.html
index f4e130c4..49e9e274 100644
--- a/root/styles/prosilver/template/portal/modules/recent_center.html
+++ b/root/styles/prosilver/template/portal/modules/recent_center.html
@@ -1,46 +1,54 @@
 <!-- IF .latest_announcements or .latest_hot_topics or .latest_topics -->
 {$C_BLOCK_H_L}{$TITLE}{$C_BLOCK_H_R}
+<div class="panel bg1" style="margin-bottom: 0px">
+	<div class="inner"><span class="portal-corners-top-inner"></span>
+	<div class="portal-navigation">
 	<ul class="topiclist bg1">
-		<li><dl>
-			<dd style="border-left:0px; width:100%">
-			<table width="100%">
-			<tr>
-				<!-- IF .latest_announcements --><td class="row1"><strong>{L_PORTAL_RECENT_ANN}</strong></td><!-- ENDIF -->
-				<!-- IF .latest_hot_topics --><td class="row1"><strong>{L_PORTAL_RECENT_HOT_TOPIC}</strong></td><!-- ENDIF -->
-				<!-- IF .latest_topics --><td class="row1"><strong>{L_PORTAL_RECENT_TOPIC}</strong></td><!-- ENDIF -->
-			</tr>
-			<tr>
-				<!-- IF .latest_announcements -->
-				<td class="row1" style="width: 33%;" valign="top">
-					<span class="gensmall">
-					<!-- BEGIN latest_announcements -->
-								<a href="{latest_announcements.U_VIEW_TOPIC}" title="{latest_announcements.FULL_TITLE}">{latest_announcements.TITLE}</a><br />
-					<!-- END latest_announcements -->
-					</span>
-				</td>
-				<!-- ENDIF -->
-				<!-- IF .latest_hot_topics -->
-				<td class="row1" style="width: 33%;" valign="top">
-					<span class="gensmall">
-					<!-- BEGIN latest_hot_topics -->
-						<a href="{latest_hot_topics.U_VIEW_TOPIC}" title="{latest_hot_topics.FULL_TITLE}">{latest_hot_topics.TITLE}</a><br />
-					<!-- END latest_hot_topics -->
-					</span>
-				</td>
-				<!-- ENDIF -->
-				<!-- IF .latest_topics -->
-				<td class="row1" style="width: 33%;" valign="top">
-					<span class="gensmall">
-					<!-- BEGIN latest_topics -->
-						<a href="{latest_topics.U_VIEW_TOPIC}" title="{latest_topics.FULL_TITLE}">{latest_topics.TITLE}</a><br />
-					<!-- END latest_topics -->
-					</span>
-				</td>
-				<!-- ENDIF -->
-			</tr>
-			</table>
-			</dd>
-		</dl></li>
+		<li>
+			<dl>
+				<dd style="border-left:0px; width:100%">
+				<table width="100%">
+				<tr class="menutitle">
+					<!-- IF .latest_announcements --><td><strong>{L_PORTAL_RECENT_ANN}</strong></td><!-- ENDIF -->
+					<!-- IF .latest_hot_topics --><td><strong>{L_PORTAL_RECENT_HOT_TOPIC}</strong></td><!-- ENDIF -->
+					<!-- IF .latest_topics --><td><strong>{L_PORTAL_RECENT_TOPIC}</strong></td><!-- ENDIF -->
+				</tr>
+				<tr>
+					<!-- IF .latest_announcements -->
+					<td class="row1" style="width: 33%;" valign="top">
+						<span class="gensmall">
+						<!-- BEGIN latest_announcements -->
+									<a href="{latest_announcements.U_VIEW_TOPIC}" title="{latest_announcements.FULL_TITLE}">{latest_announcements.TITLE}</a>
+						<!-- END latest_announcements -->
+						</span>
+					</td>
+					<!-- ENDIF -->
+					<!-- IF .latest_hot_topics -->
+					<td class="row1" style="width: 33%;" valign="top">
+						<span class="gensmall">
+						<!-- BEGIN latest_hot_topics -->
+							<a href="{latest_hot_topics.U_VIEW_TOPIC}" title="{latest_hot_topics.FULL_TITLE}">{latest_hot_topics.TITLE}</a>
+						<!-- END latest_hot_topics -->
+						</span>
+					</td>
+					<!-- ENDIF -->
+					<!-- IF .latest_topics -->
+					<td class="row1" style="width: 33%;" valign="top">
+						<span class="gensmall">
+						<!-- BEGIN latest_topics -->
+							<a href="{latest_topics.U_VIEW_TOPIC}" title="{latest_topics.FULL_TITLE}">{latest_topics.TITLE}</a>
+						<!-- END latest_topics -->
+						</span>
+					</td>
+					<!-- ENDIF -->
+				</tr>
+				</table>
+				</dd>
+			</dl>
+		</li>
 	</ul>
+	</div>
+	<span class="portal-corners-bottom-inner"></span></div>
+</div>
 {$C_BLOCK_F_L}{$C_BLOCK_F_R}
-<!-- ENDIF -->
\ No newline at end of file
+<!-- ENDIF -->
diff --git a/root/styles/prosilver/theme/portal.css b/root/styles/prosilver/theme/portal.css
index 4430f8f8..2bd6ff2b 100644
--- a/root/styles/prosilver/theme/portal.css
+++ b/root/styles/prosilver/theme/portal.css
@@ -49,6 +49,13 @@ span.portal-corners-top-inner, span.portal-corners-bottom-inner{
 	padding: 1px 0;
 	font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
 	font-size: 12px;
+	text-decoration: underline;
+}
+
+.portal-navigation tr.menutitle{
+	font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
+	font-size: 12px;
+	text-decoration: underline;
 }
 
 .calendar-info {
@@ -88,4 +95,4 @@ span.portal-corners-top-inner, span.portal-corners-bottom-inner{
 	background-image: url("{T_THEME_PATH}/images/portal/arrowbullet_rtl.gif");
 	background-position: center right; /*custom bullet list image*/
 	padding-right: 19px; /*link text is indented 19px*/
-}
\ No newline at end of file
+}
diff --git a/root/styles/subsilver2/template/portal/modules/recent_center.html b/root/styles/subsilver2/template/portal/modules/recent_center.html
index 14de1a01..a8bd39e8 100644
--- a/root/styles/subsilver2/template/portal/modules/recent_center.html
+++ b/root/styles/subsilver2/template/portal/modules/recent_center.html
@@ -1,30 +1,30 @@
 <!-- IF .latest_announcements or .latest_hot_topics or .latest_topics -->
 {$C_BLOCK_H_L}{$TITLE}{$C_BLOCK_H_R}
 <table class="tablebg" cellspacing="1" width="100%">
-	<tr>
-		<!-- IF .latest_announcements --><td class="row1"><strong>{L_PORTAL_RECENT_ANN}</strong></td><!-- ENDIF -->
-		<!-- IF .latest_hot_topics --><td class="row1"><strong>{L_PORTAL_RECENT_HOT_TOPIC}</strong></td><!-- ENDIF -->
-		<!-- IF .latest_topics --><td class="row1"><strong>{L_PORTAL_RECENT_TOPIC}</strong></td><!-- ENDIF -->
+	<tr class="cat">
+		<!-- IF .latest_announcements --><td><strong>{L_PORTAL_RECENT_ANN}</strong></td><!-- ENDIF -->
+		<!-- IF .latest_hot_topics --><td><strong>{L_PORTAL_RECENT_HOT_TOPIC}</strong></td><!-- ENDIF -->
+		<!-- IF .latest_topics --><td><strong>{L_PORTAL_RECENT_TOPIC}</strong></td><!-- ENDIF -->
 	</tr>
 	<tr>
 		<!-- IF .latest_announcements -->
 		<td class="row1" width="33%" valign="top">
 			<!-- BEGIN latest_announcements -->
-						<a href="{latest_announcements.U_VIEW_TOPIC}" title="{latest_announcements.FULL_TITLE}">{latest_announcements.TITLE}</a><br />
+						<a href="{latest_announcements.U_VIEW_TOPIC}" title="{latest_announcements.FULL_TITLE}"><img src="{T_THEME_PATH}/images/portal/arrowbullet<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->_rtl<!-- ENDIF -->.gif" width="12" height="11" alt="" />&nbsp;{latest_announcements.TITLE}</a><br />
 			<!-- END latest_announcements -->
 		</td>
 		<!-- ENDIF -->
 		<!-- IF .latest_hot_topics -->
 		<td class="row1" width="33%" valign="top">
 			<!-- BEGIN latest_hot_topics -->
-				<a href="{latest_hot_topics.U_VIEW_TOPIC}" title="{latest_hot_topics.FULL_TITLE}">{latest_hot_topics.TITLE}</a><br />
+				<a href="{latest_hot_topics.U_VIEW_TOPIC}" title="{latest_hot_topics.FULL_TITLE}"><img src="{T_THEME_PATH}/images/portal/arrowbullet<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->_rtl<!-- ENDIF -->.gif" width="12" height="11" alt="" />&nbsp;{latest_hot_topics.TITLE}</a><br />
 			<!-- END latest_hot_topics -->
 		</td>
 		<!-- ENDIF -->
 		<!-- IF .latest_topics -->
 		<td class="row1" width="33%" valign="top">
 			<!-- BEGIN latest_topics -->
-				<a href="{latest_topics.U_VIEW_TOPIC}" title="{latest_topics.FULL_TITLE}">{latest_topics.TITLE}</a><br />
+				<a href="{latest_topics.U_VIEW_TOPIC}" title="{latest_topics.FULL_TITLE}"><img src="{T_THEME_PATH}/images/portal/arrowbullet<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->_rtl<!-- ENDIF -->.gif" width="12" height="11" alt="" />&nbsp;{latest_topics.TITLE}</a><br />
 			<!-- END latest_topics -->
 		</td>
 		<!-- ENDIF -->