THPT Tân Hà :: CSS :: CSS learn

Tiêu đề: CSS and box 2 cột ...Fri Apr 01, 2011 1:16 pm

box

Code:: 


<div class=blue_2>
<div class=blue_1>
<div class=blue_3>
<div class="tieude" height="20" style="font: bold 13px Tahoma; color: #960305;">
{catrow.tablehead.L_FORUM}
</div>

</div></div></div>

<div class=green_4 >
<div class=green_5 >
<div style="padding-left: 1px; padding-right: 1px;">

<table class="tborder" cellpadding="4" cellspacing="0" border="0" width="100%" align="center">

<tr>
<td class="alt1">




<div class="ind_box" style="width: 437px;">
<div class="tren"><div class="tren_trai"><div style="" class="tren_phai"></div></div></div> <div class="doc_trai"><div class="doc_phai"><div class="doc_duoi"><div style="padding-left: 14px; padding-right: 14px;">

<table width="100%" border="0" cellspacing="0" cellpadding="0" height="290">

<tr>
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle" width="45">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="middle" width="100%" height="35" align="left">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><script language="JavaScript">images = new Array(4);images[0] = "<font size='4' color='red'>";images[1] = "<font size='4' color='green'>";images[2] = "<font size='4' color='blue'>";images[3] = "<font size='4' color='orange'>";index = Math.floor(Math.random() * images.length);document.write(images[index]);</script><b>{catrow.forumrow.FORUM_NAME}</b></font></a>
</span><br />
</h{catrow.forumrow.LEVEL}>
</td>
</tr>
<tr>
<td class="row3 over" align="left" valign="middle" height="138" colspan="2">
<span class="gensmall">{catrow.forumrow.FORUM_DESC}</span><br>
<div id="pun-visit">
<center>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</center>
</div></td>
</tr>
<tr>
<td class="row3" align="center" valign="middle" height="18" colspan="2">
<fieldset style='padding: 2px; border: #776b6a 1px dashed;'>
<span class="gensmall"><b>Chủ đề {catrow.forumrow.TOPICS} | Số bài {catrow.forumrow.POSTS}
</b></span></fieldset>
</td>
</tr>

<tr>
<td class="row3 over" align="center" valign="middle" height="70px" colspan="2"><div id="pun-box">
<span class="gensmall"><img src=http://i795.photobucket.com/albums/yy235/tg3sv/images/kontac10.png /> {catrow.forumrow.LAST_POST}<font color='green'><b> »</b></font></span></div>
</td>
</tr>

<tr><td class="{catrow.forumrow.inc.INC_CLASS}" height="7px"><img src="{SPACER}" height="3" alt="." /></td></tr>
<tr><td colspan="2" height="25" ><fieldset style='padding: 2px; border: #776b6a 1px dashed;'>
<span class="gensmall">
 {catrow.forumrow.switch_moderators_links.L_MODERATOR}
{catrow.forumrow.switch_moderators_links.MODERATORS}

</span></fieldset></td></tr>
<tr>

<td class="row3" align="center" valign="middle" height="5"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>

</tr>
</table>
 </div></div></div></div> <div class="duoi"> <div class="duoi_trai"> <div class="duoi_phai"> </div></div></div>

</div>



</td>
</tr>

</table>
<img src="{SPACER}" alt="" height="5" width="1" />
</div></div></div>
<div class=green_10>
<div class=green_9>
<div class=green_11></div></div></div>


<br><br>

Tiêu đề: Re: CSS and box 2 cột ...Fri Apr 01, 2011 1:17 pm

css

Code:: * {
margin: 0px;
padding: 0px;
}
* html {
scrollbar-face-color: #;
scrollbar-highlight-color: #;
scrollbar-shadow-color: #;
scrollbar-3dlight-color: #;
scrollbar-arrow-color: #;
scrollbar-track-color: #;
scrollbar-darkshadow-color: #;
}
*+ html {
scrollbar-face-color: #;
scrollbar-highlight-color: #;
scrollbar-shadow-color: #;
scrollbar-3dlight-color: #;
scrollbar-arrow-color: #;
scrollbar-track-color: #;
scrollbar-darkshadow-color: #;
}
body {
background-color: #ffffff;
background-image: url('http://2img.net/i/fa/empty.gif');
background-attachment: scroll;
color: #0084ee;
font-size: 11px;
font-family: Tahoma,Tahoma,Tahoma,sans-serif;
}

/* Wrap .pun-------------------------------------------------------------*/
.pun {
width: autopx;
margin: 0 auto;
padding: 5px;

/* Fix for RTL min-width bug, left here for consistency */
min-width: 951px;
line-height: 130%;
}
.pun div, .pun td, .sig-line {
border-color: #e5e5e5;
color: #0084ee;
}
.pun a {text-decoration: none;}
.pun img {
border: none;
}
.pun fieldset {border:1px solid #a5defc;padding:8px;-moz-border-radius: 4px; border-radius: 2px; }
.forumlin{
border: 0px #0d0d0d solid;
background: #ffffff url(http://s1036.photobucket.com/albums/a449/a1tinhgia3/css/forumlin-1.jpg) no-repeat 0px 4px;
color: #030303;
}
.pun a:link {
color: #00bd18;
}
.pun a:visited {
color: #00bd18;
}
.pun a:hover {
color: #b42000;
}
.pun a:active {
color: #464c55;
}
.pun a:focus {
color: #000000;
}
.pun h3, .pun th, .pun input, .pun select {
font: normal 1em Tahoma, Tahoma, sans-serif;
}
.pun h2 {
font: bold 12px Tahoma, Tahoma, sans-serif;
}
/* Main heading (Logo and description)-------------------------------------------------------------*/
#pun-intro {
margin: 0;
padding: 1.5em 1em 1em 1em;
border-bottom: 10px solid #00a801;
background-color: #00a801;
background-image: url('http://2img.net/i/fa/empty.gif');
text-align: left;
background-repeat: repeat-x;
}
*+ html #pun-head {
margin-top: -5px;
}
* html #pun-head {
margin-top: -5px;
}
#pun-logo {
float: left;
}
#pun-title {
padding-left: 5px;
white-space: nowrap;
color: #ffffff;
font-family: Tahoma,Tahoma,Tahoma,sans-serif;
font-size: 20px;
}
#pun-title h1 {
font-size: inherit;
font-weight: inherit;
color: inherit;
}
p#pun-desc {
color:#DDDDDD;
padding: 0.3em 0 0 5px;
}

/* Main navigation (Menu, information and crumbs)-------------------------------------------------------------*/
#pun-head #pun-navlinks {
padding: 0.5em 1.1em 0.6em 1.1em;
background-color: #ffffff;
border-color: #e5e5e5;
}
#pun-navlinks ul {
list-style: none;
}
#pun-navlinks li {
display: inline;
font-size: 1.15em;
}
#pun-navlinks li a {
margin: 0 0.8em 0 0;
}
#pun-navlinks a, #pun-navlinks a:visited {
font: bold 11px Tahoma;
color: #9c0002;

/*color: #fff;
*/
text-decoration: none;
}
#pun-navlinks a:hover, #pun-navlinks a:active, #pun-navlinks a:focus {
text-decoration: none;

/*color: #fff;
*/
}
#nav li ul {
position:absolute;
z-index: 999;
min-width:150px;
background-color:#CC0F16;
color:#fff;
top:33px;
list-style:none;
margin:0 0 0 -999em;
padding:5px 0;
background-image:none;
opacity:0;
transition:opacity 0.25s ease-out;
-o-transition:opacity 0.25s ease-out;
display:none;
}
#nav li:hover ul, #nav li:active ul, #nav li:focus ul, #nav li.sfhover ul {
margin-left:0;
opacity:1;
display:block;
}
#nav li ul li,#nav li ul li:hover,#nav li ul li:focus {
min-width:180px;
font-size:11px;
float:none;
margin:0;
padding:0;
background:transparent none;
}
#pun-visit,.main-box {
padding: 0.6em 1em;
background: #ffeb90 none ;
_background-image: none;
display:block;
clear:both;
-moz-box-shadow: -2px 2px 2px #c8c8c8;
-webkit-box-shadow: -2px 2px 2px #c8c8c8;
margin: 0 0 1em 0;
}
#pun-visit ul,.main-box ul {
float: right;
width: 70%;
text-align: right;
list-style-type: none;
}
.main-box ul {
float: left;
width: auto;
}
#pun-visit li,.main-box li {
margin-left: 0.7em;
white-space: nowrap;
float: right;
}
.pun-crumbs {
padding: 0.2em 1em;
margin: 0 1px 1em 1px;
}
.pun-crumbs p {
margin: 0;
line-height: 1.5;
font-size: 1.11em;
color: #666;
}
.pun-crumbs a {
text-decoration: none;
}

/* **************************************************************************Most stable Standards-compliant 3-column layout by Ryan Brillhttp://www.alistapart.com/articles/negativemargins
/************************************************************************** */
#content-container div#container {
width: 100%;
float: left;
margin-right: -3px;
}
#content-container div#content {
margin-right: 3px;
}
#content-container div#main {
margin-bottom: 1em;
overflow: hidden;

