version 25: Sleep
posted on 21 Feb 2009 21:00 by ambiguous in themeข้าพระองค์จะเอนกายลงและนอนหลับด้วยความสงบสุข
ข้าแต่องค์พระผู้เป็นเจ้า+ เพราะพระองค์ผู้เดียว
ทรงทำให้ข้าพระองค์อาศัยอยู่อย่างปลอดภัย
-สดด.4:8
one of my favorite verses from last year inspires this theme
too dark for my liking though,
and that means i'll probably change it soon.
=)
pic: Toa Pa Yoh by D4D1, DeviantArt
font: Beyond Wonderland
brush: .... sorry, can't remember
words: a children's prayer i memorized from a book i've now lost. wiki says it goes way back to the 18th century...
* ไม่มี header และ neck menu
* ไม่ได้ออกแบบ bottom menu, sidebar#2 ไว้
* view ด้วย Firefox เท่านั้น
/* Simple Reset - Not Editable*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight:normal;
}
/* General */
body {
color:#ffffff;
font:12px Tahoma, "MS Sans Serif";
line-height:1.5em;
text-align:center;
background-color: #060612;
}
a:link, a:visited{
color:#c6c9f4;
text-decoration:none;
}
a:hover, a:active{
color:#ffffff;
text-decoration:none;
}
#page{
margin:auto;
text-align:left;
width:900px;
}
#header, #neck, #belly, #leg, #footer{
float:left;
width:900px;
}
/*======================================*/
/* Header */
#header{
display:none;
}
#header h1 a{
}
#header h1 a:hover{
}
#header h2{
display:none;
}
#coverimage{
background:url();
}
/*======================================*/
/* Neck Menu */
#neck{
}
#neck .module{
display:none;
}
#neck .module ul{
display:none;
}
#neck .module h2{
display:none;
}
#neck .module li{
}
/*======================================*/
/* Content */
#belly{
background:url(http://i7.photobucket.com/albums/y267/nacrelet/blog/sleep.jpg) no-repeat top left;
}
#content{
display:inline;
float:left;
margin:10px;
width:470px;
/*Fix too large image makes content drop problem in IE*/
overflow:visible !important;
overflow:hidden;
}
.entry{
float:right;
margin-bottom:15px;
border-bottom:1px solid #ffffff;
}
.entry .title{
display:block;
float:left;
margin-bottom:10px;
width:100%;
}
.entry .title h2{
background: url(http://i7.photobucket.com/albums/y267/nacrelet/blog/sleeppoint.png) no-repeat left center;
width:96%;
font-size:16px;
padding:4px 0px 4px 21px;
border-bottom:1px solid #ffffff;
}
.entry .title h2 a{
color:#c6c9f4;
width:100%;
}
.entry .title h2 a:hover{
color:#ffffff;
width:100%;
}
.entry .title span{
color:#a5a5a5;
font-size:10px;
}
.entry .post{
float:left;
}
.entry .post p{
margin-bottom:10px;
}
.entry .info{
float:left;
width:100%;
}
.entry .info .tag{
float:left;
font-size:10px;
}
.entry .info .coms{
float:right;
}
/*======================================*/
/* Sidebars */
#sidebar, #sidebar2{
background-image: url();
display:inline;
float:left;
margin:12px;
padding-top:670px;
width:380px;
text-align:right;
}
#sidebar2{
display:none;
}
#sidebar .module, #sidebar2 .module{
margin:10px;
}
#sidebar .module ul, #sidebar2 .module ul{
margin:5px 0px 0px 5px;
padding:0px;
list-style: none;
}
#sidebar .module h2, #sidebar2 .module h2{
padding:1px 20px 1px 1px;
background: url(http://i7.photobucket.com/albums/y267/nacrelet/blog/sleeppoint.png) no-repeat right center;
}
a.archive{
}
/*======================================*/
/* Configure each module */
/* Profile */
#profile{
width:95%;
height:64px;
}
#profile img{
float:right;
margin-right:10px;
margin-left:15px;
}
#profile span{
display:block;
}
#profile .info{
width:100% !important;
width:60%;
}
/* Tags */
#tags li{
display:inline;
margin-right:5px;
}
/*======================================*/
/* Comment Form */
#commentform{
width:100%;
background:url();
float:left;
}
#commentform form{
margin:5px;
}
#commentform h3{
font-size:16px;
font-weight:bold;
}
#commentform .formrow{
border-top:1px solid #7b7b7b;
padding:2px;
}
#commentform label{
float:left;
width:130px;
}
#commentform input.textbox{
width:150px;
}
#commentform textarea{
width:310px;
height:150px;
background-color: #060612;
color:#ffffff;
border: 1px solid #c6c9f4;
}
/*======================================*/
/* Comment (Showing Area) */
.comment{
border-bottom:1px solid #7b7b7b;
float:left;
margin:5px 0px 5px 0px;
padding-bottom:5px;
width:100%;
}
.comment .post{
float:right;
width:330px;
}
.comment .post p{
margin-bottom:10px;
}
.comment .info{
float:left;
font-size:10px;
width:120px;
margin-right:10px;
}
.comment .info img{
width:32px;
}
/*======================================*/
/* Leg Menu */
#leg{
background:url() top left;
}
#leg .module{
background:#;
display:inline;
float:right;
margin:0px 0px 0px 25px;
padding:2px 0px 5px 0px;
width:800px;
}
#leg .module ul{
display:inline;
margin:0px;
padding:0px;
}
#leg .module h2{
font-size:12px;
font-weight:bold;
display:inline;
}
#leg .module li{
border-right:1px solid #ababb1;
display:inline;
padding:0px 10px 0px 10px;
}
/*======================================*/
/* Footer */
#footer{
background:url(http://i7.photobucket.com/albums/y267/nacrelet/blog/sleepfooter.jpg) bottom right no-repeat;
height:95px;
}
#footer p{
display:none;
background:url();
font-size:10px;
text-align:center;
margin:5px 25px 0px 25px;
padding:5px;
}
/*======================================*/
.navbar{
float:left;
}
.commentmanage{
clear:both;
}
/*PNG support for IE*/
#header, #neck, #belly, #leg, #footer { behavior: url(/global/iepngfix.htc) }
#sidebar .module h2, #sidebar2 .module h2{
behavior: url(/global/iepngfix.htc)
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight:normal;
}
/* General */
body {
color:#ffffff;
font:12px Tahoma, "MS Sans Serif";
line-height:1.5em;
text-align:center;
background-color: #060612;
}
a:link, a:visited{
color:#c6c9f4;
text-decoration:none;
}
a:hover, a:active{
color:#ffffff;
text-decoration:none;
}
#page{
margin:auto;
text-align:left;
width:900px;
}
#header, #neck, #belly, #leg, #footer{
float:left;
width:900px;
}
/*======================================*/
/* Header */
#header{
display:none;
}
#header h1 a{
}
#header h1 a:hover{
}
#header h2{
display:none;
}
#coverimage{
background:url();
}
/*======================================*/
/* Neck Menu */
#neck{
}
#neck .module{
display:none;
}
#neck .module ul{
display:none;
}
#neck .module h2{
display:none;
}
#neck .module li{
}
/*======================================*/
/* Content */
#belly{
background:url(http://i7.photobucket.com/albums/y267/nacrelet/blog/sleep.jpg) no-repeat top left;
}
#content{
display:inline;
float:left;
margin:10px;
width:470px;
/*Fix too large image makes content drop problem in IE*/
overflow:visible !important;
overflow:hidden;
}
.entry{
float:right;
margin-bottom:15px;
border-bottom:1px solid #ffffff;
}
.entry .title{
display:block;
float:left;
margin-bottom:10px;
width:100%;
}
.entry .title h2{
background: url(http://i7.photobucket.com/albums/y267/nacrelet/blog/sleeppoint.png) no-repeat left center;
width:96%;
font-size:16px;
padding:4px 0px 4px 21px;
border-bottom:1px solid #ffffff;
}
.entry .title h2 a{
color:#c6c9f4;
width:100%;
}
.entry .title h2 a:hover{
color:#ffffff;
width:100%;
}
.entry .title span{
color:#a5a5a5;
font-size:10px;
}
.entry .post{
float:left;
}
.entry .post p{
margin-bottom:10px;
}
.entry .info{
float:left;
width:100%;
}
.entry .info .tag{
float:left;
font-size:10px;
}
.entry .info .coms{
float:right;
}
/*======================================*/
/* Sidebars */
#sidebar, #sidebar2{
background-image: url();
display:inline;
float:left;
margin:12px;
padding-top:670px;
width:380px;
text-align:right;
}
#sidebar2{
display:none;
}
#sidebar .module, #sidebar2 .module{
margin:10px;
}
#sidebar .module ul, #sidebar2 .module ul{
margin:5px 0px 0px 5px;
padding:0px;
list-style: none;
}
#sidebar .module h2, #sidebar2 .module h2{
padding:1px 20px 1px 1px;
background: url(http://i7.photobucket.com/albums/y267/nacrelet/blog/sleeppoint.png) no-repeat right center;
}
a.archive{
}
/*======================================*/
/* Configure each module */
/* Profile */
#profile{
width:95%;
height:64px;
}
#profile img{
float:right;
margin-right:10px;
margin-left:15px;
}
#profile span{
display:block;
}
#profile .info{
width:100% !important;
width:60%;
}
/* Tags */
#tags li{
display:inline;
margin-right:5px;
}
/*======================================*/
/* Comment Form */
#commentform{
width:100%;
background:url();
float:left;
}
#commentform form{
margin:5px;
}
#commentform h3{
font-size:16px;
font-weight:bold;
}
#commentform .formrow{
border-top:1px solid #7b7b7b;
padding:2px;
}
#commentform label{
float:left;
width:130px;
}
#commentform input.textbox{
width:150px;
}
#commentform textarea{
width:310px;
height:150px;
background-color: #060612;
color:#ffffff;
border: 1px solid #c6c9f4;
}
/*======================================*/
/* Comment (Showing Area) */
.comment{
border-bottom:1px solid #7b7b7b;
float:left;
margin:5px 0px 5px 0px;
padding-bottom:5px;
width:100%;
}
.comment .post{
float:right;
width:330px;
}
.comment .post p{
margin-bottom:10px;
}
.comment .info{
float:left;
font-size:10px;
width:120px;
margin-right:10px;
}
.comment .info img{
width:32px;
}
/*======================================*/
/* Leg Menu */
#leg{
background:url() top left;
}
#leg .module{
background:#;
display:inline;
float:right;
margin:0px 0px 0px 25px;
padding:2px 0px 5px 0px;
width:800px;
}
#leg .module ul{
display:inline;
margin:0px;
padding:0px;
}
#leg .module h2{
font-size:12px;
font-weight:bold;
display:inline;
}
#leg .module li{
border-right:1px solid #ababb1;
display:inline;
padding:0px 10px 0px 10px;
}
/*======================================*/
/* Footer */
#footer{
background:url(http://i7.photobucket.com/albums/y267/nacrelet/blog/sleepfooter.jpg) bottom right no-repeat;
height:95px;
}
#footer p{
display:none;
background:url();
font-size:10px;
text-align:center;
margin:5px 25px 0px 25px;
padding:5px;
}
/*======================================*/
.navbar{
float:left;
}
.commentmanage{
clear:both;
}
/*PNG support for IE*/
#header, #neck, #belly, #leg, #footer { behavior: url(/global/iepngfix.htc) }
#sidebar .module h2, #sidebar2 .module h2{
behavior: url(/global/iepngfix.htc)
}
Tags: theme15 Comments
#1 By มุก on 2009-02-21 21:38