version 23: Turkish Delight

posted on 10 Jul 2008 20:41 by ambiguous in theme, translation

a new theme, just for a quick update

ตั้งชื่อนี้เพราะรูปถ่ายที่ตุรกี
แล้วก็เลยนึกถึงขนม Turkish Delight กับหนังเรื่อง Narnia
ส่วนเพลงนี้ soundtrack ของ Narnia ภาคแรก
แปลมั่วน่าดูเลยทีเดียว ฟังแต่เพลงอาจจะดีกว่า...

...

ฉันตามหาเหตุผลมานานเกินไปแล้ว
ฉันปล่อยให้โลกหดลงรอบแผ่นฟ้าผืนเล็กๆ
แต่ตอนนี้ฉันได้ออกไปนอกกำแพง ไปยังที่ที่ฉันไม่เคยไปมาก่อน
และในแดนมหัศจรรย์นี้ก็ยังเป็นฤดูหนาว

ฉันกำลังเฝ้ารอให้โลกสูญสลาย
เฝ้ารอให้ทิวทัศน์เปลี่ยนไป
เฝ้ารอให้เกิดสีสัน
เฝ้ารอให้โลกนี้ถูกทำลายไป

ฉันหลับตาลงและพยายามมองหาโลกที่สวยงามเบื้องล่าง
โลกที่ห่างไกลออกไปนั้นอาจช่วยชีวิตฉันในตอนนี้
ท้องฟ้าที่ถูกระบายเป็นสีฟ้าดูสมจริงเกินไป
และเมฆไม่เคยเปลี่ยนรูปร่างตัวฉันต่อหน้าพระเจ้า

ฉันกำลังเฝ้ารอให้โลกสูญสลาย
เฝ้ารอให้ทิวทัศน์เปลี่ยนไป
เฝ้ารอให้เกิดสีสัน
เฝ้ารอให้โลกนี้ถูกทำลายไป

เมื่อฉันจับแสงของดาวตก ภาพนั้นก็เปลี่ยนแปลงฉัน
เปลี่ยนแปลงฉัน

ฉันกำลังเฝ้ารอ

- Waiting for the World to Fall, Jars of Clay

...

pic: a street in Turkey, mom, photoshoped
brush: จำไม่ได้แล้ว...

* รูปอยู่ที่ photobucket ค่ะ save แล้วย้ายได้เลย
* ไม่ได้ออกแบบ 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, strong, 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;
}

/* General */
body {
    color:#b7aeac;
    font:12px Tahoma, "MS Sans Serif";
    line-height:1.5em;
    text-align:center;
    background-color: #ffffff;
    background: url(http://i7.photobucket.com/albums/y267/nacrelet/blog/turkey.jpg) left top no-repeat fixed;
}

a:link, a:visited{
    color:#315484;
    text-decoration:none;
}

a:hover, a:active{
    color:#ffffff;
    background-color:#315484;
    text-decoration:none;
}

#page{
    margin:auto;
    text-align:left;
    float: left;
    padding-left: 430px;
}

#header, #neck, #belly, #leg, #footer{
    float:left;
    width:600px;
    border-right:1px dashed #315484;
    border-left:1px dashed #315484;
}

/*====================================*/
/* Header */

#header{
    padding:5px 0px 0px 0px;
    text-align:right;
     position:relative;
}

#header h1 a{
    color:#315484;
    font-size:14px;
    margin-right: 10px;
}

#header h1 a:hover{
    color:#ffffff;
    background-color:#315484;
    text-decoration:none;
}

#header h2{
    font-size:10px;
    margin:5px 0px 5px 0px;
}

#coverimage{
    margin-left:25px !important;
    margin-left:0px; /*Fix IE Bug*/
}

/*====================================*/
/* Neck Menu */

#neck{
}

#neck .module{
    display:inline;
    float:left;
    margin:0px 5px 0px 0px;
    padding:2px 0px 5px 0px;
    width:600px;
    border-top: 1px dashed #a69c90;
    border-bottom: 1px dashed #a69c90;
}

