Vous êtes sur la page 1sur 18

.

visible_sm {
display:none
}
.visible_xs {
display:none!important
}
.visible_md {
display:inline-block
}
.hidden_xs {
display:inline-block
}
.hidden_sm {
display:inline-block
}
.hidden_md {
display:none
}
.right {
float:right
}
i.ico {
background:url(images/icons/icon_login_user.png) no-repeat;
display:inline-block;
vertical-align:middle;
*display:inline;
*zoom:1
}
i.ico.ico_reply {
width:13px;
height:10px;
background-position:0 0
}
i.ico.ico_like {
width:11px;
height:10px;
background-position:-30px 0
}
i.ico.ico_share {
width:14px;
height:16px;
background-position:-60px 0
}
i.ico.ico_comment {
width:13px;
height:11px;
background-position:-90px 0
}
i.ico.ico_arrow_double {
width:7px;
height:5px;
background-position:0 -30px
}
i.ico.ico_arrow_down {
background-position:-30px -30px;
height:3px;
vertical-align:middle;
width:6px
}
i.ico.ico_arrow_up {

width:6px;
height:3px;
background-position:-60px -30px;
vertical-align:middle
}
i.ico.ico_rep {
width:14px;
height:14px;
background-position:-120px -60px
}
i.ico.ico_rep_2 {
width:13px;
height:12px;
background-position:-120px 0
}
i.ico.ico_fb {
width:16px;
height:15px;
background-position:-90px -30px
}
i.ico.ico_fb:hover {
background-position:-120px -30px
}
i.ico.ico_tw {
width:16px;
height:15px;
background-position:0 -60px
}
i.ico.ico_tw:hover {
background-position:-30px -60px
}
i.ico.ico_g {
width:16px;
height:15px;
background-position:-60px -60px
}
i.ico.ico_g:hover {
background-position:-90px -60px
}
i.ico.ico_arrow_show {
width:7px;
height:7px;
background-position:0 -90px
}
i.ico.ico_arrow_hidden {
width:7px;
height:7px;
background-position:-30px -90px
}
i.ico.ico_user_myvne {
width:16px;
height:20px;
background-position:-30px -120px
}
.btn {
border:none;
background-color:#9d234c;
text-align:center;
color:#fff;
height:22px;

padding:0 20px;
cursor:pointer
}
.fix-ie {
*display:inline;
*zoom:1
}
.myvne_container {
max-width:980px;
margin:0 auto
}
#myvne_taskbar {
background-color:#eee;
height:30px;
border-bottom:1px solid #ccc;
color:#333;
font-size:11px;
z-index:2;
position:relative
}
#myvne_taskbar .myvne_contact {
float:left
}
#myvne_taskbar .myvne_contact img {
float:left;
margin-top:5px;
margin-right:5px
}
#myvne_taskbar .myvne_contact img.phone {
margin-top:8px
}
#myvne_taskbar .myvne_form_log {
float:right;
font-size:12px
}
#myvne_taskbar .myvne_form_log .block_search_web {
padding-right:0
}
#myvne_taskbar .myvne_form_log .block_search_web .left {
margin-top:5px
}
#myvne_taskbar .myvne_form_log .myvne_icon {
display:none
}
#myvne_taskbar .myvne_form_log .myvne_avatar {
background:url(images/icons/icon_arrow_last_menu_tran.gif) right center
no-repeat;
height:100%;
padding-right:15px
}
#myvne_taskbar .myvne_form_log .myvne_avatar img {
position:absolute;
left:-30px;
top:2px
}
#myvne_taskbar .myvne_form_log .myvne_notification {
position:relative;
cursor:pointer
}
#myvne_taskbar .myvne_form_log .myvne_notification .myvne_icon_bell {

