انجمن کدستانMoisrex

.forumTopic{

width: 50%;

float: right;

margin-bottom: 10px;

transition: .3s;

-moz-transition: .3s;

-o-transition: .3s;

-ms-transition: .3s;

-webkit-transition: .3s;

}

.forumTopic img{

float: right;

width: 3.7em;

height: 3.7em;

border-radius: 50%;

-moz-border-radius: 50%;

-o-border-radius: 50%;

-ms-border-radius: 50%;

-webkit-border-radius: 50%;

box-shadow: -1px -1px 1px rgba(0, 0, 0, .3), 1px 1px 1px white;

-moz-box-shadow: -1px -1px 1px rgba(0, 0, 0, .3), 1px 1px 1px white;

-o-box-shadow: -1px -1px 1px rgba(0, 0, 0, .3), 1px 1px 1px white;

-ms-box-shadow: -1px -1px 1px rgba(0, 0, 0, .3), 1px 1px 1px white;

-webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, .3), 1px 1px 1px white;

border: 1px rgba(0, 0, 0, .3) solid;

margin: 5px;

margin-right: 10px;

}

.forumTopic a{outline: none;}

.forumTopic:hover{

background-color: rgba(255,255,255,.3);

border-radius: 50px;

-moz-border-radius: 50px;

-o-border-radius: 50px;

-ms-border-radius: 50px;

-webkit-border-radius: 50px;

}

.topicTitle{

color: #333;

text-shadow: 1px 1px white;

-moz-text-shadow: 1px 1px white;

-o-text-shadow: 1px 1px white;

-ms-text-shadow: 1px 1px white;

-webkit-text-shadow: 1px 1px white;

font: 1.5em BYekan, 'B Yekan' ,'Segoe UI', Tahoma, Sans-serif;

}

.userUpdated, .visits, .answers, .dateTime{

background: url(https://rozup.ir/up/moisrex/themes/space_theme/icons.png) no-repeat center right;

height: 24px;

width: 24px;

display: inline-block;

vertical-align: middle;

margin-right: 20px;

margin-left: 3px;

}

.userUpdated{background-position: 0 0;margin-right: 0;}

.visits{background-position: -24px 0;}

.answers{background-position: -48px 0;}

.dateTime{background-position: -72px 0;}

.topicInfo{

color: #999;

text-shadow: 1px 1px white;

-moz-text-shadow: 1px 1px white;

-o-text-shadow: 1px 1px white;

-ms-text-shadow: 1px 1px white;

-webkit-text-shadow: 1px 1px white;

}

</style>

<div class="forumTopic">

<a href="http://moisrex.rozblog.com/Forum/Catgory/17/Post/22351" target="_blank" title="♣♣ چتـــــ☻☻ــــروم اوس ممد..:دی ♣♣">

<img src="https://rozup.ir/up/moisrex/themes/space_theme/avatar.jpg" alt="smaeal">

<div class="topicTitle">♣♣ چتـــــ☻☻ــــروم اوس ممد..:دی ♣♣</div>

<div class="topicInfo">

<div class="userUpdated"></div>277

<div class="visits"></div>48

<div class="answers"></div>smaeal

</div>

</a>

.pagination{text-align: center;margin-top: 20px;}

.pagination a,

.pagination .current{

border-radius: 50%;

-moz-border-radius: 50%;

-o-border-radius: 50%;

-ms-border-radius: 50%;

-webkit-border-radius: 50%;

margin: 5px;

padding: 7px;

border: 1px solid #444;

display: inline-block;

background: white;

color: #999;

border: 1px #eee solid;

box-shadow: 0 0 0 1px #F9F9F9;

-moz-box-shadow: 0 0 0 1px #F9F9F9;

-o-box-shadow: 0 0 0 1px #F9F9F9;

-ms-box-shadow: 0 0 0 1px #F9F9F9;

-webkit-box-shadow: 0 0 0 1px #F9F9F9;

min-width: 15px;

}

.pagination a:hover,

.pagination .current{

border-color: #333;

color: white;

background: #222;

}