html {font-size: 16px;}
body {
margin: 0 7em;
max-width: 1024px;
text-align: left;
background: #F3FEF3;/* FFFEFA, F3FEF3 is light green */
}
div#wrapper {
width:100%;
max-width: 540px;
}
/* Start from TE conversion */
/* ⇢ put them into the page itself! */
/* End from TE conversion */
p.p1 {
font-family: "Lucida Grande", "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
color: #151515;
font-size: 1.04rem;
line-height: 1.4em;
}
.pts {
font-family: "PT Sans", 'Lucida Grande', "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.125rem;
color:#263052;
}
h1 {
font-family: "Lucida Grande", "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
color: #494949;
margin: 2.0rem 0 0.5rem 0;
font-size: 3.5rem;
line-height: 4.5rem;
text-shadow:0 2px 3px rgba(0,0,0,0.2);
}
h2 {
font-family: "Lucida Grande", "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
color: #494949;
margin: 2.0rem 0 0 0;
font-size: 2.75rem;
line-height: 3.0rem;
text-shadow:0 2px 3px rgba(0,0,0,0.2);
}
h2.noshadow {
font-family: "Lucida Grande", "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
color: #494949;
margin: 2.0rem 0 0 0;
font-size: 2.75rem;
line-height: 3.0rem;
text-shadow: 0 0px 0px rgba(0,0,0,0.3);
}
h2#nomargintop {
font-family: "Lucida Grande", "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
color: #494949;
margin: 2.0rem 0 0 0;
font-size: 2.75rem;
line-height: 3.0rem;
text-shadow:0 2px 3px rgba(0,0,0,0.2);
margin-top: 0.0em;
}
h3 {
font-family: "Lucida Grande", "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
color: #494949;
margin: 2.0rem 0 0 0;
font-size: 2.0rem;
line-height: 2.2rem;
text-shadow: 0 2px 3px rgba(0,0,0,0.3);
}
h3.noshadow {
font-family: "Lucida Grande", "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
color: #494949;
margin: 2.0rem 0 0 0;
font-size: 2.0rem;
line-height: 2.2rem;
}
h4 {
font-family: "Lucida Grande", "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
color: #494949;
margin: 2.0rem 0 0 0;
font-size: 1.6rem;
line-height: 2.2rem;
}
a { font-family: Tahoma, "Lucida Grande", "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
font-size: 1em;
text-decoration: none;
}
.blue {
color: blue;
}
.mc {
font-family: Monaco, Tahoma, "Lucida Grande", "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
font-size: 0.95rem;
color: #666666;
}
.bold { font-weight: bold; }
img.mwi {
max-width: 100%;
height: auto;
}
.hline-bottom {
padding-bottom: 10px;
padding-top: 10px;
border-bottom: 2px dotted #000; /* whichever color you prefer */
}
/* for the bit.ly */
.lblbg {
font: 17.0px 'Lucida Grande';
color: white;
-webkit-text-stroke: #000000;
background-color: #8DD9F8;
padding: 4px;
border-bottom-left-radius: 8px;
border-top-right-radius: 8px;
}
/* for the page date */
p.p2g {font-family: Tahoma, "Lucida Grande", "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
color: #72A633; /*olive-green*/
}
p#stripe {
background-color: #BCEDB8;
padding: 2px 0px 3px 5px;
font-family: Monaco, Menlo, Tahoma, "Lucida Grande", "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
font-weight: normal;
font-size: 1.063rem;
line-height: 1.4rem;
color: blue;
}
/*hadith, koran,*/
.h { color: green;}
.k { color: #006969;}
/* A .media screen < 430 px */
@media screen and (max-width: 430px) {
body {
margin: 0 1em;
text-align: left;
}
/* A .media screen < 430 px */
h1 {
font-family: "Lucida Grande", "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
color: #494949;
margin: 2.0rem 0 0.5rem 0;
font-size: 3.0rem;
line-height: 4.5rem;
text-shadow: 0 2px 3px rgba(0,0,0,0.3);
}
/* A .media screen < 430 px */
p.pts {
margin: 0.0px 0.0px 0.0px 0.0px;
line-height: 26.0px;
font: 20.0px 'Lucida Grande';
color: #6c6c6c;
line-height: 2rem;
-webkit-text-stroke: #000000;}
}
/* E .media screen < 400 px*/
/* Responsive Web Design - Images Using The max-width Property */
#container img.mwi {
max-width: 100%;
height: auto;
}
div.bd5 {background-color: #FFFFFF; border: 1px dashed green; padding: 12px; margin-bottom: 1.0rem; font: 1.1rem "Lucida Grande", "Helvetica Neue", "Helvetica", "Hiragino Sans GB", "Arial", sans-serif; color: #373737; line-height: 1.4rem; -webkit-text-stroke: #000000; border-radius: 8px;
}
.markgreen {background-color: #95F8C2;} /* green mg- */
.markblue {background-color: #9DE9FC;} /* blue mb- */
.markyellow {background-color: #FEC777;} /* brown my- */
.aknn {
font-family: 'Noto Naskh Arabic', serif; Geneva, Arial, Sans-serif;
font-size: 1.25em; /* 17px = 1.063em */
line-height: 130%;
text-align: right;
color: #026969;
margin-top: 1.2em;
}
.bbl {color: #7B1C1D;}
p.pts .sce { font: 0.95em "Lucida Grande", Tahoma, 'Helvetica Light'; color: #5E5E5A; }
.sce { font: 1.125rem "Lucida Grande", Tahoma, 'Helvetica Light'; color: #5E5E5A; }
.sc9 { font: 1.0rem "Lucida Grande", Tahoma, 'Helvetica Light'; color: #5E5E5A; }
.sc8 { font: 0.938rem "Lucida Grande", Tahoma, 'Helvetica Light'; color: #5E5E5A; }
/* back to index */
.sci { font: 1.0rem "Lucida Grande", Tahoma, 'Helvetica Light'; color: #2749CA; }
sup { line-height: 0;}
.ssz {font-size: 0.9rem;font-family: Monaco, Menlo, Tahoma, "Lucida Grande", "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;}
hr.simplegrey2 {
border: 0;
height: 5px;
background-color: #D0D0D0;
}
hr.style14 {
border: 0;
height: 5px;
background-image: -webkit-linear-gradient(left, #1BA113, #3B67FF, #1BA113);
background-image: -moz-linear-gradient(left, #1BA113, #3B67FF, #1BA113);
background-image: -ms-linear-gradient(left, #1BA113, #3B67FF, #1BA113);
background-image: -o-linear-gradient(left, #1BA113, #3B67FF, #1BA113);
color: green;
}
#onequranverse {margin: 0em 2em 2em 1em;}
p.secnumber {margin: 0.0px 0.0px 3.0px 0.0px; font: 25.0px 'Lucida Grande'; color: #204F6C;}
p.dateline {margin: 0.0px 0.0px 3.0px 0.0px; font: 17.0px 'Lucida Grande'; color: #000000; color: rgba(0, 0, 0, 0.85)}