New prosilver style including new, own CSS file

root/styles/prosilver/template/portal/block/announcements.html

@@ -9,13 +9,13 @@
 				<!-- BEGIN announcements_row -->
 				<!-- IF announcements_row.S_NO_TOPICS  -->
 				<div class="post bg2">
-					<div class="inner"><span class="corners-top"><span></span></span>
+					<div class="inner"><span class="portal-corners-top-inner"><span></span></span>
 						<span style="text-align: center;"><strong>{L_NO_ANNOUNCEMENTS}</strong></span>
-					<span class="corners-bottom"><span></span></span></div>
+					<span class="portal-corners-bottom-inner"><span></span></span></div>
 				</div>
 				<!-- ELSE -->
 				<div class="post <!-- IF announcements_row.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF -->">
-					<div class="inner"><span class="corners-top"><span></span></span>
+					<div class="inner"><span class="portal-corners-top-inner"><span></span></span>
 						<h4 class="first"><a name="a{announcements_row.A_ID}"></a><!-- IF announcements_row.S_UNREAD_INFO -->{NEWEST_POST_IMG}<!-- ELSE -->{READ_POST_IMG}<!-- ENDIF --> {announcements_row.ATTACH_ICON_IMG} <!-- IF announcements_row.S_POLL --> <strong>{L_POLL}: </strong><!-- ENDIF --><a href="{announcements_row.U_VIEW_COMMENTS}"><strong>{announcements_row.TITLE}</strong></a></h4>
 						<!-- IF announcements_row.PAGINATION --><strong class="pagination"><span>{announcements_row.PAGINATION}</span></strong><!-- ENDIF -->
 						<ul class="linklist">
@@ -48,7 +48,7 @@
 						</div>
 					<!-- ENDIF -->
 					<!-- ENDIF -->
-					<span class="corners-bottom"><span></span></span></div>
+					<span class="portal-corners-bottom-inner"><span></span></span></div>
 				</div>
 				<!-- ENDIF -->
 				<!-- END announcements_row -->

root/styles/prosilver/template/portal/block/attachments.html

@@ -1,21 +1,21 @@
 <!--version $Id$ //-->
-    <div class="panel">
+    <div class="portal-panel">
        <div class="inner">
-          <span class="corners-top"><span></span></span>
-             <h3>{L_ATTACHMENTS}</h3>
+          <span class="portal-corners-top"><span></span></span>
+             <h3><img src="{T_THEME_PATH}/images/portal/portal_attach.gif" width="13px" height="18px" alt=""/>&nbsp;{L_ATTACHMENTS}</h3>
              <!-- IF .attach -->
              <span style="float:left;"><strong>{L_FILENAME}</strong></span><br />
                 <!-- BEGIN attach -->
-                <span style="float:left;" class="gensmall"><img src="portal/images/icon_topic_attach.gif" alt="" />&nbsp;<a href="viewtopic.php?p={attach.POST_MSG_ID}#p{attach.POST_MSG_ID}" ><strong>{attach.REAL_FILENAME}</strong></a></span><br style="clear:both" />
-             <!-- <span style="float:right;padding-right:10px;" class="gensmall">{attach.FILESIZE}</span><br style="clear:both" /> -->
-             <span style="float:left;padding-right:10px;">{L_FILESIZE}:</span><span style="float:right;padding-right:10px;" class="gensmall"><strong>{attach.FILESIZE}</strong></span><br style="clear:both" />
-             <span style="float:left;padding-right:10px;">{L_DOWNLOADS}:</span><span style="float:right;padding-right:10px;" class="gensmall"><strong>{attach.DOWNLOAD_COUNT}</strong></span><br style="clear:both" />
-             <hr />
+                <span style="float:left;" class="portal-gensmall"><img src="portal/images/icon_topic_attach.gif" alt="" />&nbsp;<a href="viewtopic.php?p={attach.POST_MSG_ID}#p{attach.POST_MSG_ID}" ><strong>{attach.REAL_FILENAME}</strong></a></span><br style="clear:both" />
+             <!-- <span style="float:right;padding-right:10px;" class="portal-gensmall">{attach.FILESIZE}</span><br style="clear:both" /> -->
+             <span style="float:left;padding-right:10px;">{L_FILESIZE}:</span><span style="float:right;padding-right:10px;" class="portal-gensmall"><strong>{attach.FILESIZE}</strong></span><br style="clear:both" />
+             <span style="float:left;padding-right:10px;">{L_DOWNLOADS}:</span><span style="float:right;padding-right:10px;" class="portal-gensmall"><strong>{attach.DOWNLOAD_COUNT}</strong></span><br style="clear:both" />
+             <h4></h4>
 			 <!-- END .attach --> 
              <!-- ELSE -->
-             <span style="float:left;" class="gensmall"><strong>{L_NO_ATTACHMENTS}</strong></span><br />
+             <span style="float:left;" class="portal-gensmall"><strong>{L_NO_ATTACHMENTS}</strong></span><br />
              <!-- ENDIF -->
-          <span class="corners-bottom"><span></span></span>
+          <span class="portal-corners-bottom"><span></span></span>
        </div>
     </div>
     <br style="clear:both" />

root/styles/prosilver/template/portal/block/birthday_list.html

@@ -1,8 +1,8 @@
 <!--version $Id$ //-->