/* Fixes 3-column negative margins float clearing bug: http://archivist.incutio.com/viewlist/css-discuss/97678 Thanks Georg! */
}
*+ html #content-container div#main {
margin-left: 183px;
}
#content-container div#left {
width: 180px;
float: left;
margin-right: 3px;
overflow: hidden;
}
#content-container div#right {
width: 0px;
float: right;
overflow: hidden;
}
* html #content-container #main-content {

/* FIX for IE6... For some reason, if we insert comment before this series, the star html hack don't work no more... ?? */
overflow: visible;
margin-right: 183px;
}
* html #content-container div#main {

/* FIX for IE6 */
margin-right: -99%;
width: 100%;
float: left;
}
#page-body {
margin: 4px 0;
width: 100%;
}

/* Announcement Box-------------------------------------------------------------*/
#pun-announcement {
padding-left: 20px;
background-color: #fff;
}
.pun .main .main-content.message {
background-color: #f7f7f7;
}
.pun .main .main-content p.message {
margin: 1.7em;
padding: 1em;
background-color: #f7f7f7;
border: 1px solid #e5e5e5;
}

/* Main headings and Pagination-------------------------------------------------------------*/
.pun .main, .pun .main-category {
margin: 1em 0;
}
.main .main-head, .main .main-foot {
padding: 0.7em 1.3em;
font-weight: bold;
color: #3e3e3e;
background-color: #fff;
}
.main .main-head {
background-image: url('http://hitskin.com/themes/14/58/77/i_back_title.gif');
}
.main .main-head .page-title {
font-size: 11px;
font-weight: normal;
}
.pun .main-content {
border: 1px solid #e5e5e5;
background-color: #f7f7f7;
}
.pun .style1 {
background-color: #fff;
padding: 0.5em;
}
.pun .style2 {
background-color: #eff1f3;
padding: 0.5em;
}
.pun .main-foot .h2, .pun .main-head .h2 {
float: left;
}
.pun .main .options {
float: right;
text-align: right;
color: #ccc;
}
.pun .main .options a,.pun .main .options a:link,.pun .main .options a:visited {
margin-left: 0.5em;
color: #ccc;
text-decoration: none;
}
.pun .main-foot .options a,.pun .main-foot .options a:link,.pun .main-foot .options a:visited {
margin-left: 0.6em;
color: #ccc;
text-decoration: none;
}

/* Table-------------------------------------------------------------*/
.pun table.table {
width: 100%;
table-layout: fixed;
empty-cells: show;
border-collapse: collapse;
}
.pun .frm .frm-form table {
border: 1px solid #e5e5e5;
border-top: 1px solid #1F537B;
border-color: #bbb;
}
.pun table.table th {
padding: 0.5em 0;
border-style: none;
border-color: #9aa4b1;
background-color: #ced7e5;
background-image: url('http://hitskin.com/themes/14/58/77/i_back_title.gif');
color: #ffffff;
}
.pun table.table td {
padding: 0.6em 0 0.7em;
border-width: 1px;
border-style: solid none none solid;
line-height: 130%;
background-color: #fff;
border-color: #e5e5e5;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #eff1f3;
}
.pun table.table td table td {
border: none;
padding: 0px;
}
.pun table .tcl {
width: 45%;
overflow: hidden;
text-align: left;
}
.pun table.table th.tcl {
padding-left: 0.5em;
}
.pun .frm .frm-form table .tc2 {
text-align: left;
padding-left: 0.5em;
}
.pun .table .tc2, .pun .table .tc3 {
width: 10%;
text-align: center;
}
.pun .frm .frm-form table .tc4 {
text-align: center;
width: 5%;
}
.pun table .tcr {
width: 30%;
overflow: hidden;
text-align: left;
padding: 0 0 0 0.5em !important;
}
.pun table th.tcl,.pun table th.tc2,.pun table th.tc3,.pun table th.tc4,.pun table th.tcr {
overflow: hidden;
}
.pun table .report {
width: 9%;
}
.pun .main table.table td.report {
background-color: #eff1f3;
}
.pun table .tdtopics {
padding-left: 42px;
}
.pun table .tdtopics .status {
margin-left: -32px;
}
.pun table .tdtopics img, .pun .posthead img {
vertical-align: middle;
}
table .tcl.memberlist {
width: 25%;
}
.pun tbody.statused td.tcl {
padding-left: 3.4em;
}
.pun tbody.statused span.status {
position: absolute;
}
.pun table td.tcl {
border-left-style: none;
border-left-width: 0;
vertical-align: top;
height: 45px;
padding-left: 0.5em;
min-height: 24px;
}
pun table td.tcl .height-giver {
min-height: 45px;
visibility: hidden;
width: 1px;
}
td.avatar-mini a {
text-decoration: none;
}
td.avatar-mini a span {
text-decoration: none;
}
td.avatar-mini img {
background-color: #fff;
border: 1px solid #00a801;
vertical-align: middle;
width: 38px;
height: 38px;
}
* html .pun table {
position: relative;
}
* html .pun table td.tcl {
position: relative;
}
.pun table td.tcl h2 {
font-weight: bold;
}
.pun .main table.table td.td-title {
background-color: #e5e5e5;
}
.pun .main table.table th.name {
padding-left: 0.5em;
}
.pun .sticky-separator {
border-top: 5px double #e5e5e5 !important;
}
.mod-text {
font-weight: bold;
}
h2.topic-title {
display: inline;
}
.hierarchy {
display: inline;
text-transform: none;
border: none;
font-size: 10px;
font-weight: bold !important;
}

/* Stats-------------------------------------------------------------*/
#stats {
padding: 0.6em 1em;
line-height: 150%;
background-color: #eff1f3;
}
td.stat-bar {
padding: 0 10px !important;
}
td.stat-bar div {
white-space: nowrap;
}
#onlinelist {
border-top: 1px dashed #ccc;
padding: 0.6em 1em;
background-color: #eff1f3;
}
#onlinelist img {
float: left;
}
#onlinelist h3 {
float: left;
margin-right: 0.5em;
line-height: 150%;
}
#onlinelist p {
line-height: 150%;
}
#onlinechat {
border-top: 1px dashed #ccc;
padding: 0.6em 1em;
background-color: #eff1f3;
}

/* Legend-------------------------------------------------------------*/
ul.pun-legend,ul#pun-legend{
list-style-type: none;
text-align: center;
margin-bottom: 20px;
}
ul.pun-legend li {
display: inline;
margin-right: 20px;
}
ul.pun-legend li img {
vertical-align: bottom;
}

/* Faq-------------------------------------------------------------*/
.faq {
padding: 1em;
background-color: #fff;
}
.faq a {
text-decoration: none;
}
.faq a:hover {
text-decoration: none;
}
.faq dd {
margin: 1em 1.7em;
padding:1em;
background-color:#e5e5e5;
border:1px solid #E6E6E6;
color:#666666;
}
.faq p {
margin: 0 0 1em 0;
}
noscript div.message {
background-color: #dfe6ef;
border: 1px solid #F0F0B4;
}
noscript div.message p {
padding: 0 1.3em 0;
margin: 1em 0;
}

/* bbCode */
.codebox {
margin: 1em;
background-color: #fff0c5;
border: 1px solid #ffdd7f;
}
.codebox dt {
padding: 0.25em;
border-bottom: 1px dotted #e5e5e5;
}
.codebox dd {
margin: 0.5em;
padding: 0.5em;
background-color: #dfe6ef;
}
.faq dd ul {
margin: 0 2em;
}
.codebox + blockquote {
margin: 0.5em 3em;
padding: 0.5em;
background-color: #ff0000;
border: 1px #f30000 solid;
}

