Catégories #2

Codes

Code:

<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<link href="https://fonts.googleapis.com/css?family=Fjalla+One|Rajdhani|Yanone+Kaffeesatz" rel="stylesheet">
<div class="en_tete_cate_arte">
 {catrow.tablehead.L_FORUM}
</div>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<!-- END cathead -->
<!-- BEGIN forumrow -->
<div class="content_category_arte_sho">
 <span class="stats">{catrow.forumrow.POSTS} messages</span>
 <span class="stats">{catrow.forumrow.TOPICS} sujets</span>
 <div class="forum_link_title">
 <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
 </div>
 <div class="subforums_links">
 {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}  
 </div>
 <div class="img_etat_avatar">
 <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
 <div>
 <!-- BEGIN avatar -->
 {catrow.forumrow.avatar.LAST_POST_AVATAR}
 <!-- END avatar -->
 </div>
 </div>
 <div class="description_forum">
 {catrow.forumrow.FORUM_DESC}  
 </div>
 <div class="last_message_block">
 {catrow.forumrow.LAST_POST}  
 </div>
 <script type="text/javascript">
 $('.subforums_links').each(function(){
 $(this).html($(this).html().replace(/,/g," ∞ "));
 });
 </script>
</div>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
<span style="display: block; height: 1px; clear: both;"></span>
<!-- END tablefoot -->
<!-- END catrow --><

Code:

/*************************************CATEGORIES ARTEMIS POUR ARTIFICES**************************************/

.en_tete_cate_arte h2
{
 width: 700px;
 height: 50px;
 margin: auto;
 background: #222a2d;
 color: #5dc3b8;
 font-family: 'Times New Roman';
 text-transform: uppercase;
 font-weight: normal;
 font-size: 30px;
 font-style: oblique;
 text-align: right;
 padding-right: 100px;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 line-height: 51px;
 letter-spacing: 2px;
}

.content_category_arte_sho
{
 width: 700px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 margin: 5px auto;
}

.stats
{
 display: block;
 width: 115px;
 height: 30px;
 background: #222a2d;
 color: #5dc3b8;
 font-family: 'Georgia';
 text-transform: uppercase;
 font-size: 11px;
 text-align: center;
 letter-spacing: 2px;
 font-style: oblique;
 line-height: 30px;
}

.forum_link_title
{
 width: 450px;
 background: #222a2d;
 color: #5dc3b8;
 text-align: right;
 padding-right: 50px;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 font-family: 'Georgia';
 text-transform: uppercase;
 font-size: 17px;
 line-height: 30px;
 letter-spacing: 1px;
}

.forum_link_title a
{
 text-decoration: none;
 color: #5dc3b8 !important;
}

.forum_link_title a:hover
{
 text-decoration: none;
 color: #5dc3b8 !important;
}

.subforums_links
{
 width: 700px;
 height: 22px;
 background: white;
 margin-top: 5px;
 text-align: center;
 font-family: 'Verdana';
 text-transform: uppercase;
 font-size: 9px;
 line-height: 23px;
}

.subforums_links a
{
 text-decoration: none;
 color: #222a2d;
 font-size: 9px;
}

.img_etat_avatar
{
 width: 120px;
 height: 120px;
 position: relative;
 margin-top: 5px;
}

.img_etat_avatar:nth-child(1)
{
 position: absolute;
 top: 0;
 left: 0;
}

.img_etat_avatar div img
{
 width: 100px;
 height: 100px;
 -o-object-fit: cover;
 object-fit: cover;
 position: absolute;
 top: 10px;
 left: 10px;
}

.content_category_arte_sho l
{
 width: 100px;
 height: 100px;
 -o-object-fit: cover;
 object-fit: cover;
 border: 10px solid white;
 margin-top: 5px;
}

.description_forum
{
 width: 575px;
 height: 120px;
 background: white;
 margin-top: 5px;
 margin-left: 5px;
 font-family: 'Verdana';
 padding: 10px;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 text-align: justify;
 font-size: 11px;
 overflow: auto;
}

.last_message_block
{
 width: 700px;
 height: 17px;
 background: #222a2d;
 margin-top: 5px;
 text-align: center;
 font-family: 'Calibri';
 font-size: 12px;
 color: #39b2b8;
 line-height: 17px;
}

.last_message_block a
{
 display:  inline-block;
 text-decoration: none;
 color: #d4d5d5;
 font-size: 12px;
 margin-left: 5px;
}

.last_message_block br
{
 display: none;
}

.last_message_block img
{
 display: none;
}


/*************************************FIN CATEGORIES ARTEMIS POUR ARTIFICES **************************************/