-<div class="panel">
+<div class="portal-panel">
 	<div class="inner">
-		<span class="corners-top"><span></span></span>
-			<h3>{L_BIRTHDAYS}</h3>
+		<span class="portal-corners-top"><span></span></span>
+			<h3><img src="{T_THEME_PATH}/images/portal/portal_birthday.gif" width="18px" height="15px" alt=""/>&nbsp;{L_BIRTHDAYS}</h3>
 			<!-- IF BIRTHDAY_LIST -->
 			<strong>{L_CONGRATULATIONS}:<br /> {BIRTHDAY_LIST}</strong>
 			<!-- ELSE -->
@@ -14,7 +14,7 @@
 			<!-- ELSE -->
 			{L_NO_BIRTHDAYS_AHEAD}
 			<!-- ENDIF -->
-		<span class="corners-bottom"><span></span></span>
+		<span class="portal-corners-bottom"><span></span></span>
 	</div>
 </div>
 <br style="clear:both" />

root/styles/prosilver/template/portal/block/change_style.html

@@ -1,8 +1,8 @@
 <!--version $Id$ //-->
-<div class="panel">
+<div class="portal-panel">
 	<div class="inner">
-		<span class="corners-top"><span></span></span>
-		<h3>{L_BOARD_STYLE}</h3>
+		<span class="portal-corners-top"><span></span></span>
+		<h3><img src="{T_THEME_PATH}/images/portal/portal_style.gif" width="15px" height="18px" alt=""/>&nbsp;{L_BOARD_STYLE}</h3>
 
 		<script type="text/javascript">
 		<!--
@@ -23,7 +23,7 @@
 		</form>
 		<br />
 	
-		<span class="corners-bottom"><span></span></span>
+		<span class="portal-corners-bottom"><span></span></span>
 	</div>
 </div>
 <br style="clear:both" />

root/styles/prosilver/template/portal/block/clock.html

@@ -1,16 +1,16 @@
 <!--version $Id$ //-->
-<div class="panel">
+<div class="portal-panel">
 	<div class="inner">
-		<span class="corners-top"><span></span></span>
-			<h3>{L_CLOCK}</h3>
+		<span class="portal-corners-top"><span></span></span>
+			<h3><img src="{T_THEME_PATH}/images/portal/portal_clock.gif" width="18px" height="18px" alt=""/>&nbsp;{L_CLOCK}</h3>
 			<div style="text-align: center;">
-			<object type="application/x-shockwave-flash" data="portal/images/clock.swf" width="160" height="70">
+			<object type="application/x-shockwave-flash" data="portal/images/board3clock.swf" width="140" height="140">
             <param name="wmode" value="transparent" />
-            <param name="movie" value="portal/images/clock.swf" />
+            <param name="movie" value="portal/images/board3clock.swf" />
             </object> 
 			</div>
 			<br />
-		<span class="corners-bottom"><span></span></span>
+		<span class="portal-corners-bottom"><span></span></span>
 	</div>
 </div>
 <br style="clear:both" />

root/styles/prosilver/template/portal/block/custom_center.html

@@ -6,11 +6,11 @@
 			<li class="header"><dl><dt>{PORTAL_CUSTOM_CENTER_HEADLINE}</dt></dl></li>
 		</ul>
 		<div class="panel">
-			<div class="inner"><span class="corners-top"><span></span></span>
+			<div class="inner"><span class="portal-corners-top-inner"><span></span></span>
 				<div class="postbody" style="width: 100%">
 						<div class="content">{PORTAL_CUSTOM_CENTER_CODE}</div>
 				</div>
-			<span class="corners-bottom"><span></span></span></div>
+			<span class="portal-corners-bottom-inner"><span></span></span></div>
 		</div>
 
 		<span class="corners-bottom"><span></span></span>

root/styles/prosilver/template/portal/block/custom_small.html

@@ -1,13 +1,13 @@
 <!--version $Id$ //-->
-<div class="panel">
+<div class="portal-panel">
 	<div class="inner">
-		<span class="corners-top"><span></span></span>
-			<h3>{PORTAL_CUSTOM_SMALL_HEADLINE}</h3>
+		<span class="portal-corners-top"><span></span></span>
+			<h3><img src="{T_THEME_PATH}/images/portal/portal_menu.gif" width="18px" height="18px" alt=""/>&nbsp;{PORTAL_CUSTOM_SMALL_HEADLINE}</h3>
 			<div class="postbody" style="width: 100%">
 				<div class="content">{PORTAL_CUSTOM_SMALL_CODE}</div>
 			</div>
 			<br />
-		<span class="corners-bottom"><span></span></span>
+		<span class="portal-corners-bottom"><span></span></span>
 	</div>
 </div>
 <br style="clear:both" />

root/styles/prosilver/template/portal/block/donation/donation_small.html

@@ -1,10 +1,10 @@
 <!--version $Id$ //-->
-<div class="panel">
+<div class="portal-panel">
 	<div class="inner">
-		<span class="corners-top"><span></span></span>
-			<h3>{L_DONATION}</h3>
+		<span class="portal-corners-top"><span></span></span>
+			<h3><img src="{T_THEME_PATH}/images/portal/portal_paypal.gif" width="16px" height="18px" alt=""/>&nbsp;{L_DONATION}</h3>
 			<!-- INCLUDE portal/block/donation/paypal.html -->
