[Postbit] Anka06 V1

.posttitle {
padding: 2px 4px;
border: 1px solid rgba(0, 0, 0, 0);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
-khtml-box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
text-align: center;
}

.posttitle.rap {
-webkit-border-top-right-radius: 0;
-moz-border-radius-topright: 0;
-khtml-border-top-right-radius: 0;
border-top-right-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
-khtml-border-top-left-radius: 0;
border-top-left-radius: 0;
position: relative;
}

.posttitle.rap span.before {
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-khtml-border-top-left-radius: 3px;
border-top-left-radius: 3px;
left: -1px;
}

.posttitle.rap span.after {
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
-khtml-border-top-right-radius: 3px;
border-top-right-radius: 3px;
right: -1px;
}

.postbit_online {

background-color: #00CC99;
text-align: center;
padding: 5px 6px;
font-size: 16px;
color: #fff;
}

.postbit_offline {
background-color: #A00000;
padding: 5px;
font-size: 16px;
color: #fff;
}

.postbit_izinli {

background-color: #9933CC;
text-align: center;
padding: 5px 6px;
font-size: 16px;
color: #fff;
}

#donenstatu{
    -webkit-transition: -webkit-transform 1s ease-in-out;
    -moz-transition: -moz-transform 1s ease-in-out;
    -o-transition: -o-transform 1s ease-in-out;
    -ms-transition: -ms-transform 1s ease-in-out;
        -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
    opacity: 1;
}

#donenstatu:hover{
     -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    opacity: 0.1;
}

.post .post_author {
 border-bottom: 1px solid #ccc;
 border-top: 2px solid #ccc;
 background: #f5f5f5;
 padding: 5px;
 overflow: hidden;
}

.post.classic .post_author {
 border: 1px solid #ddd;
 float: left;
 width: 15%;
 margin: 0 1% 15px 0;
 border-left: 0;
 padding: 5px 1%;

}

.post .post_author {
 border-bottom: 1px solid #ccc;
 border-top: 2px solid #ccc;
 background: #fff;
 padding: 8px;
 overflow: hidden;
}

.post.classic .post_author {
 border: 1px solid #fff;
 float: left;
 width: 15%;
 margin: 0 1% 15px 0;
 border-left: 0;
 padding: 5px 1%;
}

<div class="post_author scaleimages">
 {$post['useravatar']}
 <div class="author_information">
 <strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
 <span class="smalltext">
 {$post['usertitle']}<br />
 {$post['userstars']}
 {$post['groupimage']}
 </span>
 </div>

<div class="post_author scaleimages">
<fieldset><strong><span class="largetext">{$post['onlinestatus']}</span></strong>
 <div class="posttitle rap"><span class="before"></span>{$post['profilelink']}<span class="after"></span></div></br>
 {$post['useravatar']}
 <div class="author_information">
 <span class="smalltext">
 {$post['groupimage']}<br />
 {$post['userstars']}<br />
 <div id="donenstatu"<div class="posttitle  rap"><span class="before"></span>Kullanıcı Bilgileri<span class="after"></span></div>
 </span>
 </div>

<center>         
    {$lang->postbit_posts}  {$post['postnum']}<br />
     {$lang->postbit_threads} {$post['threadnum']}<br />
     {$lang->postbit_joined} {$post['userregdate']}
{$post['replink']}{$post['profilefield']} {$post['warninglevel']}

<div id="donenstatu"<div class="postbit_online">Çevrimiçi<i style="padding-top: 3px; float: right;" class="fa fa-user"></i></div>

<div id="donenstatu"<div class="postbit_offline">Çevrimdışı <i style="padding-top: 3px; float: right;" class="fa fa-power-off"></i></div>

<div id="donenstatu"<div class="postbit_izinli">İzinli<i style="padding-top: 3px; float: right;" class="fa fa-child"></i></div