margin-top:5px;
width:17px;
height:21px;
background:url(images/icons/icon_bell_sprite.png);
display:block
}
#myvne_taskbar .myvne_form_log .myvne_notification .myvne_icon_bell:hover {
background:url(images/icons/icon_bell_sprite_hover.png)
}
#myvne_taskbar .myvne_form_log .myvne_notification .myvne_icon_bell_click {
display:block;
float:left
}
#myvne_taskbar .myvne_form_log .myvne_notification .badged {
position:absolute;
font-size:8px;
padding:2px;
line-height:1;
background-color:#9f224e;
color:#fff;
top:2px;
left:26px;
border-radius:2px
}
#myvne_taskbar .myvne_form_log .myvne_notification .myvne_content_notification {
display:none;
position:absolute;
width:450px;
right:-209px;
top:30px;
z-index:99;
background-color:#f8f8f8;
border:1px solid #ccc;
max-height:370px;
overflow:auto
}
#myvne_taskbar .myvne_form_log .myvne_notification .myvne_content_notification u
l li {
padding:10px;
border-bottom:1px solid #ccc;
line-height:15px
}
#myvne_taskbar .myvne_form_log .myvne_notification .myvne_content_notification u
l li.read {
background-color:#fff
}
#myvne_taskbar .myvne_form_log .myvne_notification .myvne_content_notification u
l li .myvne_thumb {
float:left;
margin-right:10px
}
#myvne_taskbar .myvne_form_log .myvne_notification .myvne_content_notification u
l li .myvne_wrap_info {
overflow:hidden;
display:block
}
*+html #myvne_taskbar .myvne_form_log .myvne_notification .myvne_content_notific
ation ul li .myvne_wrap_info {
float:left;
width:85%

}
#myvne_taskbar .myvne_form_log .myvne_notification .myvne_content_notification u
l li .myvne_time {
margin-top:5px
}
#myvne_taskbar .myvne_form_log .myvne_notification .myvne_content_notification .
myvne_notification-viewmore {
text-align:center;
font-size:13px;
border-top:1px solid #ccc
}
#myvne_taskbar .myvne_form_log .myvne_notification.active .myvne_icon_bell {
background-position:0 -25px
}
#myvne_taskbar .myvne_form_log .myvne_notification.active .myvne_icon_bell:hover
{
background-position:0
}
#myvne_taskbar .myvne_form_log .myvne_notification.active .myvne_content_notific
ation {
display:block
}
#myvne_taskbar .myvne_form_log .myvne_user {
position:relative
}
#myvne_taskbar .myvne_form_log .myvne_user .myvne_user_status {
display:none;
z-index:999;
position:absolute;
background-color:#f8f8f8;
border:1px solid #ccc;
top:30px;
right:-4px;
left:0;
min-width:150px
}
#myvne_taskbar .myvne_form_log .myvne_user .myvne_user_status li {
padding:8px 0;
width:100%;
float:left
}
#myvne_taskbar .myvne_form_log .myvne_user .myvne_user_status li a {
line-height:15px;
display:block;
float:left;
width:90%;
float:left;
padding:0 5%
}
#myvne_taskbar .myvne_form_log .myvne_user.active .myvne_user_status {
display:block
}
#myvne_taskbar .myvne_container {
height:100%
}
#myvne_taskbar .myvne_container>ul {
height:100%
}
#myvne_taskbar .myvne_container>ul>li {
height:100%;

display:inline-block;
vertical-align:top;
*display:inline;
*zoom:1;
line-height:33px;
padding:0 15px;
border-left:1px solid #ccc
}
#myvne_taskbar .myvne_container>ul>li:first-child {
border-left:none;
padding-left:0
}
#myvne_taskbar .myvne_container>ul>li a {
display:block
}
#home_user .user_box {
color:#333;
background-color:#f4f4f4;
padding:10px;
margin-bottom:20px;
display:block;
position:relative
}
#home_user .myne-wrap-social {
position:absolute;
right:5px;
top:5px
}
#home_user .user_box img.avatar {
float:left;
margin-right:15px
}
#home_user .user_box .name {
font:700 14px Arial;
margin-bottom:5px
}
#home_user .user_box .date {
margin-bottom:5px
}
#home_user .user_box .setting li {
float:left
}
#home_user .user_box .setting li a {
padding:0 10px;
border-right:1px solid #ccc
}
#home_user .user_box .setting li.first a {
padding-left:0
}
#home_user .user_box .setting li.last a {
border-right:none
}
#home_user .user_comment .tab_featured {
float:right;
margin-top:5px
}
#home_user .user_comment .ico_like,#home_user .user_comment .ico_rep_2 {
background-image:url(images/icons/icon_login_user.png)
}
#home_user .user_comment .tab_featured li {

