@import url( "http://www.mocasting.com/main/wp-content/sitetemplates/rin/templates/wp-layout.css" );
/*
Theme Name: Rin
Theme URI: http://www.brokenkode.com/rin/
Description: Nebula flavoured Rin
Version: 1.0
Author: Khaled Abou Alfa
Author URI: http://www.brokenkode.com/
Rin Credits -
Rin is an extension of the original Manji theme. The development was
done by Khaled Abou Alfa and Joshua. Originally released 30th January 2005.
Original Manji Credits -
The Manji template designed by Khaled Abou Alfa (www.brokenkode.com)
and Root (www.atthe404.com/blog); Root is currently offline. Please go read the
FAQ on www.brokenkode.com/board for further information.
Joshua (aka Alphaoide) has been helping complete this project in the wake of
Root's disappearance.
Also a big shout out to Franchesco Anselmo & David Prince for their invaluable
support.
Also I've got to thank the wordpress forums for all the little help in solving
loads of questions we had when creating this theme.
License -
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
Theme for blogging software. Initially released for Wordpress.
Copyright (C) 2004 khaled abou alfa.
This program is free software; you can redistribute it and/or modify it under
the terms of the GNU General Public License as published by the Free Software
Foundation, version 2 of the License.
This program is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
PARTICULAR PURPOSE. See the GNU General Public License for more details.
*/
/* <<<<<<<<<<<<<<<<<<<<<<<<<< Structural Layout >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
body {
background: #fff;
margin: 0;
padding: 0;
/*text-align: center;*/ /* IE hack Part 1 */
}
/*---------------------------- Site Navigation -------------------------------*/
#hnav {
width: 750px;
/*margin: 8px auto; */
margin:8px 8px 8px 100px;
height: 23px;border-bottom: 1px solid #ccced2;
border-left: 1px solid #f5f6f7;
border-right: 1px solid #ccced2;
}
#header {
float: left;
width: 235px;
margin: 0px;
padding: 0px;
text-align: left;
height: 20px;
}
#hmenu {
margin: 2px 5px 0 0;
text-transform:lowercase;
text-align: right;
float: right;
width: 440px;
}
#masthead {
width: 750px;
height: 1px;
margin: 0px 0px 0px 100px;
padding: 0;
}
/*------------------------------- Main Body ----------------------------------*/
#container {
width: 750px;
/*margin: 10px auto;*/
margin:8px 8px 8px 100px;
background: #f5f6f7;
border-left: 1px solid #d5d7db;
border-right: 1px solid #d5d7db;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .70em;
text-align: left; /* IE hack Part 2 */
border-top: 15px solid #d5d7db;
border-bottom: 15px solid #d5d7db;
}
#topcontentdouble {
float: right;
width: 525px;
height: 27px;
background: #f5f6f7 url(/main/wp-content/sitetemplates/rin/img/header_whole2.gif) no-repeat right top;
margin: 9px 10px 0 0;
display: inline;
}
#topcontent {
width: 730px;
background: #f5f6f7 url(/main/wp-content/sitetemplates/rin/img/header_whole.gif) no-repeat top;
margin: 9px auto 0 auto;
height: 27px;
}
#content {
float: right;
width: 525px;
background: #ffffff;
margin: 0 10px 0 0;
display: inline;
}
.contentright {
padding-left:10px;
}
#bottomcontentdouble {
display: inline;
float: right;
width: 525px;
background: #f5f6f7 url(/main/wp-content/sitetemplates/rin/img/bottom_whole2.gif) no-repeat -40px 0;
margin: 0 10px 9px 0;
height: 27px;
}
#singlecontent {
width: 730px;
background: #ffffff;
padding-top:0;
margin: 0 auto;
}
.post {
margin-top: 0px;
margin-left: 10px;
margin-right: 20px;
margin-bottom: 80px;
}
.singlepost {
margin: 0px 105px 80px 105px;
}
#bottomcontent {
width: 730px;
background: #f5f6f7 url(/main/wp-content/sitetemplates/rin/img/bottom_whole.gif) no-repeat top;
margin: 0px auto 0px auto;
padding-bottom: 9px;
height: 27px;
}
.meta {
font-size: .9em;
line-height: 18px;
}
.feedback {
float: right;
font-size: 1.0em;
line-height: 35px;
}
.author {
width: 200px;
float: right;
text-align: right;
}
/*---------------------------- Page Navigation -------------------------------*/
.postnavigation {
height: 45px;
}
.left {
float: left;
padding-left: 105px;
}
.right {
float: right;
padding-right: 105px;
}
.leftdouble {
float: left;
padding-left: 10px;
}
.rightdouble {
float: right;
padding-right: 10px;
}
/* ------------------------------ menubars -----------------------------------*/
#menubar {
position: relative;
float: left;
width: 200px;
margin: 0 0 0 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.0em;
text-align: left; /* IE hack Part 2 */
display: inline;
}
#menubar ul {
position: relative;
}
#menubar ul li {
list-style-type: none;
list-style-image: none;
}
#menubar ul, #menubar ul li {
margin: 0;
padding: 0;
}
#menubar ul li {
margin:5px;
}
#menubar ul li ul{
background: #fff;
/*margin: 0 5px 0 0;*/
/*padding: 10px 5PX 15px 5px; */
padding:5px;
}
#menubar h2 {
background: url(/main/wp-content/sitetemplates/rin/img/navgradient.jpg) repeat-x top;
height: 16px;
margin: 10px 5px 0 0px;
padding: 5px 0 1px 5px;
color: #8B9198;
border-bottom: 1px solid #fff;
}
/*
The following is the fix
for 3-pixel-jog bug in IE
*/
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #content {
/*margin-right: 7px;*/
}
* html #menubar {
height: 1%;
}
/* End hide from IE5/mac */
#menubar ul li ul li{
margin: 4px 10px 4px 10px;
display: block;
background: url(/main/wp-content/sitetemplates/rin/img/bullet.jpg) no-repeat;
padding: 0 0 0 18px;
}
#menubar ul li ul li a{
display: block;
height:1%; /* IE WIN */
}
#menubar ul li ul li a:hover{
background: #F0F0F0;
text-decoration: none;
}
#menubar ul li ul li ul {
margin: 0;
padding: 0;
}
/* ------------------------------ Comments -----------------------------------*/
#response {
/*margin: 0px 110px;*/
margin:20px;
width:480px;
}
#commentlist {
padding: 0px 10px 0px 10px;
margin-left: 10px;
margin-right: 10px;
color: #7b7b7b;
list-style-type: none;
text-align: justify;
}
#commentlist li p{
padding: 0px;
margin: 8px 0px 0px 0px;
}
.commentname {
width: 220px;
float: left;
font-size: 0.9em;
margin: 0;
padding: 0 0 2px 0;
}
.commentinfo{
width: 250px;
float: right;
text-align: right;
}
.commenttext {
clear: both;
padding-top: 0px;
margin-top: 0px;
margin-bottom: 70px;
border-top: 1px solid #e4ebef;
text-align:left;
line-height:16px;
width:430px;
overflow:hidden;
}
/* ----------------------------- Comment Form ------------------------------- */
h2#postcomment {
background: #FFFFFF url(/main/wp-content/sitetemplates/rin/img/comments.gif) no-repeat center top;
margin: 40px 0px 0px 0px;
padding: 0 0 20px 10px;
}
#commentform {
background: #f5f6f7;
padding: 1px 20px;
margin-top: 0px;
margin-bottom: 0px;
}
#commentboxes {
width: 200px;
float: left;
color: #7b7b7b;
font-size: 0.9em;
}
p.instructions {
margin: 14px 0 0 200px;
color: #7b7b7b;
font-size: 0.9em;
text-align: justify;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #d5d7db;
padding-left: 15px;
position: relative;
}
#inputbox {
clear: both;
color: #7b7b7b;
font-size: 0.9em;
}
#button{
padding-top: 0.5em;
}
#commentsbottom {
background: #FFFFFF url(/main/wp-content/sitetemplates/rin/img/commentsdown.gif) no-repeat center top;
margin: 0;
padding: 0;
height: 22px;
}
/* --------------------------- 'menubar' Structure -------------------------- */
#menu {
width: 750px;
height: 45px;
/*background: #F0F0F0 url(/main/wp-content/sitetemplates/rin/img/bottomgradient.jpg) repeat-x top;*/
border-top: 1px solid #d1d4d9;
border-right: 1px solid #d5d7db;
border-bottom: 2px solid #d5d7db;
border-left: 1px solid #d1d4d9;
}
#searchform {
float: left;
margin-top: 12px;
padding-left: 20px;
}
#topimage {
margin: 2px 0 0 0;
cursor: pointer;
width: 60px;
height: 40px;
background: url(/main/wp-content/sitetemplates/rin/img/topbutton.gif) no-repeat top;
float: right;
padding-right: 9px;
padding-top: 3px;
}
#topimage a{
display:block;
height:100%;
overflow:hidden;
text-decoration:none;
}
/* ------------------------------- Credits ---------------------------------- */
#footer {
/*margin: 10px auto;*/
margin:8px 8px 8px 100px;
width: 750px;
font-size: .8em;
background: #F0F0F0 url(/main/wp-content/sitetemplates/rin/img/bottomgradient.jpg) repeat-x top;
}
#footer p {
margin-top: 0;
}
.clearer {
clear: both;
line-height: 0px;
}
/*------------------------------ H Menu Styling ----------------------------- */
#top {
display: inline;
list-style-type: none;
}
#hnav ul li{
display: inline;
}
#hnav ul li a {
color: #919191;
text-decoration: none;
padding: 5px 0px 5px 30px;
font-size: 0.7em;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
}
#hnav ul li a:hover {
color: #bfbfbf;
}
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<< Typography >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* ------------------------------- General ---------------------------------- */
a {
color: #005D93;
text-decoration: none;
}
a:hover {
color: #990000;
text-decoration: underline;
}
top a {
border: 0;
text-decoration: none;
}
blockquote {
background: #f5f6f7;
padding: 10px 20px;
}
code {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1.0em;
}
h1 a {
margin: 0;
padding: 0;
text-decoration: none;
color: #6f6f6f;
}
h2 {
color: #005D93;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
margin-bottom: 0px;
margin-top: 40px;
margin-left: 10px;
}
.singlepost h2{
margin-top: 0px;
}
h3 {
text-align: left;
color: #005D93;
margin: 0;
margin-top: 3px;
padding: 0;
font-size: 0.9em;
line-height: 26px;
font-weight: normal;
}
/* ------------------------------Site Navigation ---------------------------- */
#blogtitle {
margin: 0;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 0.7em;
}
#blogtitle a{
font-weight: bold;
}
#blogtitle a:hover{
color: #bfbfbf;
font-weight: bold;
text-decoration: none;
}
/* -------------------------------- Main Body ------------------------------- */
.post, .singlepost{
color: #3f3f3f;
text-align: left;
}
.posted {
color: #555555;
}
.title a {
text-align: left;
height: 20px;
color: #444444;
display: block;
text-decoration: none;
font-size: 1.6em;
padding-top: 8px;
}
.title a:hover {
color: #005D93;
}
.storycontent {
border-bottom: 1px solid #BBBBBB;
padding: 0px 0px 5px 0px;
font: 1.1em Arial, Helvetica, sans-serif;
line-height: 18px;
}
.singlepost p {
margin-top: 0;
}
.singlepages p {
color: #3f3f3f;
text-align: left;
margin: 0px 105px 80px 105px;
line-height: 20px;
font: 1.2em Arial, Helvetica, sans-serif;
}
.storycontent a {
text-decoration: none;
}
.storycontent a:hover {
text-decoration: underline;
}
.storycontent a:visited {
color: #000000;
}
/* ----------------------------- Page Navigation ---------------------------- */
.left a{
color: #990000;
font-size: 0.9em;
}
.right a{
font-size: 0.9em;
color: #990000;
}
.leftdouble a{
color: #990000;
font-size: 0.9em;
}
.rightdouble a{
font-size: 0.9em;
color: #990000;
}
/* -------------------------------- Comments ------------------------------- */
.commentauthor {
font-weight: bold;
font-size: 1.2em;
padding: 0 0 2px 0;
margin: 0;
color: #000000;
}
.commentauthor a{
font-weight: bold;
margin: 0;
padding: 0 20px 0 0;
background: url(/main/wp-content/sitetemplates/rin/img/icon.jpg) no-repeat top right;
}
.commentdate {
font-size: 0.8em;
text-align: right;
line-height: 18px;
padding: 0;
margin: 0;
}
#nocomment, #commentsclosed {
text-align: center;
color: #7b7b7b;
font-size: 1.1em;
}
/* ------------------------------ Comments Form ----------------------------- */
#comment {
/*width: 465px;*/
width:280px;
}
#comment, #author, #url, #email, #press{
background: #e7e9ed;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #7b7b7b;
padding: 1px 2px 1px 1px;
}
#comment, #author, #url, #email{
border: 1px solid #d5d7db;
}
#comment:hover, #author:hover, #url:hover, #email:hover{
border: 1px solid #7b7b7b;
}
#comment:focus, #author:focus, #url:focus, #email:focus{
background: #FFFFFF;
border: 1px solid #000000;
color: #7b7b7b;
padding: 1px 2px 1px 1px;
}
#commentboxes p {
margin: 0;
padding-bottom: 0.9em;
}
h2#comments{
margin-bottom:40px;
}
p.feeds {
float: right;
margin-top: -1.8em;
font-size: 0.9em;
}
p.feeds a, p.feeds a:hover {
text-decoration: none;
}
p.feeds a:hover {
color: #000000;
}
#inputbox {
clear: both;
color: #7b7b7b;
font-size: 0.9em;
}
#inputbox a {
color: #7b7b7b;
}
#inputbox a:hover {
color: #FFFFFF;
}
p.inputbox {
margin: 0;
padding-bottom: 10px;
}
p.pages {
margin: 0;
padding: 40px 40px;
padding-top: 0;
text-align: center;
}
p.pages a {
color: #005D93;
}
/* -------------------------------- Credits --------------------------------- */
p.credits {
padding: 0px 0px;
text-align: center;
margin: 10px 0px;
color: #9e9e9e;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
}
p.wordpress {
margin: 0;
padding: 0;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #d5d7db;
}
/* --------------- Search/Archives/Categories Results Pages ------------------*/
.searchresult {
padding: 30px 0 0 0;
margin:0;
}
.searchresult a{
color: #000000;
}
.searchinfo {
font-size: .9em;
line-height: 18px;
padding: 0 0 2px 0;
color: #000000;
margin: 0 ;
}
.searchdetails {
font-size: .9em;
line-height: 18px;
padding: 0 0 2px 0;
color: #000000;
margin: 0 ;
border-bottom: 1px solid #BBBBBB;
}
/*--------------------------- 'Comment Edit' Buttons ------------------------ */
#ed_toolbar {
background: #d5d7db;
border: 1px solid #d5d7db;
padding-left: 5px;
}
#ed_bold {
background: url(/main/wp-content/sitetemplates/rin/img/bold.gif) no-repeat top;
height: 22px;
width: 22px;
border: 0px none;
}
#ed_italic {
background: url(/main/wp-content/sitetemplates/rin/img/italic.gif) no-repeat top;
height: 22px;
width: 22px;
border: 0px none;
margin-left: 5px;
}
#ed_link {
background: url(/main/wp-content/sitetemplates/rin/img/link.gif) no-repeat top;
height: 22px;
width: 22px;
border: 0px none;
margin-left: 5px;
}
#ed_close{
background: url(/main/wp-content/sitetemplates/rin/img/close.gif) no-repeat top;
height: 22px;
width: 22px;
border: 0px none;
margin-left: 25px;
}
/*
This piece of code is for clearing
the floats without structural markup
Don't modify it
*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */
#topbar {
padding: 0;
height:10px;
width: 770px;
text-align: right;
font-size:12px;
font-family:verdana;
}
#topbar a:link {
text-decoration: none;
page-break-after: always;
}
#topbar a:visited {
text-decoration: none;
}
#sidebararea {
font-size: 12px;
font-family:verdana;
}
#sidebararea #sidebarmenu {
text-align: left;
}
#sidebarcontents {
text-align: left;
}
.searchinput {
margin-left:10px;
}
2006年01月29日
其實我真正想知道的是…你未來規劃裡面是否有我在裡面。
但是知道你說的這件事之後,這個問題更加說不出口了…
我真的不希望我會是你未來的一個壓力或者是負擔。
其實我真的不管以後你會不體如算命的那樣…
我只知道我不會因此而放棄你,畢竟從來沒有這麼愛過一個人,
更別說去放棄。
不管事情會不會發生,只要你依然是你,
你沒因為有這件事而放棄自己,我不會想離開你。
我好喜歡聽你說心裡的話,也許對我來說那是你很真的一面。
你的脆弱常常會在我心裡有個很深的印子,
我想那也許是我所專屬的一個心房,一個只有我碰觸的到的。
2005年11月20日
我想,有些事我是不是太強求的想知道。
但是,就是有種跟你有關的事情都很想了解的心情。
所以一直要你說。
用一種猜測的方式去解釋你可能有的想法,
總是覺得心裡感覺更多更多的疑問。
有時候會想,我是不是太勉強你了。
只好安靜的思考這個問題。
也許你想說自然會把原因整理好告訴我。
你哭是因為心疼我對吧?
看見你現在累到回來只想睡的可愛模樣,其實我也蠻心疼你的。
我還是很難停止自然而然掉下來的眼淚。
我知道,我哭也許會讓你更加難受。但是,就是停不住。
希望我的任性,不會讓你感到有壓力。
不要說對不起囉。你並沒有錯。
只是這是個考驗,不管多苦,我都甘願為你。
我知道你在裡面一定比我苦,我們要一起努力。
我只想要一直跟你在一起。
2005年09月25日
總發覺自己好不懂事,好任性。
明明知道這樣子你一定不會比我好過。
但是,聽著黃義達的每天的每夜。
眼淚不自覺的流了出來。
抱著你,不想讓你發現我的淚。
但是,還是藏不住。
這陣子想了很多很多關於現實生活的事。
很多很多事,我都懂。
但是,卻還是忍不住難過。
我很清楚你的心裡一定比我還難受。
我很了解這些是過渡期而已。
說好一起努力的,我知道自己該往好方面去想。
有些事,別自己煩惱!我們一起想個辦法。
我知道你想陪我,但,又想回家。
一切的一切我其實心裡都很清楚。
在某些程度來說,我能夠體諒所有你所作的決定。
也許心裡會難受,但,我知道你一定有我能諒解的原因。
原諒這次我任性的哭了,害你不能放心的回家。
我會努力讓自己堅強一點。
不成為你的負擔,不讓你兩難。
2005年09月17日
心裡感受的到的,其實會想很多很多。
二個不同的個體,思考著相同的愛情學分。
在愛情裡不斷的猜測對方的心思,考慮對方的感受。
用各種笨拙的方式想表達心境給對方。
學習著在彼此心裡站穩最好的位置。
給著尊重與珍惜。
你是毒藥,吸引著我成隱,戒不掉了。
說出來或許我不能體會你的痛苦。
但,我一定能夠體會你的心情。去感受。
被愛是幸福。愛人是痛苦,卻也是快樂。
想想就會發現與你相愛是很快樂的,
而思念痛苦漸漸的會被所有美好的快樂所取代。
我們其實很快樂的。
這兩天在你身旁,說了好多好多心裡的話。
在這所有的日記篇篇都是我非常用心在寫。
我知道你能體會,也很用心在看。
我會一直記得你說的那句話。
“你是唯一摸著我傷口的人”
我知道你的個性。所以我會懂的。
2005年09月14日
兩個心繫在一起,不管多遠都還是能感受到對方。
你和我有著相同的心境。
這幾天思念你的程度是我無法控制自己。
給你的一句簡訊,牽動的是我滿滿思念你的心情。
我會體諒你。
說好了,我們都要一起努力。
不管今後的路多難走,我們都會一起走下去。
我知道你對我的珍惜。好喜歡好喜歡你…
在電話那頭的你,好清楚的說了一聲 ” 我愛你 “。
我感覺全身發燙,好想好想抱你。
我也好愛你。