Admin Admin
| Tiêu đề: code css cho blog opera hehe Sat Dec 18, 2010 12:55 pm | |
| - Code:
-
/* Copyright Opera Software. Design by Fred. Skin edited by Pham Lam - http://phamlam.info; Modified by Thuy Hien - http://www.duyhien.com; Perfected by Khanh Quang - http://my.opera.com/khanhquang Graphics by Antonisblue - http://my.opera.com/antonieblue Date: 10/02/2007 Note: 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.
*/
/* :: MAIN LAYOUT :: */
body { background:#ffffff; margin:0; padding:0; font-family: Tahoma,Verdana, Arial,'lucida grande','lucida sans unicode','bitstream vera sans','trebuchet ms',arial,sans-serif; font-size:13px; line-height:145%; text-align:center; color:#111; }
#wrap1 { BACKGROUND: url(http://files.myopera.com/danquynh/love/wrap2.jpg) center top no-repeat; MARGIN: 0px auto; }
#wrap2 { BACKGROUND: url(http://files.myopera.com/danquynh/love/wrap4.jpg) center bottom no-repeat; MARGIN: 0px auto; } #wrap3 { background:transparent ; margin:0 auto; width:758px !important; padding-left:10px; padding-right:10px; padding-bottom:130px }
#edittitle { padding-top:29px; }
#top { font-size:11px; width:778px !important; height:235px; margin:0 -10px; text-align:left; color:#f86fdd; background: transparent; }
#top2 { height:109px; padding-left:80px;/* chua chinh 520px/34px*/
}
#top h1 { margin:0; width:500px; font-size:25px; font-family:tahoma,arial,helvetica,sans-serif; line-height:normal; padding-top:50px; }
#subtitle { margin:0; width:500px; font-size:14px; }
#menu { clear:both; margin-right:40px; margin-top:80px; }
#menu ul { padding:0; margin:0; height:37px;/*chua chinh-xem lai*/ }
#menu li { float:right; line-height:28px; height:37px; overflow:hidden; font-size:13px; list-style:none; width:11%; margin:1px 0 0 0; padding:0; }
#menu a { display:block; height:37px; color:#f86fdd; font-weight:bold; text-decoration:none; text-align:center; background:transparent; }
#menu a:hover { color:#f86fdd; } #menu a#selected { text-decoration:none; } #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-LEFT:-205px; padding-bottom:12px; float:right; }
#main { min-height:500px; margin-left:200px; padding-bottom:15px; }
#footer { clear: both; width:100%; height:15px; POSITION: relative; left: 5px; bottom:-125px; } #footer p { margin:0 5px; font-size: 9px; }
#footer a:link, #footer a:visited, #footer a:active { color:#000000; text-decoration:none; }
#footer #get { text-decoration:none; }
#footer #get:hover { text-decoration:none; }
/* :: SIDEBAR :: */
#sidewrap { width:190px; float:left; font-size:11px; /* overflow:hidden;*/ }
#side a:link, #side a:visited, #side a:active { color:#000000; text-decoration:none; } #side a:hover { color:#000000; text-decoration: underline; } #side li { font-size:11px; list-style-type:square; }
#side h2, #side caption { color:#f86fdd; background:#ffffff url(http://files.myopera.com/danquynh/love/sidebar.jpg) top left repeat-x; font-size:11px; font-weight:bold; text-transform:uppercase; margin:0 0 1px 0; padding:6px; text-align:left; }
#side h2.feedheader { background:#ffffff url(http://files.myopera.com/danquynh/love/sidebar.jpg) top left repeat-x; padding:6px; }
#side h2 a:link, #side h2 a:visited, #side h2 a:active { color:#f86fdd; text-decoration:none; }
.sidebox { background:#ffffff; margin-bottom:15px; }
.sidebox .pad { background: #ffffff url(http://files.myopera.com/danquynh/love/sidebg.jpg) bottom right repeat-x; 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:#f86fdd; text-decoration:none; }
a:visited { color:#f86fdd; text-decoration:none; }
a:hover { text-decoration:none; color:#f86fdd; }
a.username:link, a.username:visited, a.username:active { color:#f86fdd; }
.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:#ffffff; border:1px dotted #f86fdd; margin:15px 0; overflow:auto; }
.comments .bot { padding:10px; }
.comment2 { clear:both; margin:15px 0; width:100%; border:1px dotted #f86fdd; 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; }
/* - ALBUM CONTENT - */
#mypix { clear:both; width:100%; }
#mypix .thumb1, #mypix .thumb2 { width:50%; max-width:300px; background:#fff url(http://my.opera.com/community/graphics/users/8/photo1a.gif) top left no-repeat; margin:2px 0 3px 0; position:relative; }
#mypix div div { background:transparent url(http://my.opera.com/community/graphics/users/8/photo1b.gif) top right no-repeat; padding:0 25px 0 25px; height:253px; width:196px; }
#mypix .thumb1 { clear:both; float:left; }
#mypix .thumb2 { float:right; }
#mypix div p { font-size:11px; margin:0; color:#aaa; }
#mypix div div img {
width:229px; height:172px; margin:15px 0; }
#mypix a:link, #mypix a:visited { color:#666; text-decoration:none; }
#mypix a:hover { text-decoration:underline; }
.photoviews { position:absolute; bottom:16px; left:16px; }
.photocomments { position:absolute; bottom:16px; right:40px; }
/* - ALBUM OVERVIEW - */
.albums { margin-top:12px; }
#main .editthis { clear:none; }
.albums p { margin:0; padding:0 0 8px 0; }
.albums h3 { margin:15px 0 10px 0; font-size:13px; }
.albums .clear { margin:0; }
.album1, .album2 { clear:both; padding-top:10px; border-top:1px solid #eee; }
.albumthumb1, .albumthumb2 { float:left; width:285px; height:221px; background:transparent url(http://my.opera.com/community/graphics/users/7/photo2.gif); }
.albumthumb1 img, .albumthumb2 img { width:237px; height:184px; margin:17px 0 0 22px; }
.albumimage { margin:6px; }
.albumnfo { margin-left:186px; }
.albumnfo .tags { font-size:10px; line-height:normal; text-transform:uppercase; }
.albums .access { margin-top:5px; }
.editimg { margin:6px 0; }
div.access { clear:both; margin-top:10px; border:1px dotted #cacac1; background:#f8f8f5; padding:5px 10px; }
div.access p { margin:0; font-size:10px; }
#albumlist li { list-style:none; list-style-position:outside; line-height:21px; background:transparent url(http://my.opera.com/community/graphics/users/7/albumlist.gif) 0px 3px no-repeat; padding:2px 0 4px 30px; }
#albumlist { padding-bottom:0; }
/* - BIG IMAGE - */
#frame1 { clear:both; width:100%; border:1px dotted #e38da6; }
#frame2 { padding:6px; }
#frame3 { position:relative; width:100%; background:#ffffff; }
#frame3 img { display:block; margin:0 auto; }
#frame3 p { margin:0; padding:6px 0 3px 0; background:#ffffff; text-align:center; }
.comments { margin-top:15px; }
#newcomment { margin-top:25px; }
#belowimage { clear:both; padding-top:10px; }
.preview { width:87px; float:left; text-align:center; margin:2px 0 5px 0; }
.preview img { margin:2px; }
.preview p img { margin-bottom:-1px; }
.preview div { width:85px; height:64px; background:#fff; border:1px solid #808c9c; } #desc { margin-bottom:10px; border:1px solid #777; padding:0 5px; } /* :: BLOG :: */
#blogtools { background:#f3f3f3; }
.whisper { color:#555; background:#fbfbfb url(http://my.opera.com/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; /*padding: 30px 5px 5px 33px; margin:0px 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:none; } .stickypost { /*background: none !important */ } #firstpost { background: none; }
#lastpost { padding-top:0; background: none; }
.post .title { margin-bottom: 0; /* width: 100%;*/ color: #f86fdd; overflow: auto; font-size:15px; } .post .title a { float: left; padding: 2px 10px; background: none; text-decoration:none; text-transform:uppercase; font-family:tahoma; font-size:14px; color: #f86fdd; } .post .title a:link { color: #f86fdd; }
.post .title a:hover { background: none; color: #f86fdd; text-decoration:underline; } .post .title:hover:before { content"#"!important; color: #f86fdd; background:inherit!important; }
.postdate { padding: 2px 5px; margin:0 ; font-size:10px; line-height:normal; text-transform:uppercase; text-align:left!important; color:#000000; background: url(http://files.myopera.com/danquynh/love/postmeta.jpg) top left no-repeat; border-left:1px dotted #f86fdd; border-right:1px dotted #f86fdd; } .post .tags { padding: 0px 5px; margin:0 0 2px 0; font-size:10px; line-height:normal; text-transform:uppercase; text-align:left!important; border-left:1px dotted #f86fdd; border-right:1px dotted #f86fdd; }
.content { margin-top:0px; padding:5px; border-left:1px dotted #f86fdd; border-bottom:1px dotted #f86fdd; border-right:1px dotted #f86fdd; }
.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(http://my.opera.com/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(http://my.opera.com/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(http://my.opera.com/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:#ffffff; 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:#000000; }
#tagcloud .size1 { font-size:11px; font-weight:bold; }
#tagcloud .size2 { font-size:11px; font-weight:bold; }
#tagcloud .size3 { font-size:11px; font-weight:bold; }
#tagcloud .size4 { font-size:11px; font-weight:bold; }
#tagcloud .size5 { font-size:11px; font-weight:bold; }
/* :: CALENDAR :: */
#calendar { border-spacing:1px; clear:both; margin-bottom:15px; width:190px; font-size:10px; background:#ffffff url(http://files.myopera.com/danquynh/love/sidebg.jpg) bottom left repeat-x; border-bottom:1px solid #f86fdd; }
#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:#000000 !important; }
#calendar td#today { background:#fff; }
#calendar caption { padding:0; }
#side a#calendarmonth { display:block; padding:2px 0 2px 5px; text-decoration:none; color:#f86fdd; }
#side a#calendarmonth:hover { background:#ffffff url(http://files.myopera.com/danquynh/love/sidebar.jpg) top left repeat-x; }
#nextmonth, #prevmonth { width:49%; }
#nextmonth { text-align:right; }
/* :: PROFILE :: */
#profile { width:100%; }
#profile h2 { font-size:12px; background:#ffffff url(http://files.myopera.com/danquynh/love/sidebar.jpg) top left repeat-x; padding:5px 5px; margin:0; color:#f86fdd; border-top:1px solid #f86fdd; border-left:1px solid #f86fdd; border-right:1px solid #f86fdd; }
#profile-top { background:#ffffff url(http://files.myopera.com/danquynh/love/sidebg.jpg) bottom right repeat-x;; margin-bottom:15px; border:1px solid #f86fdd; }
#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:left; /*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:46%; /*56%*/ overflow:hidden; }
#profile-col2 { float:right; width:50%; /*42%*/ overflow:hidden; }
#profile .box, #profile table { padding:6px; background: #ffffff; border:1px solid #f86fdd; 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(http://my.opera.com/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(http://my.opera.com/community/graphics/users/2/picbg.gif) bottom left repeat-x; }
#myphoto img { max-width:190px; display:block; }
/* :: FRIENDS :: */
#myfriends { width:430px; margin-left:80px; }
.myfriend { width:190px; margin-right:15px; margin-top:10px; background:#fff url(http://my.opera.com/community/graphics/users/7/friendpic.gif) top left no-repeat; float:left; }
.mypic { margin:10px 0 0 10px; height:141px; }
.mypic img { display:block; width:170px; height:128px; }
.myfriend .txt { height:70px; }
.myfriend h3 { margin:2px 0 2px 5px; }
.myfriend p { padding-left:5px; margin:0; }
.myfriend blockquote { display:none; }
.myfriend h2 { margin-top:0; }
.myloc, .friendof { font-size:11px; margin:0 0 4px 0; color:#666; }
.friendof { font-size:10px; }
#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:#ffffff url(http://files.myopera.com/danquynh/love/sidebar.jpg) top left repeat-x; padding:2px 5px; color:#f86fdd; }
#mylinks h2.firstheader { text-transform:uppercase; margin-top:0; background:#ffffff url(http://files.myopera.com/danquynh/love/sidebar.jpg) top left repeat-x; padding:2px 5px; color:#f86fdd; }
#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 #f86fdd; background:#ffffff; }
#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:#fa9f9f; }
#content .tags a:hover { color:#fa9f9f; }
.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; }
/* :: PERSONAL ADD :: */
.img { display: inline!important; margin:0px 4px; }
#overall { width:520px; margin:0; } .col { width:250px; padding:0 5px; float:left; }
/* :: GET OPERA :: */
#side #getopera h2 { background:#feeeef url(http://files.myopera.com/danquynh/love/sidebar.jpg) top left repeat-x; ; color:#f86fdd; padding:6px; }
#getopera p { padding-bottom:7px; background:none !important; }
#getopera .pad { color:#000; background: #feeeef url(http://files.myopera.com/danquynh/love/getopera.jpg) bottom right no-repeat; }
|
|
Admin Admin
| Tiêu đề: Re: code css cho blog opera hehe Sat Dec 18, 2010 3:09 pm | |
| |
|