/* Forms-------------------------------------------------------------*/
.main .main-content.frm {
background-color: #f7f7f7;
}
.main .main-content.google {
background-color: #F2F2F2;
padding: 10px 10px 0px 10px;
}
.main .frm-info {
margin: 1.7em;
padding: 1em 1em;
background: #ffeb90 none ;
_background-image: none;
-moz-box-shadow: -2px 2px 2px #c8c8c8;
-webkit-box-shadow: -2px 2px 2px #c8c8c8;
}
.main ul.frm-info {
list-style-type: none;
}
.main .frm-info li {
padding: 0 0 1em 2em;
background: url('blue.png') no-repeat top left;
}
fieldset.frm-set {
margin: 1.7em;
padding: 0 0 1em 0;
border: none;
}
fieldset.left {
width: 35%;
float: left;
}
fieldset.right {
width: 45%;
float: right;
}
.pun .set1 {
border-top: none;
padding-top: 0;
margin: 0;
}
fieldset.frm-set.multi {
border-bottom: 1px dashed #e5e5e5;
}
fieldset.frm-set.last {
padding-bottom: 0;
}
fieldset.frm-set dl:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html fieldset.frm-set dl {
height: 1%;
}
*+ html fieldset.frm-set dl {
height: 1%;
}
fieldset.frm-set dl dt,fieldset.frm-set dl dd {
padding: 0.5em;
}
fieldset.frm-set dl dt {
display: block;
width: 16em;
text-align: right;
float: left;
font-weight: bold;
}
fieldset.frm-set dl dd {
margin-left: 17em;
}
*+ html fieldset.frm-set dl dt {
height: 1%;
}
fieldset.frm-set dl dd label {
margin: 0 1em 0 0;
}
fieldset.frm-set .required {
margin: 0 0.25em;
font-style: normal;
color: #b42000}
* html fieldset.frm-set dl {
height: 1%;
}
.frm-buttons {
padding: 0.7em 0 0 17.5em;
border-top: 3px double #e5e5e5;
margin-bottom: -0.7em;
margin-top: 0.5em;
}
.frm-buttons-right {
padding: 0.7em 0 0 17.5em;
border-top: 3px double #e5e5e5;
margin-bottom: -0.7em;
margin-top: 0.5em;
text-align:right;
}
.frm-buttons.full {
padding: 0.7em 0 0 0em;
}
dl.frm-buttons {
padding: 0px;
}
fieldset.frm-set .frm-buttons .button {
overflow: visible;

/* IE hack for buttons */
padding: 1px 0.5em 2px 0.5em;
font-size: 1em;
vertical-align: middle;
line-height: 1.2;
margin-right: 1em;
}
.frm-form fieldset.frm-set .inputbox {
width: 40%;
}
.frm-form fieldset.frm-set textarea.inputbox {
width: 99%;
}
.frm-form fieldset.frm-set .italic {
font-size: 0.9em;
}
.frm-form fieldset.frm-set input[type="radio"] {
margin: 0 0.5em 0 0;
}
.frm-form fieldset.frm-set input[type="checkbox"] {
margin: 0 0.5em 0 0;
}
.frm-form select option {
padding: 0 2em 0 0;
}
.sub-head {
margin: 0.5em 1.7em;
padding: 0 0 0.5em 0;
border-bottom: 1px solid #e5e5e5;
}
.sub-head h2 {
display: inline;
color: #0C4675;
font-weight: bold;
}
.sub-head span {
color: #0C4675;
font-weight: bold;
}
.pun .frm .frm-buttons input {
overflow: visible;
padding: 1px 0.5em 2px 0.5em;
font-size: 1em;
vertical-align: middle;
line-height: 1.2;
margin-right: 1em;
}
.pun .frm dd.frm-input, .pun .frm dd.frm-input input, .pun .frm dd.frm-textarea {
width: 82%;
}
*+ html dd.frm-input {
display: inline;
margin: 0 !important;
}
*+ html dd.frm-input input {
width: 40% !important;
}
* html dd.frm-input,* html .dd-textarea {
display: inline;
margin: 0 !important;
}
* html dd.frm-input input {
width: 40% !important;
}
dd.frm-textarea #text_editor_textarea, #textarea_content dd.frm-textarea iframe#text_editor_iframe {
width: 100%;
}
.pun .frm #textarea_content dd.frm-textarea iframe#text_editor_iframe {
height: 250px;
margin-top: -15px;
background-color: #fff;
}
dd.dd-textarea{border: 3px outset #e5e5e5;background-color:#e5e5e5;padding: 5px;margin-right: 10px;}
dd.dd-textarea iframe#text_editor_iframe {
background-color:#FFFFFF;
}

/* Advanced profile-------------------------------------------------------------*/
div.nav-head {
margin: -1px 0 0 0;
padding: 0.7em 1.3em;
font-weight: normal;
color: #dedfdf;
background: #1F537B;
}
#tabs {
min-width: 800px;
}
* html #tabs {
width: 100%;
}
#tabs ul {
list-style-position: outside;
list-style-type: none;
padding: 0 1.8em;
white-space: nowrap;
}
#tabs ul li {
float: left;
margin: 0;
padding: 0 4px 0 0;
}
#tabs ul li.activetab a {
background-image: url(http://i795.photobucket.com/albums/yy235/tg3sv/i_back_title2.gif);
color: #3a3a3a;
text-decoration:none;
border:none;
}
#tabs ul li.activetab a:hover {
background-color: #00a801;
}
#tabs ul li a {
float: left;
padding: 0 1em;
background-image: url(http://hitskin.com/themes/14/58/77/i_back_title.gif);
border: 1px solid #e5e5e5;
font-size:1.1em;
font-weight:normal;
line-height: 2em;
text-decoration:none;
}
#tabs ul li a:hover {
background-color: #eff1f3;
}

/*Profile View*/
fieldset.profile-view dl dt {
width: 8em;
text-align: left;
font-weight: normal;
}
fieldset.profile-view dl dd {
margin: 0;
}
#profile-advanced-layout {
float: left;
margin-right: -240px;
width: 100%;
}
#profile-advanced-left {
margin-right: 240px;
}
#profile-advanced-left .main {
margin-top: 0;
}
#profile-advanced-avatar {
float: left;
width: 30%;
}
#profile-advanced-points, #profile-advanced-reputation {
float: left;
}
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details {
margin-right: 4px;
}
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {
margin-bottom: 4px;
}
#profile-advanced-details .main-content {
padding: 4px;
}
#profile-advanced-details .pagination {
float: left;
}
#profile-advanced-details ol {
list-style: none;
}
#profile-advanced-details ol li {
display: block;
margin-bottom: 4px;
}
#profile-advanced-details .avatar {
float: left;
}
.avatar {
width: 50px;
border: 1px solid #00a801;
background-color: #fff;
}
.avatar img {
width: 50px;
}
.friend-block .avatar {
margin: 0 auto;
cursor:pointer;
}
.friend-block {
float: left;
width: 110px;
margin: 1px;
text-align: center;
overflow: hidden;
height: 85px;
}
.friend_list_online_status {
line-height: 11px;
font-size: .7em;
}
.friend_list_online_status img {
vertical-align: middle;
}
.friends-foes-list {
float: left;
width: 200px;
height: 2em;
}
#profile-advanced-details .message-block {
margin-left: 57px;
}
#profile-advanced-details .message-header {
border-top: 1px solid #c4c4c4;
background: #eff1f3;
padding: 4px;
margin-bottom: 4px;
}
#profile-advanced-details .message-date {
float: right;
}
#profile-advanced-details .message-body {
margin-bottom: 4px;
}
#profile-advanced-details .message-footer {
text-align: right;
}
#profile-advanced-details .message-footer li {
display: inline;
margin: 0 0.25em;

/* Spacing between generation dot */
}
#profile-advanced-details .message-footer li:after {
content: ' .';

/* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */
}
#profile-advanced-details .message-footer li a {
margin-right: 0.25em;

/* Spacing between generation dot */
text-decoration: none;
}
#profile-advanced-details .message-footer li.last:after {
content: normal;
}
#profile-advanced-layout #new-message {
position: relative;
margin-top: 20px;
}
#profile-advanced-layout #tabs {
position: absolute;
bottom: 0;
}
#profile-advanced-layout #new-message-link {
position: absolute;
bottom: 0;
right: 4px;
padding-bottom: 1px;
}
#profile-advanced-details .top {
margin-bottom: 16px;
}
#profile-advanced-details .bottom {
margin-top: 16px;
}
#profile-advanced-right {
float: right;
width: 240px;
}
#profile-advanced-add {
padding: 7px;
text-align: right;
border: 1px solid #e5e5e5;
}
#profile-advanced-details .stats-field {
margin: 4px 0 10px 4px;
padding: 0 10px 6px;
}
#profile-advanced-details .stats-field legend {
font-weight: bold;
}
#profile-advanced-details .stats-field ul {
list-style-type:none;
text-indent: 10px;
padding: 0;
}
#profile-advanced-details .stats-field li {
margin: 4px 0;
}

/* Calendar-------------------------------------------------------------*/
.pun .main fieldset.calendar {
margin: 0;
padding: 0;
}
.pun p.left-box {
float: left;
}
.pun p.right-box {
float: right;
}
* html p.left-box,* html p.right-box {
position: relative;

/*fixes IE6 peekaboo bug*/
}
.pun .main p.right-box a,.pun .main p.left-box a {
color: #dedfdf;
}
* html .pun .main p.right-box a,* html .pun .main p.left-box a {
height: 1%;
}
.pun .main table.calendar {
border: none;
}
.pun .main table.calendar thead th {
padding: 0.5em;
background-color: #ced7e5;
font-weight: bold;
}
.pun .main table.calendar td {
padding: 0;
border: 1px solid #e5e5e5;
overflow: hidden;
}
.pun .main table.calendar td.row2:hover {
background-color: #f7f7f7;
}
.pun .main table.calendar .row3 {
padding: 0.25em;
background-color: #f7f7f7;
}
table.calendar ul {
list-style-type: none;
height: 10em;
}
table.calendar ul li {
margin: 0.25em;
}
table.calendar p.right-event {
padding: 0.25em;
text-align: right;
}
.overview.calendar .left-overview {
padding: 0.25em;
}
#mini-calendar {
float: left;
width: 270px;
margin: 1em;
}
#mini-calendar .table {
margin-bottom: 1em;
border-left: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
#calendar-result {
margin: 1em 0;
float: left;
width: 68%;
}
.bday {
border: 1px solid #e5e5e5;
}
.bday td {
text-align: center;
}
.bday .name {
width: 20%;
text-align: left;
}
.bday .www {
width: 10%;
text-align: center;
overflow: hidden;
}

