Changeset 3481656
- Timestamp:
- 03/13/2026 04:33:50 AM (2 weeks ago)
- Location:
- quran-text-multilanguage/trunk
- Files:
-
- 3 edited
-
inc/quran_style.php (modified) (25 diffs)
-
quran-text-multilanguage.php (modified) (1 diff)
-
readme.txt (modified) (2 diffs)
Legend:
- Unmodified
- Added
- Removed
-
quran-text-multilanguage/trunk/inc/quran_style.php
r3481626 r3481656 12 12 } 13 13 /* Cadre décoratif désactivé - design épuré */ 14 .top_template, .bottom_template, .left_template,.right_template,15 .h-g_template, .h-d_template, .b-g_template,.b-d_template {14 #template_quran .top_template, #template_quran .bottom_template, #template_quran .left_template, #template_quran .right_template, 15 #template_quran .h-g_template, #template_quran .h-d_template, #template_quran .b-g_template, #template_quran .b-d_template { 16 16 display: none !important; 17 17 } … … 21 21 /* ========== MOBILE RESPONSIVE - Refonte complète ========== */ 22 22 #template_quran { padding: 24px 8px 30px !important; width: 100% !important; box-sizing: border-box !important; } 23 # quran_main { width: 100% !important; padding: 0 4px !important; margin-top: 0 !important; box-sizing: border-box !important; }24 # result { margin-top: 12px !important; }23 #template_quran #quran_main { width: 100% !important; padding: 0 4px !important; margin-top: 0 !important; box-sizing: border-box !important; } 24 #template_quran #result { margin-top: 12px !important; } 25 25 26 26 /* Selects principaux - responsive, pleine largeur, empilés */ 27 # quran_main { flex-direction: column !important; align-items: stretch !important; }28 # kb_select_quran,#kb_select_language { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; float: none !important; display: block !important; margin-bottom: 14px !important; box-sizing: border-box !important; }29 # kb_select_quran { margin-top: 24px !important; }30 # kb_select_language { margin-top: 4px !important; }31 # kb_select_quran form,#kb_select_language form { width: 100% !important; max-width: 100% !important; }27 #template_quran #quran_main { flex-direction: column !important; align-items: stretch !important; } 28 #template_quran #kb_select_quran, #template_quran #kb_select_language { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; float: none !important; display: block !important; margin-bottom: 14px !important; box-sizing: border-box !important; } 29 #template_quran #kb_select_quran { margin-top: 24px !important; } 30 #template_quran #kb_select_language { margin-top: 4px !important; } 31 #template_quran #kb_select_quran form, #template_quran #kb_select_language form { width: 100% !important; max-width: 100% !important; } 32 32 #template_quran .quran-select { max-width: 100% !important; width: 100% !important; margin-bottom: 8px !important; box-sizing: border-box !important; font-size: 16px !important; } 33 .aya1 { width: 100% !important; margin-bottom: 12px !important; background: transparent !important; font-size: 15px !important; }34 # select_languages { width: 100% !important; max-width: 100% !important; margin: 0 0 16px !important; float: none !important; }33 #template_quran .aya1 { width: 100% !important; margin-bottom: 12px !important; background: transparent !important; font-size: 15px !important; } 34 #template_quran #select_languages { width: 100% !important; max-width: 100% !important; margin: 0 0 16px !important; float: none !important; } 35 35 36 36 /* Bloc sourate + flèches - responsive, centré (titre + flèches en bloc au centre) */ 37 37 /* Même espace à gauche qu'à droite (place du bouton) pour que le titre reste au centre de l'écran */ 38 # bloc_top_quran { position: relative !important; display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; align-content: center !important; gap: 10px !important; padding: 10px 44px !important; width: 100% !important; box-sizing: border-box !important; }39 # bloc_name_sura { width: auto !important; max-width: 100% !important; display: flex !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; gap: 8px !important; min-width: 0 !important; box-sizing: border-box !important; margin: 0 auto !important; }40 # block_prev,#block_next { display: inline-flex !important; align-items: center !important; flex-shrink: 0 !important; }41 # PrevSourate,#NextSourate { width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; opacity: 1 !important; }42 # sourateName { font-size: clamp(16px, 5vw, 20px) !important; font-weight: 600 !important; padding: 6px 8px !important; flex: 0 1 auto !important; min-width: 0 !important; text-align: center !important; word-break: break-word !important; line-height: 1.3 !important; }43 .suraName { padding: 10px 6px !important; }44 .download_kb,.setting_kb { display: none !important; }38 #template_quran #bloc_top_quran { position: relative !important; display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; align-content: center !important; gap: 10px !important; padding: 10px 44px !important; width: 100% !important; box-sizing: border-box !important; } 39 #template_quran #bloc_name_sura { width: auto !important; max-width: 100% !important; display: flex !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; gap: 8px !important; min-width: 0 !important; box-sizing: border-box !important; margin: 0 auto !important; } 40 #template_quran #block_prev, #template_quran #block_next { display: inline-flex !important; align-items: center !important; flex-shrink: 0 !important; } 41 #template_quran #PrevSourate, #template_quran #NextSourate { width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; opacity: 1 !important; } 42 #template_quran #sourateName { font-size: clamp(16px, 5vw, 20px) !important; font-weight: 600 !important; padding: 6px 8px !important; flex: 0 1 auto !important; min-width: 0 !important; text-align: center !important; word-break: break-word !important; line-height: 1.3 !important; } 43 #template_quran .suraName { padding: 10px 6px !important; } 44 #template_quran .download_kb, #template_quran .setting_kb { display: none !important; } 45 45 /* Bouton lecture hors flux : à droite, plus petit, titre + flèches restent centrés */ 46 .playsura_kb { position: absolute !important; right: 8px !important; top: 50% !important; transform: translateY(-50%) !important; left: auto !important; margin: 0 !important; width: 28px !important; height: 28px !important; }47 .playsura_kb svg { width: 14px !important; height: 14px !important; }46 #template_quran .playsura_kb { position: absolute !important; right: 8px !important; top: 50% !important; transform: translateY(-50%) !important; left: auto !important; margin: 0 !important; width: 28px !important; height: 28px !important; } 47 #template_quran .playsura_kb svg { width: 14px !important; height: 14px !important; } 48 48 49 49 /* Panneaux params - empilage vertical quand ouverts (ne pas forcer display: block, ils restent display:none par défaut) */ 50 .params_kb, .params1_kb,.params_download_kb {50 #template_quran .params_kb, #template_quran .params1_kb, #template_quran .params_download_kb { 51 51 width: 100% !important; max-width: 100% !important; 52 52 padding: 16px !important; margin: 12px 0 !important; box-sizing: border-box !important; 53 53 min-height: auto !important; height: auto !important; overflow: visible !important; 54 54 } 55 .params_kb { clear: both !important; }56 .params_kb-steps { flex-direction: column !important; align-items: stretch !important; gap: 12px !important; }57 .params_kb-step { width: 100% !important; }58 .params_kb-arrow { transform: rotate(90deg); align-self: center !important; }59 # recitator_kb, #recitator2_kb,#select_aya { width: 100% !important; position: static !important; float: none !important; margin: 0 !important; }60 .params_kb form,.params1_kb form { width: 100% !important; }61 .params_kb select, .params1_kb select,.params_download_kb select {55 #template_quran .params_kb { clear: both !important; } 56 #template_quran .params_kb-steps { flex-direction: column !important; align-items: stretch !important; gap: 12px !important; } 57 #template_quran .params_kb-step { width: 100% !important; } 58 #template_quran .params_kb-arrow { transform: rotate(90deg); align-self: center !important; } 59 #template_quran #recitator_kb, #template_quran #recitator2_kb, #template_quran #select_aya { width: 100% !important; position: static !important; float: none !important; margin: 0 !important; } 60 #template_quran .params_kb form, #template_quran .params1_kb form { width: 100% !important; } 61 #template_quran .params_kb select, #template_quran .params1_kb select, #template_quran .params_download_kb select { 62 62 width: 100% !important; max-width: 100% !important; 63 63 display: block !important; margin-bottom: 10px !important; box-sizing: border-box !important; 64 64 min-height: 44px !important; font-size: 15px !important; 65 65 } 66 .params_kb-step-fields { flex-direction: column !important; }67 .params_kb-step-format-row { flex-direction: row !important; flex-wrap: wrap !important; }68 .params_kb #kb-select_debut,.params_kb #kb-select_fin { width: 100% !important; min-width: 0 !important; }69 .params_kb #kb-select_text { flex: 1 1 auto !important; min-width: 0 !important; }70 .params_kb-play-btn,.params_kb #play_select_quran { margin-left: 0 !important; margin-top: 8px !important; }71 # play_select_quran { display: inline-block !important; width: 40px !important; height: 40px !important; margin-left: 0 !important; margin-top: 8px !important; }72 # playeraya,#playeraya2 { margin-top: 12px !important; }73 # playeraya audio,#playeraya2 audio { width: 100% !important; max-width: 100% !important; }74 .params1_kb { min-height: auto !important; height: auto !important; padding: 16px !important; }75 # recitator_download_kb { width: 100% !important; }76 # recitator_download_kb select { width: 100% !important; }77 # name_recitator,#dl_count_kb { width: 100% !important; }66 #template_quran .params_kb-step-fields { flex-direction: column !important; } 67 #template_quran .params_kb-step-format-row { flex-direction: row !important; flex-wrap: wrap !important; } 68 #template_quran .params_kb #kb-select_debut, #template_quran .params_kb #kb-select_fin { width: 100% !important; min-width: 0 !important; } 69 #template_quran .params_kb #kb-select_text { flex: 1 1 auto !important; min-width: 0 !important; } 70 #template_quran .params_kb-play-btn, #template_quran .params_kb #play_select_quran { margin-left: 0 !important; margin-top: 8px !important; } 71 #template_quran #play_select_quran { display: inline-block !important; width: 40px !important; height: 40px !important; margin-left: 0 !important; margin-top: 8px !important; } 72 #template_quran #playeraya, #template_quran #playeraya2 { margin-top: 12px !important; } 73 #template_quran #playeraya audio, #template_quran #playeraya2 audio { width: 100% !important; max-width: 100% !important; } 74 #template_quran .params1_kb { min-height: auto !important; height: auto !important; padding: 16px !important; } 75 #template_quran #recitator_download_kb { width: 100% !important; } 76 #template_quran #recitator_download_kb select { width: 100% !important; } 77 #template_quran #name_recitator, #template_quran #dl_count_kb { width: 100% !important; } 78 78 79 79 /* Séparation panneau / versets - évite tout chevauchement */ 80 .suraName { overflow: visible !important; margin-bottom: 20px !important; }81 .params_kb + ol,.params1_kb + ol { margin-top: 8px !important; }80 #template_quran .suraName { overflow: visible !important; margin-bottom: 20px !important; } 81 #template_quran .params_kb + ol, #template_quran .params1_kb + ol { margin-top: 8px !important; } 82 82 83 83 /* Versets - lisibilité */ 84 .aya { margin-bottom: 2px !important; }84 #template_quran .aya { margin-bottom: 2px !important; } 85 85 /* Indicateur lecture params : trait vert en bas du verset en cours uniquement */ 86 .aya.quran-verse-playing { border-bottom: 3px solid #22c55e !important; }87 .quran,.trans { padding: 14px 12px !important; font-size: 1.05rem !important; line-height: 1.6 !important; }88 .quran { font-size: clamp(18px, 5vw, 24px) !important; }89 .kb-verse-play { margin-right: 3px !important; }90 .kb-verse-play svg { width: 9px !important; height: 9px !important; }91 .suraName { padding: 10px 6px !important; overflow: visible !important; margin-bottom: 20px !important; }86 #template_quran .aya.quran-verse-playing { border-bottom: 3px solid #22c55e !important; } 87 #template_quran .quran, #template_quran .trans { padding: 14px 12px !important; font-size: 1.05rem !important; line-height: 1.6 !important; } 88 #template_quran .quran { font-size: clamp(18px, 5vw, 24px) !important; } 89 #template_quran .kb-verse-play { margin-right: 3px !important; } 90 #template_quran .kb-verse-play svg { width: 9px !important; height: 9px !important; } 91 #template_quran .suraName { padding: 10px 6px !important; overflow: visible !important; margin-bottom: 20px !important; } 92 92 /* Espace net entre panneau params et premier verset */ 93 # result .suraName + ol,94 # result .suraName + * + .aya { margin-top: 4px !important; }93 #template_quran #result .suraName + ol, 94 #template_quran #result .suraName + * + .aya { margin-top: 4px !important; } 95 95 96 96 /* Utilitaires */ 97 # recitator_quran { margin-top: 0 !important; }98 .lcs_label { display: none !important; }99 .lcs_cursor { height: 18px !important; }100 # dl_sura { display: none !important; }101 # autoplay_quran { display: none !important; }102 # pause_quran,#play_quran { display: none !important; }97 #template_quran #recitator_quran { margin-top: 0 !important; } 98 #template_quran .lcs_label { display: none !important; } 99 #template_quran .lcs_cursor { height: 18px !important; } 100 #template_quran #dl_sura { display: none !important; } 101 #template_quran #autoplay_quran { display: none !important; } 102 #template_quran #pause_quran, #template_quran #play_quran { display: none !important; } 103 103 /*FIN CSS MOBILE */ 104 104 } 105 105 /* Petit indicateur play sur le badge verset (remplace l’icône speaker) */ 106 .kb-verse-play { display: inline-flex !important; align-items: center !important; margin-right: 4px !important; vertical-align: middle !important; opacity: 0.85; }107 .kb-verse-play svg { width: 10px !important; height: 10px !important; fill: currentColor !important; flex-shrink: 0 !important; }108 .sm2_link { cursor: pointer !important; text-decoration: none !important; }109 .sm2_link .quranbadge { display: inline-flex !important; align-items: center !important; padding: 3px 5px !important; font-size: 12px !important; }110 .sm2_link:hover .kb-verse-play { opacity: 1; }111 # pause_quran{display:none;position:absolute;margin-left: auto;margin-right: auto;left: 0;right: 0;width: 30px;margin-top: 25px;cursor:pointer;}112 # play_quran{display:none;position:absolute;margin-left: auto;margin-right: auto;left: 0;right: 0;width: 30px;margin-top: 25px;cursor:pointer;}113 114 # bloc_top_quran{width: 100%;display:flex;align-items:center;}115 # bloc_name_sura{display:flex;align-items:center;justify-content:center;gap:10px;}116 # sourateName{line-height:1.25;display:inline-flex;align-items:center;}117 # block_prev,#block_next{align-self:center;}118 # li_quran{106 #template_quran .kb-verse-play { display: inline-flex !important; align-items: center !important; margin-right: 4px !important; vertical-align: middle !important; opacity: 0.85; } 107 #template_quran .kb-verse-play svg { width: 10px !important; height: 10px !important; fill: currentColor !important; flex-shrink: 0 !important; } 108 #template_quran .sm2_link { cursor: pointer !important; text-decoration: none !important; } 109 #template_quran .sm2_link .quranbadge { display: inline-flex !important; align-items: center !important; padding: 3px 5px !important; font-size: 12px !important; } 110 #template_quran .sm2_link:hover .kb-verse-play { opacity: 1; } 111 #template_quran #pause_quran{display:none;position:absolute;margin-left: auto;margin-right: auto;left: 0;right: 0;width: 30px;margin-top: 25px;cursor:pointer;} 112 #template_quran #play_quran{display:none;position:absolute;margin-left: auto;margin-right: auto;left: 0;right: 0;width: 30px;margin-top: 25px;cursor:pointer;} 113 114 #template_quran #bloc_top_quran{width: 100%;display:flex;align-items:center;} 115 #template_quran #bloc_name_sura{display:flex;align-items:center;justify-content:center;gap:10px;} 116 #template_quran #sourateName{line-height:1.25;display:inline-flex;align-items:center;} 117 #template_quran #block_prev,#template_quran #block_next{align-self:center;} 118 #template_quran #li_quran{ 119 119 list-style-type: none; 120 120 } 121 121 122 # select_name_recitator{122 #template_quran #select_name_recitator{ 123 123 color:#000 !important; 124 124 width:70%; … … 147 147 } 148 148 149 .quran {font-family:<?=get_option('quran_arabicfont');?> !important;word-spacing:<?=get_option('quran_wordspacing');?>px;}149 #template_quran .quran {font-family:<?=get_option('quran_arabicfont');?> !important;word-spacing:<?=get_option('quran_wordspacing');?>px;} 150 150 151 151 <?php echo get_option('quran_custum_css'); ?> 152 152 153 # change_sura_child ul{ margin:0 !important;}154 # select_language_child ul{ margin:0 !important;}155 .suraName {153 #template_quran #change_sura_child ul{ margin:0 !important;} 154 #template_quran #select_language_child ul{ margin:0 !important;} 155 #template_quran .suraName { 156 156 border-bottom: 1px solid #<?php echo ltrim(get_option('background_quran_title'), '#'); ?>;text-align: center; font-size: 20px; font-weight: 600; letter-spacing: 0.02em; padding: 14px 16px; background-color: #<?php echo ltrim(get_option('background_quran_title'), '#'); ?>; margin-top: 10px; color:#<?php echo ltrim(get_option('text_quran_title'), '#'); ?>; border-radius: 8px 8px 0 0; box-shadow: 0 1px 3px rgba(0,0,0,0.06); transition: box-shadow 0.2s ease;} 157 157 158 158 159 # li_quran {159 #template_quran #li_quran { 160 160 display:none; 161 161 } 162 .aya {margin:auto;border: 0; transition: background-color 0.2s ease, border-color 0.2s ease;}162 #template_quran .aya {margin:auto;border: 0; transition: background-color 0.2s ease, border-color 0.2s ease;} 163 163 /* Couleur de fond du bloc verset en mode clair : suit la couleur de traduction choisie dans l’admin */ 164 164 #template_quran:not(.quran-dark-mode) .aya { … … 166 166 border: 1px solid #<?php echo ltrim(get_option('background_quran_trans'), '#'); ?>; 167 167 } 168 .aya:hover { background-color: #<?php echo ltrim(get_option('background_quran_trans'), '#'); ?>; }169 170 171 172 .aya2 {font-size:16px;color:#797979;}173 174 175 176 .aya1 {margin-top:20px;font-size:1.27em;}177 178 # change_sura_msdd{width:100% !important;}179 180 # select_language_msdd{width:100% !important;}168 #template_quran .aya:hover { background-color: #<?php echo ltrim(get_option('background_quran_trans'), '#'); ?>; } 169 170 171 172 #template_quran .aya2 {font-size:16px;color:#797979;} 173 174 175 176 #template_quran .aya1 {margin-top:20px;font-size:1.27em;} 177 178 #template_quran #change_sura_msdd{width:100% !important;} 179 180 #template_quran #select_language_msdd{width:100% !important;} 181 181 182 182 183 .quran {line-height: 1.7em; padding: 10px;color:#<?php echo ltrim(get_option('text_quran_arabic'), '#'); ?>;border-right: 1px solid #<?php echo ltrim(get_option('background_quran_arabic'), '#'); ?>;border-left: 1px solid #<?php echo ltrim(get_option('background_quran_arabic'), '#'); ?>; font-size: 28px; direction: rtl;background-color:#<?php echo ltrim(get_option('background_quran_arabic'), '#'); ?>}184 185 186 187 .trans { padding:10px;font-family: Calibri;text-align:justify;border-right: 1px solid #<?php echo ltrim(get_option('background_quran_trans'), '#'); ?>;border-left: 1px solid #<?php echo ltrim(get_option('background_quran_trans'), '#'); ?>;border-bottom: 1px solid #<?php echo ltrim(get_option('background_quran_trans'), '#');?>;border-top: 1px solid #<?php echo ltrim(get_option('background_quran_trans'), '#'); ?>; color:#<?php echo ltrim(get_option('text_quran_trans'), '#'); ?>;font-size: 16px; background-color: #<?php echo ltrim(get_option('background_quran_trans'), '#'); ?>;}188 189 190 191 .tabSura{position:relative;width:auto;}192 193 194 195 .ayaNum{color:#<?php echo ltrim(get_option('color_quran_number'), '#'); ?>;background-color:#<?php echo ltrim(get_option('background_quran_number'), '#'); ?>}183 #template_quran .quran {line-height: 1.7em; padding: 10px;color:#<?php echo ltrim(get_option('text_quran_arabic'), '#'); ?>;border-right: 1px solid #<?php echo ltrim(get_option('background_quran_arabic'), '#'); ?>;border-left: 1px solid #<?php echo ltrim(get_option('background_quran_arabic'), '#'); ?>; font-size: 28px; direction: rtl;background-color:#<?php echo ltrim(get_option('background_quran_arabic'), '#'); ?>} 184 185 186 187 #template_quran .trans { padding:10px;font-family: Calibri;text-align:justify;border-right: 1px solid #<?php echo ltrim(get_option('background_quran_trans'), '#'); ?>;border-left: 1px solid #<?php echo ltrim(get_option('background_quran_trans'), '#'); ?>;border-bottom: 1px solid #<?php echo ltrim(get_option('background_quran_trans'), '#');?>;border-top: 1px solid #<?php echo ltrim(get_option('background_quran_trans'), '#'); ?>; color:#<?php echo ltrim(get_option('text_quran_trans'), '#'); ?>;font-size: 16px; background-color: #<?php echo ltrim(get_option('background_quran_trans'), '#'); ?>;} 188 189 190 191 #template_quran .tabSura{position:relative;width:auto;} 192 193 194 195 #template_quran .ayaNum{color:#<?php echo ltrim(get_option('color_quran_number'), '#'); ?>;background-color:#<?php echo ltrim(get_option('background_quran_number'), '#'); ?>} 196 196 197 197 /* Indicateur lecture params : trait vert en bas du verset en cours (tous écrans) */ 198 #template_quran .aya.quran-verse-playing, 199 .aya.quran-verse-playing { 198 #template_quran .aya.quran-verse-playing { 200 199 border-bottom-width: 4px !important; 201 200 border-bottom-style: solid !important; … … 213 212 214 213 /* Contour décoratif masqué pour un rendu moderne sans bordure */ 215 .h-g_template, .h-d_template, .top_template,.bottom_template,216 .left_template, .right_template, .b-g_template,.b-d_template {214 #template_quran .h-g_template, #template_quran .h-d_template, #template_quran .top_template, #template_quran .bottom_template, 215 #template_quran .left_template, #template_quran .right_template, #template_quran .b-g_template, #template_quran .b-d_template { 217 216 display:none !important; 218 217 } … … 220 219 221 220 222 .top_template{221 #template_quran .top_template{ 223 222 224 223 … … 243 242 244 243 245 .bottom_template{244 #template_quran .bottom_template{ 246 245 247 246 … … 267 266 268 267 269 .h-g_template{position:absolute;top:0;left:0;width:50px;height:50px;268 #template_quran .h-g_template{position:absolute;top:0;left:0;width:50px;height:50px; 270 269 271 270 … … 283 282 284 283 285 .h-d_template{position:absolute;top:0;right:0;width:50px;height:50px;284 #template_quran .h-d_template{position:absolute;top:0;right:0;width:50px;height:50px; 286 285 287 286 … … 307 306 308 307 309 .b-g_template{position:absolute;bottom:0;left:0;width:50px;height:50px;308 #template_quran .b-g_template{position:absolute;bottom:0;left:0;width:50px;height:50px; 310 309 311 310 … … 331 330 332 331 333 .b-d_template{position:absolute;bottom:0;right:0;width:50px;height:50px;332 #template_quran .b-d_template{position:absolute;bottom:0;right:0;width:50px;height:50px; 334 333 335 334 … … 359 358 360 359 361 .left_template{position:absolute;top:0;left:0;width:50px;height:100%;margin-left:-50px;360 #template_quran .left_template{position:absolute;top:0;left:0;width:50px;height:100%;margin-left:-50px; 362 361 363 362 … … 372 371 373 372 374 .right_template{position:absolute;top:0;right:0;width:50px;height:100%;margin-right:-50px;373 #template_quran .right_template{position:absolute;top:0;right:0;width:50px;height:100%;margin-right:-50px; 375 374 background:url(<?php echo plugin_dir_url(__FILE__); ?>templates/<?php echo get_option('template_quran');?>/right.png) repeat-y right top; 376 375 background-size: 50px 50px; … … 380 379 381 380 382 # quran_main{width:100%;max-width:100%;position:relative;margin:0;padding:12px;box-sizing:border-box;}383 384 385 386 # select_languages{font-size:1.27em;margin-top: 20px;color:#797979;float:right;width:100%;}387 388 389 # audio_sura { width: 100%;margin-top:10px;margin:5px auto;}390 391 # audio_sura #kb-idaudio{381 #template_quran #quran_main{width:100%;max-width:100%;position:relative;margin:0;padding:12px;box-sizing:border-box;} 382 383 384 385 #template_quran #select_languages{font-size:1.27em;margin-top: 20px;color:#797979;float:right;width:100%;} 386 387 388 #template_quran #audio_sura { width: 100%;margin-top:10px;margin:5px auto;} 389 390 #template_quran #audio_sura #kb-idaudio{ 392 391 width: 80%; 393 392 margin-top: 15px; … … 401 400 402 401 } 403 # audio_sura #kb-idaudio2{402 #template_quran #audio_sura #kb-idaudio2{ 404 403 width: 80%; 405 404 -webkit-transition:all 0.5s linear; … … 415 414 416 415 /* Badges versets - style pro neutre */ 417 .quranbadge{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;float:right;margin-left:8px;padding:4px 6px;font-size:13px;font-weight:600;white-space:nowrap;border-radius:6px;transition:transform 0.2s ease,box-shadow 0.2s ease;border:1px solid rgba(0,0,0,0.08);}418 .quranbadge:hover{transform:scale(1.02);}416 #template_quran .quranbadge{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;float:right;margin-left:8px;padding:4px 6px;font-size:13px;font-weight:600;white-space:nowrap;border-radius:6px;transition:transform 0.2s ease,box-shadow 0.2s ease;border:1px solid rgba(0,0,0,0.08);} 417 #template_quran .quranbadge:hover{transform:scale(1.02);} 419 418 /* Badge numéro de verset – suit les couleurs de numéro choisies dans l’admin */ 420 .quranbadge-info{419 #template_quran .quranbadge-info{ 421 420 background:#<?php echo ltrim(get_option('background_quran_number'), '#'); ?> !important; 422 421 color:#<?php echo ltrim(get_option('color_quran_number'), '#'); ?> !important; … … 428 427 /* Choose Sura + Choose Language : même largeur, alignés */ 429 428 /* Ligne unique Choose Sura + Choose Language : 50/50, alignés */ 430 # quran_main{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;}431 # kb_select_quran,#kb_select_language{429 #template_quran #quran_main{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;} 430 #template_quran #kb_select_quran,#template_quran #kb_select_language{ 432 431 flex:0 0 calc(50% - 6px); 433 432 box-sizing:border-box; … … 436 435 min-width:0; 437 436 } 438 # kb_select_quran form.aya1,#kb_select_quran .aya1,439 # kb_select_language #select_languages{437 #template_quran #kb_select_quran form.aya1,#template_quran #kb_select_quran .aya1, 438 #template_quran #kb_select_language #select_languages{ 440 439 margin:0 !important; 441 440 padding:0 !important; … … 446 445 min-width:0; 447 446 } 448 # kb_select_quran .quran-select,#kb_select_language .quran-select{width:100% !important;max-width:none !important;box-sizing:border-box;}449 # result{flex-basis:100%;width:100%;min-width:0;}447 #template_quran #kb_select_quran .quran-select,#template_quran #kb_select_language .quran-select{width:100% !important;max-width:none !important;box-sizing:border-box;} 448 #template_quran #result{flex-basis:100%;width:100%;min-width:0;} 450 449 /* === Selects natifs - design moderne 2025 === */ 451 450 #template_quran .quran-select { … … 548 547 border-color: rgba(255,255,255,0.6) !important; 549 548 } 550 .dd .ddArrow{width:16px;height:16px; margin-top:-8px; background:url(<?php echo plugin_dir_url(__FILE__); ?>skin1/dd_arrow.gif) no-repeat;}551 552 553 # autoplay_quran{width: 25%;float:left;}549 #template_quran .dd .ddArrow{width:16px;height:16px; margin-top:-8px; background:url(<?php echo plugin_dir_url(__FILE__); ?>skin1/dd_arrow.gif) no-repeat;} 550 551 552 #template_quran #autoplay_quran{width: 25%;float:left;} 554 553 /*fixed width: 30%;*/ 555 # bloc_name_sura{width:55%;margin:0 auto;min-height:36px;}554 #template_quran #bloc_name_sura{width:55%;margin:0 auto;min-height:36px;} 556 555 /*fixed width: 30%;*/ 557 # dl_sura{cursor:pointer;}558 .dl_sourate{width:20%;float:left;}559 .ddlabel{font-size:18px}556 #template_quran #dl_sura{cursor:pointer;} 557 #template_quran .dl_sourate{width:20%;float:left;} 558 #template_quran .ddlabel{font-size:18px} 560 559 561 560 /* === Boutons style 2025 - design moderne (taille réduite) === */ 562 .download_kb,.setting_kb,.playsura_kb{561 #template_quran .download_kb,#template_quran .setting_kb,#template_quran .playsura_kb{ 563 562 display:flex;align-items:center;justify-content:center; 564 563 padding:0;border:none;border-radius:10px;width:36px;height:36px; … … 567 566 box-shadow:0 1px 2px rgba(0,0,0,0.06); 568 567 } 569 .download_kb svg,.playsura_kb svg,.setting_kb svg{568 #template_quran .download_kb svg,#template_quran .playsura_kb svg,#template_quran .setting_kb svg{ 570 569 width:18px;height:18px;flex-shrink:0; 571 570 } 572 .setting_kb svg{width:18px;height:18px;}571 #template_quran .setting_kb svg{width:18px;height:18px;} 573 572 /* Boutons principaux – suivent les couleurs de numéro (thème) en mode clair */ 574 .download_kb,.playsura_kb,.setting_kb{573 #template_quran .download_kb,#template_quran .playsura_kb,#template_quran .setting_kb{ 575 574 color:#<?php echo ltrim(get_option('color_quran_number'), '#'); ?>; 576 575 background:#<?php echo ltrim(get_option('background_quran_number'), '#'); ?>; 577 576 } 578 .download_kb{right:110px;}579 .playsura_kb{right:62px;}580 .setting_kb{right:18px;}581 .download_kb:hover,582 .playsura_kb:hover,583 .setting_kb:hover{577 #template_quran .download_kb{right:110px;} 578 #template_quran .playsura_kb{right:62px;} 579 #template_quran .setting_kb{right:18px;} 580 #template_quran .download_kb:hover, 581 #template_quran .playsura_kb:hover, 582 #template_quran .setting_kb:hover{ 584 583 background:#<?php echo ltrim(get_option('background_quran_title'), '#'); ?>; 585 584 box-shadow:0 2px 6px rgba(0,0,0,0.1); 586 585 transform:translateY(-1px); 587 586 } 588 .params_kb,.params1_kb,.params_download_kb{587 #template_quran .params_kb,#template_quran .params1_kb,#template_quran .params_download_kb{ 589 588 display:none;width:95%;margin:20px auto;border-radius:14px; 590 589 box-shadow:0 4px 20px rgba(0,0,0,0.08); … … 592 591 background:#<?php echo ltrim(get_option('background_quran_title'), '#'); ?>; 593 592 } 594 .params_kb{height:auto;min-height:88px;}595 .params1_kb{width:90%;min-height:72px;}596 .params_download_kb{min-height:72px;}597 .params_kb .quran-panel-title,.params1_kb .quran-panel-title,.params_download_kb .quran-panel-title{593 #template_quran .params_kb{height:auto;min-height:88px;} 594 #template_quran .params1_kb{width:90%;min-height:72px;} 595 #template_quran .params_download_kb{min-height:72px;} 596 #template_quran .params_kb .quran-panel-title,#template_quran .params1_kb .quran-panel-title,#template_quran .params_download_kb .quran-panel-title{ 598 597 font-size:13px;font-weight:600;color:#<?php echo ltrim(get_option('text_quran_title'), '#'); ?>;margin-bottom:12px;text-transform:uppercase;letter-spacing:0.05em; 599 598 } 600 .quran-panel-subtitle{599 #template_quran .quran-panel-subtitle{ 601 600 font-size:13px; 602 601 color:#<?php echo ltrim(get_option('background_quran_number'), '#'); ?>; 603 602 } 604 603 /* Panneau params – flux en étapes avec flèches */ 605 .params_kb-steps{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 8px;width:100%;}606 .params_kb-step{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 0;}607 .params_kb-step-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:#<?php echo ltrim(get_option('background_quran_number'), '#'); ?>;}608 .params_kb-arrow{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#<?php echo ltrim(get_option('background_quran_number'), '#'); ?>;}609 .params_kb-arrow svg{width:18px;height:18px;}610 .params_kb-step-fields{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}611 .params_kb-step-fields select{flex:1 1 0;min-width:0;}612 .params_kb #kb-select_debut,.params_kb #kb-select_fin{flex:1 1 0;min-width:60px;}613 .params_kb #kb-select_text{flex:1 1 0;min-width:120px;}614 .params_kb-step-format-row{flex-wrap:nowrap;}615 .params_kb-play-btn{width:25px;height:25px;margin-left:4px;cursor:pointer;vertical-align:middle;flex-shrink:0;}616 # recitator_kb form,.params_kb-step-format .params_kb-step-fields{display:flex;width:100%;}617 # recitator_kb select{width:100%;}618 .params_kb-step-format .params_kb-step-fields select{flex:1 1 0;min-width:0;}619 .params_kb select,.params1_kb select,.params_download_kb select{604 #template_quran .params_kb-steps{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 8px;width:100%;} 605 #template_quran .params_kb-step{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 0;} 606 #template_quran .params_kb-step-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:#<?php echo ltrim(get_option('background_quran_number'), '#'); ?>;} 607 #template_quran .params_kb-arrow{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#<?php echo ltrim(get_option('background_quran_number'), '#'); ?>;} 608 #template_quran .params_kb-arrow svg{width:18px;height:18px;} 609 #template_quran .params_kb-step-fields{display:flex;flex-wrap:wrap;align-items:center;gap:8px;} 610 #template_quran .params_kb-step-fields select{flex:1 1 0;min-width:0;} 611 #template_quran .params_kb #kb-select_debut,#template_quran .params_kb #kb-select_fin{flex:1 1 0;min-width:60px;} 612 #template_quran .params_kb #kb-select_text{flex:1 1 0;min-width:120px;} 613 #template_quran .params_kb-step-format-row{flex-wrap:nowrap;} 614 #template_quran .params_kb-play-btn{width:25px;height:25px;margin-left:4px;cursor:pointer;vertical-align:middle;flex-shrink:0;} 615 #template_quran #recitator_kb form,#template_quran .params_kb-step-format .params_kb-step-fields{display:flex;width:100%;} 616 #template_quran #recitator_kb select{width:100%;} 617 #template_quran .params_kb-step-format .params_kb-step-fields select{flex:1 1 0;min-width:0;} 618 #template_quran .params_kb select,#template_quran .params1_kb select,#template_quran .params_download_kb select{ 620 619 appearance:none;-webkit-appearance:none;-moz-appearance:none; 621 620 padding:10px 36px 10px 14px;border-radius:10px;border:1px solid #d1d5db; … … 623 622 font-size:14px;font-weight:500;color:#1f2937;cursor:pointer;transition:border-color 0.2s,box-shadow 0.2s; 624 623 } 625 .params_kb select:hover,.params1_kb select:hover,.params_download_kb select:hover{624 #template_quran .params_kb select:hover,#template_quran .params1_kb select:hover,#template_quran .params_download_kb select:hover{ 626 625 border-color:#9ca3af; 627 626 } 628 .params_kb select:focus,.params1_kb select:focus,.params_download_kb select:focus{627 #template_quran .params_kb select:focus,#template_quran .params1_kb select:focus,#template_quran .params_download_kb select:focus{ 629 628 outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.2); 630 629 } 631 # recitator2_kb{float:left;width:50%;}632 # play_select_quran,.params_kb-play-btn{cursor:pointer;}633 # play_select_quran{display:none;}634 # quran_player_sura{width:90%;margin: 0 auto;}635 # playeraya{display:block;}636 # suraplayer{display:none !important;}637 # saveposition_kb{630 #template_quran #recitator2_kb{float:left;width:50%;} 631 #template_quran #play_select_quran,#template_quran .params_kb-play-btn{cursor:pointer;} 632 #template_quran #play_select_quran{display:none;} 633 #template_quran #quran_player_sura{width:90%;margin: 0 auto;} 634 #template_quran #playeraya{display:block;} 635 #template_quran #suraplayer{display:none !important;} 636 #template_quran #saveposition_kb{ 638 637 color: #fff; 639 638 background-color: #337ab7; … … 658 657 border-radius: 4px; 659 658 } 660 # savemail_kb{width:37%;}661 # savemail_kb input[type="text"]{width:63%;}662 # formsave_kb{margin-bottom: 10px;}663 # kb-idaudio2{width:40% !important;}664 .params_download_kb{width:90%;height:50px;}665 # dl_count_kb{display:none;}666 # kb-select_debut, #kb-select_fin, #kb-select_text,#select_name_recitator{min-height:44px !important;height:44px !important;display:inline-block;font-size:16px !important;padding:8px 36px 8px 14px !important;box-sizing:border-box !important;}667 # kb-select_debut{min-width:80px;width:auto;}668 # kb-select_fin{min-width:70px;width:auto;}669 # kb-select_text{min-width:160px;width:auto;}670 # click_download_kb{width:36px;height:36px;}671 # click_playsura_kb{width:36px;height:36px;}672 # click_params_kb{width:36px;height:36px;}659 #template_quran #savemail_kb{width:37%;} 660 #template_quran #savemail_kb input[type="text"]{width:63%;} 661 #template_quran #formsave_kb{margin-bottom: 10px;} 662 #template_quran #kb-idaudio2{width:40% !important;} 663 #template_quran .params_download_kb{width:90%;height:50px;} 664 #template_quran #dl_count_kb{display:none;} 665 #template_quran #kb-select_debut, #template_quran #kb-select_fin, #template_quran #kb-select_text, #template_quran #select_name_recitator{min-height:44px !important;height:44px !important;display:inline-block;font-size:16px !important;padding:8px 36px 8px 14px !important;box-sizing:border-box !important;} 666 #template_quran #kb-select_debut{min-width:80px;width:auto;} 667 #template_quran #kb-select_fin{min-width:70px;width:auto;} 668 #template_quran #kb-select_text{min-width:160px;width:auto;} 669 #template_quran #click_download_kb{width:36px;height:36px;} 670 #template_quran #click_playsura_kb{width:36px;height:36px;} 671 #template_quran #click_params_kb{width:36px;height:36px;} 673 672 /* Flèches Prev/Next - style light mode (bouton discret, pas carré blanc) */ 674 673 #template_quran .quran-nav-arrow, … … 690 689 border-color: rgba(0,0,0,0.15) !important; 691 690 } 692 .sm2_link{line-height: 1em;}693 # select_name_recitatorkb{width:155px;min-height:44px;height:44px;padding:10px 36px 10px 14px;box-sizing:border-box;}694 # select_name_recitator2{691 #template_quran .sm2_link{line-height: 1em;} 692 #template_quran #select_name_recitatorkb{width:155px;min-height:44px;height:44px;padding:10px 36px 10px 14px;box-sizing:border-box;} 693 #template_quran #select_name_recitator2{ 695 694 min-height:44px;height:44px;padding:10px 36px 10px 14px;box-sizing:border-box; 696 695 } -
quran-text-multilanguage/trunk/quran-text-multilanguage.php
r3481646 r3481656 7 7 Description: Quran Text Multilanguage translated into 29 languages. Full ajax version and responsive. Fully customizable. More reciter... 8 8 9 Version: 3.0. 19 Version: 3.0.2 10 10 Author: Bahmed karim 11 11 -
quran-text-multilanguage/trunk/readme.txt
r3481646 r3481656 7 7 Tested up to: 6.9.4 8 8 9 Stable tag: 2.3.329 Stable tag: 3.0.2 10 10 License: GPLv2 or later 11 11 License URI: http://www.gnu.org/licenses/gpl-2.0.html … … 427 427 = 3.0.1 = 428 428 * Fixed an extra closing div in the frontend template that could break some themes’ layout and push sidebars below the comments area. 429 430 = 3.0.2 = 431 * Scoped all plugin CSS under the #template_quran wrapper so that theme styles no longer override the plugin design; the plugin appearance is now consistent across different WordPress themes.
Note: See TracChangeset
for help on using the changeset viewer.