-		<span class="corners-bottom"><span></span></span>
+		<span class="portal-corners-bottom"><span></span></span>
 	</div>
 </div>
 <br style="clear:both" />

root/styles/prosilver/template/portal/block/latest_bots.html

@@ -1,12 +1,12 @@
 <!--version $Id$ //-->
-<div class="panel">
+<div class="portal-panel">
 	<div class="inner">
-		<span class="corners-top"><span></span></span>
-			<h3>{LAST_VISITED_BOTS}</h3>
+		<span class="portal-corners-top"><span></span></span>
+			<h3><img src="{T_THEME_PATH}/images/portal/portal_team.gif" width="18px" height="18px" alt=""/>&nbsp;{LAST_VISITED_BOTS}</h3>
 			<!-- BEGIN last_visited_bots -->
 				<span class="genmed">{last_visited_bots.BOT_NAME}</span> <br /> <span class="gensmall">{last_visited_bots.LAST_VISIT_DATE}</span><hr />
 			<!-- END last_visited_bots -->
-		<span class="corners-bottom"><span></span></span>
+		<span class="portal-corners-bottom"><span></span></span>
 	</div>
 </div>
 <br style="clear:both" />

root/styles/prosilver/template/portal/block/latest_members.html

@@ -1,15 +1,15 @@
 <!--version $Id$ //-->
-<div class="panel">
+<div class="portal-panel">
 	<div class="inner">
-		<span class="corners-top"><span></span></span>
-			<h3>{L_LATEST_MEMBERS}</h3>
+		<span class="portal-corners-top"><span></span></span>
+			<h3><img src="{T_THEME_PATH}/images/portal/portal_newmember.gif" width="20px" height="13px" alt=""/>&nbsp;{L_LATEST_MEMBERS}</h3>
 			<span style="float:left;"><strong>{L_USERNAME}</strong></span>
 			<span style="float:right;padding-right:10px;"><strong>{L_JOINED}</strong></span><br />
 			<!-- BEGIN latest_members -->
 			<span style="float:left;"><img src="portal/images/member.gif" height="15" width="15" alt="" /></span><span style="float:left; padding-left:5px; padding-top:2px;">{latest_members.USERNAME_FULL}</span>
 			<span style="float:right;padding-right:10px; padding-top:2px;">{latest_members.JOINED}</span><br style="clear:both" />
 			<!-- END latest_members -->
-		<span class="corners-bottom"><span></span></span>
+		<span class="portal-corners-bottom"><span></span></span>
 	</div>
 </div>
 <br style="clear:both" />

root/styles/prosilver/template/portal/block/leaders.html

@@ -1,8 +1,8 @@
 <!--version $Id$ //-->
-<div class="panel">
+<div class="portal-panel">
 	<div class="inner">
-		<span class="corners-top"><span></span></span>
-			<h3>{L_THE_TEAM}</h3>
+		<span class="portal-corners-top"><span></span></span>
+			<h3><img src="{T_THEME_PATH}/images/portal/portal_team.gif" width="18px" height="18px" alt=""/>&nbsp;{L_THE_TEAM}</h3>
 			<strong>{L_ADMINISTRATORS}</strong><br />
 			<!-- BEGIN admin -->
 			<span style="float:left;"><img src="portal/images/member.gif" height="15" width="15" alt="" /></span><span style="float:left; padding-left:5px; padding-top:2px;"><strong>{admin.USERNAME_FULL}</strong></span><br style="clear:both" />
@@ -16,7 +16,7 @@
 			<!-- BEGINELSE -->
 			{L_NO_MODERATORS_P}
 			<!-- END mod -->
-		<span class="corners-bottom"><span></span></span>
+		<span class="portal-corners-bottom"><span></span></span>
 	</div>
 </div>
 <br style="clear:both" />

root/styles/prosilver/template/portal/block/link_us.html

@@ -1,11 +1,11 @@
 <!--version $Id$ //-->
-<div class="panel">
+<div class="portal-panel">
 	<div class="inner">
-		<span class="corners-top"><span></span></span>
-			<h3>{L_LINK_US}</h3>
+		<span class="portal-corners-top"><span></span></span>
+			<h3><img src="{T_THEME_PATH}/images/portal/portal_link_us.gif" width="18px" height="17px" alt=""/>&nbsp;{L_LINK_US}</h3>
 			{LINK_US_TXT}<br /><br />
 			<input type="text" tabindex="9" size="28" value="{U_LINK_US}" class="inputbox autowidth" onclick="this.focus();this.select();" /><br />
-		<span class="corners-bottom"><span></span></span>
+		<span class="portal-corners-bottom"><span></span></span>
 	</div>
 </div>
 <br style="clear:both" />

root/styles/prosilver/template/portal/block/links.html

@@ -1,10 +1,11 @@
 <!--version $Id$ //-->
-<div class="panel">
+<div class="portal-panel">
 	<div class="inner">
-		<span class="corners-top"><span></span></span>
-			<h3>{L_LINKS}</h3>
-			<div class="panel" style="margin-bottom: 0px;">
-				<ul class="ul-link">
+		<span class="portal-corners-top"><span></span></span>
+			<h3><img src="{T_THEME_PATH}/images/portal/portal_linklist.gif" width="18px" height="18px" alt=""/>&nbsp;{L_LINKS}</h3>
+			<div class="portal-panel" style="margin-bottom: 0px;">
+			<div class="arrowlistmenu">
+				<ul>
 				<!-- IF .link -->
 					<!-- BEGIN link -->
 					<li><a href="{link.URL}" title="{link.TEXT}">{link.TEXT}</a></li>