/* Gallery-------------------------------------------------------------*/
.gallery-cat {
float:left;
margin-left: 1%;
margin-bottom: 0.5em;
min-height:125px;
background-color: #fff;
border: 1px solid #e5e5e5;
}
* html .gallery-cat {
height: 125px;
}
br.clear-column {
display:none;
}
* html .clear-column {
display: block !important;
clear: both;
}
.gallery-cat p {
padding: 0.5em;
}
fieldset.gallery input.inputbox {
width: 80%;
}
.gallery-nav .gallery-cat {
width: 19%;
margin: 1% 0 1% 1%;
padding: 1em 0 0;
text-align: center;
}
.gallery-cat img {
margin: 0.25em;
}
.gallery-cat:hover {
background-color: #f0f0f0;
}
.gallery-cat .info-gallery {
text-align: center;
font-size: 0.9em;
clear: both;
}
.pic-container {
overflow: auto;
}

/* Special effects */
fieldset.effects dl {
float: left;
width: 19%;
min-height: 10em;
margin: 0 0.5em 0.5em 0;
border: 1px solid #e5e5e5;
}
fieldset.effects dl:hover {
background-color: #c6ccd4;
}
fieldset.effects dt {
float: left;
padding: 0.25em;
font-weight: bold;
}
fieldset.effects dd {
padding: 0.25em;
border-top: 1px solid #e5e5e5;
text-align: center;
margin-top: 2em;
}
fieldset.effects dd.check {
float: right;
width: 1em;
margin: 0.15em;
border: none;
clear: right;
}

/* Mod Control Panel */
table.mod-cp {
width: 100%;
border-bottom: 1px solid #e5e5e5;
}
table.mod-cp th {
padding: 0.6em 1em 0.7em;
background-color: ;
}
table.mod-cp th.name,table.stats th.name {
width: 25%;
text-align: left;
}
table.search th {
text-align: left;
}
table.search th.fixed {
width: 8em;
}
table.mod-cp td {
text-align: center;
}
table.mod-cp td.long-string {
text-align: left;
}
.main .mark {
margin: 1.7em 1.7em 0;
}
.main .mark a {
color: #00569C !important;
}
.main .mark a:hover {
color: #B42000 !important;
}
.gallery.overview img {
float: left;
margin: 1em 1em 0.5em 0.5em;
padding: 0.25em;
border: 2px dashed #e5e5e5;
}
table.stats th.smallcell {
width: 3%;
}
table.stats td {
text-align: center;
}
table.search td,table.search .tcl {
text-align: center;
}

/* Avatar Gallery */
.main .avatar-gallery {
padding: 1.7em;
}
.main .avatar-gallery div p.select-avatar {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 0.25em;
background-color: #e5e5e5;
text-align: center;
}
* html .main .avatar-gallery div p.select-avatar {
width: 114px;
}
.main .avatar-gallery div div {
float: left;
position:relative;
width: auto;
height: 260px;
margin: 0.5em 0.25em;
background-color: #e5e5e5;
text-align: center;
border: 1px solid #e5e5e5;
overflow: hidden;
}
.main .avatar-gallery div div img {
margin: 0.5em;
border: 1px solid #e5e5e5;
}

/* Stand-alone classes-------------------------------------------------------------*/
.main-content.standalone {
margin: 0.5em 0;
padding: 1em;
background-color: #fff;
}
.main-content.standalone h2 {
margin: 0 0 1em 0;
border-bottom: 1px solid #e5e5e5;
font-size: 1.7em;
}
.main-content.standalone .button {
margin: 1em;
padding: 0.5em 1em;
border: 1px solid #e5e5e5;
}
.main-content.standalone .button.button1 {
font-weight: bold;
}
.main-content.standalone .button:hover {
background-color: #fff;
border: 1px solid #e5e5e5;
}
.posting-confirm {
margin: 1em;
}

/* Pagination-------------------------------------------------------------*/
.pun .paged-head, .pun .paged-foot {
border: 1px solid #e5e5e5;
background-color: #fff;
padding: 0.6em 1.3em 0.3em 1.3em;
}
.pun .paged .posting {
float: right;
font-weight: bold;
font-size: 1.2em}
.pun .paging {
float: left;
font-weight: bold;
font-size: 1.1em}
strong.pagination {
font-weight: normal;
}

/* Post Basic Layout-------------------------------------------------------------*/
.pun .topic {
border: 1px solid #e5e5e5;
border-style: none solid;
background: #e5e5e5;
}
.pun .post {
border-style: solid none;
border-width: 2px 0 1px 0;
border-color: #eee #fff #ccc #fff;
}
* html .pun .post {
height: 1%;
}
*+ html .pun .post {
min-height: 1px;
}
.pun .postmain {
background-color: #fbfbfb;
border-left: 1px solid #dddddd;
margin-left: 17em;
}
.pun .posthead {
padding: 0.5em 1.3em 0.5em 1em;
background: #eff1f3;
border-bottom: 1px dashed #ccc;
}
.pun .posthead h2 strong {
float: right;
}
.pun .postbody {
width: 100%;
font-size: 12px;
}
.pun .post-entry {
padding: 1em 1em 0 1em;
}
.pun .entry-content {
padding-bottom: 0.8em;
overflow: hidden;
width: 100%}
.pun .entry-content ul,.pun .entry-content ol {
margin-left: 2em;
}

/*Posting layouts*/
.postmain blockquote {
background-color: #f5f5f5;
padding: 0.5em 0.5em;
border: 1px solid #e5e5e5;
font-style: italic;
}
blockquote blockquote{
display: none;
}
.postmain cite {
display: block;
margin: 0 0 1em 0;
font-weight: bold;
font-style: normal;
border-bottom: 1px solid #e5e5e5;
padding: 5px 2px;
color: #3a3a3a; }
.vote {
width: 90px;
margin-left: 0px;
}

.vote .vote-button {
text-align: left;
font-weight: bold;
margin-left: 1px;
margin-top:-2px;
}
.a1vote{
background: url(http://i795.photobucket.com/albums/yy235/tg3sv/a1_imgs/vote.gif) no-repeat 0 10px; height: 28px;
width: 209px;
}

.vote .vote-button a {
text-decoration: none !important;
}

.vote .vote-bar {
height: 18px;
margin-left:-2px;
margin-top:-2px;
border: 0px solid transparent;
font-size: 0;

}

.vote .vote-no-bar {
letter-spacing:0px;
margin-left:0px;
white-space:nowrap;
}

.vote .vote-bar-plus {
width: 63px;
height: 18px;
background: url(http://s1036.photobucket.com/albums/a449/a1tinhgia3/css/thanke10.gif) no-repeat top right;

border: 0px solid transparent;
font-size: 0;

}

.vote .vote-bar-minus {
background-color: transparent;
}

/* User information general layout-------------------------------------------------------------*/
.pun .user {
padding-top: 1.6em;
overflow: hidden;
width: 15em;
white-space: normal;
display: inline;
}
.pun .post .user {
float: left;
margin-left: -16em;
margin-top: -1.8em;
position:relative;
}
.pun .user .user-ident {
padding: 0.5em 0.8em 0.7em 0.6em;
font-size: 11px;
}
.pun .user-ident .username {
font-size: 1.2em;
font-weight: bold;
display: block;
position: absolute;
top: 0;
text-decoration: none;
color: #000000;
}
* html .pun .user-ident .username {
padding: 0 0 0.25em;
}
*+ html .pun .user-ident .username {
padding: 0 0 0.3em;
}
.pun .user-ident .username a{
text-decoration:none}
.pun .user-ident .user-basic-info {
font-weight: bold;
}
.pun .user .user-info {
color: #666;
line-height: 1.8em;
}
.postfoot {
clear: both;
margin-left: -17em;
border-top: 1px dashed #ccc;
padding-top: 3px;
text-align: right;
}
div.post-options img{
cursor: pointer;
}
.pun .postfoot .user-contact {
float: left;
width: 15em;
text-align: left;
}
* html .pun .postfoot {
margin-left: 0;
}
.pun .sig-content {
padding-top: 0.8emmargin-left: -17em;
clear:both;
position: relative;
padding: 0.5em 1em;
}
.pun .p-hidden {
text-align:center;
padding: 15px 0px;
border-bottom: 1px solid #e5e5e5;
}
.pun .sig-content .sig-line {
margin: 0 auto;
border-top-style: solid;
border-top-width: 1px;
border-color: #e5e5e5;
display: block;
padding-bottom: 0.5em;
width: 250px;
}

/* Plus menu-------------------------------------------------------------*/
.overview {
background-color: #f0f0f0;
border: 1px solid #e5e5e5;
font-family: Tahoma,Tahoma,Tahoma,sans-serif;
}
.title-overview {
background-color: #f0f0f0;
background-image: url('http://hitskin.com/themes/14/58/77/i_back_title.gif');
padding: 9px 5px 8px 0;
}
.overview h1 {
border-bottom: 1px solid #e5e5e5;
font-size: 1em;
text-align: center;
padding: 0.25em 0.5em;
}
.left-overview {
padding: 5px 5px 0;
}
.left-overview a {
font-weight: normal;
}
.center-overview {
padding: 0.5em;
text-align: center;
}
p.center-overview a {
color: #000000 !important;
}
* html .center-overview {
height: 1%;
}
.topic-overview {
padding: 0.5em;
background-color: #fff;
}
.overview-info {
padding: 0.25em 0.5em;
background-color: #fff;
font-size: 0.8em;
border-bottom: 1px dotted #e5e5e5;
}
.dashed {
color: #c6ccd4;
background-color: #e5e5e5;
border: none;
}
#search_menu .forumline {
padding: 0.5em;
}
#search_menu .forumline .thHead {
font-weight: bold;
}
#search_menu .forumline td {
padding: 0.5em 0;
}
#search_menu .forumline span.genmed a {
color: #222222 !important;
font-size: 0.9em;
}
#search_menu .forumline input.post {
border: 1px solid #e5e5e5;
}

