.news-filter-tumblr { margin-bottom: 17px; } .list-tumblr { list-style-type: none; margin: 0; padding: 0; } .list-tumblr li { margin-top: 10px; border: 1px solid #e1e1e1; position: relative; min-height: 160px; } a img.tumblr-thumb { width: 425px; border-right: 1px solid #e1e1e1; padding: 1px; background-color: #fff; vertical-align: bottom; } .list-tumblr h3 { margin-top: 9px; margin-bottom: 5px; } .list-tumblr h3 a { color: #333; font-size: 15px; } .tumblr-info { left: 437px; position: absolute; top: 0; width: 190px; } .tumblr-user-info { font-size: 11px; color: #999; display: block; margin-bottom: 2px; } .tumblr-user-info a { color: #444; font-weight: bold; } .tumblr-user-info a:hover { color: #c00607; } .social-count { } .social-count .count { border: 1px solid #e0e0e0; background-color: #f2f2f2; display: block; width: 54px; height: 40px; line-height: 40px; color: #cd0607; font-size: 26px; text-align: center; border-radius: 4px 4px 4px 4px; position: relative; float: left; margin-right: 14px; } .social-count .count .itumblr-arrow { position: absolute; top: 15px; right: -7px; } .social-count .social { background: url("../../images/new_version/bg-button-big.gif") repeat-x scroll 0 bottom #fff; border: 2px solid #E0E0E0; border-radius: 4px 4px 4px 4px; display: inline-block; height: 38px; line-height: 35px; width: 87px; font-size: 18px; text-align: center; color: #146e02; cursor: pointer; } .social-count .deactive { color: #999; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; cursor: default; } .social-count .deactive .ibiglike { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; cursor: default; } .social-count .social .ibiglike { vertical-align: -2px; margin-right: 5px; } /* -------------------------------------------------------------*/ .tumblr-mask { text-align: left; background: url(../../images/new_version/tumblr-mask.png); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 555; } .tumblr-mask > .close{display: block; background: url(../../images/new_version/linkhay-sprites.png) -160px 0 no-repeat; with: 15px; height: 15px; cursor: pointer; position: fixed; top: 8px; right: 25px} .tumblr-mask > .close:hover{background: url(../../images/new_version/linkhay-sprites.png) -176px 0 no-repeat} .tumblr-mask .btn-left, .tumblr-mask .btn-right { border-radius: 2px 2px 2px 2px; border: 1px solid #a5a5a5; box-shadow: 0 1px 0 #e3e3e3; background-color: #fff; cursor: pointer; } .tumblr-mask .btn-left img, .tumblr-mask .btn-right img { margin: 11px 10px 9px 11px; } .tumblr-mask .btn-left { position: absolute; top: 230px; left: 20px; width: 31px; } .tumblr-mask .btn-right { position: absolute; top: 235px; right: 20px; width: 31px; } .tumblr-mask .btn-left:hover, .tumblr-mask .btn-right:hover { border-color: #92a3c5; } .tumblr-mask .btn-left:hover .inext-arrow { background-position: -32px -240px; } .tumblr-mask .btn-right:hover .iprev-arrow { background-position: -48px -240px; } .tumblr-detail-content { position: relative; box-shadow: 0 0 1px rgba(0, 0, 0, 0.25), 0 1px 5px 3px rgba(0, 0, 0, 0.05), 0 5px 4px -3px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 0 4px #ddd; -webkit-box-shadow: 0 0 4px #ddd; background-color: #fff; padding: 12px; margin: 20px 70px 0; overflow: auto; } .tumblr-detail-img { position: absolute; } .tumblr-detail-content-right { float: right; width: 313px; } .photo-detail .full-image-wrap { background: #F6F6F6; margin-right: 330px; text-align: center; position: relative; padding: 10px; } .photo-detail .full-image-wrap .loading { width: 100%; height: 100%; z-index: 100; position: absolute; display: none; text-align: center; background: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .photo-detail .full-image-wrap .loading span { display: inline-block; position: relative; background: url(../../images/new_version/loading.gif) left center no-repeat; padding: 10px 0 10px 30px; font-size: 15px; } .photo-detail .full-image-wrap .next { position: absolute; width: 50%; height: 100%; top: 0; left: 0; z-index: 1; } .photo-detail .full-image-wrap .previous { position: absolute; width: 50%; height: 100%; top: 0; right: 0; z-index: 1; } .tumblr-detail-title { margin-bottom: 10px; } .tumblr-detail-title a { font-size: 18px; color: #333; line-height: 22px; } .fb-like-zone { border: 1px solid #dfdfdf; border-radius: 2px 2px 2px 2px; background-color: #f4f4f4; padding: 7px 7px 3px 7px; margin-bottom: 10px; overflow: hidden; } .tubmlr-comments { margin-top: 10px; margin-bottom: 15px; } .social-count-detail { padding-left: 70px; } .photo-cols { background: #fff; width: 965px; padding: 20px; margin: auto; text-align: left; overflow: hidden; } .photo-cols > .left-col { margin-right: 180px; } .photo-view-detail .left-col { margin-right: 0px !important;} .photo-cols > .right-col { float: right; width: 160px; } .photo-list { list-style-type: none; padding: 0; margin: 0; } .photo-list > li { padding: 30px 0; border-top: 1px solid #e7e7e7; } .photo-list > li:first-child { border-top: 0; } .photo-list > li.more { background: #f1f1f1; border: 1px solid #cccccc; padding: 7px 10px; color: #c00607; border-radius: 2px; } .photo-list > li.more .load { background: url(../../images/icons/arr_down.gif) right center no-repeat; display: inline-block; padding: 0 16px 0 0; cursor: pointer; } .photo-list > li.more .load.loading { width: auto; height: auto; background: url(../../images/new_version/loading_16.gif) left center no-repeat; padding: 0 0 0 20px; cursor: default; } .detail-loading { text-align: center; padding: 50px; } .detail-loading span { display: inline-block; background: url(../../images/new_version/loading.gif) left center no-repeat; padding: 10px 0 10px 30px; font-size: 15px; } .photo-detail { vertical-align: top; overflow: hidden; position: relative; } .photo-detail .image-wrap {border: 1px solid #e7e7e7; padding: 2px; background: #fff; cursor: pointer; width: 460px; display: inline-block; vertical-align: top; text-align: center; position: relative; } .photo-detail .image-wrap > div { background: #F6F6F6; } .photo-detail .image-wrap > div > div {position: relative; display: inline-block} .photo-detail .image-wrap > div > div .patch {position: absolute; bottom: 0; right: 0} .photo-detail .image-wrap > div > div .wrap {position: absolute; top: 0; left: 0; filter: alpha(0); opacity: 0} .photo-detail .image-wrap .photo.fix-width { width: 460px; } .photo-detail .image-wrap .loading { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .photo-detail .info-wrap { display: inline-block; width: 300px; vertical-align: top; margin-left: 10px; } .photo-detail.expand .image-wrap { background: #F6F6F6; } .photo-detail.expand .info-wrap { width: 100%; margin: 10px 0 0; } .photo-detail .fb-like-zone { margin-top: 10px; } .photo-detail h2, .photo-detail h1 { font-size: 15px; font-weight: bold; margin-bottom: 5px; } .photo-detail h1 { font-size: 17px; margin-bottom: 10px; } .photo-detail .top-block { overflow: hidden; } .photo-detail .top-block .hot-count { float: left; } .photo-detail .top-block .right-col { margin-left: 65px; } .photo-detail .sub-info { font-size: 11px; color: #C00607; display: block; clear: both; margin: 8px 0 3px; } .photo-detail .sub-info .time { color: #9c9e9c; font-size: 11px; } .photo-detail .sub-info a, .tumblr-action-loantin { color: #C00607; cursor: pointer; } .photo-detail .sub-info a:hover, .tumblr-action-loantin:hover { color: #333; } .photo-detail .voted-list {position:fixed; bottom:34px; width:311px; margin-top:50px; border-right:1px #e9e9e9 solid; border-bottom:1px #e9e9e9 solid; border-left:1px #e9e9e9 solid; border-top:1px #cccccc solid;} .photo-view-detail .voted-list {position: inherit !important;} .photo-detail .sub-info .photo-mute,.photo-detail .sub-info .photo-muted { display: inline-block; } .photo-mute, .photo-muted{ font-family:tahoma; font-size: 11px; color:#999;} .photo-mute i, .photo-muted i{ background: url("../../images/sprite_icons.png") no-repeat scroll 0 -398px transparent; display: block; float: left; height: 12px; margin: 5px 5px 0 0; outline: medium none; overflow: hidden; width: 12px;} .photo-detail .sub-info .photo-mute a.action,.photo-detail .sub-info .photo-mute a.action:hover {background: url("../../images/mute_notifi.png") no-repeat scroll 0 1px transparent; cursor: pointer;display: block;width: 20px} .photo-detail .sub-info .photo-muted a.action,.photo-detail .sub-info .photo-muted a.action:hover {background: url("../../images/notifi.png") no-repeat scroll 0 1px transparent; cursor: pointer;display: block; width: 20px} .photo-detail .voted-list .title-bar { background: #e9e9e9; padding:5px; color:#333333; cursor:pointer; font-size:11px;} .photo-detail .voted-list .title-bar:hover {background: #f1f1f1; color:#c00607;} .photo-detail .voted-list .title-bar a {font-weight:bold; color:#333; float:right;} .photo-detail .voted-list .title-bar a:hover {color:#c00607;} .photo-detail .voted-list .title-bar a img.close { float:right; background: url("../../images/new_version/icons/icon_up_down.gif") no-repeat scroll 0 0 transparent; cursor: pointer; height: 9px; margin: 2px 0 0 10px; width: 11px;} .photo-detail .voted-list .title-bar a:hover img.close, .photo-detail .voted-list .title-bar:hover a img.close { background-position:0 -9px;} .photo-detail .voted-list .title-bar a.up img.close { background-position:0 -18px;} .photo-detail .voted-list .title-bar a:hover.up img.close, .photo-detail .voted-list .title-bar:hover a.up img.close { background-position:0 -27px;} .photo-detail .voted-list #list-voted-photo {display:none; background:#fff;} .photo-detail .voted-list ul {display:block; margin:0; padding:3px 0 3px 5px; float:left;} .photo-detail .voted-list ul li { width:145px; margin-right:5px; float:left; padding:3px 0; list-style:none; } .photo-detail .voted-list ul li a {font-weight:bold; font-size:11px; color:#464646;} .photo-detail .voted-list ul li a:hover {color:#c00607;} .photo-detail .voted-list ul li a img {width:15px; height:15px; padding:1px; border:1px #cccccc solid; margin-right:5px; vertical-align:middle;} .tumblr-social-spacer { color: #333; padding: 0 5px; } .list-tumblr .reshare-list { background: url(../../images/bg/loantin_tail.jpg) no-repeat scroll 0 0 #f6f6f6; color: #959595; clear: both; display: block; height: 20px; line-height: 15px; padding: 0 10px; margin-bottom: 6px; } .list-tumblr .reshare-list a { color: #959595; font-size: 11px; } .photo-detail .photo-info-block .author { color: #9c9e9c; font-size: 11px; } .photo-detail .photo-info-block .author a { font-weight: bold; color: #848684; } .photo-detail .photo-info-block .author a.domain { font-weight: normal;color: #9C9E9C; } .photo-detail .author a.domain:hover { color: #c00000; } .photo-detail .photo-info-block .author .ava { vertical-align: -3px; } .photo-detail .comments { background: url(../../images/feed/feed_comment_bg.gif) 20px 0 no-repeat; padding: 5px 0 0; margin: 0 0 10px; } /*Truong Thai Son - 02-03-2012*/ /*.photo-detail .comments .photo-comment-item:hover a.mrk-delcmphoto{ display: block !important}*/ .photo-detail .photo-detail-img {position: relative; display: inline-block; z-index: 100} .photo-detail .photo-detail-img .patch {position: absolute; bottom: 0; right: 0} .photo-detail .comments .photo-comment-item.owner { } .photo-detail .comments .comment-block { background: transparent; padding: 0; margin: 0; border: 0; } .photo-detail .comments .comment-block-wrap { width: 100%; } .photo-detail .comments > .reshared { font-size: 11px; padding-top: 3px; padding-bottom: 3px; } .photo-detail a.author:hover { color: #c00000; } .photo-detail .comments .more-comment { padding: 0 0 0 24px; font-size: 11px; display: inline-block; background: url(../../images/new_version/icons/comments.png) 0 center no-repeat; } #loadMorePhotoCmt { padding: 7px 0 3px 24px; } .photo-detail .comments .more-comment.loading { width: auto; height: auto; padding: 0 0 0 20px; background: url(../../images/new_version/loading_16.gif) left center no-repeat; } .photo-comment-frm-wrap .textarea-wrap { border: 1px solid #cecfce; border-top: 1px solid #9c9e9c; padding:5px 7px 6px;} .photo-comment-frm-wrap textarea { font-size: 11px !important; width: 100%; padding: 0; resize: none; height: 15px; word-break: normal; word-wrap: break-word; } .photo-comment-frm-wrap .wrap-key-desc { display: none; margin-top: 5px; font-size: 11px; color: #8c8e8c; } .photo-comment-frm-wrap .wrap-key-desc input[type="checkbox"] {vertical-align: -2px; margin-right: 4px;} .photo-comment-frm-wrap .avatar { display: none; } .photo-comment-frm-wrap .active textarea { height: 17px; } .photo-comment-frm-wrap .active .wrap-key-desc { display: block; } .photo-comment-frm-wrap .active .avatar { display: block; float: left; width: 40px; } .photo-comment-frm-wrap .active .frm { } .photo-comment-item { overflow: hidden; } .photo-comment-item .hide-hover-admin > .avatar { float: left; width: 40px; margin-top: 2px;} .photo-comment-item .hide-hover-admin > .avatar a img { width:30px; } .photo-comment-item .hide-hover-admin > .data { margin-left: 40px; font-size: 11px; margin-right: 50px; } .photo-comment-item .hide-hover-admin > .data > .poster { color: #9c9e9c; } .photo-comment-item .hide-hover-admin > .data > .poster a { font-weight: bold; color: #313031; float: none ; color: #333 !important} .photo-comment-item .hide-hover-admin > .data > .content {padding-right:5px;margin-top: 4px;margin-bottom: 1px} .photo-detail .loading { background: url(../../images/new_version/loading.gif) center center no-repeat; width: 24px; height: 24px; overflow: hidden; display: inline-block; } #off_notification{ background: url("../../images/mute_notifi.png") no-repeat scroll -1px 0px transparent; border: medium none; color: #808080; cursor: pointer; font-family: tahoma; margin: 0 7px; padding-left: 19px; font-size: 12px; } #off_notification:hover{ color:#CD0607; } #on_notification{ background: url("../../images/notifi.png") no-repeat scroll 0 1px transparent; border: medium none; color: #808080; cursor: pointer; font-family: tahoma; margin: 0 7px; padding-left: 19px; font-size: 12px; } #on_notification:hover{ color:#CD0607; } #hidden { display: none; } .pop-reshared-action #off_notification, .pop-reshared-action #on_notification{ position: relative; top:2px; } .pop-reshared-action #off_notification, .pop-reshared-action #on_notification, #note-form #off_notification, #note-form #on_notification{ margin-top:0; } #message-comment-del { bottom: 6px; float: right; left: 2px; position: relative; width: 5px; } .feed-write .avatar{ float:left; } .feed-write .wallcommentbox.one_row_add_box{ margin-left:0px !important; } .feed-write .wallcommentbox{ margin-left:40px !important; } .feed-write #on_notification, .feed-write #off_notification{ margin: 7px 41px; } #message_mute, #message_muted { background: url("../../images/sprite_icons.png") no-repeat scroll 1px -394px transparent; color: #999999; font-family: tahoma; font-size: 11px; letter-spacing: 0; margin-top: 2px; padding-left: 19px; padding-bottom: 3px; word-spacing: 0; margin-right: 10px; } .hidden_add_button .avatar { display: none !important; } .photo-comment-frm-wrap .active .textarea-wrap{ margin-left: 40px; } .photo-comment-frm-wrap .active .textarea-wrap.one_row_add_box{ margin-left: 0 !important; } #messages_mute{ float: right; color: #999; font-family: tahoma; font-size: 11px; font-weight: normal; } .messages_muted a.action{ background: url("../../images/mute_notifi.png") no-repeat scroll 0 1px transparent; cursor: pointer; display: block; width: 20px; margin-top: 7px; } .messages_mute a.action{ background: url("../../images/notifi.png") no-repeat scroll 0 1px transparent; cursor: pointer; display: block; width: 20px; margin-top: 7px; } #messages_mute i, #messages_muted i { background: url("../../images/sprite_icons.png") no-repeat scroll 0 -398px transparent; display: block; float: left; height: 12px; margin: 10px 5px 0 0; outline: medium none; overflow: hidden; width: 12px; } /*xuan anh*/ .c-reply-cmt-photo , .c-reply-cmt-photo-child , .rep-list-photo{ /* background: url(../../images/photo-reply.png) no-repeat center center transparent;*/ display: inline-block; /* width: 19px; height: 16px;*/ /* text-indent: -2000em;*/ /* float: right;*/ /* margin-right: 7px;*/ margin-top: 2px; color: #808080; font-size: 11px; } .c-reply-cmt-photo:hover , .c-reply-cmt-photo-child:hover , .rep-list-photo:hover { color: #C00607; } .mrk-delcmphoto.feed-comment-del { display: inline-block; color: #b3b3b3; font-size: 11px; float: none; margin: 0; width: 28px; } .mrk-delcmphoto.feed-comment-del:hover { color: #C00607; } .mrk-time { color: #B3B3B3; font-size: 11px; } .photo-comment-item .mrk-time { margin-left: 39px; } .photo-comment-item.photo-comment-item-child .mrk-time{ margin-left: 25px; } .photo-comment-item-child { box-shadow: 0 -1px 0px #E7EFF7; border-top: 2px solid #fff; } .photo-comment-item .c-vote { margin-right: 7px; margin-top: 2px; } .photo-comment-item .votes { color: #808080; font-size: 11px; } .photo-comment-item > .data > .poster a.mrk-delcmphoto { color: #6d84b4; font-size: 11px; } .photo-detail .comments .photo-comment-item.photo-comment-item-child { border-bottom: none; padding-left: 0; margin-left: 15px; } .photo-comment-item.photo-comment-item-child > .data { margin-left: 25px; margin-right: 50px; } .photo-comment-item.photo-comment-item-child > .data > .poster a { font-weight: bold; color: #313031; float: none; } .photo-comment-item.photo-comment-item-child > .data .poster .a1 { font-weight: bold; font-size: 11px; color: #333 !important; } .photo-comment-item.photo-comment-item-child > .avatar { width: 15px; float: left; } .photo-comment-item.photo-comment-item-child > .avatar a img { width: 15px; } .photo-detail .comments > div, .photo-detail .comments .photo-comment-item { background: #f7f7f7; padding: 7px 0 3px 7px; border-bottom: 1px solid #e7eff7; margin-bottom: 2px; /*word-break: break-all;*/ word-wrap: break-word; } .ico-cmt-child-photo { float: left; margin-top: 10px; } .list-all-cmt-child-photo { display: block; margin-top: 7px; } .cmt-photo-parent.list-item-child { margin-top: 5px; margin-bottom: 5px; } .cmt-photo-parent { margin-top: 7px; margin-bottom: 7px; margin-right: 7px; display: none; } .mrk-delcmphoto.feed-comment-del.hide-show-child , .mrk-delcmphoto.feed-comment-del.hide-show { /* display: none;*/ float: right; padding-top: 3px; } .hide-hover-admin-child:hover .mrk-delcmphoto.feed-comment-del.hide-show-child { /* display: inline-block;*/ } .hide-hover-admin:hover .mrk-delcmphoto.feed-comment-del.hide-show { /* display: inline-block;*/ } .photo-comment-item.photo-comment-item-child .mrk-time-append , .mrk-time-append{ color: #B3B3B3; font-size: 11px; margin-left: 25px; display: inline-block; margin-top: 3px; } .list-all-cmt-child-photo .cmt-photo-parent .avatar { width: 15px; margin-left: 16px; } .list-all-cmt-child-photo .cmt-photo-parent .avatar img { width: 15px; } .photo-comment-item.photo-comment-item-child .data .content { margin-top: 4px; margin-bottom: 1px; font-size: 11px; } .photo-comment-frm-wrap.mrk-stop-parent { /* background: url("../../images/new_version/bg-cmt-all.png") repeat-x top center #F7F7F7 !important;*/ /* border-top: 2px solid #fff !important;*/ } .photo-detail .comments .photo-comment-item:last-child { border-bottom: none; } .new-cmt-effect { background-color: #FFFBE2 !important; } .new-cmt-effect.new-cmt-effect-hide { background-color: transparent !important; -webkit-transition: background-color 1000ms linear; -moz-transition: background-color 1000ms linear; -o-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition: background-color 1000ms linear; } .new-cmt-effect.new-cmt-effect-hide-all { background-color: #F7F7F7 !important; -webkit-transition: background-color 1000ms linear; -moz-transition: background-color 1000ms linear; -o-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition: background-color 1000ms linear; } .photo-comment-item .quote { background: url(../../images/icons/start_quote.gif) no-repeat scroll 0 0; font-size: 11px; color: #555; margin: 0 0 5px 0px; padding-left: 24px; } .content span.quote-close { background: url(../../images/icons/end_quote.gif) no-repeat scroll 100% 100%; padding-right: 22px; padding-top: 1px; } a.remind_user:hover { color: #CD0607; } /*end*/