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
Mari bergabung, dapatkan informasi dan teman baru!
Website, Webmaster, Webdeveloper
Website, Webmaster, Webdeveloper
KASKUS Official
23.5KThread5.3KAnggota
Urutkan
Terlama
GuestAvatar border
Komentar yang asik ya
Ikuti KASKUS di
© 2025 KASKUS, PT Darta Media Indonesia. All rights reserved.