WordPress.org
Get WordPress

Plugin Directory

Changeset 3481656


Ignore:
Timestamp:
03/13/2026 04:33:50 AM (2 weeks ago)
Author:
karim42
Message:
  • 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.
Location:
quran-text-multilanguage/trunk
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • quran-text-multilanguage/trunk/inc/quran_style.php

    r3481626 r3481656  
    1212}
    1313/* 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 {
    1616    display: none !important;
    1717}
    … …  
    2121/* ========== MOBILE RESPONSIVE - Refonte complète ========== */
    2222#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; }
    2525
    2626/* 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; }
    3232#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; }
    3535
    3636/* Bloc sourate + flèches - responsive, centré (titre + flèches en bloc au centre) */
    3737/* 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; }
    4545/* 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; }
    4848
    4949/* 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 {
    5151    width: 100% !important; max-width: 100% !important;
    5252    padding: 16px !important; margin: 12px 0 !important; box-sizing: border-box !important;
    5353    min-height: auto !important; height: auto !important; overflow: visible !important;
    5454}
    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 {
    6262    width: 100% !important; max-width: 100% !important;
    6363    display: block !important; margin-bottom: 10px !important; box-sizing: border-box !important;
    6464    min-height: 44px !important; font-size: 15px !important;
    6565}
    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; }
    7878
    7979/* 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; }
    8282
    8383/* Versets - lisibilité */
    84 .aya { margin-bottom: 2px !important; }
     84#template_quran .aya { margin-bottom: 2px !important; }
    8585/* 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; }
    9292/* 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; }
    9595
    9696/* 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; }
    103103/*FIN CSS MOBILE */
    104104}
    105105/* 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{
    119119    list-style-type: none;
    120120}
    121121
    122 #select_name_recitator{
     122#template_quran #select_name_recitator{
    123123color:#000 !important;
    124124width:70%;
    … …  
    147147  }
    148148
    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;}
    150150
    151151<?php echo get_option('quran_custum_css'); ?>
    152152
    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 {
    156156        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;}
    157157
    158158
    159 #li_quran {
     159#template_quran #li_quran {
    160160    display:none;
    161161}
    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;}
    163163    /* Couleur de fond du bloc verset en mode clair : suit la couleur de traduction choisie dans l’admin */
    164164    #template_quran:not(.quran-dark-mode) .aya {
    … …  
    166166        border: 1px solid #<?php echo ltrim(get_option('background_quran_trans'), '#'); ?>;
    167167    }
    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;}
    181181   
    182182
    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'), '#'); ?>}
    196196
    197197    /* 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 {
    200199        border-bottom-width: 4px !important;
    201200        border-bottom-style: solid !important;
    … …  
    213212
    214213    /* 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 {
    217216        display:none !important;
    218217    }
    … …  
    220219
    221220
    222     .top_template{
     221    #template_quran .top_template{
    223222
    224223
    … …  
    243242
    244243
    245     .bottom_template{
     244    #template_quran .bottom_template{
    246245
    247246
    … …  
    267266
    268267
    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;
    270269
    271270
    … …  
    283282
    284283
    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;
    286285
    287286
    … …  
    307306
    308307
    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;
    310309
    311310
    … …  
    331330
    332331
    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;
    334333
    335334
    … …  
    359358
    360359
    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;
    362361
    363362
    … …  
    372371
    373372
    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;
    375374                    background:url(<?php echo plugin_dir_url(__FILE__); ?>templates/<?php echo get_option('template_quran');?>/right.png) repeat-y right top;
    376375                    background-size: 50px 50px;
    … …  
    380379
    381380
    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{
    392391        width: 80%;
    393392        margin-top: 15px;
    … …  
    401400       
    402401    }
    403     #audio_sura #kb-idaudio2{
     402    #template_quran #audio_sura #kb-idaudio2{
    404403        width: 80%;
    405404        -webkit-transition:all 0.5s linear;
    … …  
    415414
    416415    /* 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);}
    419418    /* Badge numéro de verset – suit les couleurs de numéro choisies dans l’admin */
    420     .quranbadge-info{
     419    #template_quran .quranbadge-info{
    421420        background:#<?php echo ltrim(get_option('background_quran_number'), '#'); ?> !important;
    422421        color:#<?php echo ltrim(get_option('color_quran_number'), '#'); ?> !important;
    … …  
    428427/* Choose Sura + Choose Language : même largeur, alignés */
    429428/* 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{
    432431    flex:0 0 calc(50% - 6px);
    433432    box-sizing:border-box;
    … …  
    436435    min-width:0;
    437436}
    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{
    440439    margin:0 !important;
    441440    padding:0 !important;
    … …  
    446445    min-width:0;
    447446}
    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;}
    450449/* === Selects natifs - design moderne 2025 === */
    451450#template_quran .quran-select {
    … …  
    548547    border-color: rgba(255,255,255,0.6) !important;
    549548}
    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;}
    554553/*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;}
    556555/*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}
    560559
    561560/* === 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{
    563562display:flex;align-items:center;justify-content:center;
    564563padding:0;border:none;border-radius:10px;width:36px;height:36px;
    … …  
    567566box-shadow:0 1px 2px rgba(0,0,0,0.06);
    568567}
    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{
    570569width:18px;height:18px;flex-shrink:0;
    571570}
    572 .setting_kb svg{width:18px;height:18px;}
     571#template_quran .setting_kb svg{width:18px;height:18px;}
    573572/* 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{
    575574    color:#<?php echo ltrim(get_option('color_quran_number'), '#'); ?>;
    576575    background:#<?php echo ltrim(get_option('background_quran_number'), '#'); ?>;
    577576}
    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{
    584583    background:#<?php echo ltrim(get_option('background_quran_title'), '#'); ?>;
    585584    box-shadow:0 2px 6px rgba(0,0,0,0.1);
    586585    transform:translateY(-1px);
    587586}
    588 .params_kb,.params1_kb,.params_download_kb{
     587#template_quran .params_kb,#template_quran .params1_kb,#template_quran .params_download_kb{
    589588display:none;width:95%;margin:20px auto;border-radius:14px;
    590589box-shadow:0 4px 20px rgba(0,0,0,0.08);
    … …  
    592591background:#<?php echo ltrim(get_option('background_quran_title'), '#'); ?>;
    593592}
    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{
    598597font-size:13px;font-weight:600;color:#<?php echo ltrim(get_option('text_quran_title'), '#'); ?>;margin-bottom:12px;text-transform:uppercase;letter-spacing:0.05em;
    599598}
    600 .quran-panel-subtitle{
     599#template_quran .quran-panel-subtitle{
    601600    font-size:13px;
    602601    color:#<?php echo ltrim(get_option('background_quran_number'), '#'); ?>;
    603602}
    604603/* 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{
    620619appearance:none;-webkit-appearance:none;-moz-appearance:none;
    621620padding:10px 36px 10px 14px;border-radius:10px;border:1px solid #d1d5db;
    … …  
    623622font-size:14px;font-weight:500;color:#1f2937;cursor:pointer;transition:border-color 0.2s,box-shadow 0.2s;
    624623}
    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{
    626625border-color:#9ca3af;
    627626}
    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{
    629628outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.2);
    630629}
    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{
    638637color: #fff;
    639638background-color: #337ab7;
    … …  
    658657border-radius: 4px;
    659658}
    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;}
    673672/* Flèches Prev/Next - style light mode (bouton discret, pas carré blanc) */
    674673#template_quran .quran-nav-arrow,
    … …  
    690689    border-color: rgba(0,0,0,0.15) !important;
    691690}
    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{
    695694    min-height:44px;height:44px;padding:10px 36px 10px 14px;box-sizing:border-box;
    696695}

  • quran-text-multilanguage/trunk/quran-text-multilanguage.php

    r3481646 r3481656  
    77Description: Quran Text Multilanguage translated into 29 languages. Full ajax version and responsive. Fully customizable. More reciter...
    88
    9 Version: 3.0.1
     9Version: 3.0.2
    1010Author: Bahmed karim
    1111

  • quran-text-multilanguage/trunk/readme.txt

    r3481646 r3481656  
    77Tested up to: 6.9.4
    88
    9 Stable tag: 2.3.32
     9Stable tag: 3.0.2
    1010License: GPLv2 or later
    1111License URI: http://www.gnu.org/licenses/gpl-2.0.html
    … …  
    427427= 3.0.1 =
    428428* 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.