float:left;
margin-left:5px
}
#home_user .user_comment .tab_featured li a {
display:block;
height:26px;
text-align:center;
background-color:#e2e2e2;
line-height:26px;
padding:0 10px
}
#home_user .user_comment .tab_featured li a.active {
background-color:#fff;
border-top:2px solid #999;
line-height:24px
}
#home_user .user_comment .featured_comment>li {
padding-top:10px
}
#home_user .user_comment .featured_comment>li>div {
padding:0 0 10px 30px;
border-bottom:1px dotted #ccc;
position:relative;
*display:inline;
*float:none;
*zoom:1
}
#home_user .user_comment .featured_comment>li .title_article {
font:700 12px Arial;
color:#333;
margin-bottom:5px;
display:block
}
#home_user .user_comment .featured_comment>li div.comment {
font-size:11px
}
#home_user .user_comment .featured_comment>li div.comment>span {
color:#666
}
#home_user .user_comment .featured_comment>li div.comment a {
background:url(images/graphics/dot_blue.gif) 4px center no-repeat;
padding-left:10px;
color:#004f8b
}
#home_user .user_comment .featured_comment>li i.ico.ico_comment {
position:absolute;
left:10px;
top:2px
}
#home_user .user_comment .featured_comment>li i.ico.ico_share {
position:absolute;
left:10px;
top:0
}
#home_user .user_comment .featured_comment>li p {
color:#666
}
#home_user .user_comment .featured_comment>li ul.date {
padding-top:10px;
border-top:1px dotted #ccc;

margin-top:10px;
margin-bottom:5px
}
#home_user .user_comment .featured_comment>li ul.date li {
display:inline;
padding:0 10px;
border-right:1px solid #ccc
}
#home_user .user_comment .featured_comment>li ul.date li.time {
color:#666;
font-size:11px;
padding-left:0
}
#home_user .user_comment .featured_comment>li ul.date li a {
font-size:11px;
color:#004f8b
}
#home_user .user_comment .featured_comment>li ul.date li span {
font-size:11px;
color:#666
}
#home_user .user_comment .featured_comment>li ul.date li .ico_like {
margin-top:-4px
}
#home_user .user_comment .featured_comment>li ul.date li .ico_rep {
margin-top:-2px
}
#home_user .user_comment .featured_comment>li ul.date li span {
background:url(images/graphics/dot_blue.gif) 4px center no-repeat;
padding-left:10px
}
#home_user .user_comment .featured_comment>li ul.date li.rep {
border-right:none
}
#home_user .user_comment .featured_comment>li .label_article {
font:700 12px Arial;
color:#333
}
#home_user .user_comment .featured_comment>li.last {
border-bottom:none
}
#home_user .user_comment .featured_comment>li .toggle_comment li {
display:inline
}
#home_user .user_comment .featured_comment>li .toggle_comment li.toggle {
padding-right:10px;
border-right:1px solid #ccc
}
#home_user .user_comment .featured_comment>li .toggle_comment li.toggle a {
color:#004f8b;
font-size:11px
}
#home_user .user_comment .featured_comment>li .toggle_comment li.view {
padding-left:10px
}
#home_user .user_comment .featured_comment>li .toggle_comment li.view a {
color:#333;
font-size:11px
}
#home_user .user_comment .featured_share>li ul.date {