/* Table forumline-------------------------------------------------------------*/
table.forumline {
background-color: #e5e5e5;
border: 1px solid #e5e5e5;
}

/* Text editor (quick reply)-------------------------------------------------------------*/
.pun .main-head a.exthelp,.pun .main-head a.exthelp:link,.pun .main-head a.exthelp:visited {
padding-left: 20px;
background-repeat: no-repeat;
background-position: left;
background-image: url('http://2img.net/i/fa/punbb/helpdark.png');
}
.pun .frm-form {
background: #f7f7f7;
border: none;
}
.pun div.frm-form {
margin: 1.7em;
}
.dd-textarea {
width: 72%;
}
button.button2, input.button2, .button,.mainoption, input[type=submit], input[type=button], input[type=reset] {
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #cccccc;
width: auto !important;
padding: 2px 3px;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #3a3a3a;
background-repeat: repeat-x;
background-color: #FAFAFA;
background-image: url('http://s1036.photobucket.com/albums/a449/a1tinhgia3/css/button.gif');
background-position: top;
overflow: visible;
vertical-align:middle;
}
body:last-child a.button1, input.button1, a.button2, input.button2, button.button2 {

/* Opera does not see this */
padding: 1px 0;
}
.button:hover, .mainoption:hover, input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, button.button2:hover, input.button2:hover {
border: 1px solid #b42000;
color: #b42000;
background-image: url('http://2img.net/i/fa/wysiwyg/bg_button.png');
}

còn nữa

Tiêu đề: Re: CSS and box 2 cột ...Fri Apr 01, 2011 1:18 pm

Code:: button.button2:active, input.button2:active, .button:active, .mainoption:active, input[type=submit]:active, input[type=button]:active, input[type=reset]:active {border: 1px solid #e3adad;background-image: url("http://2img.net/i/fa/wysiwyg/bg_button.png");}
* html button.button2, * html input.button2 {
padding-bottom: 0;
margin: 0 0.25em;
height: 24px;
padding: 3px;
}
*+html button.button2, *+html input.button2 {
height: 24px;
padding: 3px;
}
*+html button.button2 img {
vertical-align: middle;
}
* html button.button2 img {
vertical-align: middle;
}
.select {
background-color: #fff;
border: 1px solid #BCBCBC;
position: absolute;
z-index: 999;
top: 0;
left: 0;
overflow: hidden;
width: 0px;
margin: -15px 0px 0px -30px;
}
* html .select {
margin-top: -9px;
}
.select p {
padding: 4px 6px;
font-size: 0.9em;
margin: 0px;
}
.select button {
padding: 4px;
font-size: 0.9em;
margin: 0px;
background-color: #FFF;
border: none;
text-align: left;
}
#sel_smilies_content button {
background-color: #fff;
}
.select button.button2 {
border: 1px solid #BCBCBC;
padding: 0px;
}
*+html .select button.button2 {
padding-right: 3px;
padding-left: 3px;
}
* html .select button.button2 {
padding-right: 3px;
padding-left: 3px;
}
.select button.button2:hover {
border: 1px solid #b42000;
color: #b42000;
background-position: 0 100%;
background-image: url('http://s1036.photobucket.com/albums/a449/a1tinhgia3/css/button.gif');
}
.select button:hover,.selectHover {
cursor: pointer;
background-color: #EEE;
}
button.bbcode {
border: 1px solid #e3adad;
background-image: url("http://2img.net/i/fa/wysiwyg/bg_button.png");
}
#text_editor_controls {
border: 3px outset #e5e5e5;
margin: 10px 15px 16px 190px!important;
padding: 5px;
background-color:#e5e5e5;
}
#textarea_content iframe#text_editor_iframe,#text_editor_textarea {
width: 100%;

/*height: 100%;
*/
}
*+ html #textarea_content iframe#text_editor_iframe,*+ html #text_editor_textarea {
width: 60%;
}
* html #textarea_content iframe#text_editor_iframe,* html #text_editor_textarea {
width: 60%;
}
*+ html #text_editor_textarea.quick_reply_textarea {
width: 60% !important;
}
* html #text_editor_textarea.quick_reply_textarea {
width: 60% !important;
}
#quick_reply .frm-buttons {
padding-left: 210px;
}
div.posting-block {
width: 80%;
float: left;
margin-right: 20px;
}
.pun .frm div.posting-block dd.frm-textarea {
border: 3px outset #e5e5e5;background-color:#e5e5e5;padding: 5px;
width: auto;
}
.helpline {
margin-left: 210px;
}
*+ html .helpline {
display: block;
height: 1em;
}
* html .helpline {
display: block;
height: 1em;
}

/* Smilies-------------------------------------------------*/
#smiley-box {
float: left;
width: 15%;
margin: 6px 0px 0px 0px;
}
#smiley-box iframe{
border: none;
overflow: auto;
height: 300px;
width: 100%;
height: 260px;
}
.smiley-element {
margin-top: 5px;
}
.smiley-element img {
margin: 0px 15px 10px 0px;
}
.smiley-element a,.smiley-element a img {
border:none;
}
#smiley-box-wysiwyg {
float: left;
margin: 25px 0px 0px 15px;
width: 20%;
background-color: #f7f7f7;
}
* html #smiley-box-wysiwyg {
margin: 25px 3px 0px 0px;
}
*+html #smiley-box-wysiwyg {
margin: 25px 3px 0px 0px;
}
#smiley-box-wysiwyg iframe{
border: none;
overflow: auto;
height: 300px;
width: 100%;
height: 280px;
background-color: #f7f7f7;
}

/* Privmsg-------------------------------------------------------------*/
.pun-privmsg {
list-style-type: none;
text-align: center;
}
.pun-privmsg li {
display: inline;
margin-left: 15px;
font-weight: bold;
}
.pun-privmsg li a {
font-weight: normal;
}
.pun-privmsg li img {
vertical-align: middle;
}

/* Popup-------------------------------------------------------------*/
.popup {
margin: 0px;
min-width: 390px;
}
.popup h1 {
font-size: 1.1em;
margin-top: 5px;
}
/* Chatbox-------------------------------------------------------------*/
#frame_chatbox {
border: none !important;
}
body.chatbox {
padding: 1px 1px 1px 1px;
margin: 0;
background-color: #fff;
min-width: 550px !important;

font: nomal 11px Tahoma;
background-image: none;

overflow: auto; }

#chatbox_header {
height: 33px;
}
#chatbox_header.main-head {
color: #dedfdf;
background-color: #1f537b;
}
.chatbox-title,.chatbox-title a.chat-title {
color: #dedfdf;
text-decoration: none;
}
.chatbox-title {
float: left;
margin: 0;
padding: 2px 5px 0 5px;
width: 15em;
}
.chatbox-options {
float: right;
list-style: none;
font-size: 11px;
margin: 0.7em 0.5em 0.5em 0.5em;
}
.chatbox-options li {
display:inline;
}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
color: #dedfdf;
}
#chatbox_members {
position: absolute;
top: 44px;
bottom: 60px;
width: 148px;
overflow: auto;
padding: 1px;
border: 1px #00000 dashed;
}
#chatbox_messenger_form {
margin: 10px 0 0 0;
overflow: auto;
}
#chatbox_members .member-title {
text-align: center;
padding: 7px;
font-size: 12px;
background: #fff url(http://www.a1tinhgia3.co.cc/users/2211/12/43/96/album/cat11010.gif) no-repeat top center;
color : #00569c;
font-family: Tahoma;

}
#chatbox_members ul {
list-style: none;
font-family: Tahoma;
font-size: 12px;
}
#chatbox_members ul li {
margin: 0 2px 0 0;
padding-left: 8px;
padding-bottom: 1px;
padding-top: 1px;
background-color: #;
font-family: Tahoma;
font-size: 11px;
border-left: 6px #6699ff solid;
border-top: 1px #ff69b4 dashed;
border-bottom: 1px #ff69b4 dashed;
border-right: 1px #ff69b4 solid;
}

