EXAMPLE CSS MWB

css theme for mywapblog.
Body post: Brown
header: old yellow.
for view example, copy and paste Code to your theme this code:

@import url(http://hottys.madpath.com/lager.css)

For permanent theme, copy and paste all codes to your theme creator this code:

/*THEME WWW.LAGERS.PUN.BZ*/ body { background:#000 repeat-x 50% top; border:2px solid #00ff00; margin:0px; padding:0; font-size:small; color:#fff; text-align:center } body a { color:#ff0055 } #header { background:#aaa009 repeat 50% bottom; border:4px solid #00a0ff; text-align:center; margin:1px; padding:2px 0px 12px 0px } #header h1 a { color:#0000ff} #header p { color:#ff0000 } #header a { color:#000000 } #header:before { content:"INDONESIA"; display:block; text-align:center; background:black; margin:1px 0 1px 0; padding:1px; border:3px solid #00ff00;} #header:after { content:url(http://hottys.madpath.com/code/after.php); display:block; text-align:center; background:black repeat-x 50% top; border:2px solid #00ff00; margin:1px; } #category-top { background:#000 repeat-x 50% bottom; border:2px solid #00ff00; margin:1px; padding:2px; text-align:left; color:#5050ff } #category-top h2 { border:3px solid #00ff00; text-align:center; text-transform:uppercase; color:#059fff; margin:0; padding:0px 2px 2px 2px; background:black repeat-x 50% top; } #category a { color:#0000ff } #category-top li, #blogroll li { list-style: ●; list-style-position:inside; border-bottom:2px solid #00ff00; text-indent:12px; margin:0 2px 0 2px } #search_form { border:1px solid #00ff00; margin:1px; padding:3px; background:#550000; text-align:left } #search_form [type=text] { width:65%; color:#000000; background:#ffffff repeat-x 50% top; border:1px solid #00ff00 } #search_form [type=submit] { color:white; background:black top; border:1px solid #00ff00; width:30%; } #nav_shortcut { border:2px solid #00ff00; margin:1px; padding:1px; text-transform:uppercase; color:#fff; text-align:left; background:#550000 top; } #nav_shortcut a { color:#fff; font-size:bold } #content .post { color:#fff font=+2px; border:2px solid #00ff00; margin:1px; padding:1px 3px 3px 3px; text-align:left; background:#550000 repeat-x 50% bottom; } #content .post .title { background:#555555 margin:1px; padding:3px; color:#0000ff; font-size:small; text-align:center; border:2px solid #00ff00 } .post .comment_link #content .post .title a { color:#fff } #content .post a { color:#fff } #content .pos p { color:#fff } h3 { border:1px solid #00ff00; padding:2px; margin:1px; background:#550000 top; color:#fff; font-size:small } h4 { border:2px solid #00ff00; padding:2px; margin:1px; color:#ff0000; font-size:small; background:#550000 repeat-x 50% top;} h5 { background:#550000 bottom; border:3px solid #00ff00; margin:2px; padding:2px; color:#0000ff; text-align:left } .comment li { list-style-image: ●; list-style-position:inside; background:black;border:3px solid #00ff00; text-indent:-20px; color:#ff0000; margin:2px; padding:2px } #content .post li { list-style-image: ●; list-style-position:inside; border-bottom:1px solid #00ff00; text-indent:-20px; color:#ff0000; margin:3px; padding:3px } #comments form:before { content:"Dipersilahkan beri komentar, GRATIS..tis..tis."; display:block; text-align:center; background:black top; margin:1px 2px 0 2px; padding:2px; border:2px solid #00ff00; } #comments { border:2px solid #00ff00; background:black bottom; text-align:center; margin:1px; padding:0; } .post, .title{ border:3px outset #00ff00; margin:1px 0px 0px 0px; padding:3px; text-align:left; background:#550000 top; } .comment { margin:1px; padding:0px 2px 2px 2px; font-size:small; background:black bottom; border:2px solid #00ff00; text-align:justify} #comments p { color:#fff } #comments a { color:#ff0000 } #comments h2 { text-transform:uppercase; border:2px outset #00ff00; background:black top; margin:1px; padding:1px 2px 1px 2px; text-align:center } #comments h2 { color:#fff } #comments form { background:black bottom; border-top:2px solid #00ff00 } #comments form p, body form p { color:#550000 } #comments form p input, .mobile_body #comments form p select, .mobile_body #comments form p textarea { border:2px solid #00ff00 } #comments form p input[type=text], .mobile_body #comments form p select { width:100px; height:20px;color:white; background:black top; } .mobile_body #comments form p textarea { width:100px; height:70px; color:white; background:black top; } #comments form p input[type=submit] { color:white; background:black top; } .post form { background:black top; text-align:center; border:2px solid #00ff00; margin:1px; padding:1px } #comments form:after { content:url(http://kripkrip.mw.lt/image/terimakasih120x120.gif) ; display:block; text-align:center; background:black top; margin:1px 1px 0px 1px; padding:1px; padding-top:2px; color:#00ff00; border:2px solid #00ff00; border-bottom:none; background:black } #navigation { background:#550000 bottom; border:2px solid #5000ff; margin:1px; padding:0; text-align:left; color:#fff} #navigation h2 { border:3px solid #00ff00; text-align:center; text-transform:uppercase; color:#fff; margin:0; padding:0; background:#550000 top; } #navigation a { color:#ffff00 } #navigation li { list-style-image: ●; list-style-position:inside; border-bottom:1px solid #00ff00; text-indent:-20px; margin:0 } #blogroll { background:#550000 bottom; border:3px solid #00a0ff; margin:1px; padding:1px; text-align:left; color:#fff } #blogroll h2 { border:3px outset #00ff00; text-align:center; text-transform:uppercase; color:#f5ff00; margin:0; padding:0px; background:#00aa00 top; } #blogroll a { color:#f5ff00 } #footer { background:#00aaa0 top; border:2px solid #0000ff; text-align:center; margin:1px; padding:3px 0px 2px 0px } #footer h1 a { color:#0000ff } #footer p { color:#ff0000 } #footer a { color:#f5ab00 } #footer:after { content:"WWW.LAGER.PUN.BZ"; display:block; text-align:center; background:black top; margin:5px 0 1px 0; padding:2px; border:3px solid #5000ff; font-size:small; color:#ffffff; text-align:center;}

Css theme for mywapblog.
Body post: Orange
header : pink-red.
example, copy and paste Code to your theme:

@import url(http://hottys.madpath.com/css/lyood.css)

For permanent, copy and paste all codes, this code:

/*THEME WWW.KRIPKRIP.HECK.IN*/ body { background:#000000 repeat-x 50% top; border:2px solid #00ff00; margin:0px; padding:0; font-size:small; color:#ff0000; text-align:center } body a { color:#ff0055 } #header { background:#fa1010 repeat-x 50% bottom; border:4px solid #00ff00; text-align:center; margin:1px; padding:2px 0px 4px 0px } #header h1 a { color:#0000ff} #header p { color:#000000 } #header a { color:#0000ff } #header:before { content:"LY'OOD"; display:block; text-align:center; background:black; margin:1px 0 1px 0; padding:1px; border:2px solid #00ff00;} #header:after { content:url(http://hottys.madpath.com/code/selamatdatang.php); display:block; text-align:center; background:black repeat-x 50% top; border:2px solid #00ff00; margin:1px; } #category-top { background:#000 repeat-x 50% bottom; border:2px solid #00fff0; margin:1px; padding:2px; text-align:left; color:#5050ff } #category-top h2 { border:3px solid #00ff00; text-align:center; text-transform:uppercase; color:#059fff; margin:0; padding:0px 1px 2px 1px; background:black repeat-x 50% top; } #category a { color:#0000ff } #category-top li, #blogroll li { list-style: ¤; list-style-position: inside; border-bottom:2px solid #00ff00; text-indent:16px; margin:1px} #search_form { border:1px solid #00ff00; margin:1px; padding:3px; background:#550000; text-align:left } #search_form [type=text] { width:65%; color:#fff; background:black repeat-x 50% top; border:1px solid #00ff00 } #search_form [type=submit] { color:white; background:black top; border:1px solid #00ff00; width:30%; } #nav_shortcut { border:2px solid #00ff00; margin:1px; padding:1px; text-transform:uppercase; color:#fff; text-align:left; background:#550000 top; } #nav_shortcut a { color:#fff; font-size:bold } #content .post { color:#000; border:2px solid #00ff00; margin:1px; padding:1px 3px 3px 3px; text-align:left; background:#ffaa00 repeat-x 50% bottom; } #content .post .title { background:#550000 margin:1px; padding:2px; color:#00ff00; font-size:medium; text-align:center; border:2px solid #00ff00 } .post .comment_link #content .post .title a { color:#fff } #content .post a { color:#fff } #content .pos p { color:#fff } h3 { border:1px solid #00ff00; padding:2px; margin:1px; background:#550000 top; color:#fff; font-size:small } h4 { border:2px solid #00ff00; padding:2px; margin:1px; color:#ff0000; font-size:small; background:#550000 repeat-x 50% top;} h5 { background:#550000 bottom; border:3px solid #00ff00; margin:2px; padding:2px; color:#0000ff; text-align:left } .comment li { list-style-image: ●; list-style-position:inside; background:black;border:3px solid #00ff00; text-indent:-20px; color:#ff0000; margin:2px; padding:2px } #content .post li { list-style-image: ¤; list-style-position:inside; border-bottom:1px solid #00ff00; text-indent:-20px; color:#337ba; margin:3px; padding:3px } #comments { border:2px solid #00ff00; background:black bottom; text-align:center; margin:1px; padding:0; } .post, .title{ border:3px outset #00ff00; margin:1px 0px 0px 0px; padding:3px; text-align:left; background:#550000 top; } .comment { margin:1px; padding:0px 2px 2px 2px; font-size:small; background:#888 bottom; border:2px solid #00ff00; text-align:left} #comments p { color:#fff } #comments a { color:#ff0000 } #comments h2 { text-transform:uppercase; border:2px outset #00ff00; background:black top; margin:1px; padding:1px 2px 1px 2px; text-align:center } #comments h2 { color:#fff } #comments form { background:black bottom; border-top:2px solid #00ff00 } #comments form p, body form p { color:#550000 } #comments form p input, .mobile_body #comments form p select, .mobile_body #comments form p textarea { border:2px solid #00ff00 } #comments form p input[type=text], .mobile_body #comments form p select { width:100px; height:20px;color:white; background:black top; } .mobile_body #comments form p textarea { width:100px; height:70px; color:white; background:black top; } #comments form p input[type=submit] { color:white; background:black top; } .post form { background:black top; text-align:center; border:2px solid #00ff00; margin:1px; padding:1px } #comments form:after { content:url(http://kripkrip.mw.lt/image/terimakasih120x120.gif) ; display:block; text-align:center; background:black top; margin:1px 1px 0px 1px; padding:1px; padding-top:2px; color:#00ff00; border:2px solid #00ff00; border-bottom:none; background:black } #navigation { background:black bottom; border:2px solid #5000ff; margin:1px; padding:2px; text-align:left; color:#fff} #navigation h2 { border:3px solid #00ff00; text-align:center; text-transform:uppercase; color:#fff; margin:0; padding:0px 2px 2px 2px; background:#550000 top; } #navigation a { color:#ffff00 } #navigation li { list-style-image:¤; list-style-position:inside; border-bottom:1px solid #00ff00; text-indent:-20px; margin:0 2px 0 2px } #blogroll { background:#000000 bottom; border:3px solid #00ff0a; margin:1px; padding:0; text-align:left; color:#fff} #blogroll h2 { border:3px outset #00ff0a; text-align:center; text-transform:uppercase; color:#bbbbbf; margin:0; padding:0px 1px 1px 1px; background:#550000 top; } #blogroll a { color:#f5ff00 } #footer { background:#5500ff top; border:2px solid #00ff00; text-align:center; margin:1px; padding:3px 0px 2px 0px } #footer h1 a { color:#0000ff } #footer p { color:#ff0000 } #footer a { color:#f5ab00 } #footer:after { content:"AVATARs"; display:block; text-align:center; background:black top; margin:5px 0 1px 0; padding:2px; border:3px solid #5000ff; font-size:small; color:#ffffff; text-align:center;}

Css theme for mywapblog.
Body post: Nice Blue
header : ?.
example, copy and paste Code to your theme:

@import url(http://hottys.madpath.com/css/kripkrip.css)

For permanent theme, copy and paste all codes:

/*THEME ¤ KRIPKRIP ¤*/ body { background:#550000 repeat-x 50% top; border:2px solid #550055; margin:0px; padding:0; font-size:small; color:#ff7b00; text-align:center } body a { color:#059ff } #header { background:0955ff repeat-x 50% bottom; border:4px solid #ff0000; text-align:center; margin:1px; padding:12px 0px 2px 0px } #header h1 a { color:#0000ff} #header p { color:#ff0000 } #header a { color:#ff0000 } #header:before { content:"WWW.KRIPKRIP.HECK.IN"; display:block; text-align:center; background:#059fff; margin:3px 0 1px 0; padding:px; border:1px solid #fff;} #header:after { content:url(http://hottys.madpath.com/code/selamatdatang.php); display:block; text-align:center; background:black repeat-x 50% top; border:2px solid #fff; margin:1px; } #category-top { background:#000 repeat-x 50% bottom; border:2px solid #ff0a0a; margin:1px; padding:2px; text-align:left; color:#0000ff } #category-top h2 { border:3px solid #ff0a0a; text-align:left; text-transform:uppercase; color:#059fff; margin:0; padding:0px 2px 2px 2px; background:black repeat-x 50% top; } #category a { color:#0000ff } #category-top li, #blogroll li { list-style: ¤; list-style-position:inside; border-bottom:1px solid #00f92f; text-indent:12px; margin:0 8px 0 8px } #search_form { border:1px solid #f0fff0; margin:1px; padding:3px; background:black; text-align:left } #search_form [type=text] { width:65%; color:#ffffff; background:black repeat-x 50% top; border:1px solid #5000ff } #search_form [type=submit] { color:white; background:black top; border:1px solid #5000ff; width:30%; } #nav_shortcut { border:2px solid #ff00f0; margin:1px; padding:3px; text-transform:uppercase; color:blue; text-align:left; background:black top; } #nav_shortcut a { color:#fff; font-size:bold } #content .post { color:#000; border:2px ridge #ff000f; margin:1px; padding:1px 3px 3px 3px; text-align:justify; background:#059fff repeat-x 50% bottom; } #content .post .title { background:#059fff margin:1px; padding:3px; color:#ff0000; font-size:small; text-align:center; border:3px solid #5000ff } .post .comment_link #content .post .title a { color:#ff0000 } #content .post a { color:#000000 } #content .pos p { color:#000000 } h3 { border:1px solid #5000ff; padding:2px; margin:1px; background:#059fff top; color:#000; font-size:medium } h4 { border:2px solid #5000ff; padding:2px; margin:1px; color:#000; font-size:small; background:#059fff repeat-x 50% top;} h5 { background:#fff bottom; border:3px solid #0000ff; margin:4px; padding:3px; color:#0000ff; text-align:center } .comment li { list-style-image: ¤; list-style-position:inside; background:black;border:3px solid #5000ff; text-indent:-20px; color:#ff0000; margin:2px; padding:3px } #content .post li { list-style-image: ¤; list-style-position:inside; border-bottom:1px solid 5000ff; text-indent:-20px; color:#ff0000; margin:3px; padding:3px } #comments:before { content:"Jika ada pertanyaan, silahkan tulis dalam kotak komentar."; display:block; text-align:center; background:black top; margin:1px 0 1px 0; padding:2px; border:2px #5000ff; } #comments { border:2px solid #5000ff; background:black bottom; text-align:center; margin:1px; padding:0; } .post, .title{ border:3px outset #ffff00; margin:1px 0px 0px 0px; padding:3px; text-align:center; background:#059fff top; } .comment { margin:1px; padding:0px 3px 3px 3px; font-size:small; background:black bottom; border:2px solid #5000ff; text-align:justify} #comments p { color:#ffffff } #comments a { color:#ff0000 } #comments h2 { text-transform:uppercase; border:3px outset #00ff00; background:black top; margin:1px; padding:1px 3px 1px 3px; text-align:center } #comments h2 { color:#0000ff } #comments form { background:black bottom; border-top:2px solid #5000ff } #comments form p, body form p { color:green } #comments form p input, .mobile_body #comments form p select, .mobile_body #comments form p textarea { border:2px solid #5000ff } #comments form p input[type=text], .mobile_body #comments form p select { width:100px; height:18px;color:white; background:black top; } .mobile_body #comments form p textarea { width:100px; height:70px; color:white; background:black top; } #comments form p input[type=submit] { color:white; background:black top; } .post form { background:black top; text-align:center; border:2px solid #ffffff; margin:1px; padding:1px } #comments:after { content: url(http://kripkrip/image/selamatdatang120x120.gif); display:block; text-align:center; background:black; margin:0px 1px 1px 1px; padding:1px; padding-bottom:3px; color:#0000ff; border:2px solid #5000ff; border-top:2px; background:black bottom;} #navigation { background:black bottom; border:2px solid #5000ff; margin:1px; padding:2px; text-align:left; color:#059fff} #navigation h2 { border:3px solid #5000ff; text-align:left; text-transform:uppercase; color:#ffffff; margin:0; padding:0px 2px 2px 2px; background:black top; } #navigation a { color:#ffff00 } #navigation li { list-style-image: ¤; list-style-position:inside; border-bottom:2px solid #5000ff; text-indent:-20px; margin:0 2px 0 2px } #blogroll { background:black bottom; border:3px solid #5000ff; margin:1px; padding:2px; text-align:left; color:#fff} #blogroll h2 { border:3px solid #0000ff; text-align:left; text-transform:uppercase; color:#059fff; margin:1px; padding:0px 1px 1px 1px; background:black top; } #blogroll a { color:#007700 } #footer { background:#550000 top; border:2px solid #5000ff; text-align:center; margin:1px; padding:12px 0px 2px 0px } #footer h1 a { color:#907700 } #footer p { color:#ff0000 } #footer a { color:#f5ab00 } #footer:after { content:"WWW.KRIPKRIP.HECK.IN"; display:block; text-align:center; background:black top; margin:5px 0 1px 0; padding:2px; border:3px solid #5000ff; font-size:small; color:#ffffff; text-align:center;}