/* copyright opera software. design by fred. date: 18/12/2006 note: nội dung file css này đă đýợc ghi chú những chỗ đáng chú ý để bạn có thể sửa dễ dàng hõn. nếu bạn sử dụng skin này xin vui lòng ghi rõ nguồn gốc tác giả của skin trên blog của bạn. */ @import url(http://files.myopera.com/webtangem/files/archive.css); @import url(http://files.myopera.com/webtangem/files/albums.css); /* :: main layout :: */ body { background:#363636; /*màu nền blog*/ margin:0; padding:0; font-family: arial,'trebuchet ms',helvetica,sans-serif; /*font chu mac dinh tren toan bo blog*/ font-size:13px; line-height:145%; text-align:center; color:#111; } #wrap1 { margin:0 auto; } #wrap3 { background:#fff url(http://files.myopera.com/webtangem/files/footer.jpg) bottom left norepeat; /*anh nen phia duoi blog*/ margin:0 auto; width:758px !important; padding-left:10px; padding-right:10px; padding-bottom:137px; /*noi dung blog se cach bottom 137 px de khong bi de nen anh nen*/ } #topbar { margin:0 -10px; width:778px !important; height:25px; line-height:23px; background:#363636; /*mau nen cua topbar tren cung co' cung mau voi mau nen*/ overflow:hidden; } #topbar p { margin:0; padding-top:3px; font-size:10px; }
#topbar #community { margin-left:15px; } #topbar a { color:#fff; text-decoration:none; } #topbar a:hover { text-decoration:underline; } #topbar a.toplink { padding:1px 4px; } #topbar a.toplink:hover { background:#fff; color:#04e; } #oc { float:left; width:136px; } #oc span { display:block; height:22px; background: url(/community/graphics/users/globe_white.gif) top left no-repeat; padding-left:26px; } #edittitle { padding-top:29px; } #top { font-size:11px; width:778px !important; height:161px; /*do cao cua banner*/ margin:0 -10px; text-align:left; color:#fff; background: #363636 url(http://files.myopera.com/webtangem/files/banner.jpg) bottom left no-repeat; /*anh banner*/ } #top2 { height:109px; padding-left:34px; /*tieu de blog cach le trai 34px*/ }
#top h1 { margin:0; width:500px; font-size:22px; font-family:tahoma,arial,helvetica,sans-serif; /*font cua tieu de la tahoma*/ line-height:normal; padding-top:35px; /*tieu de blog cach phia tren cung 35px*/ } #subtitle { margin:0; width:500px; font-size:12px; } #menu { clear:both; margin-left:34px; } #menu ul { padding:0; margin:0; height:37px; /*do cao cua menu la 37px = do cao cua anh nen*/ } #menu li { float:left; line-height:28px; height:37px; overflow:hidden; font-size:11px; list-style:none; width:11%; margin:1px 0 0 0; padding:0; } #menu a { display:block; height:37px; color:#ebebeb; font-weight:bold; text-decoration:none; text-align:center; background:transparent url(http://files.myopera.com/webtangem/files/bgr_menu.png) top left no-repeat; /*anh nen cua menu*/ } #menu a:hover { /*background-color:#ccc;*/ background: url(http://files.myopera.com/webtangem/files/bgr_menu.png) top left norepeat; /*Ảnh nền của menu khi di chuột lên*/ color:#3bc209; }
#menu a#selected { text-decoration:underline; } #content, #footer { clear:both; position:relative; width:758px !important; text-align:left; margin:0 auto; } #content { padding:0; } #content li { margin:0; list-style-position:inside; } #mainwrap { width:100%; margin-right:-195px; padding-bottom:12px; float:left; } #main { min-height:400px; margin-right:205px; padding-bottom:15px; } /*chinh do float cua footer*/ #footer { clear: both; width:100%; height:15px; position: relative; left: 5px; bottom:-125px; } /*end chỉnh độ float của footer*/ #footer p { margin:0 5px; } #footer a:link, #footer a:visited, #footer a:active { color:#111; text-decoration:none; } #footer #get { text-decoration:underline; }
#footer #get:hover { text-decoration:none; } /* :: sidebar :: */ #sidewrap { width:190px; float:right; font-size:11px; /* overflow:hidden;*/ } #side a:link, #side a:visited, #side a:active { color:#000; /*màu liên kết của sidebar (màu đen)*/ text-decoration:none; } #side a:hover { color:#000; text-decoration: underline; } #side li { font-size:11px; list-style-type:square; } #side h2, #side caption { color:#fff; background:#3bc209 url(http://files.myopera.com/webtangem/files/sidebox_top.jpg) top left no-repeat; /*anh nen top cua tung box*/ font-size:11px; font-weight:normal; text-transform:uppercase; margin:0 0 1px 0; padding:6px; text-align:left; } #side h2.feedheader { background:#3bc209 url(http://files.myopera.com/webtangem/files/sidebox_top.jpg) top left no-repeat; /*anh nen top cua box feed*/ padding:6px; } #side h2 a:link, #side h2 a:visited, #side h2 a:active { color:#fff; /*màu liên kết của tiêu đề các box (màu trắng)*/ text-decoration:none; } .sidebox { background:#f6faf9 url(http://files.myopera.com/webtangem/files/bgr_sidebox.jpg) top left repeat-y; /*anh nen tuyet roi cua tung box*/ margin-bottom:15px; }
.sidebox .pad { background:url(http://files.myopera.com/webtangem/files/sidebox_footer.jpg) bottom left no-repeat; /*anh nen duoi cung cua tung box*/ padding:5px; } .sidebox p { margin:0; color:#444; } #side h3 { font-size:11px; margin-bottom:0; } /* :: general rules :: */ .mobile { display:none; } .rtl { display:block; text-align:right !important; } a:link, a:active { color:#1757b1; text-decoration:underline; } a:visited { color:#0049aa; text-decoration:underline; } a:hover { text-decoration:none; color:#1488fd; } a.username:link, a.username:visited, a.username:active { color:#000; } .center { display:block; text-align:center; } .smilie { margin:0 3px; }
img { max-width:100%; } .hide, .handheld { display:none; } table { width:100%; } p{ margin:10px 0; } td, th { text-align:left; vertical-align:top; } pre, td, th, input, select { font-size:11px; } code,pre { display: block; padding:10px 6px; margin:0 0 10px 0; border: 1px dashed #aaa; background:#f9f9f9; overflow: auto; } strong, b, em { font-weight:bold; } blockquote { margin:10px 0 0 0; padding:0; } em { font-style:normal; } form, blockquote p { margin:0; padding:0; } textarea { width:100%; height:150px; margin:0;
} h1 { font-size:20px; margin:0 0 8px 0; } h2 { font-size:20px; margin:0 0 12px 0; } h3 { font-size:13px; margin:12px 0 7px 0; } h4, h5, h6 { font-size:12px; margin:10px 0 5px 0; } img, abbr, acronym { border:none; } ol, ul, li { font-size:12px; margin:0 0 10px 0; padding:0; } #content li ul, #content li ol { margin:10px 0 10px 20px; } ul.nobullets li { list-style-position:outside; list-style:none; } .alpha li { list-style-type:lower-alpha; } .nomarg { margin:0 !important; } .clear { clear:both; } div.clear { height:1px;
line-height:1px; overflow:hidden; } .left { float:left; } .right { float:right; } img.left { margin-right:10px; } img.right { margin-left:15px; } .small { font-size:11px; } .block { display:block; } div.avatar { width:52px; height:52px; border:1px solid #000; float:left; margin:0 8px 6px 0; background:#fff; } .avatar img { display:block; margin:1px; max-width:50px; max-height:50px; } .pagenav { clear:both; } .pagenav a { color:#090; } .arrow-prev { margin:0 4px -1px 0; }
.arrow-next { margin:0 0 -1px 4px; } .col1, .col2 { margin-top:10px; width:49% } .col1 { float:left; } .col2 { float:right; } .icon { margin:0 5px -3px 1px; } .submit { font-size:11px; font-weight:bold; padding:3px 15px; } .w100 { width:100%; } .subheader { margin-top:-6px; } .watchthis { padding-right:6px; } .watch { margin:0 2px -1px 2px; } /* :: comments :: */ .feedicon { margin-bottom:-3px; } .comments h2 { font-size:13px; } .comments {
clear:both; } .comment1 { clear:both; background:#f6f6f6; border:1px solid #ddd; margin:15px 0; overflow:auto; } .comments .bot { padding:10px; } .comment2 { clear:both; margin:15px 0; width:100%; border:1px solid #ddd; overflow:auto; } .comments .c-avatar { float:left; width:58px; height:58px; border:1px solid #ccc; background:#fff; } .c-avatar img { margin:4px; } .comments .text { margin:0 0 0 69px; } .comment-by { clear:both; color:#777; font-size:11px; margin:0; padding-top:6px; } .editcomment { font-size:10px; margin:0; } .editcomment a:link, .editcomment a:visited { color:#000; }
.permalink a:link, .permalink a:visited { color:#555; } .del { color:#c00 !important; } #addcomment { height:175px; } #description, #writecomment { height:200px; } #message { height:300px; } #msubject { width:100%; } /* :: album slideshow :: */ #albumslides, #albumslides a, #albumslides img { width:190px; height:143px; } #albumslides { position:relative; background:#000; } #albumslides a { position:absolute; display:block; top:0; left:0; }
/* :: blog :: */ #blogtools { background:#f3f3f3; } .whisper { color:#555; background:#fbfbfb url(/community/graphics/users/whisp.gif) 5px 7px no-repeat; padding:7px 21px; border:1px dotted #aaa;
margin:10px 5px; } .whisper i { font-size:11px; color:#aaa; } blockquote.bbquote, .post blockquote { background:#fff url(/community/graphics/q2.gif) 5px 5px no-repeat; padding:5px 5px 5px 33px; margin:10px 5px; color:#555; /*font-style:italic;*/ } .comment2 blockquote.bbquote, .comment2 .post blockquote { background-color:#f6f6f6; } .post { clear: both; position: relative; padding:0px 0 40px 0; margin-bottom:10px; width:100%; overflow:hidden; background: url(http://files.myopera.com/webtangem/files/home-lead.gif) bottom center no-repeat; /*hinh nen cua bai viet*/ } .stickypost { /*background: none !important */ } #firstpost { background: url(http://files.myopera.com/webtangem/files/home-lead.gif) bottom center no-repeat; /*hinh nen cho bai viet dau tien */ } #lastpost { padding-top:0; background: url(http://files.myopera.com/webtangem/files/home-lead.gif) bottom center no-repeat; /*hinh nen cho bai viet cuoi cung*/ /*padding-bottom:40px;*/ } .post .title { margin-bottom: 0; /* width: 100%;*/ color: #3bc209; overflow: auto; } .post .title a { float: left; padding: 2px 10px; /*cho rộng thẻ liên kết a */
background: #3bc209 url(http://files.myopera.com/webtangem/files/posttitl.gif) no-repeat top right; /*hình nền của tiêu đề bài viết*/ text-decoration:none; text-transform:uppercase; font-family:tahoma; font-size:14px; color: #ffffff ; } .post .title a:link { color: #ffffff ; } .post .title a:hover { background: #3ddd02 url(http://files.myopera.com/webtangem/files/posttitl.gif) no-repeat 100% -91px; /*hình nền khi di chuột lên của tiêu đề bài viết*/ color: #fff; text-decoration:underline; } .post .title:hover:before { content"#"!important; color: #e0222e; background:inherit!important; } .postdate { padding: 2px 5px ; /*cach le cua ngay thang viet bai*/ margin:0 ; font-size:10px; line-height:normal; text-transform:uppercase; text-align:left!important; color:#006600; background:url(http://files.myopera.com/webtangem/files/postmeta.jpg) no-repeat top left; /*anh mo gach chan cua tieu de bai viet*/ border-left:1px dotted #3ddd02; /*border dotted cua date*/ border-right:1px dotted #3ddd02; /*border dotted cua date*/ } .post .tags { padding: 0px 5px ; /*cách lề của tag */ margin:0 0 2px 0; font-size:10px; line-height:normal; text-transform:uppercase; text-align:left!important; border-left:1px dotted #3ddd02; /*border dotted của tag phía dýới ngày viết bài, phía dýới tiêu đề bài viết*/ border-right:1px dotted #3ddd02; } .content { margin-top:0px; padding:10px; border-left:1px dotted #3ddd02; /*border dotted trái của khung bài viết*/ border-bottom:1px dotted #3ddd02; /*border dotted dýới của khung bài viết*/ border-right:1px dotted #3ddd02; /*border dotted phải của khung bài viết*/ }
.poster { margin-top:-10px; font-size:10px; text-transform:uppercase; } .postinfo { clear:both; color:#666; margin-top:16px; font-size:10px; text-transform:uppercase; } .postinfo img { margin:0 5px -1px 0; } .postnav { clear:both; font-size:11px; height:23px; line-height:22px; border:1px solid #eee; border-width:1px 0; } .postnav span.prv { float:left; } .postnav span.nxt { float:right; } .blognav { clear:both; margin-top:18px; text-align:right; font-size:11px; color:#888; } .blognav p { margin:0; line-height:normal; } .trackbacks { clear:both; margin:30px 0 10px 0; padding:5px 0; } .trackbacks h2 { font-size:10px;
font-weight:normal; color:#666; border:1px solid #eee; border-width:1px 0; text-transform:uppercase; } .trackbacks ul { margin:10px 0 0 2px; } .trackbacks li { color:#999; list-style-type:none; list-style-image:url(/community/graphics/users/2/doc.gif); padding-bottom:8px; line-height:10px; font-size:10px; } .caption { display:block; text-align:center; } .imgleft img { clear:left; float:left; margin:4px 10px 4px 0; max-width:48%; } .imgright img { clear:right; float:right; max-width:48%; margin:4px 0 4px 10px; } .img { display:block; margin:10px 0; } .attach { margin:8px 0; display:block; padding-left:12px; background:#fff url(/community/graphics/icons/attach.gif) center left no-repeat; } span.imgcenter { clear:both; display:block; text-align:center; margin:10px 0;
} #side .cdwn { background:transparent url(/community/graphics/users/2/clock.gif) top left no-repeat; padding:2px 0 5px 20px; border-bottom:1px solid #fff; margin-bottom:4px; } .groupblog .postdate { margin:-2px 0 0 0; } .groupblog .content { margin:2px 0 0 0; clear:left; } .tagicon { float:right; margin-left:10px; } .post .sticky { float:right; margin:0; font-size:10px; color:#999; background:#fff url(/community/graphics/users/2/sticky.gif) top right no-repeat; padding:0 25px 0 4px; height:26px; line-height:20px; } .alignright { text-align:right; display:block; } .alignleft { text-align:left; display:block; } .aligncenter { text-align:center; display:block; } .alignjustify { text-align:justify; display:block; } /* :: tag cloud :: */
#tagcloud ul { margin:0; padding:0; width:100%; overflow:hidden; } #tagcloud li { list-style-position:outside; list-style:none; float:left; line-height:20px; height:20px; margin:0; padding-right:12px; white-space:nowrap; } #tagcloud a:link, #tagcloud a:visited, #tagcloud a:active { color:#268; } #tagcloud .size1 { font-size:10px; font-weight:normal; } #tagcloud .size2 { font-size:11px; } #tagcloud .size3 { font-size:13px; font-weight:bold; } #tagcloud .size4 { font-size:14px; font-weight:bold; } #tagcloud .size5 { font-size:15px; font-weight:bold; } /* :: calendar :: */ #calendar { border-spacing:1px; clear:both; margin-bottom:15px; width:190px; font-size:10px; background:#efefed url(/community/graphics/users/2/calendar.gif);
border-bottom:1px solid #dbdbd5; } #calendar tr:first-child { empty-cells:show; } #calendar th { font-size:10px; line-height:18px; height:18px; text-align:center; } #calendar td { line-height:16px; border-top:1px solid #e7e7df; border-right:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #e7e7df; padding:1px 3px; text-align:center; font-size:10px; } #calendar tfoot td { text-align:left; border:none; height:16px; padding:2px 3px; } #calendar td.l { background:#fafafa; } #calendar td a { color:#0049aa !important; } #calendar td#today { background:#fff; } #calendar caption { padding:0; } #side a#calendarmonth { display:block; padding:2px 0 2px 5px; text-decoration:none; color:#fff; } #side a#calendarmonth:hover {
background:#348ade; } #nextmonth, #prevmonth { width:49%; } #nextmonth { text-align:right; } /* :: profile :: */ #profile { width:100%; } #profile h2 { font-size:12px; background:#6680b0; padding:2px 5px; margin:0 0 2px 0; color:#fff; } #profile-top { background:#f5f6f8; margin-bottom:15px; border:1px solid #aaa; } #profile p { margin:0 0 7px 0; } #userinfo { float:left; width:372px; padding:2px 6px; } #userinfo dl { margin:4px 0; } #userinfo dt { clear:both; float:left; width:96px; margin:0; padding-top:4px; } #userinfo dd { margin:0 0 0 96px; padding:4px 0 2px 0;
} #userpic { float:right; width:332px; height:252px; border:1px solid #aaa; background:#fff; margin:10px; } #userpic img { display:block; margin:6px; } #profile .col1, #profile .col2 { margin-top:0; } #profile-col1 { float:left; width:56%; overflow:hidden; } #profile-col2 { float:right; width:42%; overflow:hidden; } #profile .box, #profile table { padding:6px; background:#f5f6f8; border:1px solid #aaa; margin-bottom:15px; } #profile th, #profile td { padding:2px 0; } #profile-col2 li { list-style:none; list-style-position:outside; line-height:20px; clear:both; } a.overflow { display:block; width:100%; overflow:hidden; }
#grouplist .cstatus { width:30%; } #grouplist a { display:block; width:100%; overflow:hidden; } .userlist img { float:left; margin:1px 4px 0 0; } #ff { padding-bottom:10px; } #ff .h { margin:8px 0 0 0; font-weight:bold; } #ff .t { margin:2px 0 5px 0; padding-bottom:8px; } #ff .rule { padding-bottom:5px; } #myspots li { padding:0 0 4px 20px; background:transparent url(/community/graphics/users/2/myspot.gif) 2px 3px no-repeat; } #myspots h3 { clear:both; margin-top:0; border-bottom:1px dotted #999; } .spotimg div { background:#fff; border:1px solid #aaa; margin:0 6px 6px 0; float:left; overflow:hidden; width:103px; } .spotimg div.spot3rd { margin:0 0 6px 0; }
.spotimg img { display:block; margin:2px; } #spotusers p { margin:0; text-align:center; font-size:10px; } #friendlist li { padding:0 0 4px 20px; list-style:none; background:transparent url(/community/graphics/users/2/friendlist.gif) 0px 3px no-repeat; } #aboutgroup { clear:left; max-width:450px; } #groupinfo dl { margin:0; } #groupinfo dt { clear:left; float:left; margin:0 4px 0 0; font-weight:bold; } #groupinfo dd { margin:0; font-weight:normal; } #groupprofile #userpic { margin:0 0 20px 20px; } #apply { clear:left; } /* :: quick profile :: */ #qp dl { margin:0; width:100%; } #qp dt {
clear:both; float:left; width:38%; overflow:hidden; } #qp dd { float:right; width:60%; overflow:hidden; margin:0; padding:0; } #myphoto { width:190px; overflow:hidden; background:#f5f5f5 url(/community/graphics/users/2/picbg.gif) bottom left repeat-x; } #myphoto img { max-width:190px; display:block; } /* :: friends :: */ .myfriend { clear:both; border-top:1px solid #aaa; padding-top:12px; } .myfriend .txt { margin-left:206px; } .myfriend h3 { font-size:16px; margin-top:2px; } .mypic { float:left; width:190px; height:140px; margin-bottom:12px; padding:2px; border:1px solid #000; } .mypic img { display:block; } .myfriend p, .myfriend h2 {
margin-top:0; } .myloc, .friendof { font-size:11px; margin:0 0 4px 0; color:#444; } .friendof { font-size:10px; } .myfriend blockquote { background:#fff url(/community/graphics/users/2/q1.gif) top left no-repeat; color:#333; padding:0 0 10px 27px; font-size:11px; } #fnet h3 { background:#5da15b; color:#fff; font-size:15px; padding:3px 5px; border-bottom:5px solid #cde6cc; margin-bottom:0; } #fnet2 h3 { background:#447c64; border-bottom:5px solid #bbd6c3; } #fnet3 h3 { background:#3f6e85; border-bottom:5px solid #bed1d4; } .fpic { float:left; width:84px; height:64px; border:1px solid #000; margin-right:10px; } .fpic img { display:block; margin:2px; } .fname { margin:0; }
/* :: links :: */ #applinks { clear:both; margin-top:15px; } #mylinks { width:100%; } #mylinks h2 { margin:30px 0 15px 0; font-size:15px; text-transform:uppercase; background:#4fb828 url(http://files.myopera.com/webtangem/files/bgr_snow.jpg) top left repeat; padding:2px 5px; color:#ffffff; } #mylinks h2.firstheader { text-transform:uppercase; margin-top:0; background:#4fb828 url(http://files.myopera.com/webtangem/files/bgr_snow.jpg) top left repeat; padding:2px 5px; color:#ffffff; } #mylinks .newsfeed { margin:-8px 0 8px 0; } #mylinks p { margin:0; font-size:12px; } #mylinks .grey { color:#aaa; } #mylinks .col1, #mylinks .col2 { overflow:hidden; border:1px solid #149103; background:#f6faf9 url(http://files.myopera.com/webtangem/files/bgr_links.jpg) top left repeat; } #mylinks .linkinfo { margin-bottom:15px; padding:2px 5px; }
.newsfeed span, .newsfeed a { color:#900; text-decoration:none; } .url { color:#192; } .linkdesc { color:#333; font-style:italic; } .feedurl { display:none; } /* :: events :: */ .cdwn { padding:2px 0; } .cdwn p { margin:0; } /* :: tags :: */ #content .tags a:link, #content .tags a:visited, #content .tags a:active, .tag { color:#080; } #content .tags a:hover { color:#0c0; } .tagged { font-weight:bold; } /* :: cards :: */ #ecard { position:absolute; width:126px; height:19px; bottom:2px; left:2px; } /* :: poll :: */
#poll ul { margin:0; } #pollresults li { border-bottom:1px dotted #999; } #poll li { list-style-position:outside; list-style:none; padding:3px 0; } #poll li input { vertical-align:middle; } #pollsubmit { font-weight:bold; } #poll p { padding:3px 0 0 0; margin:0; } #poll li img { border-left:1px solid #9b5203; border-right:1px solid #b84d00; } /* :: search :: */ #searchbox { width:141px; } #submitsearch { margin-bottom:-1px; } #blogsearch input { margin-top:1px; vertical-align:middle; } .s-result { margin-top:11px; border-top:1px dotted #999; padding-top:1px; } .s-result a:link, .s-result a:visited { color:#15c; }
/* :: get opera :: */ #side #getopera h2 { background:#b2151b url(http://files.myopera.com/webtangem/files/getopera_top.jpg) top left no-repeat; ; color:#fff; padding:6px; } #getopera p { padding-bottom:7px; } #getopera .pad { color:#000; background:url(http://files.myopera.com/webtangem/files/getopera_bottom.jpg) bottom right no-repeat; } /* :: personal add :: */ /*.img giúp chèn emotion không bị xuống dòng*/ .img { display: inline!important; margin:0px 4px; } /*chia bài viết thành 2 cột dùng cho các bài dịch tiếng việt và tiếng anh hoặc thõ quá dài*/ #overall { width:520px; margin:0; } .col { width:250px; padding:0 5px; float:left; }