#chatbox {
font-family: Tahoma;
font-size: 12px;
position: absolute;
top: 40px;
left: 161px;
right: 1px;
bottom: 68px;
overflow: auto;
line-height: 10px;
background: #fff url(http://yega.game4v.vn/customavatars/avatar136388_4.gif) no-repeat 545px 5px;
}
#chatbox p {
line-height: 1.2em;
}
.chatbox_row_1 {
padding: 8px;
background-color: #;
padding: 3px;
color: #b4d8b8;
font-family: Tahoma;
font-size: 12px;
}
.chatbox_row_2 {
padding: 8px;
background-color: #;
border-top: 0px;
border-bottom: 0px;
padding: 3px;
color: #b4d8b8;
font-family: Tahoma;
font-size: 12px;
}
.chatbox_row_3 {

background-color: #;
padding: 3px;
color: #b4d8b8;
font-family: Tahoma;
font-size: 12px;
}
#chatbox .user {
font-weight: bold;
}
.memberlist_row_1 {
background-color: #fbfbfb;
}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
#message,#submit_button{
border-width: 1px;
}
.fontbutton {
padding: 1px;
cursor: pointer;
text-align: left;
}
.fontbutton_normal {
background: #E1E1E2;
}
.fontbutton_selected {
background: #BBC7CE;
border: 1px solid #22229C;
}
.fontbutton_clicked {
background: #959595;
border: 1px solid #22229C;
}
.fontbutton_hover {
background: #E1E1E2;
border: 1px solid #22229C;
}
.fontbutton {
background:#E1E1E2 none repeat scroll 0%;
border:medium none;
color:#030303;
float:left;
margin-right:10px;
padding:1px;
}
span[style="color: rgb(191, 0, 255);"],span[style="color:#BF00FF"],span[style="color: rgb(255, 102, 0);"],span[style="color:#FF6600"],span[style="color: rgb(0, 191, 0);"],span[style="color:#00BF00"],span[style="color: rgb(250, 0, 0);"],span[style="color:#FA0000"],span[style="color: rgb(89, 89, 89);"],span[style="color:#595959"]{color:#fff;text-shadow:0 0 .2em black, 0 0 .2em black, 0 0 .2em black}
/*Internet Explorer fixers and hacks for Chatbox *
/* html #chatbox-members {

/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientheight ? document.documentElement.clientheight : document.body.clientheight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
}
* html #chatbox {

/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientheight ? document.documentElement.clientheight : document.body.clientheight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
}
* html #chatbox-footer {

/* IE expressions helping IE work in Standards mode */
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
}
#chatbox_contextmenu {
border: 2px solid black;
background-color: #f4f9fd;
}
#chatbox_contextmenu p {
margin:0;
padding: 1px 4px;
font-family: Tahoma;
background: #fbfbfb;
border-bottom:1px solid #777;
}
#chatbox_contextmenu p.hover {
background: #f4f4f4;
}
#chatbox_contextmenu p.close {
padding: 1px;
font-size: 95%;
color:#fff;
background: url('');
}
#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
}
#chatbox_contextmenu a {
color: #00569c;
text-decoration: none;
font-size: 95%;
}
#chatbox_contextmenu a:hover {
color: ;
}

/* Portal / Modules-------------------------------------------------------------*/
.module {
overflow: hidden !important;
}
.module.main {
margin: 0 !important;
}
.module .main-content {
padding: 1em;
}
.module .main-content table {
table-layout: fixed;
}
.module .main-content ul {
margin: 0 2em;
}
.module p.author {
padding: 0.25em;
background-color: #eff1f3;
border-bottom: 1px solid #e5e5e5;
font-size: 0.9em;
}
.module h3.news {
padding: 0.5em;
background-color: #e5e5e5;
font-weight: bold;
}
.module div.body {
padding: 0.5em;
}
.module .full-reading {
margin-top: 2em;
}
.module div.body ul,.module div.body ol {
margin-left: 2em;
}
.module p.comments {
padding: 0.25em 0.25em 1em;
border-top: 1px dashed #e5e5e5;
font-size: 0.8em;
}
fieldset.frm-set.login {
margin: 0;
}
fieldset.frm-set.login dl dt {
width: auto;
margin: 0 1em 0 0;
text-align: left;
}
fieldset.frm-set.login dl dd {
margin: 0;
}
.module .details img {
border: 1px solid #e5e5e5;
margin: 0 1em;
}
.module .details dt {
font-weight: bold;
}
#calendar.main-content {
padding: 0;
}
#calendar .calendar-header,#mini-calendar .calendar-header {
border-left: none;
border-bottom: 1px solid #e5e5e5;
}
#calendar table tr.date td:first-child,#mini-calendar table tr.date td:first-child{
border-left: none;
}
.module #calendar {
min-width: 180px;
}
.module hr {
height: 2px;
border: solid #e1eebb 0;
border-top-width: 1px;
}
hr {
height: 3px;
border: solid #e1eebb 0;
border-top-width: 1px;
margin-top: 3px;
}
.hr hr {
visibility: hidden;
}
.hr {
border-top: 1px dotted #ddd !important;
}
.ballot fieldset {
margin: 0.5em 0;
}
.ballot fieldset dd {
float: left;
}

/* Groups-------------------------------------------------------------*/
.frm-set dd ul {
list-style-type: none;
}

/* Donate-------------------------------------------------------------*/
.donate .quotebox {
padding: 1em;
background-color: #d9d9d9;
border-bottom: 1px solid #ff0000;
}
.donate .donate-form p {
padding: 1.7em;
}
.donate .column {
width: 49%;
}

/* Report Abuse-------------------------------------------------------------*/
.captcha div.captcha-img {
float: left;
margin: 0 1em 0 0;
}
.captcha .inputbox{
margin-top: 0.5em;
}
.warning {
color: #ff3333;
}
.report-abuse-textarea {
width: 70%;
}

/* RPG-------------------------------------------------------------*/
fieldset.frm-set.left.rpg,fieldset.frm-set.right.rpg {
width: 47%;
margin: 5px;
}
fieldset.frm-set.rpg dt {
text-align: left !important;
width: auto;
float: none !important;
}
fieldset.frm-set.rpg dd {
margin-left: 0 !important;
}
fieldset.frm-set.rpg dd table {
display: table;
width: 100%;
border: 1px solid #e5e5e5;
padding: 0;
border-spacing: 0;
border-collapse: collapse;
}
fieldset.frm-set.rpg dd table td {
padding: 5px;
}

/* Helpful classes-------------------------------------------------------------*/
.center {
text-align: center;
}
.right {
float: right;
}
.left {
float: left;
}
.margin-field {
margin: 0px 1.7em;
}
.normal {
font-weight: normal;
}
.bold {
font-weight: bold;
}
.clear {
clear: both;
height: 1px;
}
* html .clear {

/* removes useless space in ie6 */
display: none;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
*+ html .clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1%;
clear: both;
}

/* Footer-------------------------------------------------------------*/
#pun-about, #pun-box{
background-color: #eeeeee;
-moz-box-shadow: -2px 2px 2px #c8c8c8;
-webkit-box-shadow: -2px 2px 2px #c8c8c8;
padding: 5px;
}
#pun-about ul {
list-style-type: none;
}
#pun-about ul li {
display: inline;
}
#pun-about ul li a {
font-weight: bold;
}
#pun-about #qjump {
float: left;
text-align: left;
}
#pun-about #qjump label {
font-weight: bold;
}
#pun-about #qjump fieldset {
border: none;
}
#pun-foot {
clear: both;
}
#pun-foot h3 {
margin-top: 20px;
}
#pun-foot #pun-about ul li strong {
font-weight: normal;
}
td.fav-icon img {
float: left;
margin: 0 1em 2em 0.5em;
}

/* Login Popup---------------------------------------------------*/
#login_popup {
position: absolute;
z-index: 999;
display: none;
background-color: #f7f7f7;
border: 1px solid #e5e5e5;
font-size:17px;
font-weight: bold;
}
#login_popup_buttons {
position: absolute;
bottom: 0px;
right: 6px;
}
#login_popup_buttons input {
margin-left: 6px;
}

/* BEGIN TESTING FOR MEDIA PRINT */
@media print {
* {
background-image: none;
background-color: #fff;
color: #000;
}
body {
margin: 0;
}

/* Header */
body div.pun {
width: 95%;
margin: 0;
}
div#pun-intro {
padding: 0 0 1em 0;
text-align: left;
}
p#pun-desc#pun-intro #pun-logo,p#pun-desc,#pun-navlinks,#pun-visit,.noprint {
display: none;
}

/* Posts */
.pun .main .paged-head,.pun .main .main-head p.h2 a,.pun .main .sig-content,.pun .main .paged-foot,.pun .main .postmain img,.pun .main .postmain .postfoot,.pun .main .main-foot,.pun .main .user-ident .user-basic-info,.pun .main .user-info,.pun #pun-qpost {
display:none;
}
.pun .main .main-head {
border-bottom: 1px solid #ddd;
}
.pun .main .main-head p.h2 {
margin: 0;
padding: 0;
}
.pun .main .main-head .h2 strong {
margin-left: 0.25em;
}
.pun .main .posthead h2 a {
margin-right: 0.5em;
}
.pun .main .main-content {
border: none;
}
.pun .main .post {
border: none;
border-bottom: 1px solid #ddd;
}
.pun .main .post .user {
float: none;
}

/* Footer */
.pun .pun-crumbs .crumbs {
font-size: 0.8em;
}
.pun .pun-crumbs .crumbs a {
margin: 0 1.25em 0 0.5em;
}
#pun-foot,#pun-info {
display: none;
}
}