@@ -13,8 +14,9 @@
 						<span style="float:left;" class="gensmall"><strong>{L_NO_LINKS}</strong></span><br />
 				<!-- ENDIF -->
 				</ul>
+				</div>
 			</div>
-		<span class="corners-bottom"><span></span></span>
+		<span class="portal-corners-bottom"><span></span></span>
 	</div>
 </div>
 <br style="clear:both" />

root/styles/prosilver/template/portal/block/login_box.html

@@ -1,9 +1,9 @@
 <!--version $Id$ //-->
 <form action="{S_LOGIN_ACTION}" method="post">
-<div class="panel">
+<div class="portal-panel">
 	<div class="inner">
-		<span class="corners-top"><span></span></span>
-			<h3><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></h3>
+		<span class="portal-corners-top"><span></span></span>
+			<h3><a href="{U_LOGIN_LOGOUT}"><img src="{T_THEME_PATH}/images/portal/portal_login.gif" width="17px" height="18px" alt=""/>&nbsp;{L_LOGIN_LOGOUT}</a></h3>
 
 			<span class="genmed">{L_USERNAME}:</span><br />
 			<input type="text" tabindex="1" name="username" id="username" size="25" value="" class="inputbox autowidth" /><br /><br /> 
@@ -24,7 +24,7 @@
 			<input type="hidden" name="redirect" value="{U_PORTAL}" />
 			<input type="submit" name="login" tabindex="5" value="{L_LOGIN}" class="button1" />
 			
-		<span class="corners-bottom"><span></span></span>
+		<span class="portal-corners-bottom"><span></span></span>
 	</div>
 </div>
 </form>

root/styles/prosilver/template/portal/block/main_menu.html

@@ -1,13 +1,13 @@
 <!--version $Id$ //-->
-<div class="panel">
+<div class="portal-panel">
 	<div class="inner">
-		<span class="corners-top"><span></span></span>
-			<h3>{L_M_MENU}</h3>
+		<span class="portal-corners-top"><span></span></span>
+			<h3><img src="{T_THEME_PATH}/images/portal/portal_menu.gif" width="18px" height="18px" alt=""/>&nbsp;{L_M_MENU}</h3>
   
-   <div id="navigation" style="padding-top:0px">
+   <div class="portal-navigation">
   			
 			
-				<strong>{L_M_CONTENT}</strong>
+				<div class="menutitle">{L_M_CONTENT}</div>
 				<ul>
 					<li><a href="{U_INDEX}">{L_INDEX}</a></li>
 					<!-- IF S_DISPLAY_SEARCH -->
@@ -25,9 +25,7 @@
 					<li><a href="{U_ACP}">{L_M_ACP}</a></li>
 					<!-- ENDIF -->
 				</ul>
-				<br />
-
-				<strong>{L_M_HELP}</strong>
+			 <div class="menutitle">{L_M_HELP}</div>
 				<ul>
 					<li><a href="{U_FAQ}">{L_FAQ}</a></li>
 					<li><a href="{U_M_BBCODE}">{L_M_BBCODE}</a></li>
@@ -36,7 +34,7 @@
 				</ul>
 			</div>
 
-		<span class="corners-bottom"><span></span></span>
+		<span class="portal-corners-bottom"><span></span></span>
 	</div>
 </div>
 <br style="clear:both" />

root/styles/prosilver/template/portal/block/mini_calendar.html

@@ -1,8 +1,8 @@
 <!--version $Id$ //-->
-<div class="panel">
+<div class="portal-panel">
 	<div class="inner">
-		<span class="corners-top"><span></span></span>
-			<h3>{L_MINI_CAL_CALENDAR}</h3>
+		<span class="portal-corners-top"><span></span></span>
+			<h3><img src="{T_THEME_PATH}/images/portal/portal_calendar.gif" width="18px" height="15px" alt=""/>&nbsp;{L_MINI_CAL_CALENDAR}</h3>
 	
 			<table width="100%" cellspacing="1">
 			<tr>
@@ -27,7 +27,7 @@
 			</tr>
 			<!-- END mini_cal_row -->
 			</table>
-			<hr />
+			<h4></h4>
 
 			<!-- IF .mini_cal_holiday -->
 			<table class="tablebg" width="100%" cellspacing="1">
@@ -39,7 +39,7 @@
 			</table>
 			<!-- ENDIF -->
 
-		<span class="corners-bottom"><span></span></span>
+		<span class="portal-corners-bottom"><span></span></span>
 	</div>
 </div>
 <br style="clear:both" />

root/styles/prosilver/template/portal/block/news.html

@@ -9,13 +9,13 @@
 				<!-- BEGIN news_row -->
 				<!-- IF news_row.S_NO_TOPICS  -->				
 				<div class="post bg2">
-					<div class="inner"><span class="corners-top"><span></span></span>
+					<div class="inner"><span class="portal-corners-top-inner"><span></span></span>
 						<span style="text-align: center;"><strong>{L_NO_NEWS}</strong></span>
