Current Path : /home/sudancam/.trash/quran/mobile/style/mobile/ |
Current File : /home/sudancam/.trash/quran/mobile/style/mobile/style.css |
@font-face { font-family: "me_quran"; src: local("me_quran"), url("fonts/me_quran.ttf"); } @font-face { font-family: 'KFGQPC_Naskh'; src: url('fonts/KFC_naskh.eot'); src: local('KFGQPC Uthman Taha Naskh'), url('fonts/KFC_naskh.otf') format('opentype'); } /* -moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:92px; -moz-border-radius-topleft:92px; -moz-border-radius-topright:2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 92px; -webkit-border-top-left-radius: 92px; -webkit-border-top-right-radius: 2px; */ .tpl_content_top, .tpl_content_top_en { border-top-left-radius: 7px; border-top-right-radius: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; } .tpl_content_bottom, .tpl_content_bottom_en { border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; } .toggle_container ul li, .navbar, div.pdfquran, .changesoraform, .listensora, div.ayat4tafseer, div.ayat4tafseer_text, div.ayat4tafseersearch,#translateindex .ayat, #translateindex .ayat2, select, input, td { border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px; -webkit-border-radius: 7px; } div.ayat4tafseer, div.ayat4tafseer_text, #translateindex, span.ayat { font: normal 24px KFGQPC_Naskh,'traditional arabic',tahoma; line-height:35px; } .clears { clear:both; padding:5px 0 0 0; } body { margin: 0; padding: 0; font-size:16px; font-family:Arial, Tahoma, Helvetica, sans-serif; background:url("images/bg.jpg") 0 -198px repeat-x #fff; } a { color:#333; text-decoration:none; } a:hover {text-decoration:underline; } select,input { background-color:#eeeeee; border: 1px solid #cccccc; font-family:Tahoma, Arial, Helvetica, sans-serif; padding: 5px; margin: 5px; } img { border:none; } .page-header {width:100%; background:url("images/headerBack.png") bottom repeat-x; border:0px; border-bottom:1px solid #adafaf; color:#333; height:30px; text-shadow: 0 -1px 1px #fff; } .page-header h3 { text-align:center; font-size:16px; } /* Start header, footer, body */ div.header { width:100%; height:110px; text-align:center; } div.header img { margin:10px 0 0 0; } div.header img.logo { margin:5px 0 0 0; width:133px; height:100px; } #wrap { margin: 0; width: 100%; direction:rtl; } div.content { margin: 0; padding:10px; background-color: #ffffff; } div.footer { width:100%; height:40px; margin: 0; margin-top:7px; color:#fff; background-color:#333333; clear:both; } div.footer a { color:#fff; } div.footer p{ text-align:center; padding: 10px 0 0 0; } .navbar { padding: 0; margin: 0 5px 5px 5px; background-color:#cccccc; } .navbar ul {text-align:center; margin: 0; padding: 10px; list-style: none; } .navbar ul li { display:inline; padding: 0; margin-left:2px; } .navbar ul li a { color: #3D4E06; margin: 0; padding: 0; text-decoration: none; } .navbar ul li a:hover{ color: #3D4E06; } /* End header, footer, body */ /* Start View All Sorah */ span.ayat { color:#333; padding: 0; } span:hover.ayat { color:#425406; } span:active.ayat { color:#425406; } img.ayatnumber { width:33px; height:20px; padding:0 10px 0 10px; position:relative; top:4px; } /* End View All Sorah */ .tpl_content_top { background-color:#eeeeee; border: 1px solid #cccccc; margin: 0 5px 0 5px; } .tpl_content_top h1 { padding-right:10px; text-align:right; font-size:16px; font-weight:bold; color:#333333; } .tpl_content_top a { color:#333333; } .tpl_content_center { text-align:justify; background-color:#ffffff; border: 1px solid #cccccc; margin: 0 5px 0 5px; } .tpl_content_center .tpl_content_center_padding { padding:5px; } .tpl_content_center .tpl_content_center_padding a { } .tpl_content_bottom { height:10px; background-color:#cccccc; border: 1px solid #cccccc; margin: 0 5px 0 5px; margin-bottom:10px; } .tpl_content_top_en { background-color:#eeeeee; border: 1px solid #cccccc; margin: 0 5px 0 5px; } .tpl_content_top_en h1 { padding-left:10px; font-size:16px; font-weight:bold; color:#333333; text-align:left; direction: ltr; } .tpl_content_top_en a { color:#333333; } .tpl_content_center_en { text-align:left; direction: ltr; background-color:#ffffff; border: 1px solid #cccccc; margin: 0 5px 0 5px; } .tpl_content_center_en .tpl_content_center_padding_en { padding:5px; } .tpl_content_center_en .tpl_content_center_padding_en a { } .tpl_content_bottom_en { height:10px; background-color:#cccccc; border: 1px solid #cccccc; margin: 0 5px 0 5px; margin-bottom:10px; } /* Start tafseer.php */ div.tafseer { padding: 5px; margin: 0; color:#333; } div.tafseer img { padding: 0; margin: 10px 0 10px 0; } div.ayat4tafseer { padding: 10px; margin: 10px 0 10px 0; border: 1px solid #cccccc; background-color:#eeeeee; } div.ayat4tafseer span { font: normal 12px tahoma,arial; color:#A3B926; } div.ayat4tafseer img { position:relative; top:14px; } div.ayat4tafseer_text { padding: 0; margin: 0; } div.ayat4tafseersearch { padding: 0; margin: 0; background-color:#f4e3ff; border: 1px solid #cccccc; text-align:center; } div.saveoption { padding: 20px 0 0 0; margin: 0; text-align:center; color:#D80409; } div.saveoption img { border:none; } .tafsserpages { text-align:center; padding:0px 0 0px 0; font-size:25px; } .tafsserpages span { color:red; } .changesoraform { margin: 10px 0 10px 0; padding: 5px; text-align:center; background-color:#f4e3ff; border: 1px solid #cccccc; } .changesoraform select.se { margin-left: 10px; width:120px; } .changesoraform select.se2 { margin-left: 10px; } .changesoraform input.ser { border: 1px solid #ccc; background-color:#fff; } .changesoraform p { text-align:center; padding: 0 0 10px 0; margin: 0; color:#D80409; } /* End tafseer.php */ div.listensora { margin: 10px 0 10px 0; padding: 5px; text-align:center; background-color: #f4e3ff; border: 1px solid #cccccc; } div.listensora_window { margin: 10px; padding: 10px; text-align:center; background-color: #eee; border: 1px solid #ccc; } div.mp3plyer { padding-top:20px; margin: 0; text-align:center; color:#333; } .selectbox_sound { margin:0; text-align:center; } .selectbox_sound select.se { margin-top: 10px; } .selectbox_sound input.ser { } /* Start translate.php */ #translateindex { padding: 5px; margin: 0; color: #333; } #translateindex h1 { padding: 5px 0 20px 0; margin: 0; font-size:18px; color: #333; text-align:center; direction: ltr; } #translateindex div.englishtext { padding: 5px 0 20px 0; margin: 0; font: normal 13px arial,tahoma; color: #CC0000; text-align:center; direction: ltr; } #translateindex div.translate { padding: 0; margin: 20px 0 10px 3px; font: normal 13px arial,tahoma; text-align:left; line-height:20px; direction: ltr; } #translateindex div.translate_rtl { padding: 0; margin: 20px 3px 10px 0; font: normal 13px tahoma; line-height:20px; } #translateindex .ayat, #translateindex .ayat2, #translateindex div.translate_rtl { direction: rtl; text-align:right; } #translateindex .ayat { padding: 15px 10px 10px 10px; margin-bottom: 10px; background-color:#fff; border: 1px solid #cccccc; line-height:55px; } #translateindex .ayat2 { padding: 15px 10px 10px 10px; margin-bottom: 10px; background-color:#f2f2f2; border: 1px solid #cccccc; line-height:55px; } #translateindex span { font: normal 12px tahoma,arial; color: #CC0000; } #translateindex img { margin:3px; border:none; position:relative; top:6px; } .translatesoeah_rtl { padding: 0; margin: 0; direction: rtl; text-align:right; } .translatesoeah_ltr { padding: 0; margin: 0; direction: ltr; text-align:left; } .translatesoeah_rtl table, .translatesoeah_ltr table { width:100%; border:none; padding: 0; margin: 0; } /* border-collapse:collapse; */ .translatesoeah_rtl td, .translatesoeah_ltr td { background-color:#eeeeee; border: 1px solid #cccccc; padding: 7px; margin: 7px; } .translatesoeah_rtl td:hover, .translatesoeah_ltr td:hover { background-color:#f4e3ff; border: 1px solid #cccccc; } .translatesoeah_rtl td a, .translatesoeah_ltr td a { display:block; } div.pdfquran { padding: 10px; margin: 0 0 10px 0; border: 1px solid #cccccc; background-color:#F7F7F7; text-align:center; } div.pdfquran img { border: none; margin: 0 0 10px 0; } /* End translate.php */ /* Start Select Language */ .sorabox_en { color: #003399; direction: ltr; text-align:center; } .sorabox_en select { cursor: pointer; margin-top:5px; direction: ltr; } /* End Select Language */ /* Start Menu Sorah ar */ div.soraoverflow { margin: 0 auto; width: 185px; background-color:#f4e3ff; padding: 0; height:242px; overflow:auto; } div.soraoverflow div.links4sora { margin: 5px; padding: 0; height:20px; } div.soraoverflow div a{ color:#333333; display:block; } /* End Menu Sorah ar */ /* Start Menu Sorah en */ div.soraoverflow_en { margin: 0 auto; width: 185px; background-color:#f4e3ff; padding: 0; height:242px; overflow:auto; direction: ltr; } div.soraoverflow_en div.links4sora { margin: 5px; padding: 0; text-align:left; } div.soraoverflow_en div a{ color:#2e2e2e; display:block; } /* End Menu Sorah en */ #GB_overlay { background-color: #000; position: absolute; margin: auto; top: 0; left: 0; z-index: 100; } #GB_window { left: 0; top: 0; font-size: 1px; position: absolute; overflow: visible; z-index: 150; } #GB_window .content { width: auto; margin: 0; padding: 0; } .GB_Window .content { background-color: #fff; border: 3px solid #ccc; border-top: none; } .GB_Window .header { border-bottom: 1px solid #aaa; border-top: 1px solid #999; border-left: 3px solid #ccc; border-right: 3px solid #ccc; margin: 0; height: 22px; padding: 3px 0; color: #333; } .GB_Window .caption { text-align: right; white-space: nowrap; padding: 5px; } .GB_Window .close { text-align: left; } .GB_Window .close span { cursor: pointer; } .GB_Window .close img { cursor: pointer; padding: 0 0 0 3px; } .GB_Window .on { border-bottom: 1px solid #333; } .GB_Window .click { border-bottom: 1px solid red; } /* Start flags */ .flags { padding: 10px; margin: 0 5px 25px 5px; border: 1px solid #cccccc; background-color:#F7F7F7; text-align:center; } .flags img { border: none; margin: 0 0 10px 0; width:130px; height:75px; } /* End flags */ /* Start Loop */ .books_ar { margin: 0; padding: 0; line-height: 1.6; } .books { margin: 0; padding: 0; direction: ltr; line-height: 1.6; } .books ul, .books_ar ul { margin: 0px; padding:0px; } .books ul li, .books_ar ul li { color: #333; font-size:14px; padding: 0; margin:0; list-style-type: none; } .booksborder { border-bottom:1px solid #cccccc; margin: 10px 0 10px 0; } .books a.bookstitle, .books_ar a.bookstitle { color: green; font: normal 13px tahoma; font-weight:bold; } .books p, .books_ar p { padding:0; } .books h3, .books_ar h3 { text-align:center; font-size:15px; padding:0 0 10px 0; } .books p span, .books_ar p span { color: green; } .description { color:#333; display: block; } .downloadicons { padding:0; } .downloadicons img { border:none; margin-right:3px; margin-left:3px; } /* End Loop */ .toogle_wrap{width:100%;-moz-border-radius:8px;-webkit-border-radius:8px;-khtml-border-radius:8px;background:url(images/box_wrap_bottom.jpg) no-repeat center bottom #ffffff;margin:0px 0 0 0;color:#636363;} .trigger{padding:5px 0 6px 10px;margin:0;background:url(images/toggle_open.gif) no-repeat left;background-position:7px 7px;} .trigger a{color: #333333; text-decoration: none; display: block; padding:6px 0 6px 40px; font-size:18px; font-weight:bold; } .active { background:url(images/toggle_close.gif) no-repeat left;background-position:7px 7px;} .trigger a:hover, .trigger a:hover:focus{color:#000000;} .toggle_container{overflow: hidden;padding:10px;clear: both;} .toggle_container ul{ padding:0; margin:0px; list-style:none;} .toggle_container ul li { padding:12px 0 12px 0px; margin:0px 0 5px 0; width:100%; background-color:#f4e3ff; } /* text-align:left; direction: ltr; */ .toggle_container ul li a { display:block; text-decoration:none; color:#333333; font-size:16px; padding:0 10px 0 10px;} .toggle_container ul li a:hover, .toggle_container ul li a:focus{ color:#222222; }