/* END TESTING FOR MEDIA PRINT */
ul.profile_field_list {
padding:0;
}
html ul.profile_field_list li {
list-style-type: none;
}
ul.profile_field_list > li {
list-style-type: none;
}
.inputURL {
font-size:10px;
font-family:"Courier New", "Times New roman";
letter-spacing:-1px;
}
.middleline {
line-height:2em;
}
.invisible{
display:none;
visibility:hidden;
}
.visible{
display:block;
visibility:visible;
}

/* ajax profil */
.ajax-profil_hover{
background:transparent}
.ajax-profil_parent{
position:relative;
zoom:1}
.ajax-profil_edit{
cursor:pointer;
position:absolute;
top:6px;
left:-11px;
}
.ajax-profil_edit img{
margin-left:4px}
.ajax-profil_valid{
cursor:pointer;
margin-left:4px;
vertical-align:middle}
#profile-advanced-details dl{
padding:8px 10 8px 0;
width:98%;
margin:10px 0 0;
}
#profile-advanced-details dl dt{
float:left;
display:block;
width:10em;
}
#profile-advanced-details dl dd{
margin-left:10em;
padding-left:11px;
}
#profile-advanced-details div.separator{
clear:both;
font-size:1px;
line-height:1px;
border-bottom:1px solid #dcdcdc;
padding-top:10px;
}
#profile-advanced-details .ajax-profil_edit{
left:-4px;
}

/* jqModal */
.jqmWindow {
display: none;
position: fixed;
left: 50%;
width: 450px;
margin-left: -225px;
top: 50%;
margin-top: -125px;
background-color: #ffffff;
border: 1px solid #c6ccd4;
}
.jqmWindow .main {
margin: 0;
}
.jqmOverlay {
background-color: #000;
}
.jqDrag {
cursor: move;
}

/* First Post */
#first-post-br {
width: 80%;
border: 0;
border-top: solid 1px #ccc;
margin: 20px auto;
}

/* Blog */
.blog_cal-border {
display: inline;
float: left;
border: 1px solid #303b4a;
background: #f7f7f7;
padding: 1px;
font-size: 1.2em;
margin-right: 3em;
}
.blog_cal-content {
width: 2.9em;
background: #e0e0e0;
padding: 1px;
line-height: 1.4em;
text-align: center;
font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Sans-Serif;
color: #ffffff;
}
.blog_cal-content span {
display: block;
}
.blog_cal-day {
padding-left: 0.2em;
font-size: 1.6em;
letter-spacing: 0.2em;
}
.blog_cal-month {
line-height: 0.7em;
font-size: 2em;
font-weight: bold;
}
.blog_cal-year {
line-height: 1.2em;
font-size: 0.8em;
}
.blog_title {
padding-top: 1.1em;
font-size: 1.2em;
}
.blog_title .status {
margin-top: -0.1em;
}
.blog_title .topictitle {
font-size: 1.1em;
text-decoration: none;
}
.blog_message {
margin-top: 0.5em;
font-size: 1.1em;
}
.blog_comments {
margin-right: 0.5em;
font-size: 0.8em;
text-align: right;
}
.blog_comments img {
vertical-align: middle;
}
#blog_comments {
width: 90%;
margin: 0 auto;
}
#blog_comments .posthead {
padding: 2px 4px;
}
.blog_comment-avatar {
float: left;
}
.blog_comment-avatar img {
background-color: #fff;
border: 1px solid #303b4a;
vertical-align: middle;
width: 38px;
margin: 2px 2px 4px;
}
#blog_comments .h3 {
overflow: hidden;
margin-top: 0;
margin-left: 45px;
padding: 0;
min-height: 22px;
}
.blog_comment-title {
float: left;
min-height: 11px;
margin-top: 7px;
}
#blog_comments .postfoot {
margin-left: inherit;
}
.no_comment {
padding: 10px 0;
}

/* Social bookmarking */
#bookmarks {
float: right;
border: 1px #e5e5e5 solid;
padding: 5px;
}
#bookmarks a img {
width: 20px;
height: 20px;
background: url(http://2img.net/i/fa/social_bookmarking/social_bookmarking.png) no-repeat scroll;
vertical-align: middle;
}
#bookmarks a img.twitter {
width: 16px;
height: 16px;
margin: 2px;
background: url(http://2img.net/i/fa/social_bookmarking/twitter.png) no-repeat scroll;
}
#bookmarks img.delicious {
background-position: -10px -10px;
}
#bookmarks img.digg {
background-position: -10px -50px;
}
#bookmarks img.excite {
background-position: -9px -90px;
}
#bookmarks img.facebook {
background-position: -9px -128px;
}
#bookmarks img.furl {
background-position: -10px -166px;
}
#bookmarks img.google {
background-position: -10px -206px;
}
#bookmarks img.live {
background-position: -9px -246px;
}
#bookmarks img.netscape {
background-position: -9px -284px;
}
#bookmarks img.newsvine {
background-position: -9px -322px;
}
#bookmarks img.reddit {
background-position: -10px -360px;
}
#bookmarks img.slashdot {
background-position: -10px -400px;
}
#bookmarks img.smarking {
background-position: -9px -440px;
}
#bookmarks img.stumbleupon {
background-position: -10px -478px;
}
#bookmarks img.technorati {
background-position: -10px -518px;
}
#bookmarks img.yahoo {
background-position: -10px -558px;
}

/* wysiwyg */
.mceContentBody{
background: #eff1f3;
color: #222222;
}

/* resize image */
.resize_process .resizebox {
display: none;
}
.resize_process img.resize_img {
display:;
}
.resizebox a.resize:before{
content: "Thu lại - ";
}
.resizebox a.enlarge:before{
content: "Phóng to - ";
}
.resizebox a.fullsize:before{
content: "Kích cỡ thật - ";
}

.resizebox a.enlarge, .resizebox a.fullsize, .resizebox a.resize {
display: inline-block;
zoom: 1;
*display: inline;
}
.resizebox.enlarged a.enlarge {
display: none;
}
.resizebox.enlarged a.resize {
display: inline-block;
}
.resizebox a.resize {
display: none;
}
.resizebox {

background-color: #e1eebb;
max-width: 100%;
line-height: 1.1em;
cursor: default;
font-weight: normal;
font-style: normal;
display: inline-block;
text-align:center;
margin-left: auto ;
margin-right: auto ;
font-size: 11px;
}
.resizebox div {
font-weight: normal;
font-style: normal;
margin: 0;
border: 1px #e1eebb solid;
}
.resizebox .resize_border {
display: block;
border: #411805 1px solid;
-moz-border-radius-topleft: 3px;
-khtml-border-top-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-khtml-border-top-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-moz-opacity: 0.8;
opacity: 0.8;
filter: alpha(opacity=80);

}
.resizebox .resize_content {
padding: 5px 10px;
display: inline-block;
zoom: 1;
*display: inline;
}
.resizebox .resize_filler {
border: none;
padding: 0;
width: 40px;
display: inline-block;
zoom: 1;
*display: inline;
}
.attachbox {
background-color:#dfe6ef;
border:1px dashed #c6ccd4;
clear:left;
float:left;
margin:5px 5px 5px 0;
padding:6px;
width:auto;
color:#222222;
}
.attachbox dt {
font-family:Tahoma,Helvetica,sans-serif;
text-transform:uppercase;
}
.attachbox dd {
border-top:1px solid #c6ccd4;
clear:left;
font-size:0.9em;
margin-left:10px;
padding:0;
}
dl.file {
display:block;
font-family:Tahoma,Tahoma,Helvetica,sans-serif;
margin-bottom:10px;
}
dl.file dt {
font-family:Tahoma,Tahoma,Helvetica,sans-serif;
font-weight:bold;
margin:0;
padding:0;
text-transform:none;
}
dl.file dt img {
vertical-align:middle}
.info {
font-size:10px;
font-style:italic;
}

/* Spoiler */
.spoiler_content {
display:none;
}
.spoiler_content.hidden {
display:block;
}

/* Styles Facebook */
.fb_or {
background-color:#c6ccd4;
border:2px solid #e5e5e5;
font-weight:bold;
padding:5px;
color:#000000;
height : 16px;
line-height : 16px;
width : 26px;
margin : 0 30px 0 30px;
text-align: center;
}
.margTop4 {
margin: 4px 0 0 0;
}
#cont_pwd {
width:150px;
height:21px;
float:left;
padding:0 0 0 20px;
}
.pwd_img {
padding : 4px 0 3px 0;
width : 150px;
height : 14px;
line-height : 14px;
font-size : 11px;
font-weight : bold;
text-align : center;
color : #000000;
display : none;
}
#pwd_good {
background:url('http://2img.net/i/fa/p_strength/pwd_good.png');
}
#pwd_middle {
background:url('http://2img.net/i/fa/p_strength/pwd_middle.png');
}
#pwd_bad {
background:url('http://2img.net/i/fa/p_strength/pwd_bad.png');
}
.fb_login {
margin: 17px 0 0 0;
}
.fb_login .fb_or {
margin: 0 65px 0 55px;
display: inline-block;
}
.frm-buttons.fb {
width: 100%;
}
.frm-set.connexion input.inputfield {
width: 180px;
}
.invitfb_connect {
padding: 10px 0 10px 0;
text-align: center;
}
#fb_explain {
padding: 5px 0 0 5px;
float: left;
}
.frm_connexion {
width: 410px;
float: left;
}
#cont_fb_invit iframe {
width: 760px !important;
}

