<style>.text-ads-blue {
display:table;
background-color:#e2dfdf;
box-shadow : 0px 0px 5px #424242 ;
width : 210px;
height : auto;
text-align : right;
border-radius:10px;
direction:rtl;
padding : 5px;
margin-bottom:10px;
}
.text-ads-blue a:hover {
background : #00bed3;
color:#fff;
text-shadow:0 2px 0 #818181;
box-shadow: 1.5px 1.5px 5px #282828 inset;
}
.text-ads-green {
display:table;
background-color:#e2dfdf;
box-shadow : 0px 0px 5px #424242 ;
width : 210px;
height : auto;
text-align : right;
border-radius:10px;
direction:rtl;
padding : 5px;
margin-bottom:10px;
}
.text-ads-green a:hover {
background : #24a71d;
color:#fff;
box-shadow: 1.5px 1.5px 5px #282828 inset;
text-shadow:0 2px 0 #818181;
}
.text-ads-red {
display:table;
background-color:#e2dfdf;
box-shadow : 0px 0px 5px #424242 ;
width : 210px;
height : auto;
text-align : right;
border-radius:10px;
direction:rtl;
padding : 5px;
margin-bottom:10px;
}
.text-ads-red a:hover {
background : #e40569;
color:#fff;
box-shadow: 1.5px 1.5px 5px #282828 inset;
text-shadow:0 2px 0 #818181;
}
.text-ads-yellow {
display:table;
background-color:#e2dfdf;
box-shadow : 0px 0px 5px #424242 ;
width : 210px;
height : auto;
text-align : right;
border-radius:10px;
direction:rtl;
padding : 5px;
margin-bottom:10px;
}
.text-ads-yellow a:hover {
background : #edb317;
color:#fff;
box-shadow: 1.5px 1.5px 5px #282828 inset;
text-shadow:none;
}
.leftcol a {
-webkit-transition : all 0.3s ease-in-out;-moz-transition : all 0.3s ease-in-out;-o-transition : all 0.3s ease-in-out;
display : block;
padding : 0 5px 0 0;
color : #1e1e1e;
text-decoration : none;
text-shadow:0 2px 0 #f1f1f1
-moz-border-radius:3px;
-webkit-border-radius: 3px;
border-radius : 3px;
}
.leftcol a:hover {
text-shadow : #1e1e1e 0 2px 0;
color:#f1f1f1;
text-decoration : none;
-moz-border-radius:2px 15px;
-webkit-border-radius: 2px 15px;
border-radius : 2px 15px;
}
</style>
<div class="leftcol">
<div class="text-ads-yellow">
<a target="_blank" href="http://www.atccep.ir">
<b>فیزیک و شیمی راهنمایی</b><br />
اقبال شیراسب <br/>
<span class="left"></span>
</a></div>
<div class="text-ads-red">
<a target="_blank" href="">
<b>عنوان</b><br />
توضیحات<br/>
<span class="left">Your Site .Com</span>
</a></div>
<div class="text-ads-blue">
<a target="_blank" href="">
<b>عنوان</b><br />
توضیحات<br/>
<span class="left">Your Site .Com</span>
</a></div>
<div class="text-ads-green">
<a target="_blank" href="http://www.webbarg.ir/">
<b>عنوان</b><br />
توضیحات<br/>
<span class="left">Your Site .Com</span>
</a></div>
</div>