Skin

  • November 2019
  • PDF

This document was uploaded by user and they confirmed that they have the permission to share it. If you are author or own the copyright of this book, please report to us by using this DMCA report form. Report DMCA


Overview

Download & View Skin as PDF for free.

More details

  • Words: 2,620
  • Pages: 29
/* 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; }

Related Documents

Skin
November 2019 41
Skin
December 2019 43
Skin
October 2019 37
Skin
April 2020 28
Skin
November 2019 44
Skin
June 2020 20