<!-- 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"/>&nbsp;</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 -->
<div class="qeel" id="fo_stat">
    <div class="qeel_content">
            <div class="qeel_bloc">
                    <h2>
                            nothing more gorgeous than a hundred dollar bill
                    </h2>
               
                    <p>
                      {TOTAL_POSTS}. <br />
                            {TOTAL_USERS}.
                      <br />
                            {TOTAL_USERS_ONLINE}
                      <br />
                            <span class="scroll_online">
                                    {LOGGED_IN_USER_LIST}
                            </span>
                      </p>
              </div>
             
            <div class="qeel_bloc">
              <h2>
                            all the pretty faces
                    </h2>
                    <div class="qeel_groupes">
                            <a href="https://keepitfancy.forumactif.com/g2-roses-dipped-in-gold" id="q_oldmoney">
                                    roses dipped in gold
                      </a>
                      <a href="https://keepitfancy.forumactif.com/g3-diamond-are-a-girl-s-best-friend" id="q_newmoney">
                                    diamond are a girl's best friend
                      </a>
                      <a href="https://keepitfancy.forumactif.com/g4-bitch-better-have-my-money" id="q_hustlers">
                                    bitch better have my money
                            </a>
                      <a href="https://keepitfancy.forumactif.com/g5-young-dumb-and-broke" id="q_broke">
                                    young, dumb and broke
                            </a>
                    </div>
              <div class="qeel_dernier">
                      <span id="avatar_dernier_membre"></span>
              <span id="dernier_membre">{NEWEST_USER}</span>
                <br /> <br /> <br /> <br /> <br /> <br />
                :copyright:️ MONEY, BITCHES & CHAMPAGNE - 2020
              </div> <br />
            </div>
       
            <div class="qeel_bloc">
                    <h2>
                            nothing more gorgeous than a hundred dollar bill
                    </h2>
               
                    <p>
                            <span class="gensmall"> <span class="scroll_online">
                                    {L_CONNECTED_MEMBERS}
                            </span>
                      </span>
                      </p>
              </div>
    </div>
</div>
 
 
  <!-- BEGIN switch_chatbox_activate -->
      <div class="block">
        <div class="h3">
            <a href="{S_JOIN_CHAT}" target="ChatBox"><i class="ion-ios-chatboxes-outline"></i>{CHATBOX_NAME}</a>
            <!-- BEGIN switch_chatbox_popup -->
              <div id="chatbox_popup"></div>
              <script type="text/javascript">
                  insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
              </script>
            <!-- END switch_chatbox_popup -->
        </div>
        {TOTAL_CHATTERS_ONLINE}: {CHATTERS_LIST}
      </div>
  <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->

/* QEEL */
qeel {
        background: #F0F0F0;
        margin: auto;
        padding: 2.5rem 2rem 1rem;
        width: 99%;
        font-family: consolas;
        font-size: 10px;
}
 
.qeel_content {
        display: flex;
        background: #E6E6E6;
        padding: 1rem 2rem;
        border: 1px solid #E6E6E6;
        font-family: consolas;
        font-size: 10px;
}
 
.qeel_bloc:nth-child(2) {
        width: 26%;
        margin: 0 2%;
}
 
.qeel_bloc {
    width: 35%;
    font-family: consolas;
    font-size: 10px;
}
 
/* Titres */
.qeel_content h2 {
        background: #B5B8A2;
        color: #f3f3f3;
        font-family: consolas;
        font-size: 10px;
        font-weight: 700;
        padding: .3rem 0;
        text-align: center;
        text-transform: uppercase;
}
 
/* Blocs texte */
.qeel_content p {
        background: #f4f4f4;
        border: 1px solid #E6E6E6;
        font-size: 10px;
        padding: .5rem;
        text-align: justify;
        margin: .5rem 0;
        font-size: 9px;
        color: #8f8a9e;
        font-family: consolas;
        font-size: 10px;
}
 
/* Dernier inscrit */
.qeel_dernier {
        background: #f4f4f4;
        border: 1px solid #E6E6E6;
        font-size: 9px;
        font-family: consolas;
        padding: .1000rem;
        text-align: justify;
        margin: 0;
        color: #8f8a9e;
        text-transform: uppercase;
        vertical-align: bottom;
        margin: .5rem 0;
        float: right;
}
 
.qeel_dernier strong {
    font-weight: normal;
}
 
#avatar_dernier_membre img {
    width: 70px;
    float: left;
}

/* Groupes */
.qeel_groupes a {
        color: #F0F0F0;
        display: block ;
        width: ; 75% ;
        overflow: auto;
        font-family: consolas ;
        font-size: 10px ;
        text-align: center ;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin: .10rem 0;
}
 
.qeel_groupes a:hover {
    color: #D1D7DC !important;
}
 
a#q_oldmoney {background: #80AB80;}
a#q_newmoney {background: #D1C4AA;}
a#q_hustlers {background: #A1C8C9;}
a#q_broke {background: #C4C777;}

 
/* En ligne */
span.scroll_online {
        width: 100%;
        height: 125px;
        display: block;
        overflow: auto;
}