#neck .module ul{
    display:inline;
    margin:0px;
    padding:0px;
}

#neck .module h2{
    display:none;
}

#neck .module li{
    border-right:1px solid #a69c90;
    display:inline;
    padding:0px 10px 0px 10px;
}

/*====================================*/
/* Content */

#belly{
}

#content{
    display:inline;
    float:left;
    margin:10px 15px 0px 5px;
    width:420px;
    /*Fix too large image makes content drop problem in IE*/
    overflow:visible !important;
    overflow:hidden;
}

.entry{
    float:left;
    margin-bottom:15px;
    border-bottom: 1px dashed #b7aeac;
}

.entry .title{
    display:block;
    float:left;
    margin-bottom:10px;
    width:100%;
}

.entry .title h2{
    font-size:14px;
    background: url(http://i7.photobucket.com/albums/y267/nacrelet/blog/turkeypoint.jpg) no-repeat left bottom;
    padding-left: 22px;
}

.entry .title h2 a{
    color:#315484;
}

.entry .title h2 a:hover{
}

.entry .title span{
    color:#b7aeac;
    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;
    width:400px;
}

.entry .info .coms{
    float:right;
}

/*====================================*/
/* Sidebars */

#sidebar, #sidebar2{
    display:inline;
    float:right;
    margin:5px 5px 0px 0px;
    width:150px;
}

#sidebar2{
    display:none;
}

#sidebar .module, #sidebar2 .module{
    margin:5px 5px 15px 5px;
}

#sidebar .module ul, #sidebar2 .module ul{
    margin:5px 0px 0px 5px;
    padding:0;
    list-style: none;
    text-align: right;
}

#sidebar .module h2, #sidebar2 .module h2{
    border-bottom: 1px dashed #a69c90;
    font-size:13px;
    background: url(http://i7.photobucket.com/albums/y267/nacrelet/blog/turkeypoint.jpg) no-repeat right bottom;
    padding-right: 22px;
    text-align: right;
}

a.archive{
    background:url() no-repeat;
}
/*====================================*/
/* Configure each module */

/* Profile */
#profile{
    width:95%;
    height:64px;
    text-align:right;
}

#profile img{
    float:right;
    margin-left:10px;
}

#profile span{
    display:block;
}

#profile .info{
    width:100% !important;
    width:60%;
}

/* Tags */
#tags li{
    display:inline;
    margin-right:5px;
}

/*====================================*/
/* Comment Form */

#commentform{
    border: 1px dashed #a69c90;
    width:100%;
    float:left;
}

#commentform form{
    margin:8px;
}

#commentform h3{
    font-size:12px;
    font-weight:bold;
}

#commentform .formrow{
    padding:0px;
}

#commentform label{
    float:left;
    width:80px;
}

#commentform input.textbox{
    width:150px;
}

#commentform textarea{
    width:310px;
    height:150px;
    border: 1px dashed #a69c90;
}

/*====================================*/
/* Comment (Showing Area) */

.comment{
    border-bottom: 1px dashed #a69c90;
    float:left;
    margin:5px 0px 5px 0px;
    padding-bottom:5px;
    width:100%;
}

.comment .post{
    float:right;
    width:300px;
}

.comment .post p{
    margin-bottom:10px;
}

.comment .info{
    float:left;
    font-size:10px;
    width:100px;
    margin:0px 10px 0px 10px;
}

.comment .info img{
    width:32px;
}

/*====================================*/
/* Leg Menu */
#leg{
    background:#ffffff;
}

#leg .module{
    background:#;
    display:inline;
    float:left;
    margin:0px 0px 0px 25px;
    padding:2px 0px 5px 0px;
    width:680px;
}

#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 #a69c90;
    display:inline;
    padding:0px 10px 0px 10px;
}

/*====================================*/
/* Footer */

#footer{
    height:40px;
}

#footer p{
    font-size:10px;
    text-align:center;
    margin:5px 5px 0px 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)
}