سلام ،
برای اینکار به فایل css قالب بروید و کد های زیر را در آن قرار بدهید :
.ariQuizHeaderName {
height: 30px;
padding: 10px;
font: 19px tahoma;
color: blue;
padding-right: 30px;
background-color: #00FF33;
border: 1px blue solid;
border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#ariQuizTimeCnt {
height: 20px;
padding: 10px;
font: 12px tahoma;
color: red;
padding-right: 30px;
border: 1px green solid;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background-color: #33FFCC;
}
#ariQueMainContainer {
text-align: right;
font-size: 19px;
background-color: white;
padding: 10px;
height: 30px;
padding-right: 20px;
border-radius: 3px;
-o-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border: 1px blue solid;
}
.ariQuizQuestionTable {
background-color: #CCCCCC;
}
.ariAnswer {
background-color: wheat;
}
.ariQuizHiddenOnLoading {
background: white;
border-radius: 3px;
-o-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.ariQuizQuestionLeft {
background-color: gold;
}
این یک نمونه ساده بود و من در آن از css3 هم کمک گرفته بودم که شما میتونید کار رو زیباتر از این هم بکنید.