@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: 800px;
/*margin: 8px auto; */
margin:8px 8px 8px 30px;
height: 23px;
background: #d9d7da url(/main/wp-content/sitetemplates/rin/img/navgradient.jpg) repeat-x top;
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 {
background: url(http://www.mocasting.com/main/album/2028/original/97524.jpg);
width: 800px;
height: 260px;
margin: 8px 8px 8px 30px;
padding: 0;
border-top: 1px solid #b8e4e7;
border-right: 1px solid #86c9cf;
border-bottom: 2px solid #00527f;
border-left: 1px solid #86c9cf;
}
/*------------------------------- Main Body ----------------------------------*/
#container {
width: 800px;
/*margin: 10px auto;*/
margin:8px 8px 8px 30px;
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: 570px;
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 30px;
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;
}
2005年10月31日
迪士尼開幕不久,便圍繞着國內的旅客一些不顧公德的問題。
這屬教養範疇。教養須透過外在行為的體現,傳達恰如其分的信息。然而,教養是須要培育,是後天人為,是人類自訂的規條,而非先天性存在。某些香港人會歧視國內同胞,認為他們不文明,不守規則,沒公德。但這些不文明、不守規則、沒公德的同胞,絕大部分年齡在40歲以上,他們的童年,是一個動蕩時期,溫飽不易,遑論教育?
今天看到兩幀照片,第一幀即上述,背景不知何處,內容大抵表達國內人士不公德的一面。
很不巧,在另一個網站也看到人們轉貼國內人士的照片。我相信,那些看不起國內人士的人,那些自鳴清高的人,看到這樣一幀照片,也會動容。人皆有怵惕惻隱之心,何況他們不是別人的孩子。 
所謂觀點與角度,往往是單線性的。陳丹青說,他小時候看到《維納斯》,就想將它反到背後,看看是甚麼。也許我們都須要反一反,不要自我桎梏。
我們常說的一句話--「既來之,則安之」,是自我排遣的心丹,但這句話背後,如果我們細加咀嚼,相信會有不同感受--「遠人不服,則脩文德以來之。既來之,則安之。」
孔子當時和冉有討論季氏的問題,孔子提出,別國不服,不是去攻打他們,而是自我修文德,令他們主動親我。來了,便安撫之。這屬於修養的問題。
與其責難別人沒教養,不如罪己沒修養。
http://www.mocasting.com/main/album/2028/original/13103.mp3 喜多郎《Dance Of Sarasvati》,曾作為電視節目《尋找他鄉的故事》的主題曲。
Trackback 路徑 http://paganini.mocasting.com/main/wp-trackback.php/18187
| 1
電郵地址不會被顯示
友好連結:m-Friends|HKWBBS|HKWCHAT|網上食譜|數碼攝影網
我自己不幸曾經目睹以下行為:
有些阿伯隨地 “核吐飛劍”, 不掩口打噴嚏, 對著垃圾桶掩著一邊鼻孔 “Sneeze”, 在地鐵車廂中挖鼻孔然後隨手抹在扶手杆上…….真夠噁心!
可惜大多數人只會留意別人的缺點及錯處, 又有多少人會省己呢?
P.S. 第一幀應是在迪士尼拍攝的.
的確四處都會有這些人,除此外我還在意的,是為何只着眼這一個角度?不如花時間着眼於國內貧窮的問題更好,說起來我很佩服一位叫徐本禹的年輕人。他隻身走到山區做小朋友的老師,為山區小朋友謀福利,看過電視有關他的訪問,讓人心頭泛起暖意。
其實香港的低收入家庭的小孩也需要關注,記得看過電視鏗鏘集,一個4、5歲小男孩每天都跟媽媽到處執拾紙皮箱及汽水罐,亦很可憐!
她都把頭哄得很近,因為已不太看得到東西,每次經過都看見她在削電線,沒停過。現在不知怎麼了?恐怕已再看不到她……