border-top:none;
padding-top:0
}
#home_user .user_comment .featured_share>li .content_comment .comment_item {
padding-bottom:5px;
margin-bottom:10px;
border-bottom:1px dotted #ccc
}
#home_user .user_comment .featured_share>li .content_comment .comment_item.last
{
border-bottom:none;
padding-top:0;
margin-bottom:0
}
#home_user .user_comment .view_more {
border-bottom:1px solid #ccc;
position:relative;
margin-top:30px
}
#home_user .user_comment .view_more a {
width:100px;
position:absolute;
left:50%;
margin-left:-60px;
text-align:center;
background:#fff;
height:25px;
top:-12px;
font:700 11px/25px Arial;
color:#666;
padding:0 10px
}
#home_user .user_comment .view_more a span {
display:block;
background:#eee
}
#home_user .user_comment .no-comment {
margin-bottom:10px
}
#my_vne_comment .heading {
background-color:#eee;
padding:0 10px;
height:30px
}
#my_vne_comment .heading .title {
font:700 14px/30px Arial;
color:#9d234c;
display:inline;
margin-right:10px
}
#my_vne_comment .heading .title span {
font-weight:100
}
#my_vne_comment .heading .sort {
display:inline;
font:400 11px/30px Arial;
color:#666
}
#my_vne_comment .heading .sort ul {
float:right

}
#my_vne_comment .heading .sort ul li {
float:left
}
#my_vne_comment .heading .sort ul li:last-child a {
border:none
}
#my_vne_comment .heading .sort ul a {
color:#333;
padding:0 5px;
border-right:1px solid #ccc
}
#my_vne_comment .heading .sort ul a.active {
color:#9d234c
}
#my_vne_comment .cm_body {
padding:0 10px
}
#my_vne_comment .cm_body .item {
padding:10px 0;
border-bottom:1px dotted #ccc
}
#my_vne_comment .cm_body .item a.avatar {
width:24px;
height:24px;
vertical-align:middle;
display:inline-block;
margin-right:5px
}
#my_vne_comment .cm_body .item .content .info {
margin-top:10px
}
#my_vne_comment .cm_body .item .nick_name {
font-weight:700;
color:#666
}
#my_vne_comment .cm_body .item .nick_name .time {
font-weight:100
}
#my_vne_comment .cm_body .item .action {
float:right
}
#my_vne_comment .cm_body .item .action>li {
float:left
}
#my_vne_comment .cm_body .item .action>li>a {
color:#004f8b;
padding:0 5px;
border-right:1px solid #ccc;
font-size:11px;
display:block
}
#my_vne_comment .cm_body .item .action>li>a .ico {
margin-right:3px
}
#my_vne_comment .cm_body .item .action>li.share a {
border-right:none
}
#my_vne_comment .cm_body .item .action>li.like span {
color:#666;

background:url(images/graphics/dot_blue.gif) no-repeat 4px center;


padding-left:10px
}
#my_vne_comment .cm_body .item .action>li.like .ico {
margin-left:3px;
margin-top:-3px
}
#my_vne_comment .cm_body .item .action>li.share .ico {
margin-left:3px
}
#my_vne_comment .cm_body .item .action .icon_share {
display:none
}
#my_vne_comment .cm_body .item .action .icon_share li {
float:left
}
#my_vne_comment .cm_body .item .action .icon_share.active {
display:block
}
#my_vne_comment .cm_body .item.sub {
margin-left:40px
}
#my_vne_comment .cm_body .item .view_all_items_sub {
text-align:right;
margin-top:10px
}
#my_vne_comment .cm_body .item .view_all_items_sub a {
text-decoration:underline;
font-size:11px;
color:#004f8b
}
#my_vne_comment .cm_body .rep_content {
display:none;
margin-top:15px
}
#my_vne_comment .cm_body .rep_content textarea {
border:1px solid #ccc;
padding:5px 10px;
width:100%;
*padding:5px 1%;
*width:97%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
color:#666;
min-height:60px
}
#my_vne_comment .cm_body .rep_content .count_text {
float:left;
margin:5px 0 0;
font-size:11px;
color:#999
}
#my_vne_comment .cm_body .rep_content .count_text strong {
color:#666
}
#my_vne_comment .cm_body .rep_content button.btn {
float:right;
margin-top:10px
}

#my_vne_comment .cm_body .rep_content.active {


