fantasy layout powered by HOTFreeLayouts.com / MyHotComments ----------------------------------------------- */ /* Variable definitions ==================== */ body { background:#bca; margin:0; text-align:center; line-height: 1.5em; font: x-small Trebuchet MS, Verdana, Arial, Sans-serif; color:#000000; font-size/* */:/**/small; font-size: /**/small; } /* Page Structure ----------------------------------------------- */ /* The images which help create rounded corners depend on the following widths and measurements. If you want to change these measurements, the images will also need to change. */ #outer-wrapper { width:740px; margin:0 auto; text-align:left; font: normal normal 100% Trebuchet, Trebuchet MS, Arial, sans-serif; } #main-wrap1 { width:485px; float:left; background:#e6e6e6 url("http://www1.blogblog.com/rounders4/corners_main_bot.gif") no-repeat left bottom; margin:15px 0 0; padding:0 0 10px; color:#000000; font-size:97%; line-height:1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #main-wrap2 { float:left; width:100%; background:url("http://www1.blogblog.com/rounders4/corners_main_top.gif") no-repeat left top; padding:10px 0 0; } #main { background:url("http://www.blogblog.com/rounders4/rails_main.gif") repeat-y left; padding:0; width:485px; } #sidebar-wrap { width:240px; float:right; margin:15px 0 0; font-size:97%; line-height:1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } .main .widget { margin-top: 0; margin-right: 13px; margin-bottom: 4px; margin-left: 13px; } .main .Blog { margin: 0; } /* Links ----------------------------------------------- */ a:link { color: #9D1961; } a:visited { color: #3D81EE; } a:hover { color: #3D81EE; } a img { border-width:0; } /* Blog Header ----------------------------------------------- */ #header-wrapper { background: #476 url("http://www2.blogblog.com/rounders4/corners_cap_top.gif") no-repeat left top; margin-top:22px; margin-right:0; margin-bottom:0; margin-left:0; padding-top:8px; padding-right:0; padding-bottom:0; padding-left:0; color:#ffcc66; } #header { background:url("http://www1.blogblog.com/rounders4/bg_hdr_bot.jpg") no-repeat left bottom; padding:0 15px 8px; } #header h1 { margin:0; padding:10px 30px 5px; line-height:1.2em; font: italic bold 416% Georgia, Times, serif; } #header a, #header a:visited { text-decoration:none; color: #ffcc66; } #header .description { margin:0; padding:5px 30px 10px; line-height:1.5em; font: normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif; } /* Posts ----------------------------------------------- */ h2.date-header { margin-top:0; margin-right:28px; margin-bottom:0; margin-left:43px; font-size:85%; line-height:2em; text-transform:uppercase; letter-spacing:.2em; color:#940f04; } .post { margin:.3em 0 25px; padding:0 13px; border:1px dotted #bbbbbb; border-width:1px 0; } .post h3 { margin:0; line-height:1.5em; background:url("http://www2.blogblog.com/rounders4/icon_arrow.gif") no-repeat 10px .5em; display:block; border:1px dotted #bbbbbb; border-width:0 1px 1px; padding-top:2px; padding-right:14px; padding-bottom:2px; padding-left:29px; color: #3D81EE; font: normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif; } .post h3 a, .post h3 a:visited { text-decoration:none; color: #3D81EE; } .post h3 a:hover { background-color: #bbbbbb; color: #3D81EE; } .post-body { border:1px dotted #bbbbbb; border-width:0 1px 1px; border-bottom-color:#e6e6e6; padding-top:10px; padding-right:14px; padding-bottom:1px; padding-left:29px; } html>body .post-body { border-bottom-width:0; } .post-body { margin:0 0 .75em; } .post-body blockquote { line-height:1.3em; } .post-footer { background: #577; margin:0; padding-top:2px; padding-right:14px; padding-bottom:2px; padding-left:29px; border:1px dotted #bbbbbb; border-width:1px; font-size:100%; line-height:1.5em; color: #acb; } /* The first line of the post footer might only have floated text, so we need to give it a height. The height comes from the post-footer line-height */ .post-footer-line-1 { min-height:1.5em; _height:1.5em; } .post-footer p { margin: 0; } html>body .post-footer { border-bottom-color:transparent; } .uncustomized-post-template .post-footer { text-align: right; } .uncustomized-post-template .post-author, .uncustomized-post-template .post-timestamp { display: block; float: left; text-align:left; margin-right: 4px; } .post-footer a { color: #fff; } .post-footer a:hover { color: #eee; } a.comment-link { /* IE5.0/Win doesn't apply padding to inline elements, so we hide these two declarations from it */ background/* */:/**/url("http://www.blogblog.com/rounders4/icon_comment_left.gif") no-repeat left 45%; padding-left:14px; } html>body a.comment-link { /* Respecified, for IE5/Mac's benefit */ background:url("http://www.blogblog.com/rounders4/icon_comment_left.gif") no-repeat left 45%; padding-left:14px; } .post img { margin-top:0; margin-right:0; margin-bottom:5px; margin-left:0; padding:4px; border:1px solid #bbbbbb; } blockquote { margin:.75em 0; border:1px dotted #bbbbbb; border-width:1px 0; padding:5px 15px; color: #940f04; } .post blockquote p { margin:.5em 0; } #blog-pager-newer-link { float: left; margin-left: 13px; } #blog-pager-older-link { float: right; margin-right: 13px; } #blog-pager { text-align: center; } .feed-links { clear: both; line-height: 2.5em; margin-left: 13px; } /* Comments ----------------------------------------------- */ #comments { margin:-25px 13px 0; border:1px dotted #bbbbbb; border-width:0 1px 1px; padding-top:20px; padding-right:0; padding-bottom:15px; padding-left:0; } #comments h4 { margin:0 0 10px; padding-top:0; padding-right:14px; padding-bottom:2px; padding-left:29px; border-bottom:1px dotted #bbbbbb; font-size:120%; line-height:1.4em; color:#3D81EE; } #comments-block { margin-top:0; margin-right:15px; margin-bottom:0; margin-left:9px; } .comment-author { background:url("http://www.blogblog.com/rounders4/icon_comment_left.gif") no-repeat 2px .3em; margin:.5em 0; padding-top:0; padding-right:0; padding-bottom:0; padding-left:20px; font-weight:bold; } .comment-body { margin:0 0 1.25em; padding-top:0; padding-right:0; padding-bottom:0; padding-left:20px; } .comment-body p { margin:0 0 .5em; } .comment-footer { margin:0 0 .5em; padding-top:0; padding-right:0; padding-bottom:.75em; padding-left:20px; } .comment-footer a:link { color: #ced; } .deleted-comment { font-style:italic; color:gray; } .comment-form { padding-left:20px; padding-right:5px; } #comments .comment-form h4 { padding-left:0px; } /* Profile ----------------------------------------------- */ .profile-img { float: left; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 0; border: 4px solid #ffffff; } .profile-datablock { margin-top: 0; margin-right: 15px; margin-bottom: .5em; margin-left: 0; padding-top: 8px; } .profile-link { background:url("http://www.blogblog.com/rounders4/icon_profile_left.gif") no-repeat left .1em; padding-left:15px; font-weight:bold; } .profile-textblock { clear: both; margin: 0; } .sidebar .clear, .main .widget .clear { clear: both; } #sidebartop-wrap { background:#b3b3b3 url("http://www.blogblog.com/rounders4/corners_prof_bot.gif") no-repeat left bottom; margin:0px 0px 15px; padding:0px 0px 10px; color:#ffffff; } #sidebartop-wrap2 { background:url("http://www2.blogblog.com/rounders4/corners_prof_top.gif") no-repeat left top; padding: 10px 0 0; margin:0; border-width:0; } #sidebartop h2 { line-height:1.5em; color:#ffffff; border-bottom: 1px dotted #ffffff; font: normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif; margin-bottom: 0.5em; } #sidebartop a { color: #ffffff; } #sidebartop a:hover { color: #eeeeee; } #sidebartop a:visited { color: #eeeeee; } /* Sidebar Boxes ----------------------------------------------- */ .sidebar .widget { margin:.5em 13px 1.25em; padding:0 0px; } .widget-content { margin-top: 0.5em; } #sidebarbottom-wrap1 { background: #ffffff url("http://www.blogblog.com/rounders4/corners_side_top.gif") no-repeat left top; margin:0 0 15px; padding:10px 0 0; color: #666666; } #sidebarbottom-wrap2 { background:url("http://www1.blogblog.com/rounders4/corners_side_bot.gif") no-repeat left bottom; padding:0 0 8px; } #sidebar { background:url("http://www1.blogblog.com/rounders4/rails_side.gif") repeat-y; } #sidebar { color: #666666; } #sidebar h2 { color: #666666; border-bottom: 1px dotted #666666; margin-bottom: 0.5em; } #sidebar a { color: #c744ff; } #sidebar a:hover, #sidebar a:visited { color: #e6e6e6; } .sidebar h2 { margin:0; padding:0 0 .2em; line-height:1.5em; font:normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif; } .sidebar ul { list-style:none; margin:0 0 1.25em; padding:0; } .sidebar ul li { background:url("http://www2.blogblog.com/rounders4/icon_arrow_sm.gif") no-repeat 2px .25em; margin:0; padding-top:0; padding-right:0; padding-bottom:3px; padding-left:16px; margin-bottom:3px; border-bottom:1px dotted #bbbbbb; line-height:1.4em; } .sidebar p { margin:0 0 .6em; } /* Footer ----------------------------------------------- */ #footer-wrap1 { clear:both; margin:0 0 10px; padding:15px 0 0; } #footer-wrap2 { background:#447766 url("http://www2.blogblog.com/rounders4/corners_cap_top.gif") no-repeat left top; color:#ffcc66; } #footer { background:url("http://www.blogblog.com/rounders4/corners_cap_bot.gif") no-repeat left bottom; padding:8px 15px; } #footer hr {display:none;} #footer p {margin:0;} #footer a {color:#ffcc66;} #footer .widget-content { margin:0; } /** Page structure tweaks for layout editor wireframe */ body#layout #main-wrap1, body#layout #sidebar-wrap, body#layout #header-wrapper { margin-top: 0; } body#layout #header, body#layout #header-wrapper, body#layout #outer-wrapper { margin-left:0, margin-right: 0; padding: 0; } body#layout #outer-wrapper { width: 730px; } body#layout #footer-wrap1 { padding-top: 0; } -->

Myspace Cursors @ JellyMuffin.comMyspace Layouts & cursors
JellyMuffin.com - The place for profile layouts, flash generators, glitter graphics, backgrounds and codes
##########

Jumaat, Ogos 28, 2009

motivasi: Kisah Dunia

Hassan Al-Basri mengirim surat kepada Umar bin Abdul Aziz.
“Amma Ba’d,
Sesungguhnya dunia ini adalah seabuah rumah yang busuk. Sesungguhnya bukan rumah tempat berteduh. Adam diturunkan ke sini sebagai seksaan.
Takutlah PadaNya, Wahai Aminrul Mukminin. Bekalan untuk Akhirat adalah dengan meninggalkannya. Kaya harta bererti fakir kepadaNya. Setiap waktu ia membunuh. Menghina orng yang memulaikannya. Membuat fakir orang yang mengumpulkannya. Ia racun yang diteguk oleh orang yang tidak mengetahuinya sehingga ia mati olehnya.
Hendaklah di situ engkau sebagai orang yang hendak mengubati lukanya. Menahan sedikit kepanasan takut bencana itu berpanjangan. Sabar atas pahitnya ubat kerana tidak ingin sakit berlama-lama.
Waspadalah, inilah tempat pengkhianat yang dengan pintarnya menipu, memfitnah dan memasang jerat. Mencumbu pelamanya bagai pengantin saja, membuat mata memandang, hati melayang dan jiwa pun rindu padanya.
Ia menglhiamat semua suaminya yang dalu dan tidak setia pada dengan suaminya yang kini. Ketika orang arif mengetahui halnya pasti akan menjauhinya. Adapun orng yang merindukannya pasti akan mabuk kepayang dan lupa daratan.
Ia asyik bercumbu dengannya hingga langkahnya terhenti dan penyesalannya amat mendalam, menunggu datangnya ajal, sakitnya sakaratul maut dan di dalam kerugian,Dia tidak menemukan apa-apa yang dicari, tidak mengereti akan kelelahan. Dia meninggalkan tanpa bekalan.
Takutlah ia Wahai Amirul Mukminin!
Ambillah secukupnya!
Takutlah menjadi hambanya.Pemilik dunia ketika mengharapkan kebahgiaan tetapi dapat kesedihan. Ancamannya hanya gertakan saja. Janjinya hanay palsu saja. Akhirnya kemakmurannya adalah bencana dan kekalannya menuju kepada fana. Kebahgiaannya adalah perangkap kedukaan di mana orang tidak boleh maju atau mundur. Lalu ia melihat kankinya itu bohong, angan-angannya kosong, kebersihannya kotor dan kehidupannya menyusahkan.”

Sumber: Dari Iman Al Ghazali bukunya Mukasyaraf Al Qulub

Tiada ulasan: