Css wap syle Guestbook

Style css guestbook keren

Langsung saja bagi yang suka silahkan copy kode di bawah ini

color:transparent;
	text-align:center;
	background:url(http://xtcat.widgets.tutorial.graham.yn.lt/separator_line.png) no-repeat center transparent;
	height:16px;
	overflow:hidden
}
.gb_separator3_div 
{
	color:transparent;
	height:4px;
	overflow:hidden
}
.gb_separator4_div 
{
	display:none
}
/* Sign guestbook nav link */
.gb_form_link_div 
{
	text-align:center;
	margin-bottom:6px
}
.gb_form_link 
{
	border:1px solid #aaa;
	background:#ccc;
	padding:0 1px;
	font-size:.8em
}
/* Message info area */ 
.gb_name_link_time 
{
	font-size:.8em;
	text-align:left;
}
.gb_entry_site_link 
{
	display:block
}
/*  User icon before name */
.gb_entry_site_link:before 
{
	content:url(http://xtcat.widgets.tutorial.graham.yn.lt/user.png);
}
/* Report post */
.gb_report_div 
{
	width:18px;
	height:18px;
	padding:2px;
	overflow:hidden
}
/* Change report link to image */
.gb_report_div a,
.gb_report_div a:link,
.gb_report_div a:visited,
.gb_report_div a:active,  
.gb_report_div a:hover 
{
	color:transparent
}
.gb_post_report_link 
{
	background:url(http://xtcat.widgets.tutorial.graham.yn.lt/alarm_bell.png) no-repeat left transparent;
	color:transparent;
}
/* Pagination */
.gb_pagination_div_top,
.gb_pagination_div_bottom 
{
	border:1px solid #000;
	background:url(http://xtcat.widgets.tutorial.graham.yn.lt/ingrad.png) repeat-x top #ddd;
	margin-left:1% ;	
	padding:0 2px;
	display:inline;
	font-size:.5em;
}
.gb_pagination_div_top a,
.gb_pagination_div_bottom a 
{
	color:#800;
	font-weight:100
}
.gb_current_page {font-weight:900;color:#f00;}

/* Post to guestbook form */
.gb_form_div 
{
	margin-top:4px
}
/* Post to guestbook form Common styles */
.gb_antispam_image_div,
.gb_textarea_label_div,
.gb_site_label_div,
.gb_site_input_div,
.gb_user_label_div,
.gb_security_code_label_div,
.gb_security_code_input_div,
.gb_submit_button_div
{
	text-align:center
}
/* Post to guestbook form Text input fields common styles */
.gb_user_area,
.gb_site_area,
.gb_textarea_area,
.gb_security_code_area,
.gb_submit_button
{
	border:1px solid #000;
	background:url(http://xtcat.widgets.tutorial.graham.yn.lt/ingrad.png) repeat-x top #ddd;
	margin:2px auto;
	padding:2px;
}
.gb_site_area 
{
	width:70%;
	display:inline
}
.gb_user_area,
.gb_textarea_area
{
	width:90%;
	display:block
}
.gb_antispam_image 
{
	border:2px solid #888;
}
.gb_security_code_area 
{
	width:100px;
	font-size:200%
}
.gb_submit_button 
{
	color:#800;
	font-weight:900;
}
/* end XtCat guestbook css */
#header a { color: #fff;}
#navigation h2 a { color: #880000;}
#navigation h2 { font-size:125%;border: 1px solid #FFF;   
-moz-border-radius-topleft:5px;   
-moz-border-radius-topright:5px;   
-moz-border-radius-bottomleft:5px;   
-moz-border-radius-bottomright:5px;   
  background:#ddd;color:#880000;padding:2px;margin:2px;}></style*>

Buang tanda * nya sob, dan untuk demonya sobat bisa lihat previewnya di sini