-					<span class="corners-bottom"><span></span></span></div>
+					<span class="portal-corners-bottom-inner"><span></span></span></div>
 				</div>
 				<!-- ELSE -->
 				<div class="post <!-- IF news_row.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF -->">
-					<div class="inner"><span class="corners-top"><span></span></span>
+					<div class="inner"><span class="portal-corners-top-inner"><span></span></span>
 						<h4 class="first"><a name="n{news_row.N_ID}"></a><!-- IF news_row.S_UNREAD_INFO -->{NEWEST_POST_IMG}<!-- ELSE -->{READ_POST_IMG}<!-- ENDIF --> {news_row.ATTACH_ICON_IMG} <!-- IF news_row.S_POLL --><strong>{L_POLL}: </strong><!-- ENDIF --><a href="{news_row.U_LAST_COMMENTS}"><strong>{news_row.TITLE}</strong></a></h4>
 						<!-- IF news_row.PAGINATION --><strong class="pagination"><span>{news_row.PAGINATION}</span></strong><!-- ENDIF -->
 						<ul class="linklist">
@@ -44,7 +44,7 @@
 					<!-- ENDIF -->
 					<!-- ENDIF -->
 					<!-- ENDIF -->
-					<span class="corners-bottom"><span></span></span></div>
+					<span class="portal-corners-bottom-inner"><span></span></span></div>
 				</div>
 				<!-- ENDIF -->
 				<!-- END news_row -->

root/styles/prosilver/template/portal/block/online_friends.html

@@ -1,8 +1,8 @@
 <!--version $Id$ //-->
-<div class="panel">
+<div class="portal-panel">
 	<div class="inner">
-		<span class="corners-top"><span></span></span>
-			<h3>{L_FRIENDS}</h3>
+		<span class="portal-corners-top"><span></span></span>
+			<h3><img src="{T_THEME_PATH}/images/portal/portal_friends.gif" width="16px" height="16px" alt=""/>&nbsp;{L_FRIENDS}</h3>
 			<strong style="color:green">{L_FRIENDS_ONLINE}</strong><br />
 			<!-- BEGIN friends_online -->
 				<span style="float:left;"><img src="portal/images/member.gif" height="15" width="15" alt="" /></span><span style="float:left; padding-left:5px; padding-top:2px;">{friends_online.USERNAME_FULL}</span><br style="clear:both" />	
@@ -17,7 +17,7 @@
 			<!-- BEGINELSE -->
 				<span style="float:left; padding-left:5px; padding-top:2px;">{L_NO_FRIENDS_OFFLINE}</span>
 			<!-- END friends_offline -->
-		<span class="corners-bottom"><span></span></span>
+		<span class="portal-corners-bottom"><span></span></span>
 	</div>
 </div>
 <br style="clear:both" />

root/styles/prosilver/template/portal/block/random_member.html

@@ -1,13 +1,14 @@
 <!--version $Id$ //-->
-<div class="panel">
+<div class="portal-panel">
 	<div class="inner">
-		<span class="corners-top"><span></span></span>
-			<h3>{L_RND_MEMBER}</h3>
+		<span class="portal-corners-top"><span></span></span>
+			<h3><img src="{T_THEME_PATH}/images/portal/portal_random.gif" width="18px" height="18px" alt=""/>&nbsp;{L_RND_MEMBER}</h3>
 			<!-- BEGIN random_member -->
-			<span style="float:left;"><img src="portal/images/member.gif" height="15" width="15" alt="{random_member.USERNAME}" /></span><span style="float:left; font-size:12px; padding-left:5px; padding-top:1px;">{random_member.USERNAME_FULL}</span><br style="clear:both" />
+			<div style="text-align: center;"><span style="font-size:12px; padding-top:1px; margin-bottom: 5px;">{random_member.USERNAME_FULL}</span><br style="clear:both" />
 			<!-- IF random_member.AVATAR_IMG --><a href="{random_member.U_VIEW_PROFILE}">{random_member.AVATAR_IMG}</a><br style="clear:both" /><!-- ENDIF -->
 			<!-- IF random_member.RANK_TITLE --><small>{random_member.RANK_TITLE}</small><br style="clear:both" /><!-- ENDIF -->
 			<!-- IF random_member.RANK_IMG -->{random_member.RANK_IMG}<br style="clear:both" /><!-- ENDIF -->
+			</div>
 			<br style="clear:both" />
 			<span style="float:left;"><strong>{L_RND_JOIN}:</strong></span><span style="float:right;padding-right:10px;">{random_member.JOINED}</span><br style="clear:both" />
 			<span style="float:left;"><strong>{L_RND_POSTS}:</strong></span><span style="float:right;padding-right:10px;">{random_member.USER_POSTS}</span><br style="clear:both" />
@@ -21,7 +22,7 @@
 			<span style="float:left;"><a href="{random_member.U_WWW}" title="{random_member.U_WWW}"><strong>{L_RND_WWW}</strong></a></span><br style="clear:both" />
 			<!-- ENDIF -->
 			<!-- END random_member -->	
-		<span class="corners-bottom"><span></span></span>
+		<span class="portal-corners-bottom"><span></span></span>
 	</div>
 </div>
 <br style="clear:both" />

root/styles/prosilver/template/portal/block/search.html

