Permalink
Browse files

word for word css change

* made translation smaller
* fixed the padding to make it more fluid
* added .tran class to css to make translation smaller ( can you add
"tran"  class to Sahih International text translation).
  • Loading branch information...
1 parent 993304b commit c894bc4eeb16c66debebd84d1716c3edd53ee665 @da1nonly committed Nov 20, 2011
Showing with 11 additions and 6 deletions.
  1. +11 −6 dynamic-html/images/themes/default/css/global.css
View
17 dynamic-html/images/themes/default/css/global.css
@@ -1302,7 +1302,7 @@ noscript p {
text-align:right;
}
.ayahs .ayah:hover, .ayahs .group:hover, .ayahs .mouseOver {
- background-color: #ffffee;
+ background-color: #ffff;
}
.ayahs .selected, .ayahs .selected:hover {
background-color: #f9fbff;
@@ -1329,15 +1329,16 @@ noscript p {
padding: 4px;
}
.ltr .group .ayah {
- margin-left: 90px;
+
}
.rtl .group .ayah {
- margin-right:90px;
+
}
.ltr .ayahs .group .ayahNumber {
float: left;
color:#999;
font-weight: bold;
+
}
.rtl .ayahs .group .ayahNumber {
float: right;
@@ -1375,8 +1376,7 @@ noscript p {
white-space: nowrap;
}
.word {
- margin-left: 8px;
- margin-right: 8px;
+ cursor: pointer;
display:-moz-inline-stack;
display:inline-block;
zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
@@ -1389,7 +1389,7 @@ noscript p {
text-align: center;
}
.staticWord:hover {
- background-color:#ffffee;
+ background-color:#eee;
}
.word .first {
display:block;
@@ -1404,6 +1404,11 @@ noscript p {
color: #3B5998;
text-decoration:overline;
}
+ .en .second{
+ font-size: 20%;
+ }
+ .ayah .ltr{ font-size: 65%;}
@iBasit
Collaborator
iBasit added a line comment Dec 23, 2011

.ayah .ltr why to font-size: 65%?

so far i only added .en .second class

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
+ .tran{ font-size: 45%;}
@iBasit
Collaborator
iBasit added a line comment Dec 23, 2011

i dont think .trans exist in the coding..

@da1nonly
Owner
da1nonly added a line comment Jan 1, 2012

it meant to be a class for the translations currently the class for the translation is "ayah ltr" using chrome inspector, if you add the class trans to the translation the text size should decrease.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
#result {
height:auto;

0 comments on commit c894bc4

Please sign in to comment.