team4alfanous team mailing list archive
-
team4alfanous team
-
Mailing list archive
-
Message #00252
[Branch ~team4alfanous/alfanous/alfanous-git] Rev 440: refine the css style for left-to-right direction
------------------------------------------------------------
revno: 440
committer: Assem Chelli <assem.ch@xxxxxxxxx>
timestamp: Thu 2012-11-22 00:49:34 +0100
message:
refine the css style for left-to-right direction
- clean some unneeded css tags
modified:
interfaces/web/wui/css/screen.css
interfaces/web/wui/index.html
--
lp:alfanous
https://code.launchpad.net/~team4alfanous/alfanous/alfanous-git
Your team Alfanous team is subscribed to branch lp:alfanous.
To unsubscribe from this branch go to https://code.launchpad.net/~team4alfanous/alfanous/alfanous-git/+edit-subscription
=== modified file 'interfaces/web/wui/css/screen.css'
--- interfaces/web/wui/css/screen.css 2012-11-20 18:54:35 +0000
+++ interfaces/web/wui/css/screen.css 2012-11-21 23:49:34 +0000
@@ -65,15 +65,15 @@
.aya_words a { text-decoration: none; }
a:hover{color: green;}
.select {
- background: url("../images/select.gif") no-repeat scroll right top transparent;
+ background: url("../images/select.gif") no-repeat scroll left top transparent;
color: gray;
font: 13px/17px tahoma;
height: 40px;
overflow: hidden;
- padding: 11px 15px 0 0;
+ padding: 11px 0px 0px 30px;
position: absolute;
width: 191px;
- text-align:right;
+ text-align:left;
}
.styled{height: 40px;
margin-right: 3px;
@@ -205,7 +205,7 @@
-moz-border-radius: 12px;
border-radius: 12px;
font-size: 14pt;
- margin: 0 15px 0 0;
+ margin: 0 0px 0 15px;
padding: 6px;
text-indent: 0;
box-shadow: 0 0 8px green;
=== modified file 'interfaces/web/wui/index.html'
--- interfaces/web/wui/index.html 2012-11-20 18:54:35 +0000
+++ interfaces/web/wui/index.html 2012-11-21 23:49:34 +0000
@@ -157,10 +157,10 @@
if (json.suggest) {
if (json.suggest.length) {
- results += "<div id='suggestions' align='right'>";
- results += "<h2 style='font-size:16pt; font-weight:600; color:#ff0000;'>Suggestions:";
+ results += "<div id='suggestions' align='left'>";
+ results += "<h2 style='font-size:16pt; color:#ff0000;'>Suggestions:";
$.each(json.suggest, function(key, item) {
- results += "<p dir='rtl' style=' margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;'>";
+ results += "<p dir='ltr' >";
results += "<div class='word_details'>";
results += "<span style=' font-size:14pt; color:#00aa00;'>"+ (key+ 1)+ ". </span>";
results += "<div class='details_label word_info0'> word | "+ item[0]+ "</div>";
@@ -209,16 +209,16 @@
if (json.search.words["global"].nb_words > 0)
{
// Words list
- results += "<div id='search_words' align='right'>";
- results += "<h2 style='font-size:16pt; font-weight:600; color:#ff0000;'>Words :";
- results += "<div class='details_label word_count'> Words | "+ json.search.words["global"].nb_words+ "</div>";
- results += "<div class='details_label word_stat0'> Matches | "+ json.search.words["global"].nb_matches+ "</div>";
- results += "<div class='details_label word_vocalization_nb'> Vocalizations | "+ json.search.words["global"].nb_vocalizations+ "</div>";
+ results += "<div id='search_words' align='left'>";
+ results += "<h2 style='font-size:16pt; color:#ff0000;'>Words :";
+ results += "<div class='details_label word_count'> words | "+ json.search.words["global"].nb_words+ "</div>";
+ results += "<div class='details_label word_stat0'> matches | "+ json.search.words["global"].nb_matches+ "</div>";
+ results += "<div class='details_label word_vocalization_nb'> vocalizations | "+ json.search.words["global"].nb_vocalizations+ "</div>";
results += "</h2><br />";
for( i = 1; i <= json.search.words.global.nb_words; i++) {
- results += "<p dir='rtl' style=' margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;'>";
+ results += "<p dir='rtl' >";
results += "<div class='word_details'>";
results += "<span style=' font-size:14pt; color:#00aa00;'>"+ i+ ". </span>";
results += build_search_link(param, json.search.words[i].word, false) + "<div class='details_label word_info0 clickable'> word | "+ json.search.words[i].word+ "</div></a>";
@@ -239,15 +239,15 @@
results += results_pages;
// Ayas list
- results += "<br /><h2 style=' font-size:15pt; font-weight:600; color:#ff0000;'>Results (";
+ results += "<br /><h2 style=' font-size:15pt; color:#ff0000;'>Results (";
results += json.search.interval.start+ " to "+ json.search.interval.end+ " of "+ json.search.interval.total+ " )</h2> <br /> ";
for( i = json.search.interval.start; i <=json.search.interval.end; i++)
{
results += "<fieldset class='main_re_item'>";
- results += "<legend class='main_re_item_title' style='font-size:14pt;-qt-block-indent:0; text-indent:0px;' dir='rtl'>";
- results += "<span style=' font-family:\"arial ,sans serif\"; color:#0000ff; '> Result n° <span style=' font-family:\"arial ,sans serif\"; font-weight:600; color:#0000ff;'> <b>"+ i+ "</b> </span>";
- // results += "<span align='left'><object width='350' height='24' id='audioplayer1' data='swf/player.swf' type='application/x-shockwave-flash'>";
+ results += "<legend class='main_re_item_title' style='font-size:14pt; ' dir='ltr'>";
+ results += "<span align='left' style='color:#0000ff;'> Result n°<b>"+ i+ "</b> </span>";
+ // results += "<span align='right'><object width='350' height='24' id='audioplayer1' data='swf/player.swf' type='application/x-shockwave-flash'>";
// results += "<param value='swf/player.swf' name='movie'>";
// results += "<param value='playerID=audioplayer1&soundFile="+ json.search.ayas[i].aya.recitation+ "' name='FlashVars'>";
// results += "<param value='high' name='quality'>";
@@ -258,17 +258,17 @@
results += build_search_link(param, "سورة:\"" + json.search.ayas[i].sura.name +"\"", true) + "<div class='details_label sura_info0 clickable filter'> Surah | "+ json.search.ayas[i].sura.name+ "</div></a> ";
results += "<div class='details_label sura_ord0'> n° | "+ json.search.ayas[i].sura.id+ "</div>";
- results += build_search_link(param, "نوع_السورة:" + json.search.ayas[i].sura.type , true) + "<div class='details_label sura_info1 clickable filter'> Type | "+ json.search.ayas[i].sura.type+ "</div></a>";
- results += "<div class='details_label sura_ord1'> Revelation Order | "+ json.search.ayas[i].sura.order+ "</div></a>";
- results += "<div class='details_label sura_stat0'> Nb Ayahs | "+ json.search.ayas[i].sura.stat.ayas+ "</div> ";
- results += "<div class='details_label sura_stat1'> Nb Words | "+ json.search.ayas[i].sura.stat.words+ " </div>";
- results += "<div class='details_label sura_stat2'> Nb Letters | "+ json.search.ayas[i].sura.stat.letters+ "</div>";
- results += "<div class='details_label sura_stat3'> أNb Divine names | "+ json.search.ayas[i].sura.stat.godnames+ "</div>";
+ results += build_search_link(param, "نوع_السورة:" + json.search.ayas[i].sura.type , true) + "<div class='details_label sura_info1 clickable filter'> type | "+ json.search.ayas[i].sura.type+ "</div></a>";
+ results += "<div class='details_label sura_ord1'> revel_order | "+ json.search.ayas[i].sura.order+ "</div></a>";
+ results += "<div class='details_label sura_stat0'> ayahs | "+ json.search.ayas[i].sura.stat.ayas+ "</div> ";
+ results += "<div class='details_label sura_stat1'> words | "+ json.search.ayas[i].sura.stat.words+ " </div>";
+ results += "<div class='details_label sura_stat2'> letters | "+ json.search.ayas[i].sura.stat.letters+ "</div>";
+ results += "<div class='details_label sura_stat3'> divine_names | "+ json.search.ayas[i].sura.stat.godnames+ "</div>";
results += "</div>";
- results += "</span></legend>";
- results += "<br><p align='center' style=' margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;'>";
- results += "<span style='font-family:\"ArabeyesQr\", Scheherazade; line-height: 180%; font-size:22px; color:#7b563a;'><br>[ ";
- results += "<span class='aya_words' style='font-family:\"me_quran\", Scheherazade; font-size:22px;'>"
+ results += "</legend>";
+ results += "<br><p align='center'>";
+ results += "<span dir='rtl' style='font-family:\"ArabeyesQr\", Scheherazade; line-height: 180%; font-size:22px; color:#7b563a;'><br>[ ";
+ results += "<span class='aya_words' style='font-family:\"me_quran\", Scheherazade; font-size:22px;'>"
aya_words = json.search.ayas[i].aya.text.split(" ");
@@ -290,9 +290,9 @@
results += " <span>("+ build_search_link(param,"رقم_الآية:" + json.search.ayas[i].aya.id ,false ) + json.search.ayas[i].aya.id + "</a>)</span> ";
results += "] <br></span></p><br />";
- results += "<p dir='ltr' align='center' style=' margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;'>";
+ results += "<p dir='ltr' align='center' >";
if (json.search.ayas[i].aya.traduction) results += "<span style='font-family: \"Droid Sans\", Tahoma, \"Bitstream Vera Sans\", \"DejaVu Sans\", Verdana, Geneva, Arial, Sans-serif; line-height: 150%;'>"+ json.search.ayas[i].aya.traduction+ "</span></p>";
- results += "<br><p align='center' style=' margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;'>";
+ results += "<br><p align='center' >";
results += "<span style=' color:#808080;'>"
if (json.search.ayas[i].theme.chapter) results += "Chapter : "+ build_search_link(param,"فصل:\"" + json.search.ayas[i].theme.chapter + "\"",false )+ "<b>"+ json.search.ayas[i].theme.chapter+ "</b></a> ";
@@ -304,11 +304,11 @@
results += build_search_link(param,"ك_آ:" + json.search.ayas[i].stat.words, false) + "<div class='details_label aya_stat0 clickable'> words | "+ json.search.ayas[i].stat.words+ "</div></a>";
results += build_search_link(param,"ح_آ:" + json.search.ayas[i].stat.letters, false) + "<div class='details_label aya_stat1 clickable'> letters | "+ json.search.ayas[i].stat.letters+ "</div></a>";
results += build_search_link(param,"ج_آ:" + json.search.ayas[i].stat.godnames, false) + "<div class='details_label aya_stat2 clickable'> divine names | "+ json.search.ayas[i].stat.godnames+ "</div></a> ";
- results += build_search_link(param, "منزل:" + json.search.ayas[i].position.manzil, true) + "<div class='details_label aya_pos0 clickable filter'> Manzil | "+ json.search.ayas[i].position.manzil+ "</div></a>";
- results += build_search_link(param, "حزب:" + json.search.ayas[i].position.hizb, true) +"<div class='details_label aya_pos1 clickable filter'> Hizb | "+ json.search.ayas[i].position.hizb+ "</div></a>";
- results += "<div class='details_label aya_pos2'> الربع | "+ (json.search.ayas[i].position.rubu + 1 )+ "</div>";
+ // results += build_search_link(param, "منزل:" + json.search.ayas[i].position.manzil, true) + "<div class='details_label aya_pos0 clickable filter'> manzil | "+ json.search.ayas[i].position.manzil+ "</div></a>";
+ results += build_search_link(param, "حزب:" + json.search.ayas[i].position.hizb, true) +"<div class='details_label aya_pos1 clickable filter'> hizb | "+ json.search.ayas[i].position.hizb+ "</div></a>";
+ results += "<div class='details_label aya_pos2'>quart | "+ (json.search.ayas[i].position.rubu + 1 )+ "</div>";
- results += build_search_link(param, "صفحة:" + json.search.ayas[i].position.page, true) + "<div class='details_label aya_pos3 clickable filter'> Page | "+ json.search.ayas[i].position.page+ "</div></a>";
+ results += build_search_link(param, "صفحة:" + json.search.ayas[i].position.page, true) + "<div class='details_label aya_pos3 clickable filter'> page | "+ json.search.ayas[i].position.page+ "</div></a>";
results += "</div><br />";
if ( json.search.ayas[i].sajda.exist == true)
@@ -595,7 +595,7 @@
<a class="other_share" rel='nofollow' href="http://www.addthis.com/bookmark.php?v=250&username=ahmadramadan" onmouseover="return addthis_open(this, '', document.URL, document.title );" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img class='bo' src="images/share.png" alt="شارك أصدقاءك هذا الموقع"/></a>
</div>
<br />
-<div class="xdrops_continer" style="direction:rtl; text-align:left; width: 342px;">
+<div class="xdrops_continer" style="direction:ltr; text-align:right; width: 342px;">
<span class="xtitle">Sorted by :</span>
<select id="sortedby" class="styled" name="sortedby">
<option value="score">Default</option>
@@ -649,22 +649,22 @@
<br /><br /> -->
<!--abdellah-->
-<div id="search_result" style="direction:rtl; width:800px"></div>
+<div id="search_result" style="direction:ltr; width:800px"></div>
</div>
</div>
-<div id="down" class="modal" style="text-align: right;">
+<div id="down" class="modal" style="text-align: left;">
<h2 style='padding:0 0 0px 0'><img alt="download" src="images/Download.png">Download</h2><br/>
<strong> English desktop release 0.4 :
-<a class="name" title="Click to download alfanousDesktop-win0.4r20.exe" href="http://sourceforge.net/projects/alfanous/files/Interfaces/AlfanousDesktop/0.4.20/alfanousDesktop-win0.4r20.exe/download">وينداوز</a>
+<a class="name" title="Click to download alfanousDesktop-win0.4r20.exe" href="http://sourceforge.net/projects/alfanous/files/Interfaces/AlfanousDesktop/0.4.20/alfanousDesktop-win0.4r20.exe/download">Windows</a>
<br/> <br/>
Arabic desktop release 0.3 :
-<a class="name" title="Click to download alfanousDesktop-windows-0.3ar.exe" href="http://sourceforge.net/projects/alfanous/files/Interfaces/AlfanousDesktop/0.3/alfanousDesktop-windows-0.3ar.exe/download">وينداوز</a></strong>
+<a class="name" title="Click to download alfanousDesktop-windows-0.3ar.exe" href="http://sourceforge.net/projects/alfanous/files/Interfaces/AlfanousDesktop/0.3/alfanousDesktop-windows-0.3ar.exe/download">Windows</a></strong>
<br/><br/>
<button type="button" class='close gray button' > Close </button>
<br />
</div>
-<div id="help" class="modal" style="width: 675px; text-align: right;">
+<div id="help" class="modal" style="width: 675px; text-align: left;">
<h2>Help</h2>
<table dir="rtl" style=" border: 2px dashed gray;margin: 5px;width: 672px;">
<tbody>