Trang Chínhheader dang nhap giong xènforo
Thông điệp [Trang 1 trong tổng số 1 trang]
2 Re: header dang nhap giong xènforo Mon Sep 19, 2016 10:43 pm
Admin
Admin
- Code:
/*siderbar*/
.sidebar{float:right;font-size:11px;width:300px}
.staffOnline .secondaryContent,.membersOnline .secondaryContent,#boardStats.secondaryContent,#muchotroz.secondaryContent,#chatfanpagehotrofm.secondaryContent{background-color:#fff;padding:0;margin-top:15px;border:1px solid #e2e2e2;border-top:0 none}
.sidebar .section .primaryContent h3,.sidebar .section .secondaryContent h3,.profilePage .mast .section.infoBlock h3{font-size:11pt;font-weight:100;text-transform:none;color:#000;padding-left:5px;border-bottom:1px solid #e2e2e2;border-left:5px solid #3a5795;line-height:40px;background:transparent url(http://i.imgur.com/f0lIIKn.png) repeat-x scroll 0 0;height:40px}
.sidebar .section .primaryContent h3 a,.sidebar .section .secondaryContent h3 a{font-size:11pt;color:#000;text-transform:none;font-weight:100}
.sidebar .avatarList li{background-repeat:no-repeat;background-position:0 100%;padding:10px;overflow:hidden}
.sidebar .avatarList .username{font-size:11pt;margin-top:2px;display:block}
.WidgetFramework_WidgetRenderer_OnlineUsers .userList,.secondaryContent .pairsJustified,.membersOnline .secondaryContent .userList{padding:10px}
.pairsJustified dl{overflow:hidden;zoom:1}
.pairsJustified dt{float:left;max-width:100%;margin-right:5px}
.pairsJustified dd{float:right;text-align:right;max-width:100%}
#hotrofm-group{margin:0 auto;width:300px}
#cover-hotrofm-group{background:url(http://i.imgur.com/xtRIhDG.png) scroll no-repeat top center;overflow:auto;width:300px}
#hotrofm_box{padding:30px 50px 0 10px;border:solid 1px #dedede;width:300px;background-color:#fcfcfc;margin-top:140px}
#info-content{margin-top:-28px;background-position:0 -46px;margin-right:10px;line-height:20px;float:right;padding:0 10px;cursor:pointer;text-align:center;display:inline-block;white-space:nowrap;text-shadow:0 0 0 transparent,0 1px 0 #fff;border:1px solid #ccc;-webkit-border-radius:2px;-moz-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;font-weight:700;background-color:#f6f7f8;background-image:url(http://i35.servimg.com/u/f35/19/53/09/53/thamgi10.png);background-repeat:repeat-x;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);-moz-box-shadow:0 1px 1px rgba(0,0,0,.05);-khtml-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}
#info-content a{text-decoration:none;font-size:12px;color:#4e5665}
#profile-img{background-color:#FFF;border:1px solid #DEDEDE;margin-top:-100px;position:absolute;width:86px;height:86px;float:left}
#info-box{margin-left:90px;margin-top:-60px;position:absolute}
#info-name{float:left;overflow:hidden;word-wrap:break-word}
#info-name a{width:120px;font-size:16px;font-weight:700;text-shadow:0 0 3px rgba(0,0,0,.4);color:#fff}
.xacthuc{background-image:url(http://i.imgur.com/Dm6ltHm.png);background-repeat:no-repeat;background-size:auto;display:inline-block;height:26px;vertical-align:-10px;width:26px}
.avatarList .topicfeed{background-repeat:no-repeat;background-position:0 100%;padding:10px;overflow:hidden}
.avatarList .numberz{color:#7a7a7a;margin-right:10px;float:left;width:32px;height:32px;font-size:20px;text-align:center;line-height:32px;vertical-align:middle}
.avatarList .info_data{float:left}
.avatarList .userTitle{color:#969696}
.avatarList .info_data_view{float:right;color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;width:80px;height:inherit}
.avatarList li:first-child .numberz:before{content:'0'}
.avatarList li:nth-child(2) .numberz:before{content:'1';color:#e74c3c}
.avatarList li:nth-child(3) .numberz:before{content:'2';color:#1abc9c}
.avatarList li:nth-child(4) .numberz:before{content:'3';color:#f39c12}
.avatarList li:nth-child(5) .numberz:before{content:'4'}
.avatarList li:nth-child(6) .numberz:before{content:'5'}
.avatarList li:nth-child(7) .numberz:before{content:'6'}
.avatarList li:nth-child(8) .numberz:before{content:'7'}
.avatarList li:nth-child(9) .numberz:before{content:'8'}
.avatarList li:nth-child(10) .numberz:before{content:'9'}
.avatarList li:nth-child(11) .numberz:before{content:'10'}
.rfads_abs{position:absolute!important}
.rfads_fix{position:fixed;top:0}
.sidebar .topicfeed{padding:0;border-top:0 none #000;width:300px}
.sidebar .avatarList li.topicfeed{background-image:url(http://i35.servimg.com/u/f35/19/53/09/53/hotpbo10.png);background-repeat:no-repeat;background-position:0 100%;padding:10px;overflow:hidden}
.topicfeed a.Tooltip{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;width:140px;height:inherit}
.xentag{padding:10px}
.xentag:after{content:'.';display:block;height:0;clear:both;visibility:hidden}
.xentag .cloudtag{background:#0F61A1;color:#EFF2F7;display:inline;float:left;margin:0.2em;padding:0}
.xentag .cloudtag:hover{background:#777;color:#fff}
.xentag .cloudtag a{color:inherit;display:block;font-size:1em;font-weight:bold;margin:0.5em;white-space:nowrap}
.xentag .level1{background-color:#E6EDFB;color:#3A5795}
.xentag .level2{background-color:#889ABF;color: #fff;}
.xentag .level3{background-color:#3A5795;color: #fff;}
.modqtv .avatarimage{float:left}
.modqtv .avatarimage img{ border-radius: 100%;width:32px;height:32px}
.modqtv .Info{clear:none!important;margin-left:48px}
.modqtv .Info::after{clear:both}
li.modqtv a{font-size:16px}
li.modqtv a strong{font-weight:100}
/*loinmem*/
.lmenu#AccountMenu{top:45px;right:-10px;display:none}
.lmenu{background-color:#fff;font-size:11px;border:1px solid #6178aa;border-top:5px solid #6178aa;overflow:hidden;-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.5);-moz-box-shadow:0 5px 5px rgba(0,0,0,0.5);-khtml-box-shadow:0 5px 5px rgba(0,0,0,0.5);box-shadow:0 5px 5px rgba(0,0,0,0.5);min-width:250px;position:absolute;z-index:7500}
#AccountMenu .menuHeader{position:relative}
.lmenu .primaryContent{background-color:rgba(252,252,255,0.96)}
.lmenu .menuHeader{overflow:hidden;zoom:1}
.primaryContent{background-color:#fcfcff;padding:10px;border-bottom:1px solid #e2e2e2}
#AccountMenu .menuHeader .lavatar{float:left;margin-right:10px}
#AccountMenu .menuHeader .lavatar img {max-width: 100px;}
.lavatar .img.m{width:96px;height:96px;display:block;background-repeat:no-repeat;background-position:2px 2px;text-indent:1000px;overflow:hidden;white-space:nowrap;word-wrap:normal}
.lmenu .menuHeader h3{font-size:15pt;border-bottom:0;text-transform:none;color:transparent}
.lmenu .menuHeader .muted{font-size:11px}
#AccountMenu .menuHeader .links .fl{position:absolute;bottom:10px;left:116px}
.lmenu .secondaryContent{background-color:rgba(240,247,252,0.96)}
#AccountMenu .menuColumns{overflow:hidden;zoom:1;padding:2px}
#AccountMenu .menuColumns ul{float:left;padding:0;max-height:none;overflow:hidden;font-size:11px}
.blockLinksList a,.blockLinksList label{color:#176093;padding:5px 10px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;display:block;outline:0 none}
#AccountMenu .menuColumns a,#AccountMenu .menuColumns label{width:115px}
#AccountMenu .menuColumns{overflow:hidden;zoom:1;padding:2px}
.blockLinksList a:hover{text-decoration:none;background-color:#d7edfc}
.blockLinksList a:active{text-decoration:none;background-color:#65A5D1;color:#fff}
/*hover~*/
.navTabs .navTab.lasright > a.ltenmem:hover ~ #AccountMenu, .lmenu#AccountMenu:hover{display:block;z-index:9999999}
*! fancyBox v2.1.0 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 999;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 999;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('https://raw.githubusercontent.com/fancyapps/fancyBox/master/source/fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 999;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('https://raw.githubusercontent.com/fancyapps/fancyBox/master/source/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 999;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('https://raw.githubusercontent.com/fancyapps/fancyBox/master/source/blank.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 999;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 999;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -9999px;
left: -9999px;
visibility: hidden;
}
/* Overlay helper */
.fancybox-lock {
overflow: hidden;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 999;
background: url('https://raw.githubusercontent.com/fancyapps/fancyBox/master/source/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 999;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 999;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
.resizebox, .resizebox .resize_content, .resizebox .resize_border, .resizebox .resize_filler {display: none !important;}
a.fancybox .iconPlayer {background:url('https://raw.githubusercontent.com/fancyapps/fancyBox/master/source/fancybox_overlay.png') no-repeat scroll center center transparent;opacity:0.8;z-index:99;padding:40px !important;bottom: 150px;position: absolute;right: 200px;}
.post-entry div a.fancybox .iconPlayer {bottom: -20px;}
.post-entry .entry-content a.fancybox .iconPlayer {bottom: 150px;}
/* đăng nhập */
#_panel {
display: none;
background: #4D4D4D;
color: #DEDEDE;
margin-bottom: 0px;
height: 100%;
z-index: 2;
line-height: 25px;
}
._Scanu_container {
margin:auto auto;
padding: 10px;
max-width: 800px;
position:relative;
z-index: 2;
}
.allformlogin{
max-width: 565px;
border-right: 1px dotted #464646;
padding: 10px;
z-index: 2;
}
#_panel a, #_panel a:link{
font-size: 11px;
color: #707070;
text-decoration: none;
}
#_panel a:hover {
text-decoration: underline;
}
#_panel ._input_text{
color: #F5F5F5;
background-color: #323232;
border: 1px solid #585858;
font-weight: bold;
font-size: 18px;
padding:3px;
width: 100%;
}
._input_text:focus, ._input_text:hover{
outline: none!important;
background:black!important;
}
._scanu_button {
font-style: normal;
font-size: 12px;
font-family: "Arial",sans-serif;
color: #FFF;
background-color: #1C89BB;
padding: 0px 6px;
border-width: 0px;
border-radius: 0px;
text-align: center;
outline: medium none;
line-height: 30px;
display: inline-block;
cursor: pointer;
box-sizing: border-box;
height: 30px;
z-index: 2;
}
._scanu_button:hover{
background-color: #0C79AB;
}
._scanu_button:active {
box-shadow: 0px 0px 3px #000 inset;
}
#_open_close_button{
position: relative;
z-index: 0;
margin-bottom: 0px;
border-bottom: 1px solid #585858;
padding: 2px;
background: #2D2D2D;
z-index: 2;
}
#_open_close_button ._toggle{
color: white;
text-decoration: none;
margin-right: 10%;
position: absolute;
right: 0px;
bottom: -20px;
text-align: center;
z-index: 2;
line-height: 20px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
padding: 1px;
background-color: rgb(45, 45, 45);
box-shadow: 0px 2px 5px rgb(45, 45, 45);
font-size: 11px;
width: 240px;
}
#_open_close_button ._toggle a {
color: white;
text-decoration: none;
}
.login_with_fb{
float: right;
padding: 10px;
margin-right: 20px;
z-index: 2;
}
.alltaikhoan{
max-width: 600px;
z-index: 2;
}
.texttaikhoan{
display: inline-block;
vertical-align: top;
width: 170px;
text-align: right;
margin-right: 10px;
z-index: 2;
}
.inputtaikhoan{
display: inline-block;
vertical-align: top;
width: 360px;
z-index: 2;
}
.allpass{
max-width: 600px;
margin-top: 10px;
z-index: 2;
}
.textpass{
display: inline-block;
width: 170px;
text-align: right;
vertical-align: top;
margin-right: 10px;
z-index: 2;
}
.inputpass{
display: inline-block;
width: 360px;
z-index: 2;
}
.everything{
left: -310px;
right: 0px;
bottom: 0px;
position: fixed;
background: #171717;
height: 4000px;
opacity: 0.6;
z-index: 1;
}
@media only screen and (max-width: 850px){
.texttaikhoan {
text-align: left;
}
.inputtaikhoan, .inputpass {
width: 100%;
}
.textpass {
text-align: left;
}
.allformlogin {
border:none
}
}
/**/
.perfilInfo {
background: url(http://i77.servimg.com/u/f77/16/58/45/96/bottom10.png) no-repeat 7% 0;
height: 177px;
padding: 16px 0 38px 5px;
top: 13px;
width: 510px;
z-index: 999;
position: absolute;
display:none;
}
.username:hover > .perfilInfo{
display: block;
}
.i_icon_online{
margin-left: -49px;
width: 47px;
}
.setPerfil > span {
background: #f9f9f9;
border-radius: 3px;
display: block;
height: 100%;
}
.sprite-icon_topic_latest {
background: url(http://2img.net/i/fa/sprite_icons.png) no-repeat top left;
background-position: -1083px 0;
height: 9px;
width: 11px;
}
.setPerfil {
background: rgba(0,0,0,0.3);
border-radius: 3px;
display: block;
height: 100%;
padding: 5px 5px 10px;
}
.setPerfil .PerfilInfoImg {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
display: table;
float: left;
height: 91px;
padding: 1px;
width: 91px;
}
.setPerfil h2 {
border-bottom: 1px solid #d8d8d8;
text-shadow: rgba(255,255,255,0.8) 0px 1px 0px;
background: #eee url('') repeat-x 0 0;
padding: 8px 10px 9px;
font-size: 16px;
font-weight: 300;
}
.setPerfil p {
float:right;
margin: 10px 5px;
padding: 5px;
text-align: left;
width: 350px;
}
.setPerfil p {
font-weight: 400;
text-align: left;
}
.linkPrf {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
background: #F6F6F6;
border: 1px solid #DBDBDB;
border-radius: 0 0 4px 4px;
border-top: none;
bottom: -7px;
box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3);
color: #616161;
float: left;
height: 14px;
left: 13.8em;
margin: 2px;
padding: 2px;
text-align: center;
text-decoration: none!important;
transition: all .2s ease-in-out;
width: 8em;
}
.linkPrf a {
color: #616161!important;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
}
.setPerfil p div {
display: inline;
}
#ajax_loading {background: #000;color: #fff;text-align: center;padding: 5px 0 8px;width: 8%;top: 0px;left: 46%;-moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-radius: 0 0 5px 5px;z-index: 999;position: fixed;-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);box-shadow: 0px 3px 5px rgba(0,0,0,0.2);opacity: 0.6;}
Thông điệp [Trang 1 trong tổng số 1 trang]
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|
|