qeel temp/css (01-11-2020)

/* qeel and nav */

.qeel_cadre5 { background-color: white;
padding: 10px; width:740px;  }

.cadre0q { width: 200px; margin-top:-15px; }

.cadre1q { background-color: white;
padding: 10px; width:250px; height: 78px;
    overflow: auto; margin-bottom: -15px;}

.cadre2q { background-color: white;
height: 70px;
overflow: auto;
padding: 10px; width:250px;}

.cadre3q { background-color: white; height: 195px;
    overflow: auto; width:250px;}

.cadre4q {    font-size: 9px;    text-align: justify;}
.cadreq { width: 730px; background-color: white;overflow:auto; height: 70px;  margin-top: -15px;  margin-left: 33px; }

.flotte {
float:left;
}

.borde { background-color: white;
    padding: 2px;
    padding-left: 15px;
    padding-right: 15px;
  border: solid lightgrey 1px; width: 156px;  text-align:center;}


.qeelBOX1 { height: 25px;background-color: #7f5f60; display:block; text-align: center; margin-top: 27px;}
.qeelBOX2 { height: 25px;background-color: #b69b84; display:block; text-align: center; }
.qeelBOX3 { height: 25px;background-color: #554a77; display:block; text-align: center; }
.qeelBOX4 { height: 25px;background-color: #967fe2; display:block; text-align: center; }

.gr1 { font-family: 'Euphoria Script', cursive;  font-size: 18px; font-color:white;}
.gr2 { font-family: 'Euphoria Script', cursive;  font-size: 18px;}
.gr3 { font-family: 'Euphoria Script', cursive;  font-size: 18px;}
.gr4 { font-family: 'Euphoria Script', cursive;  font-size: 18px;}

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">

                <table>
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span> 
                        </td>
                    </tr>

                    <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
         <!-- END switch_delete_cookies -->
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="right" class="row1">

                <table>
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span> 
                        </td>
                    </tr>

                    <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<table align="center"><div align="center"><img src="https://i.imgur.com/HmjSXij.png" style="margin-bottom: -30px;margin-left: 30px;"></img></div>
  <tr><td>    <div class="qeel_cadre1">
    <div class="cadre1q"><div style="font-size: 10px; margin-top: 3px;" align="justify"> <span id="bert">{TOTAL_POSTS}<script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"Bienvenue à Tenby, Mrs Lloyd se fait un plaisir de vous accueillir en ville et vous rappelle de l'informer si vous êtes témoin de quoi que ce soit, il n'y a pas de petit ragot.
      Les habitants de Tenby ont partagé un total de");</script><script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/,"commérages");</script></span>. <span id="matt">{TOTAL_USERS}<script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/," habitants recensés"); document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membre enregistré/," habitant recensé");</script>. <span id="new_membre">{NEWEST_USER}<script type="text/javascript">document.getElementById('new_membre').innerHTML=document.getElementById('new_membre').innerHTML.replace(/L'utilisateur enregistré le plus récent/," Notre dernier/dernière arrivant(e), que vous êtes priés d’accueillir comme il se doit");</script>.</span></div><br /><br />
      <div style="font-size: 10px; margin-top: 3px;" align="justify">    <span id="en_ligne">{TOTAL_USERS_ONLINE}<script type="text/javascript">document.getElementById('en_ligne').innerHTML=document.getElementById('en_ligne').innerHTML.replace(/utilisateur en ligne/," commère présente"); document.getElementById('en_ligne').innerHTML=document.getElementById('en_ligne').innerHTML.replace(/Enregistré/," habitué"); document.getElementById('en_ligne').innerHTML=document.getElementById('en_ligne').innerHTML.replace(/Invisible/," indécis"); document.getElementById('en_ligne').innerHTML=document.getElementById('en_ligne').innerHTML.replace(/Invité/," touriste"); document.getElementById('en_ligne').innerHTML=document.getElementById('en_ligne').innerHTML.replace(/utilisateurs en ligne/," commères présentes"); document.getElementById('en_ligne').innerHTML=document.getElementById('en_ligne').innerHTML.replace(/Enregistrés/," habitués"); document.getElementById('en_ligne').innerHTML=document.getElementById('en_ligne').innerHTML.replace(/Invisibles/," Indécis");</script></span>. {RECORD_USERS}.</div></div><br />
    <div class="cadre2q"><div style="font-size: 10px; margin-top: 3px;" align="justify">{LOGGED_IN_USER_LIST}</div></div>
      </div></td>
    <td><div class="cadre0q"><div class="qeelBOX1"><a href="http://www.whispers-down-the-lane.org/g4-miss-marple"><span class="gr1"><font color="white">Miss Marple</font></span></a></div><br />
      <div class="qeelBOX2"><a href="http://www.whispers-down-the-lane.org/g6-sir-henry-merrivale"><span class="gr2"><font color="white">Sir Henry Merrivale</font></span></a></div> <br />
  <div class="qeelBOX3"><a href="http://www.whispers-down-the-lane.org/g3-sherlock-holmes"><span class="gr3"><font color="white">Sherlock Holmes</font></span></a></div><br />
      <div class="qeelBOX4"><a href="http://www.whispers-down-the-lane.org/g5-amelia-peabody"><span class="gr4"><font color="white">Amelia Peabody</font></span></a></div><br /></div></td><br />
    <td>    <div class="cadre3q"> <table style="margin-top: -3px;">{L_CONNECTED_MEMBERS}</table> </div></td> </tr></table> <br />
<div class="cadreq"><table><td><img src="https://i.imgur.com/GOznmTA.gif" style="padding:2px;height:55px;"></img></td><td><div class="cadre4q">Whispers Down The Lane est la propriété de son équipe administrative mais avant tout celle de Mrs.Lloyd, maîtresse de la maison qui décide du haut de son mètre soixante-cinq du destin des nombreux habitants de cette petite ville qu'est Tenby. Ne vous fiez pas au calme apparent de cette bourgade car elle regorge d'habitants plus loufoques les uns que les autres. N'hésitez pas une seule seconde à venir poser vos bagages ici, vous ne regretterez rien, faites simplement attention à vous car ce que vous dites ne tombe jamais dans les oreilles d'une sourde.</div></td></table></div>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td> &nbsp;</td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>
<!-- END switch_legend -->
<link href="https://fonts.googleapis.com/css?family=Amatic+SC|Bad+Script|Bilbo+Swash+Caps|Charmonman|Dancing+Script|Euphoria+Script|Great+Vibes|Parisienne|Rouge+Script|Shadows+Into+Light|Tangerine|Waiting+for+the+Sunrise" rel="stylesheet">

{AUTO_DST}