كود PHP:
.rr {
background: #de0c0c;
color: #FFF;
border-radius: 10px;
padding: 5px;
width: 90%;
margin: 0 auto;
text-align: center;
display: block;
}
.rr:before {
background: url(images/rr/ad.png) no-repeat 50% 50% rgba(0,0,0,0.2);
background-size: 15px !important;
border-radius: 100%;
content: "";
display: inline-block;
height: 23px;
margin-left: 3px;
vertical-align: text-top;
width: 23px;
}
.rr1 {
background: #3d52f5;
color: #FFF;
border-radius: 10px;
padding: 5px;
width: 90%;
margin: 0 auto;
text-align: center;
display: block;
}
.rr1:before {
background: url(images/rr/sm.png) no-repeat 50% 50% rgba(0,0,0,0.2);
background-size: 15px !important;
border-radius: 100%;
content: "";
display: inline-block;
height: 23px;
margin-left: 3px;
vertical-align: text-top;
width: 23px;
}
.rr2 {
background: #179c1a;
color: #FFF;
border-radius: 10px;
padding: 5px;
width: 90%;
margin: 0 auto;
text-align: center;
display: block;
}
.rr2:before {
background: url(images/rr/tm.png) no-repeat 50% 50% rgba(0,0,0,0.2);
background-size: 15px !important;
border-radius: 100%;
content: "";
display: inline-block;
height: 23px;
margin-left: 3px;
vertical-align: text-top;
width: 23px;
}
.rr3 {
background: #9c1785;
color: #FFF;
border-radius: 10px;
padding: 5px;
width: 90%;
margin: 0 auto;
text-align: center;
display: block;
}
.rr3:before {
background: url(images/rr/tm.png) no-repeat 50% 50% rgba(0,0,0,0.2);
background-size: 15px !important;
border-radius: 100%;
content: "";
display: inline-block;
height: 23px;
margin-left: 3px;
vertical-align: text-top;
width: 23px;
}
.rr4 {
background: #000000;
color: #FFF;
border-radius: 10px;
padding: 5px;
width: 90%;
margin: 0 auto;
text-align: center;
display: block;
}
.rr4:before {
background: url(images/rr/nm.png) no-repeat 50% 50% rgba(0,0,0,0.2);
background-size: 15px !important;
border-radius: 100%;
content: "";
display: inline-block;
height: 23px;
margin-left: 3px;
vertical-align: text-top;
width: 23px;
}
.rr5 {
background: #4d2902;
color: #FFF;
border-radius: 10px;
padding: 5px;
width: 90%;
margin: 0 auto;
text-align: center;
display: block;
}
.rr5:before {
background: url(images/rr/m.png) no-repeat 50% 50% rgba(0,0,0,0.2);
background-size: 15px !important;
border-radius: 100%;
content: "";
display: inline-block;
height: 23px;
margin-left: 3px;
vertical-align: text-top;
width: 23px;
}
.rr6 {
background: #024d4a;
color: #FFF;
border-radius: 10px;
padding: 5px;
width: 90%;
margin: 0 auto;
text-align: center;
display: block;
}
.rr6:before {
background: url(images/rr/gm.png) no-repeat 50% 50% rgba(0,0,0,0.2);
background-size: 15px !important;
border-radius: 100%;
content: "";
display: inline-block;
height: 23px;
margin-left: 3px;
vertical-align: text-top;
width: 23px;
}
.rr7 {
background: #3d3d3d;
color: #FFF;
border-radius: 10px;
padding: 5px;
width: 90%;
margin: 0 auto;
text-align: center;
display: block;
}
.rr7:before {
background: url(images/rr/im.png) no-repeat 50% 50% rgba(0,0,0,0.2);
background-size: 15px !important;
border-radius: 100%;
content: "";
display: inline-block;
height: 23px;
margin-left: 3px;
vertical-align: text-top;
width: 23px;
}