Kaskus

Tech

dedymuswarAvatar border
TS
dedymuswar
[ASK] Tanya Kode CSS para mastah
[ASK] Tanya Kode CSS para mastah


font comentar diatas kan size-nya 11 px gan, ane mw ubah ke 12px cuman gk nemu-nemu scriptnya.. tolong para bantuannya mastah..

Code:

/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/

/* 5.1 Comments */
#comments { width: 700px;position:relative;margin:40px 0 0;padding:40px 0 0 0; background: url(images/indentline-light.png) repeat-x left top; }
#comments h3 { color:#333; font-size: 18px; margin-bottom:40px; }
#comments .comment{margin:0;width:100%;list-style-type:none;}
#comments .comment .comment-container { position:relative; margin: 0 0 20px 0; }
#comments .comment .comment-container .comment-content { float: left; width: 559px; padding: 20px; background: #fff; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; }
#comments .avatar { float:left; margin: 0 10px 10px 0; }
#comments .avatar img{}
#comments .comment-head .name { margin: 0; font-weight: bold; font-size: 15px; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; }
#comments .comment-entry p { margin: 0 0 10px 0;}
#comments .reply { padding-top:10px; }
#comments .reply a { font: 11px/18px Arial, Helvetica, sans-serif; background: #eee; border-color:#888; color:#555 !important; text-shadow: none; }
#comments .reply a:hover { background-color: #e6e6e6;}

#comments .comment.depth-2 .comment-content { width: 534px; }
#comments .comment.depth-3 .comment-content { width: 509px; }
#comments .comment.depth-4 .comment-content { width: 484px; }
#comments .comment.depth-5 .comment-content { width: 434px; }
#comments .comment.depth-6 .comment-content { width: 409px; }
#comments .comment.depth-7 .comment-content { width: 384px; }

#comments .comment #commentform input.txt, #comments .comment #commentform textarea { width: 495px!important; }
#comments .comment.depth-2 #commentform input.txt, #comments .comment.depth-2 #commentform textarea { width: 470px!important; }
#comments .comment.depth-3 #commentform input.txt, #comments .comment.depth-3 #commentform textarea { width: 445px!important; }
#comments .comment.depth-4 #commentform input.txt, #comments .comment.depth-4 #commentform textarea { width: 420px!important; }
#comments .comment.depth-5 #commentform input.txt, #comments .comment.depth-5 #commentform textarea { width: 395px!important; }
#comments .comment.depth-6 #commentform input.txt, #comments .comment.depth-6 #commentform textarea { width: 370px!important; }
#comments .comment.depth-7 #commentform input.txt, #comments .comment.depth-7 #commentform textarea { width: 345px!important; }

#comments #respond { float: left; }

p.nocomments { font-size: 16px; font-weight: bold; }

#comments ul.children{margin:0 0 0 25px;padding:0; }
#comments ul.children li { }
#comments .cancel-comment-reply{margin: -10px 0 0 0;text-transform: uppercase;}

#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}

#pings { margin: 30px 0 0 0; padding: 20px; background: #fff; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; }
#comments #pings h3 { margin: 0 0 20px 0; font-size: 24px; }
#comments .pingbacks li.pingback { margin:10px 0; }
#comments .pingbacks li.pingback .reply { display:none; }

/* 5.2 Comments Form */
#respond { margin: 40px 0 0; }
#respond h3 { font-size: 18px; color:#333; margin-bottom:20px; }
#respond .left { float:left; width:200px; margin-right:15px; }
#respond .right { float:left; width:380px; }
#respond label { font-size:11px; color:#777; }

#commentform { margin: 15px 0 0 0; }
#commentform label { position:relative; vertical-align: top; display:inline; width: 130px; padding: 11px 10px 8px; display:inline-block; margin:0 30px 0 0; font-size: 14px; font-weight: bold; color: #fff; text-shadow: 2px 1px 0 rgba(0,0,0,0.4); background: #333333; }
#commentform label .bg { position: absolute; top: 0; right: -15px; height: 38px; width: 15px; display: block; background: url(images/bg-postdate.png) no-repeat center right; }
#commentform input.txt, #commentform textarea { font:12px/14px Arial, Helvetica, sans-serif; background: #fff; border: none; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;}
#commentform input.txt { color:#666; width: 500px; margin: 0 5px 20px 0; padding: 10px 7px; }
#commentform textarea { color:#666; width: 500px !important; padding: 5px 7px; }

#respond #commentform #submit { margin: 12px 0 0 180px; cursor: pointer; }

/* 5.3 Pingbacks / Trackbacks */
h3#pings { margin: 25px 0 12px 0; }
.pinglist li { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author { font-weight: bold; font-size: 15px; }
.pinglist li .date { font-size: 11px; }
.pinglist li .pingcontent { display: block; margin: 11px 0; }


Help me gan..!!! emoticon-Bingungemoticon-Bingung emoticon-Bingung
Diubah oleh dedymuswar 10-04-2013 10:39
0
1.7K
11
GuestAvatar border
Komentar yang asik ya
Urutan
Terbaru
Terlama
GuestAvatar border
Komentar yang asik ya
Komunitas Pilihan