← Back to team overview

team4alfanous team mailing list archive

[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;