.alt1, .alt1Active
{
padding: 3px;
background: #FFFFFF;
color: #3a3a3a;
}
.alt2, .alt2Active {padding: 3px;
background: #f4f5f5;
color: #3a3a3a;}
.tborder {
background: #e9e9e9;
color: #3a3a3a;}
.thead { padding: 3px;
background: #ffffff url(http://s1036.photobucket.com/albums/a449/a1tinhgia3/css/thread.gif) repeat-x top left;
color: #3a3a3a;
font: bold 11px Tahoma, geneva, lucida, 'lucida grande', Tahoma, helvetica, sans-serif;}
.ind_box {
float: left;
margin-right: 0px;
padding: 3px 0px 3px 4px;
background-color: #fff;
margin-left: 1px;}
td.new {
font-size: 12px;
font-weight : bold;
background-image: url(http://hitskin.com/themes/14/58/77/i_back_title.gif);
height: 30px;
padding: 2px 3px 2px 3px;
background-repeat: repeat;}
.ipodmenu{background: url(http://s1036.photobucket.com/albums/a449/a1tinhgia3/css/menuipod.gif) no-repeat top right; width:122px;height: 122px;}
.ipodbgk {background: url(http://www.a1tinhgia3.co.cc/users/2211/12/43/96/album/v2_bmp10.jpg) repeat-y top right; width:147px;}
.ipodfooter {background: url(http://www.a1tinhgia3.co.cc/users/2211/12/43/96/album/v4_bmp10.jpg) repeat-y top right; height: 33px;}
.ipodbg {background: #fff url(http://www.a1tinhgia3.co.cc/users/2211/12/43/96/album/nen1_b10.jpg) repeat-y top left; width: 165px;border: 0px #b0eaab solid; padding: 0px 4px 0px 4px;}
.topic_bg { background: url(http://s1036.photobucket.com/albums/a449/a1tinhgia3/css/topic_bg.gif) repeat-x top left; height: 32px; }
.topic_right { background: url(http://s1036.photobucket.com/albums/a449/a1tinhgia3/css/topic_right.gif) no-repeat top right; height: 32px;}
.topic_left { background: url(http://s1036.photobucket.com/albums/a449/a1tinhgia3/css/toppic_left.gif) no-repeat top left; height: 32px;}
.topic2
{padding-top: 8px;
padding-right:3px;
color: #ffffff;
font: normal 11px Tahoma;}
a {text-decoration: none;}
.date-and-time{font-size: 10px; font-color: #b4d8b6}
.onlinetest {
background: #ffffff url("http://www.a1tinhgia3.co.cc/users/2211/12/43/96/album/4_bmp211.jpg") no-repeat top left;
width: 30px;
height: 30px;
border: 0px;
}
/**** Module social_bookmarking ****/
.mod_bookmarks a img {
width: 20px;
height: 20px;
background: url(http://2img.net/i/fa/social_bookmarking/social_bookmarking_fa.png) no-repeat scroll;
vertical-align: middle;
}
.mod_bookmarks img.digg {
background-position:-10px -47px;
}
.mod_bookmarks img.delicious {
background-position:-10px -8px;
}
.mod_bookmarks img.reddit {
background-position:-10px -359px;
}
.mod_bookmarks img.slashdot {
background-position:-10px -398px;
}
.mod_bookmarks img.stumbleupon {
background-position:-10px -476px;
}
.mod_bookmarks img.furl {
background-position:-10px -163px;
}
.mod_bookmarks img.yahoo {
background-position:-10px -554px;
}
.mod_bookmarks img.google {
background-position:-10px -204px;
}
.mod_bookmarks img.blinklist {
background-position:-10px -665px;
}
.mod_bookmarks img.blogmarks {
background-position:-10px -630px;
}
.mod_bookmarks img.technorati {
background-position:-10px -516px;
}

/**** Module rss_feeds ****/
.mod_rss_feeds a img {
width: 91px;
height: 17px;
background: url(http://2img.net/i/fa/rss_mod/sprite_rss_feeds.png) no-repeat scroll;
vertical-align: middle;
padding-bottom:2px;
}
.mod_rss_feeds img.yahoo {
background-position:0 0;
}
.mod_rss_feeds img.google-reader {
background-position:-100px 0;
}
.mod_rss_feeds img.msn {
background-position:-199px 0;
}
.mod_rss_feeds img.aol {
background-position:-299px 0;
}
.mod_rss_feeds img.newsgator {
background-position:-399px 0;
}
.mod_rss_feeds img.rojo {
background-position:-498px 0;
}
.mod_rss_feeds img.bloglines {
background-position:-598px 0;
}
/**** Sprite CSS ****/
.sprite-arrow_prosilver_down{
background:url("http://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:0 0;
width:6px;
height:6px;
}
.sprite-arrow_prosilver_left{
background:url("http://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-56px 0;
width:4px;
height:6px;
}
.sprite-arrow_prosilver_right{
background:url("http://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-110px 0;
width:4px;
height:6px;
}
.sprite-arrow_prosilver_up{
background:url("http://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-164px 0;
width:6px;
height:6px;
}
.sprite-arrow_subsilver_down{
background:url("http://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-220px 0;
width:9px;
height:9px;
}
.sprite-arrow_subsilver_left{
background:url("http://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-279px 0;
width:9px;
height:9px;
}
.sprite-arrow_subsilver_right{
background:url("http://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-338px 0;
width:9px;
height:9px;
}
.sprite-arrow_subsilver_up{
background:url("http://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-397px 0;
width:9px;
height:9px;
}
.sprite-icon_minipost{
background:url("http://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-456px 0;
width:12px;
height:9px;
}
.sprite-icon_minipost_new{
background:url("http://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-518px 0;
width:12px;
height:9px;
}
.sprite-icon_minipost_participate{
background:url("http://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-580px 0;
width:12px;
height:9px;
}
.sprite-icon_miniposted{
background:url("http://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-642px 0;
width:12px;
height:9px;
}
.sprite-icon_pages{
background:url("http://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-704px 0;
width:11px;
height:12px;
}
.sprite-icon_post_target{
background:url("http://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-765px 0;
width:11px;
height:9px;
}
.sprite-icon_post_target_unread{
background:url("http://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-826px 0;
width:11px;
height:9px;
}
.sprite-icon_reply{
background:url("http://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-887px 0;
width:18px;
height:9px;
}
.sprite-icon_reply_new{
background:url("http://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-955px 0;
width:18px;
height:9px;
}
.sprite-icon_tiny_topic{
background:url("http://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-1023px 0;
width:10px;
height:11px;
}
.sprite-icon_topic_latest{
background:url("http://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-1083px 0;
width:11px;
height:9px;
}
.sprite-icon_topic_newest{
background:url("http://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-1144px 0;
width:11px;
height:9px;
}
.sprite-subforum_read{
background:url("http://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-1205px 0;
width:11px;
height:9px;
}
.sprite-subforum_unread{
background:url("http://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-1266px 0;
width:11px;
height:9px;
}
.sprite-tabs_less{
background:url("http://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-1327px 0;
width:9px;
height:9px;
}
.sprite-tabs_more{
background:url("http://2img.net/i/fa/sprite_icons.png") no-repeat top left;
background-position:-1386px 0;
width:9px;
height:9px;
}
#search_menu a img{
background:url("http://2img.net/i/fa/sprite_subsilver_menu.png") no-repeat top left;
background-position:-684px 0;
width:12px;
height:13px;
}

#mudimPanel{-moz-box-shadow: -2px 2px 2px #c8c8c8;-webkit-box-shadow: -2px 2px 2px #c8c8c8;-moz-opacity:.9;background-color:#ffeb90!important;bottom:9px!important;box-shadow:5px 5px 5px #000;filter:alpha(opacity=90);font-size:9px!important;font-weight:700;height:38px!important;left:9px!important;opacity:.9;padding:4px!important;border:0px!important;vertical-align:middle;width:330px!important}#mudimPanel:hover{-moz-opacity:.9;filter:alpha(opacity=90);opacity:.9}
.petfm img{max-height: 200px;}
.modnew img{max-width: 50px; max-height: 30px;}
.modnew br, .modnew hr{display: none;}
.modnew {font-size:11px;}
.postbitlegacy .postbody2{
margin-left: 200px;
border-left: 1px solid #efefef;
padding-bottom: 1em;
}

.postbitlegacy .postfoot .textcontrols a.level, .postbit .postfoot .textcontrols a.level {
background: url(http://yega.game4v.vn/level_class/img/sp.png) no-repeat transparent left;
}
.postbitlegacy .postfoot .textcontrols a.level:hover, .postbit .postfoot .textcontrols a.level:hover {
background: url(http://yega.game4v.vn/level_class/img/sp-hover.png) no-repeat transparent left;
}

Sponsored content

THPT Tân Hà :: CSS :: CSS learn

CSS and box 2 cột

CSS and box 2 cột