display:block
}
.my_vne_comment .list_news {
padding-right:10px
}
.my_vne_comment .title_news {
width:auto;
float:none
}
.my_vne_comment .title_news a {
font:700 12px Arial
}
.my_vne_comment .tacgia_binhluan {
margin-bottom:10px;
font-size:11px
}
.my_vne_comment .thumb_comment {
float:left;
margin:0 10px 0 0;
width:48.2758%
}
.my_vne_comment .thumb_comment img {
width:100%
}
.my_vne_comment .show_more {
color:#9f224e;
font-size:11px
}
#binhluanhaynhat .title_news {
padding-bottom:0
}
#binhluanhaynhat .list_news li {
margin-bottom:10px
}
#binhluanhaynhat .list_news li.last {
margin-bottom:0
}
#binhluanhaynhat .tacgia_binhluan {
width:100%;
float:left
}
#binhluanhaynhat .tacgia_binhluan>div {
float:left
}
#binhluanhaynhat .tacgia_binhluan>div.tacgia_like {
margin-left:5px;
padding-left:5px;
border-left:1px solid #ddd
}
#binhluanhaynhat .tacgia_binhluan>div.tacgia_like a {
color:#004f8b
}
#binhluanhaynhat .tacgia_binhluan>div.tacgia_like a .ico {
vertical-align:baseline;
*vertical-align:top
}
#binhluanhaynhat .tacgia_binhluan>div.tacgia_like span {
background:url(images/graphics/dot_blue.gif) 5px center no-repeat;
padding-left:10px

}
#myvne_action_log {
display:none
}
#detail_page_myvne #col_660 {
width:67.35%
}
#detail_page_myvne #col_300 {
width:30.61%;
display:block
}
#detail_page_myvne.line_col {
background:url(images/graphics/bg_1x1_gray.gif) 68.37% repeat-y
}
#myvne_taskbar .myvne_container ul li a.guithutoansoan {
display:block;
float:left;
font:11px/18px arial;
border:1px solid #ccc;
border-radius:2px;
padding:0 5px;
background:linear-gradient(#fcfcfc,);
background:-moz-linear-gradient(#fcfcfc,#dfdfdf);
background:-webkit-linear-gradient(#fcfcfc,#dfdfdf);
background:-o-linear-gradient(#fcfcfc,#dfdfdf);
margin:5px 0 0 5px
}
.ico_mail {
width:11px;
height:8px;
background-position:-60px -127px!important
}
@media screen and (max-width:979px) {
.visible_sm {
display:inline-block
}
.visible_md {
display:none
}
.hidden_sm {
display:none
}
#home_user .user_comment .tab_featured {
display:none
}
#home_user .user_comment .tab_featured_mb {
float:right;
border:1px solid #ddd;
padding:3px 5px;
margin-top:2px;
width:160px
}
#home_user .user_comment .featured_comment>li:nth-child(odd) {
background:#f4f4f4
}
#home_user .user_comment .featured_comment.featured_share>li:nth-child(o
dd) {
background:none
}
#home_user .user_comment .view_more {

border:none
}
#home_user .user_comment .view_more a {
width:auto;
margin:0;
display:block;
text-align:center;
position:relative;
left:auto;
padding:0
}
#myvne_taskbar {
position:absolute;
left:auto;
right:0;
background-color:transparent;
height:44px;
z-index:99
}
#myvne_taskbar .myvne_contact,#myvne_taskbar .block_search_web,#myvne_ta
skbar a.myvne_link {
display:none!important
}
#myvne_taskbar .myvne_container>ul>li a.myvne_icon {
margin-top:5px
}
#myvne_taskbar .myvne_form_log .myvne_icon {
display:block
}
#myvne_taskbar .myvne_form_log .myvne_notification {
padding:0
}
#myvne_taskbar .myvne_form_log .myvne_notification .myvne_icon_bell {
margin:12px 10px 0
}
#myvne_taskbar .myvne_form_log .myvne_notification .myvne_content_notifi
cation {
right:0;
top:44px
}
#myvne_taskbar .myvne_form_log .myvne_avatar {
display:none
}
#myvne_taskbar .myvne_form_log .myvne_user .myvne_user_status {
top:44px;
left:auto
}
#myvne_taskbar .myvne_form_log .myvne_user.active .ico_user_myvne {
background-position:0 -120px
}
#myvne_taskbar .myvne_form_log.logged .ico_user_myvne {
background-position:0 -120px
}
.block_icon_menu_header {
margin:0 75px 0 0
}
.myvne_header_not_login {
margin:0 45px 0 0
}
.myvne_header_login {

margin:0 80px 0 0
}
#myvne_taskbar .myvne_container>ul>li:first-child {
border-left:1px solid #ddd;
padding:0
}
#myvne_taskbar .myvne_container>ul>li:first-child a {
padding:5px 10px;
margin:0
}
}
@media screen and (max-width:767px) {
body {
font-size:16px
}
.hidden_xs {
display:none!important
}
.visible_xs {
display:inline-block!important
}
#home_user .user_comment .tab_featured_mb {
float:right;
border:1px solid #ddd;
padding:3px 5px;
margin-top:10px;
width:160px
}
#home_user .user_comment .featured_comment>li .label_article,#home_user
.user_comment .featured_comment>li .title_article {
font-size:14px
}
#my_vne_comment .heading {
height:45px
}
#my_vne_comment .heading .title {
font:700 20px/45px Arial;
margin-right:0
}
#my_vne_comment .heading .sort {
float:right
}
#my_vne_comment .heading .sort select {
padding:3px 5px 3px 0;
margin-top:10px;
text-align:left
}
#my_vne_comment .cm_body .item .nick_name {
font-size:14px
}
#my_vne_comment .cm_body .item .action {
float:none;
width:auto;
height:40px;
background:#ccc;
margin-top:10px;
font-size:0;
display:none
}
#my_vne_comment .cm_body .item .action>li {

