team4alfanous team mailing list archive
-
team4alfanous team
-
Mailing list archive
-
Message #00318
[Branch ~team4alfanous/alfanous/alfanous-git] Rev 506: Improve curves of the side buttons corners using jQuery UI (fix #159)
------------------------------------------------------------
revno: 506
committer: Assem Chelli <assem.ch@xxxxxxxxx>
timestamp: Sun 2013-01-06 13:28:58 +0100
message:
Improve curves of the side buttons corners using jQuery UI (fix #159)
modified:
src/alfanous-django/templates/base.html
src/alfanous-django/wui/static/css/screen.css
--
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 'src/alfanous-django/templates/base.html'
--- src/alfanous-django/templates/base.html 2013-01-06 11:31:31 +0000
+++ src/alfanous-django/templates/base.html 2013-01-06 12:28:58 +0000
@@ -71,6 +71,11 @@
$(".details_label").corner("3px");
$("#search_words").corner("30px");
$("#suggestions").corner("30px");
+ $("#feedback_button").corner();
+ $("#donate_button").corner();
+ $("#translate_button").corner();
+ $("#contribute_button").corner();
+
$(document).scrollTop($("#search_result_static").position().top);
@@ -207,13 +212,13 @@
<div id="alfanousheader">
<ul class="headermenu">
<li class="menuitem"><span>{{ _("Ayahs") }}</span></li>
-<li class="menuitem"><a href="#">{{ _("Surahs") }}</a></li>
+{# <li class="menuitem"><a href="#">{{ _("Surahs") }}</a></li> #}
<li class="menuitem"><a href="#">{{ _("Words") }}</a></li>
<li class="menuitem"><a href="#">{{ _("Translations") }}</a></li>
-<li class="menuitem"><a href="#">{{ _("Taffsirs") }}</a></li>
-<li class="menuitem"><a href="#">{{ _("Hadiths") }}</a></li>
-<li class="menuitem"><a href="#">{{ _("Dreams") }}</a></li>
-<li class="menuitem"><a href="#">{{ _("Poems") }}</a></li>
+{# <li class="menuitem"><a href="#">{{ _("Taffsirs") }}</a></li> #}
+{# <li class="menuitem"><a href="#">{{ _("Hadiths") }}</a></li> #}
+{# <li class="menuitem"><a href="#">{{ _("Dreams") }}</a></li> #}
+{# <li class="menuitem"><a href="#">{{ _("Poems") }}</a></li> #}
</ul>
<div style="clear: left"></div>
</div>
@@ -253,13 +258,25 @@
<br/>
-<div class="donate-box" >
- <a class="donate_button" target='_blank' href=''>{{ _("Donate") }}</a><br/>
-</div>
-
-<div class="feedback-box" >
- <a class="feedback_button" target='_blank' href='http://feedback.alfanous.org/'>{{ _("Feedback") }}</a><br/>
-</div>
+
+
+<div class="sidebox feedback-sidebox" >
+ <a id="feedback_button" target='_blank' href='http://feedback.alfanous.org/'>{{ _("Feedback") }}</a><br/>
+</div>
+
+<div class="sidebox donate-sidebox" >
+ <a id="donate_button" target='_blank' href=''>{{ _("Donate") }}</a><br/>
+</div>
+
+<div class="sidebox translate-sidebox" >
+ <a id="translate_button" target='_blank' href='#'>{{ _("Translate") }}</a><br/>
+</div>
+
+<div class="sidebox contribute-sidebox" >
+ <a id="contribute_button" target='_blank' href='#'>{{ _("Contribute") }}</a><br/>
+</div>
+
+
{% block follow_box %}
<div class="follow-box" >
=== modified file 'src/alfanous-django/wui/static/css/screen.css'
--- src/alfanous-django/wui/static/css/screen.css 2013-01-06 11:13:47 +0000
+++ src/alfanous-django/wui/static/css/screen.css 2013-01-06 12:28:58 +0000
@@ -259,53 +259,60 @@
}
-.feedback-box {
+
+.sidebox {
left:0;
position: fixed;
- top:190px;
+ top:0px; /* must override it */
}
-.feedback-box a {
- margin-left: -38px;
+.sidebox a {
+ margin-left:-10px;
line-height:50px;
- padding:0 10px;
+ padding:0px 2px 0px 10px ;
font-weight: bold;
- -webkit-transform: rotate(-90deg);
- -moz-transform: rotate(-90deg);
- -ms-transform: rotate(-90deg);
- -o-transform: rotate(-90deg);
- transform: rotate(-90deg);
+ /*text-align: left;*/
+ background-color: #OOO; /* override it to make different color */
+ color: white;
+ display: block;
+ height: 45px;
+ width: 120px
+}
+
+.feedback-sidebox {
+ top:200px;
+ }
+
+.feedback-sidebox a {
background-color: #3AB034; /*#339A63*/
- color: white;
- display: block;
- height: 41px;
-}
-
-.donate-box {
-
- left:0;
- position: fixed;
+}
+
+.donate-sidebox {
+ top:250px;
+ }
+
+.donate-sidebox a {
+ background-color: #BA3074; /*#339A63*/
+}
+
+.translate-sidebox {
top:300px;
-
- }
-
-.donate-box a {
- margin-left: -28px;
- line-height:50px;
- padding:0 10px;
- font-weight: bold;
- -webkit-transform: rotate(-90deg);
- -moz-transform: rotate(-90deg);
- -ms-transform: rotate(-90deg);
- -o-transform: rotate(-90deg);
- transform: rotate(-90deg);
- background-color: #BA30B4; /*#339A63*/
- color: white;
- display: block;
- height: 41px;
-}
+ }
+
+.translate-sidebox a {
+ background-color: #3A34B0; /*#339A63*/
+}
+
+.contribute-sidebox {
+ top:350px;
+ }
+
+.contribute-sidebox a {
+ background-color: #000000; /*#339A63*/
+}
+
.follow-box {
border:0 none;