@@ -47,10 +47,10 @@ function qsearch_onSubmit()
 //-->
 </script>
 
-<div class="panel">
+<div class="portal-panel">
 	<div class="inner">
-		<span class="corners-top"><span></span></span>
-			<h3>{L_SEARCH}</h3>
+		<span class="portal-corners-top"><span></span></span>
+			<h3><img src="{T_THEME_PATH}/images/portal/portal_search.gif" width="18px" height="17px" alt=""/>&nbsp;{L_SEARCH}</h3>
 			<form id="qsearch_form" method="post" action="{U_SEARCH}" onsubmit="return qsearch_onSubmit();">
 			<p>
              <input type="text" tabindex="6" name="keywords" id="searchfield" size="22" maxlength="40" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
@@ -65,7 +65,7 @@ function qsearch_onSubmit()
 					<option value="wikipedia" style="background-color: #FEF2D6;">Wikipedia</option>
 					<option value="google" style="background-color: #FEF2D6;">Google</option>
 					<option value="yahoo" style="background-color: #FEF2D6;">Yahoo</option>
-					<option value="msnlive" style="background-color: #FEF2D6;">MSNlive</option>
+					<option value="msnlive" style="background-color: #FEF2D6;">Msnlive</option>
 					<option value="altavista" style="background-color: #FEF2D6;">Altavista</option>
 					<option value="lycos" style="background-color: #FEF2D6;">Lycos</option>
 					<option value="odp" style="background-color: #FEF2D6;">Open directory</option>
@@ -77,7 +77,7 @@ function qsearch_onSubmit()
             </p>
 			</form>
             <p><a href="{U_SEARCH}">{L_SH_ADV}</a>
-		<span class="corners-bottom"><span></span></span>
+		<span class="portal-corners-bottom"><span></span></span>
             </p>
 	</div>
 </div>

root/styles/prosilver/template/portal/block/statistics.html

@@ -1,8 +1,8 @@
 <!--version $Id$ //-->
-<div class="panel">
+<div class="portal-panel">
 	<div class="inner">
-		<span class="corners-top"><span></span></span>
-		<h3>{L_STATISTICS}</h3>
+		<span class="portal-corners-top"><span></span></span>
+		<h3><img src="{T_THEME_PATH}/images/portal/portal_statistic.gif" width="18px" height="18px" alt=""/>&nbsp;{L_STATISTICS}</h3>
 		<!-- IF S_USER_LOGGED_IN -->
 		<!--
 		<strong>{L_ST_NEW}</strong><br />
@@ -19,18 +19,18 @@
 		{L_ST_TOP_STICKYS} <strong>{S_SCT}</strong><br />
 		{L_ST_TOT_ATTACH} <strong>{S_TOT_ATTACH}</strong><br />
 		
-		<hr />
+		<h4></h4>
 		{TOPICS_PER_DAY}<br />
 		{POSTS_PER_DAY}<br />
 		{USERS_PER_DAY}<br />
 		{TOPICS_PER_USER}<br />
 		{POSTS_PER_USER}<br />
 		{POSTS_PER_TOPIC}<br />
-		<hr />
+		<h4></h4>
 		
 		{TOTAL_USERS}<br />
 		{NEWEST_USER}
-		<span class="corners-bottom"><span></span></span>
+		<span class="portal-corners-bottom"><span></span></span>
 	</div>
 </div>
 <br style="clear:both" />

root/styles/prosilver/template/portal/block/top_poster.html

@@ -1,15 +1,15 @@
 <!--version $Id$ //-->
-<div class="panel">
+<div class="portal-panel">
 	<div class="inner">
-		<span class="corners-top"><span></span></span>
-			<h3>{L_TOP_POSTER}</h3>
+		<span class="portal-corners-top"><span></span></span>
+			<h3><img src="{T_THEME_PATH}/images/portal/portal_topposter.gif" width="18px" height="14px" alt=""/>&nbsp;{L_TOP_POSTER}</h3>
 			<span style="float:left;"><strong>{L_USERNAME}</strong></span>
 			<span style="float:right;padding-right:10px;"><strong>{L_POSTS}</strong></span><br />
 			<!-- BEGIN top_poster -->
 			<span style="float:left;"><img src="portal/images/member.gif" height="15" width="15" alt="" /></span><span style="float:left; padding-left:5px; padding-top:2px;">{top_poster.USERNAME_FULL}</span>
 			<span style="float:right;padding-right:10px; padding-top:2px;"><a href="{top_poster.S_SEARCH_ACTION}">{top_poster.POSTER_POSTS}</a></span><br style="clear:both" />
 			<!-- END top_poster -->
-		<span class="corners-bottom"><span></span></span>
+		<span class="portal-corners-bottom"><span></span></span>
 	</div>
 </div>
 <br style="clear:both" />

root/styles/prosilver/template/portal/block/user_menu.html

@@ -1,31 +1,40 @@
 <!--version $Id$ //-->
-<div class="panel">
+<div class="portal-panel">
 	<div class="inner">
-		<span class="corners-top"><span></span></span>
-		<h3>{L_USER_MENU}</h3>
-		<div style="font-size:1.1em;">
+		<span class="portal-corners-top"><span></span></span>
+		<h3><img src="{T_THEME_PATH}/images/portal/portal_menu.gif" width="18px" height="18px" alt=""/>&nbsp;{L_USER_MENU}</h3>
 			<div style="text-align: center;">
