[ticket/368] Correctly display clock in rtl languages

B3P-368

styles/prosilver/theme/portal.css

@@ -383,6 +383,11 @@ a.portal-forumtitle {
 	height: 50px;
 }
 
+.rtl .portal-clock-wrapper {
+	/* Arabic clocks are ltr */
+	direction: ltr;
+}
+
 .portal-clock {
 	position: relative;
 	width: 100%;

styles/subsilver2/template/portal/modules/clock_side.html

@@ -2,7 +2,7 @@
 <table class="tablebg" cellspacing="1" width="100%">
 	<tr class="row1" style="height: 5em;">
 		<td style="text-align: center; height: 5em; margin: 0 auto;">
-			<div id="portal-clock" style="margin-top: -20px;">
+			<div id="portal-clock">
 				<div id="portal-clock-back">
 					<div id="portal-clock-back-upper">
 						<img class="portal-clock-spacer-up" /><div id="portal-clock-back-hours-up"></div>

styles/subsilver2/theme/portal.css

@@ -2,12 +2,18 @@
 -------------------------------------- */
 #portal-clock {
 	position: relative;
-	width: 100%;
+	width: 128px;
+	margin: -20px auto;
+}
+
+.rtl #portal-clock {
+	/* Arabic clocks are ltr */
+	direction: ltr;
 }
 
 #portal-clock-front, #portal-clock-back {
 	position: absolute;
-	top: 0px;
+	top: 0;
 }
 
 #portal-clock-front-upper div {