float:none;
height:100%;
width:33.333%;
display:inline-block;
border-right:1px solid #fff;
box-sizing:border-box
}
#my_vne_comment .cm_body .item
font-size:12px;
line-height:40px;
display:block;
text-align:center
}
#my_vne_comment .cm_body .item
float:right
}
#my_vne_comment .cm_body .item
width:26px;
height:26px
}
#my_vne_comment .cm_body .item

.action>li>a {

.action>li.share .icon_share {
.action>li.share .icon_share .ico {

.action>li.share .icon_share .ico.ico_fb

{
background-position:-90px -90px
}
#my_vne_comment .cm_body .item .action>li.share .icon_share .ico.ico_tw
{
background-position:-60px -90px
}
#my_vne_comment .cm_body .item .action>li.share .icon_share .ico.ico_g {
background-position:-120px -90px
}
#my_vne_comment .cm_body .item .btn_show_action {
width:20px;
height:20px;
text-align:center;
float:right;
display:inline-block
}
#my_vne_comment .cm_body .item.sub {
margin-left:15px
}
#detail_page_myvne #col_660,#detail_page_myvne #col_300 {
width:100%
}
#detail_page_myvne.line_col {
background:none
}
#myvne_taskbar .myvne_form_log .myvne_notification .myvne_content_notifi
cation {
width:320px
}
.block_icon_menu_header {
margin:0 75px 0 0
}
.myvne_header_not_login {
margin:0 45px 0 0
}
.myvne_header_login {
margin:0 80px 0 0
}

#myvne_taskbar {
top:0;
right:0;
left:auto;
border:none
}
}
@media screen and (max-width:480px) {
#myvne_taskbar .myvne_form_log {
margin-right:0
}
#myvne_action_log {
display:block;
position:fixed;
height:35px;
background:#e6e4e5;
bottom:0;
left:0;
right:0;
z-index:99
}
#myvne_action_log ul {
height:100%
}
#myvne_action_log ul li {
height:100%;
border-right:1px solid #ccc;
float:left
}
#myvne_action_log ul li a {
line-height:35px;
color:#333;
display:inline-block;
font-size:13px;
padding:0 10px
}
#myvne_action_log ul li a i {
margin-top:5px
}
#myvne_action_log ul li:last-child {
float:right;
border-right:none;
border-left:1px solid #ccc
}
#myvne_action_log .icon_comment {
width:24px;
height:20px;
background:url(images/icons/icon-sprite.png);
display:inline-block;
background-position:0 0
}
#myvne_action_log .icon_edit {
width:23px;
height:23px;
background:url(images/icons/icon-sprite.png);
display:inline-block;
background-position:0 -30px
}
#myvne_taskbar {
top:0;

right:0;
left:auto;
border:none
}
.img_logo {
margin:11px 0 7px 40px
}
.txt_doC_den {
font:700 1.2em/44px arial
}
.block_icon_menu_header {
margin:0 35px 0 0
}
.myvne_header_not_login {
margin:0 35px 0 0
}
.myvne_header_login {
margin:0 35px 0 0
}
}

Vous aimerez peut-être aussi