demo: [You must be registered and logged in to see this link.]
css:
khi nào mình rảnh sẻ share full luôn nhưng nhớ một điều là ko xóa cái bản quyền nhé để có động lực dev skin mới
Được sửa bởi Admin ngày Thu Jul 17, 2014 6:00 pm; sửa lần 3.
css:
- Code:
.toplogo {left: 470px;
position: absolute;
top: 242px;
z-index: 2;
}
.xichleft {
margin-left: -54px;
position: absolute;
margin-top: -73px;
z-index: 2;
}
.xichright {
position: absolute;
margin-top:-74px;
right:105px;
z-index:2
}
/* Dang nhap nhanh
---------------- */
.pageWidth {
margin: 0 auto;
min-width: 940px;
width: 1013px;
}
.loginBar .pageContent {padding-top: 0px;position: relative;}
.loginBar {
background-color: rgb(153, 0, 0);
border-bottom: 1px solid rgb(153, 0, 0);
color: #a0a0a0;
margin-top: -215px;
padding-top: 50px;
position: relative;
text-shadow: 0 0 0 transparent, 1px 1px 0 rgba(0,0,0,0.7);
z-index: 999;
}
.topiclist.forums, #loginBarHandle, .messageInfo, .tabsWraper {
border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
-khtml-border-radius: 0 0 4px 4px;
}
.loginBar .pageContent {padding-top: 0px;position: relative;}
#loginBarHandle {
background-color: rgb(153, 0, 0);
border: 1px solid rgb(153, 0, 0);
border-top-style: none;
bottom: -25px;
color: #FF0000;
font-size: 11px;
line-height: 24px;
margin-right: 75px;
position: absolute;
right: 0;
text-align: center;
z-index: 1;
}
#loginBarHandle a {
color: #FFFFFF;
font-size: 12px;
font-weight: 400;
padding: 3px 10px;
text-shadow: 0 0 0 transparent, 1px 1px 0 rgba(0,0,0,0.7);
}
.overlay {
position: fixed;
width:100%;
height:2000px;
background-color: rgba(0,0,0,.6);
z-index: 9;
display:none;
top:0;
left:0;
opacity: 1;
}
#login {
width: 700px;
padding: 3px 0;
margin: 0 auto;
line-height: 20px;
position: relative;
overflow: hidden;
}
.loginBar form {line-height: 20px;}
.eazyLogin .ctrlUnit {position: relative;}
.loginBar .eazyLogin .ctrlUnit, .loginBar .eazyLogin .ctrlUnit dt label {
margin: 0;
border: none;
font: 13px/1.231 arial,helvetica,clean,sans-serif;
color: rgb(160, 160, 160);
line-height: 20px;
}
.loginBar .eazyLogin .ctrlUnit dt {
width: 215px;
height: 30px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.eazyLogin .ctrlUnit dt {
padding-top: 4px;
padding-right: 15px;
text-align: right;
vertical-align: top;
width: 235px;
float: left;
}
.loginBar .eazyLogin .ctrlUnit dd {position: relative;width: 300px;}
.eazyLogin .ctrlUnit>dd {padding-top: 4px;}
.eazyLogin .ctrlUnit dd {float: left;}
.loginBar .eazyLogin .ctrlUnit dd .textCtrl, .loginBar .passwordOptions {
width: 250px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
height: 30px;
cursor: text;
}
.loginBar .textCtrl[type=text] {font-weight: bold;font-size: 18px;}
.loginBar .textCtrl {
color: rgb(129, 129, 129);
background-color: rgb(47, 47, 51);
border-top-color: rgb(40, 40, 44);
border-right-color: rgb(69, 71, 76);
border-bottom-color: rgb(69, 71, 76);
border-left-color: rgb(40, 40, 44);
box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
-khtml-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
outline: 0;
font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
padding: 3px;
margin-bottom: 2px;
border-width: 1px;
border-style: solid;
}
.loginBar .lostPassword {margin-top: 32px;font-size: 11px;z-index: 1;position: relative;}
.ctrlUnit dd li {margin: 4px 0 8px;padding-left: 1px;}
input.textCtrl[type="password"] {font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;}
.loginBar .button1 {min-width: 85px;}
.loginBar .rememberPassword {font-size: 11px;color: rgb(160, 160, 160);vertical-align: middle;}
.eazyLogin .ctrlUnit.submitUnit dd {line-height: 31px;}
.lostPassword a {color: rgb(85, 131, 198) !important;font-size: 11px;}
.lostPassword a:hover {text-decoration: underline;}
#LoginControl {margin-bottom: 10px;}
.loginBar .textCtrl:focus {
color: rgb(189, 189, 189);
background: rgb(44, 44, 47) none;
border-top-color: rgb(38, 38, 42);
border-left-color: rgb(38, 38, 42);
}
#eAuthUnit {position: absolute;top: 7px;right: 40px;}
.btop {font-weight: bold;cursor: pointer;}
.btop:hover {text-decoration: underline;}
body
{
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
font-size: 13px;
font-family: 'Tahoma', Helvetica, Arial, sans-serif;
color: rgb(20,20,20);
background-image:url('http://kd.amo.vn/assets_2/img/background.jpg');
background-repeat: no-repeat;
background-position: top;
word-wrap: break-word;
line-height: 1.28;
z-index: -9999;
background-color: #14151a;
}
.pun {background:#fff;
background-repeat: repeat-y;
border: 1px solid #DDD;
margin: 0px auto;
width: 990px;
padding: 10px 10px;
border-top: 0px none black;
border-right: 2px solid #990000;
border-left: 2px solid #990000;
}
.banner {height:468px}
#submenu {border: 1px solid #9a0000;
color: #fff;
margin: 0 auto;
width: 962px;
font-size: 11px;
background: rgb(235, 58, 68) url('http://diendan.sgame.vn/styles/infinite/ttk/nav.png');
padding: 0 25px;
border-bottom: 1px solid rgb(153, 0, 0);
}
#submenu ul {
width:960px;margin: 0 auto;
} #submenu ul li a {
color: #fff;margin: 0;padding: 13px 12px;font-size: 12px;font-weight: bold;
display: inline-block;float: left;
} #submenu ul li a:hover {border-top:3px solid #ff4400;margin-top:-3px!important;
background-color: rgba(255, 0, 10, 0.34);box-shadow: inset 0 14px 10px rgba(0,0,0,0.1);
text-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
#submenu a[href*="/forum"] {
background-color: rgba(255, 0, 10, 0.34);
border-top: 3px solid #ff4400;
box-shadow: inset 0 14px 10px rgba(0,0,0,0.1);
margin-top: -3px!important;
text-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
#submenu a[href*="/login"],#submenu a[href*="/register"],#submenu a[href*="/privmsg"], #submenu a[href*="/profile?mode=edit"] {
float: right;
}
#pun-about {
background:none;
border:none;
font-size:9px;
text-align:center;
}
/*xóa gạch chân link*/
a:link,a:active,a:visited {
text-decoration: none;
}
a:hover{
text-decoration: none !important;
}
.main .main-head {
background: url("http://diendan.sgame.vn/styles/infinite/ttk/nav.png") repeat-x scroll top rgba(0, 0, 0, 0);
}
.main .main-head .page-title{font-size:15px;font-weight:400;font-weight: bold;font-family: 'Segoe UI','Open Sans',Tahoma,Arial,sans-serif;}
/* User action */
#pun-visit ul,.main-box ul{position:relative;width:16px;height:16px;background:url(http://i56.servimg.com/u/f56/18/59/49/93/align_10.png) no-repeat center transparent;z-index:20}
#pun-visit ul:hover{margin-top:-.7em;margin-right:-1.1em}
.main-box ul:hover{margin-top:-.65em;margin-left:-1.05em}
#pun-visit li,.main-box li{display:none;width:230px;background:#FFF;border-color:transparent #888 #999;border-style:solid;border-width:0 2px;margin:0}
#pun-visit li:first-child,.main-box li:first-child{border-top:2px solid #999}
#pun-visit li:last-child,.main-box li:last-child{border-bottom:2px solid #999}
.main-box li{margin-left:0;float:left;text-align:left;width:170px}
#pun-visit ul:hover li,.main-box ul:hover li{display:block}
#pun-visit li:hover,.main-box li:hover{background:#F2F2F2}
#plus_menu{left:auto!important;right:60px!important;top:-8px;border:2px solid #999;width:260px!important;background:#FFF}
#plus_menu .title-overview{display:none}
#plus_menu .left-overview{padding:0}
#pun-visit ul a,.main-box ul a{display:block;height:30px;line-height:30px;padding:0 10px}
#pun-visit ul a:hover,.main-box ul a:hover{background:#f2f2f2}
.dashed{border-top:1px dashed silver;margin:5px 0}
#pun-visit br{display:none}
/* Tooltip*/
#tooltip .statusAva{margin:0;max-width:70px}
#tooltip{background-color:#FFF;border:2px solid #d9a102;color:#131313;max-width:550px;padding:10px}
.cotphai {width:260px;margin-top:13px}
khi nào mình rảnh sẻ share full luôn nhưng nhớ một điều là ko xóa cái bản quyền nhé để có động lực dev skin mới
Được sửa bởi Admin ngày Thu Jul 17, 2014 6:00 pm; sửa lần 3.