-				<a href="{U_VIEW_PROFILE}"><!-- IF USER_COLOR --><span style="color: {USER_COLOR}; font-weight: bold;"><!-- ELSE --><span><!-- ENDIF -->{USERNAME}</span></a><br /><br />
+				<a href="{U_VIEW_PROFILE}"><!-- IF USER_COLOR --><span style="color: {USER_COLOR}; font-weight: bold;"><!-- ELSE --><span><!-- ENDIF -->{USERNAME}</span></span></a><br /><br />
 				<a href="{U_PROFILE}"><!-- IF AVATAR_IMG -->{AVATAR_IMG}<!-- ELSE --><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="" /><!-- ENDIF --></a>
 				<!-- IF RANK_TITLE --><br /><small>{RANK_TITLE}</small><!-- ENDIF -->
 				<!-- IF RANK_IMG --><br />{RANK_IMG}<!-- ENDIF -->
 			</div>
-<hr />
-		<!-- IF S_DISPLAY_SEARCH -->
-			<a href="{U_NEW_POSTS}">{L_NEW_POSTS}</a><br />
-			<a href="{U_SELF_POSTS}">{L_SELF_POSTS}</a><br />
-		<!-- ENDIF -->
-		<!-- IF U_UM_BOOKMARKS -->
-			<a href="{U_UM_BOOKMARKS}">{L_UM_BOOKMARKS}</a><br />
-		<!-- ENDIF -->
-			<a href="{U_UM_MAIN_SUBSCRIBED}">{L_UM_MAIN_SUBSCRIBED}</a><br />
-		<!-- IF U_PRIVATE_MESSAGES -->
-   			<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>
-		<!-- ENDIF -->
-			<hr />
-			<a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>
+
+
+          <div class="portal-navigation">
+  
+		  <div class="menutitle">Allgemein</div>
+				<ul>
+					
+		            <!-- IF S_DISPLAY_SEARCH -->
+			        <li><a href="{U_NEW_POSTS}">{L_NEW_POSTS}</a></li>
+			        <li><a href="{U_SELF_POSTS}">{L_SELF_POSTS}</a></li>
+		            <!-- ENDIF -->
+		            <!-- IF U_UM_BOOKMARKS -->
+			        <li><a href="{U_UM_BOOKMARKS}">{L_UM_BOOKMARKS}</a></li>
+		            <!-- ENDIF -->
+			        <li><a href="{U_UM_MAIN_SUBSCRIBED}">{L_UM_MAIN_SUBSCRIBED}</a></li>
+		            <!-- IF U_PRIVATE_MESSAGES -->
+   			        <li><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></li>
+		            <!-- ENDIF -->
+			        </u1>
+			        <div class="menutitle">Status</div>
+			        <u1>
+			        <li><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></li>
+		            </u1>
+			
 		</div>
-		<span class="corners-bottom"><span></span></span>
+		<span class="portal-corners-bottom"><span></span></span>
 	</div>
 </div>
 <br style="clear:both" />

root/styles/prosilver/template/portal/block/welcome.html

@@ -5,12 +5,12 @@
 		<ul class="topiclist">
 			<li class="header"><dl><dt>{L_WELCOME}</dt></dl></li>
 		</ul>
-		<div class="panel">
-			<div class="inner"><span class="corners-top"><span></span></span>
+		<div class="panel">
+			<div class="inner"><span class="portal-corners-top-inner"><span></span></span>
 				<div class="postbody" style="width: 100%">
 					<div class="content">{PORTAL_WELCOME_INTRO}</div>
 				</div>
-			<span class="corners-bottom"><span></span></span></div>
+			<span class="portal-corners-bottom-inner"><span></span></span></div>
 		</div>
 
 		<span class="corners-bottom"><span></span></span>

root/styles/prosilver/theme/portal.css

@@ -0,0 +1,217 @@
+/*  Board3Portal Stylesheet. 
+    --------------------------------------------------------------
+	Style name:		Board3Portal
+	Based on style:	proSilver (this is the default phpBB 3 style)
+	Author: Christian Henseler (http://www.graphich-corner.ch) pfotenwelt	
+	
+	Copyright 2008 www.graphich-corner.ch  und www.board3.de
+    --------------------------------------------------------------
+*/
+* {
+	/* Reset browsers default margin, padding and font sizes */
+	margin: 0;
+	padding: 0;
+}
+
+.portal-panel {
+	background-color: #DDE9F0;
+	color: #28313F;
+	margin-bottom: 4px;
+	padding: 0 10px;
+	color: #3f3f3f;
+}
+
+.portal-panel h3 {
+	margin: 0.5em 0;
+	border-bottom:solid 1px #0076B1;
+}
+
+.portal-panel p {
+	font-size: 1.2em;
+	margin-bottom: 1em;
+	line-height: 1.4em;
+}
+
+.portal-panel h4 {
+	margin: 0.4em 0;
+	border-bottom: 1px #3366CC dashed;
+}
+/* Round cornered boxes and backgrounds
+---------------------------------------- */
+* html span.portal-corners-top, * html span.portal-corners-bottom { 
+    background-image: url("{T_THEME_PATH}/images/portal/corners_left.gif"); 
+}
+* html span.portal-corners-top span, * html span.portal-corners-bottom span { 
+    background-image: url("{T_THEME_PATH}/images/portal/corners_right.gif"); 
+}
+
+span.portal-corners-top {
+	background-image: url("{T_THEME_PATH}/images/portal/corners_left.png");
+	background-position: 0 0;
+	margin: 0 -10px;
+}
+
+span.portal-corners-top span {
+	background-image: url("{T_THEME_PATH}/images/portal/corners_right.png");
+	background-position: 100% 0;
+}
+
+span.portal-corners-bottom {
+	background-image: url("{T_THEME_PATH}/images/portal/corners_left.png");
+	background-position: 0 100%;
+	margin: 0 -10px;
+	clear: both;
+}
+
+
+span.portal-corners-bottom span {
+	background-image: url("{T_THEME_PATH}/images/portal/corners_right.png");
+	background-position: 100% 100%;
+}
+
+span.portal-corners-top, span.portal-corners-bottom, span.portal-corners-top span, span.portal-corners-bottom span {
+	font-size: 1px;
+	line-height: 1px;
+	display: block;
+	height: 5px;
+	background-repeat: no-repeat;
+}
+
+.panel span.portal-corners-top, .panel span.portal-corners-bottom {
+margin: 0 -10px;
+}
+
+/*inner corners*/
+
+* html span.portal-corners-top-inner, * html span.portal-corners-bottom-inner { 
+    background-image: url("{T_THEME_PATH}/images/portal/corners_left1.gif"); 
+}
+* html span.portal-corners-top-inner span, * html span.portal-corners-bottom-inner span { 
+    background-image: url("{T_THEME_PATH}/images/portal/corners_right1.gif"); 
+}
+
+span.portal-corners-top-inner {
+	background-image: url("{T_THEME_PATH}/images/portal/corners_left1.png");
+	background-position: 0 0;
+	margin: 0 -10px;
+}
+
+span.portal-corners-top-inner span {
+	background-image: url("{T_THEME_PATH}/images/portal/corners_right1.png");
+	background-position: 100% 0;
+}
+
+span.portal-corners-bottom-inner {
+	background-image: url("{T_THEME_PATH}/images/portal/corners_left1.png");
+	background-position: 0 100%;
+	margin: 0 -10px;
+	clear: both;
+}
+
+
+span.portal-corners-bottom-inner span {
+	background-image: url("{T_THEME_PATH}/images/portal/corners_right1.png");
+	background-position: 100% 100%;
+}
+
+span.portal-corners-top-inner, span.portal-corners-bottom-inner, span.portal-corners-top-inner span, span.portal-corners-bottom-inner span {
+	font-size: 1px;
+	line-height: 1px;
+	display: block;
+	height: 5px;
+	background-repeat: no-repeat;
+}
+
+.panel span.portal-corners-top-inner, .panel span.portal-corners-bottom-inner {
+margin: 0 -10px;
+}
+
+/*Portal-menu*/
+
+.portal-navigation{
+border: 1px solid black;
+border-bottom-width: 1px;
+width: auto;
+}
+
+.portal-navigation ul{
+margin: 0;
+padding: 0;
+list-style: none;
+font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
+font-size: 12px;
+}
+
+.portal-navigation li a{
+display: block;
+padding: 3px 0;
+padding-left: 9px;
+width: auto; /*185px minus all left/right paddings and margins*/
+text-decoration: none;
+color: white;
+background-color: #11A1E8;
+background-image: url("{T_THEME_PATH}/images/portal/bg_portalmenu.gif");
+border-bottom: 1px solid #90bade;
+border-left: 7px solid #6ACEFF;
+}
+
+* html #portal-navigation li a{ /*IE only */
+width: auto; /*IE 5*/
+w\idth: auto; /*185px minus all left/right paddings and margins*/
+}
+
+.portal-navigation li a:hover {
+background-color: #2586d7;
+background-image: url("{T_THEME_PATH}/images/portal/bg_portalmenu1.gif");
+border-left-color: #AA0000;
+}
+
+.portal-navigation div.menutitle{
+color: #000000;
+border-bottom: 1px solid #6ACEFF;
+padding: 1px 0;
+padding-left: 5px;
+background-color: #6ACEFF;
+font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
+font-size: 12px;
+}
+
+/* Portal linkblock*/
+
+.arrowlistmenu{
+width: auto; /*width of menu*/
+}
+
+.arrowlistmenu ul{
+list-style-type: none;
+margin: 0;
+padding: 0;
+margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
+}
+
+.arrowlistmenu ul li{
+padding-bottom: 2px; /*bottom spacing between menu items*/
+}
+
+.arrowlistmenu ul li a{
+color: #A70303;
+background-image: url("{T_THEME_PATH}/images/portal/arrowbullet.gif");
+background-repeat: no-repeat;
+background-position: center left; /*custom bullet list image*/
+display: block;
+padding: 2px 0;
+padding-left: 19px; /*link text is indented 19px*/
+text-decoration: none;
+font-weight: bold;
+border-bottom: 1px solid #AA0000;
+font-size: 90%;
+}
+
+.arrowlistmenu ul li a:visited{
+color: #A70303;
+}
+
+.arrowlistmenu ul li a:hover{ /*hover state CSS*/
+color: #0076B1;
+background-color: #B9CBD2;
+}