@import url( "http://www.mocasting.com/main/wp-content/sitetemplates/default/templates/wp-layout.css" );
/*
Theme Name: My Own CSS
Description: CSS layout on My Mocasting
Version: 0.2
Author: Simson Li
Modified Date: August 1, 2006
*/
* {
margin: 0;
padding: 0;
}
body {
font-size: 14px; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background: #fff url('/main/album/1328/original/43793.jpg') repeat-x top left;
color: #282828;
margin:0;
padding: 0;
}
/* Page CSS */
#page {
/*background-color: white;*/
/*border: 1px solid #959596; */
background: #fff url('/main/album/1328/original/43793.jpg') repeat-x top left;
text-align: left;
border: 0px solid #555;
/*background-color: white;*/
/*margin: 20px auto;*/
margin: 0 auto;
padding: 0;
width: 78%;
}
/* Other Attributes CSS */
acronym, abbr {
border-bottom: 1px dashed #999;
}
acronym, abbr, span.caps
{ cursor: help;
font-size: 0.9em;
letter-spacing: .07em;
}
blockquote, strike {
color: #777;
}
blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
code {
font: 1.1em 'Courier New', Courier, Fixed;
}
hr {
display: none;
}
img, a img {
border-top: 1px solid #eee;
border-left: 1px solid #eee;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
background-color: #fff;
padding: .6em;
}
p a img {
border-width: 0px;
margin: 0;
padding: 0;
}
/* General Link CSS */
a:link, a:visited {
text-decoration: none;
color:#060;
}
a:hover, a:active {
text-decoration: underline;
color: #9c3;
}
/* General H1 - H6 and Links CSS */
.description {
text-align: left;
}
h2 {
color: #060;
font-size: 20px;
}
h2 a:link, h2 a:visited {
color: #060;
text-decoration: none;
}
h2 a:hover, h2 a:active {
color: #9c3;
text-decoration: none;
}
h2.pagetitle {
text-align: left;
}
h3 {
}
h3.comments {
padding: 0;
}
/* Header CSS */
#header {
background: #fff url('/main/album/1328/original/43793.jpg') repeat-x top left;
width: 100%;
height:1%;
background-color: #fff;
color: #e58121;
text-align:left;
margin:0;
paddding:0;
}
#headerimg {
margin: 5em 0 2.5em 0;
padding: 2.5em 0;
height:1%;
text-align: left;
width: 100%;
background: #fff url('/main/album/1328/original/49407.jpg') no-repeat top right;
}
#header_text {
margin: 0;
padding: 0;
text-align: left;
font-size: .9em;
padding: 3em 0 2.5em 0;
}
#header_text h1 {
text-align: left;
margin: 0;
padding: 0;
}
#header_text h1 a:link, #header_text h1 a:visited {
color:#383838;
font-family: 'Lucida Grande', Arial, Sans-Serif;
text-decoration: none;
text-align: left;
margin: 0;
padding: 0;
}
#header_text h1 a:hover {
color:#9c3;
font-family: 'Lucida Grande', Arial, Sans-Serif;
text-decoration: none;
text-align: left;
margin: 0;
padding: 0;
}
#header_text h1 a:active {
color:#f93;
font-family: 'Lucida Grande', Arial, Sans-Serif;
text-decoration: none;
text-align: left;
margin: 0;
padding: 0;
}
/* Main CSS */
#main {
margin: 0;
padding: 0;
}
p {
font-size: 12px;
}
/* Content CSS */
#content {
font-size: 1.2em;
width: 63%;
postition: relative;
border: 0px solid #f00;
margin: 0;
text-align: left;
}
.post {
margin: 0;
padding:0;
}
.post small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
line-height: 1.5em;
background: #eef6c5 url('/main/album/1328/original/45075.jpg') no-repeat 99% 50%;
color: #383838;
border: 1px solid #eee;
border-width: 1px 0;
display: block;
text-align: right;
padding: 3px 22px 2px 8px;
}
/* Menu CSS */
#menu {
width: 28%;
border: 0px solid #f90;
margin: 0;
padding: 0;
float: right;
}
#menu * {
margin: 0;
padding: 0;
}
#menu h2 {
font-size: 1.1em;
font-weight: normal;
color: #fff;
background: #c06 url('/main/album/1328/original/45072.jpg') repeat-x 0 0 none;
background-color: #9c3;
padding: 3px 8px 4px 8px;
margin: 0;
}
#menu ul, #menu ul ol {
margin: 0;
padding: 0;
list-style: none;
background: none;
font-size: 96%;
}
#menu ul li {
margin: 0;
padding: 0;
}
#menu ul li ul {
margin: 0;
padding: 0;
}
#menu ul li ul li a:link, #menu ul li ul li a:visited {
background-color: #fff;
color: #555;
display: block;
border-bottom: 1px dotted #bbb;
padding: 5px 8px 6px 8px;
text-decoration: none;
}
#menu ul li ul li a:hover, #menu ul li ul li a:active {
background-color: #ddd;
color: #333;
display: block;
border-bottom: 1px dotted #bbb;
padding: 5px 8px 6px 8px;
text-decoration: none;
}
#menu ul ul li, #menu ul ol li {
margin: 0;
padding: 0;
color: #777;
background: none;
}
/* Footer CSS */
#footer {
background: #fff url('/main/album/1328/original/43793.jpg') repeat-x top left;
margin: 1.5em 0;
padding: 0;
clear: both;
width: 100%;
}
#footer p.footer {
font-size: 72%;
text-align: right;
padding: 0;
}
/* Comment CSS */
.alt {
margin: 0;
padding: 2em;
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.commentlist {
padding: 0;
margin-bottom: 1.5em;
}
.commentlist li {
list-style: none;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
margin-bottom: 1em;
}
.commentlist li, #commentform input, #commentform textarea {
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li {
font-weight: bold;
}
.commentlist cite, .commentlist cite a {
font-weight: normal;
font-style: normal;
font-size: 1em;
}
.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}
.commentmetadata {
font-weight: normal;
}
#comment_content {
padding-bottom: 1em;
}
/* Respond CSS */
#respond {
font-size: 1em;
margin: 3em 0 1.5em 0;
padding: .6em;
color: #fff;
background-color: #9c3;
border-bottom: 3px solid #060;
}
#commentform {
background-color: #ffe1c4;
border: 1px solid #eee;
padding:1.5em;
}
#commentform p {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin-bottom: 1em;
}
#commentform #url, #commentform #email, #commentform #author {
width:300px;
}
#commentform #comment {
width:350px;
}
#commentform #button {
width:50px;
}
/* Wide & Narrow Column CSS */
.widecolumn {
line-height: 1.6em;
margin: 0;
padding: 0;
}
.narrowcolumn {
text-align: left;
margin: 0;
padding: 0;
}
.narrowcolumn {
float: left;
}
.widecolumn {
width: 450px;
}
.widecolumn .post {
}
.narrowcolumn .postmetadata {
text-align: right;
}
.widecolumn .postmetadata {
text-align: right;
}
/* Begin Lists
Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to
normal bullets. */
/* Entry CSS */
.entry {
text-align: left;
}
.entry p {
font-size: .9em;
}
html>body .entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
}
html>body .entry li {
margin: 7px 0 8px 10px;
}
.entry ol {
padding: 0 0 0 35px;
margin: 0;
}
.entry ol li {
margin: 0;
padding: 0;
}
.entry p a:visited {
color: #b85b5a;
}
p.postmetadata {
font-size: .8em;
display: block;
}
.postmetadata ul, .postmetadata li {
}
/* End Entry Lists */
/* Begin Form Elements */
#searchform {
margin: 10px auto;
padding: 5px 3px;
text-align: center;
}
#menu #searchform #s {
width: 115px;
padding: 2px;
}
#menu #searchsubmit {
padding: 1px;
}
.entry form { /* This is mainly for password protected posts, makes
them look better. */
text-align: left;
}
select {
width: 130px;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}
#commentform textarea {
width: 100%;
padding: 2px;
}
#commentform #submit {
margin: 0;
float: right;
}
/* Begin Comments CSS*/
#comments {
padding: 1em 0;
font-family:Arial, Helvetica, sans-serif;
font-size: 2em;
color: #383838;
}
#postcomment {
font-size: 16px;
}
/* End Comments */
/* Begin Images */
p img {
max-width: 100%;
}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using
'class="centered',
will of course center the image. This is much better than
using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
/* End Images */
/* Begin Calendar */
table {
margin: 0;
padding: 0;
}
#wp-calendar {
width: 100%;
border-collapse: collapse;
border: 0px solid #af0100;
background-color: #fff;
empty-cells: show;
margin: 0;
padding: 0;
}
#wp-calendar caption:before {
content: "Calendar: ";
color: #FFCC00;
font-size: 1.1em;
margin-top: -10px;
}
#wp-calendar caption {
width: 100%;
font-size: 1.1em;
font-weight: normal;
text-align: left;
color: #fff;
background-color: #af0100;
background-color: #2d405b;
padding: 3px 8px 4px 10px;
}
#wp-calendar th {
text-transform: capitalize;
text-align: center;
padding: 3px;
}
#wp-calendar td {
text-align: center;
margin: .1em;
width: 14%;
}
th[abbr~="星期日"] {
background-color: #af0100;
color: #fff;
}
#today {
border: 1px solid #af0100;
}
#wp-calendar a:link, #wp-calendar a:visited {
text-decoration: none;
height: 100%;
}
#wp-calendar a:hover, #wp-calendar a:active {
background-color: #29b9f0;
color: #fff;
text-decoration: none;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }
/* Other Classes CSS*/
.center {
text-align: center;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
/* Top Bar CSS*/
#topbar {
float: right;
width: 98%;
background: #2d405b url('/main/album/1328/original/45071.jpg') repeat-x 0 0;
color: #fff;
margin: 0;
height: 16px;
padding: 5px 12px 6px 12px;
font-size: 90%;
border: 0px solid #fff;
}
#topbar:before {
content: "Mocasting Top Bar: ";
color: #fff;
}
#topbar a:link, #topbar a:visited {
text-decoration: none;
color: #fff;
page-break-after: always;
padding: 2px 2px;
}
#topbar a:hover, #topbar a:active {
color: #fff;
text-decoration: underline;
padding: 2px 2px;
}
#topbar img {
border-top: 0px solid #eee;
border-left: 0px solid #eee;
border-right: 0px solid #bbb;
border-bottom: 0px solid #bbb;
background-color: transparent;
padding: 0;
}
/* Pager CSS */
#pager {
font-size: .8em;
}
/* SideBar Area CSS */
#sidebararea #sidebarmenu {
text-align: left;
}
#sidebarcontents {
text-align: left;
}
#comment_content {
font-weight:normal;
}
/* Hide from IE5/Mac \*/
* html * {height: 1%;}
* html #main {height: 1%;}
* html #header {height: 1%;}
* html #header * {height: 1%;}
* html ul li {height: 1%; padding-top: 1px;}
ul li {display: block;}
* html #topbar {height: 1%; width: 98%;}
* html a:hover {height: 1%;}
/* End hide from IE5/Mac */
2005年12月26日
這篇文章無疑是上篇X’mas Planning的落實版,聖誕行程及禮物如意地進行,充實給予的快感以點列式記下來:
2005-12-24
@還未病好,早上看看醫生保安康。
@11am-4pm,工作滿盈。
@6pm匯合媽子開始平安夜之旅,首先是尖東一帶的燈飾。老實說普普通通,不過都有好多人睇,這是本人回港後第一次睇番。最正係見到有個起樓機也有燈飾,無悔相機即決拍下來。果然好有聖誕氣氛。
——>
@7-8pm等看(所謂的)重頭戲,維港兩旁的煙火匯演。很久沒有試過同人逼。
@8pm煙火匯演開始,用DC拍下了Video,算是精彩,仲算沒有白等啊(不過嫌短,15分鐘左右)。維港兩旁的夜景真的(依舊)很漂亮。看著大廈一幢比一幢高(中銀–>中廣–>國金)。
@9pm-10pm隨人龍行出去佐敦吃飯。
@12nn回家休息。 Slient night… Holy night (樓下某團契傳來的歌聲)
*在此感激媽子無悔陪伴過聖誕
*相片及Video整理後補上
Posted in: 隨心 |
回應(2) | 回應的RSS | 暫時未有引用通告|
(0)
2005年12月14日
「華中氣壓正在上升,預料影響華南沿岸的冬季季候風會在今日稍後增強。」在Yahoo天氣看到這個,心裡連聲叫好。
今年香港的冬天真的很好,冷天氣好像比上年早來。現在希望這種天氣能夠維持到年尾。如果香港有個白色聖誕便更好了,雖然只是妄想而已…
說起今年聖誕,突然想起維港附近的聖誕燈飾。本人好像多年沒有觀賞過了,很想找三五知己去遊覽一番。另一方面,亦很想到某高級餐廳吃一個聖誕大餐,吃火雞、飲葡萄酒、水果蛋糕、芒果布丁或芝士餅,最後當然是收到一份聖誕禮物,這樣便最理想了。
聖誕節要怎樣過?老實說還未計畫好。不過本人卻巳想好買什麼給自己作為聖誕禮物了…嘻嘻
說回香港的冬天,現在溫度確實好到極點,不用穿太多或太厚,上身只要穿底衫+shirt+外套便可以出街了。冷一點的話只要加一條頸巾便成,可說是我自己返工的一貫衣著;若去打波也不會流太多汗;屋企可以連風扇也不用開。真係COOOOOOOL~
大家一同好好享受這個「真正的冬天及聖誕」吧!
Posted in: 隨心 |
按此回應 | 回應的RSS | 暫時未有引用通告|
(0)
2005年11月23日
今日又在工作上遇到難題。似乎在商業世界沒有一件事能順順利利。即使每件事都妥善安排好,最後總會有人有意或無意之間做「搞屎棍」,令事件「回歸」複雜之餘,亦令人噴飯。
無計,做中間人嘛,三文治中間的蕃茄,給兩塊麵包夾住,是會出「血」的。
最後還是搞定了…
故事實在太長,我不會寫下來,在Blog寫了幾句,心也舒服很多。
*星期日和朋友在室內場打籃球,明顯地體力極之不足,打不足兩小時之餘,出手只有七次只入兩球,真的相當羞愧。我是否要掛靴,還是要進行特訓呢?
Posted in: 隨心 |
按此回應 | 回應的RSS | 暫時未有引用通告|
(0)
2005年11月14日
知道要幫姨媽姨丈搬屋,特意請了一天假,抽離工作上的繁瑣充充電。怎料…
-昨日搬完屋,今日睡到中午還未足電,「電池」不夠耐用?
-還是收到同事的來電,唉…
今日終於忍不住買回OrangeRange的Natural,是為了聽回「藉著雨點說愛你」的Kizuna,只是$77元,算是超值。
夜晚活動會是執衫和執書,似乎是人生必然要做的事,執「生」和執「輸」。當然兩者我最不喜歡做一定是執「書」啦!
補充近期想寫的東西:
*前兩天無意中遺失電話卡,向這數天聯絡不上我的人說聲「對不起」!
*Samlam上星期四正式在新公司的一天出發了,恭喜!
*「豹」同學上Touch有個小訪問,內容當然是潮流資訊啦!勁!
*Samlam,我會試寫碟評的,用來充斥場面也好,哈!
*有些想轉用英文寫Blog,畢竟打中文字比較慢,即使英文不是太好。現在有很多Draft未寫好,例如上次的「GundamSeedDestiny之結局之爛後感」及「足球場腳痕事件」云云…
Posted in: 隨心 |
按此回應 | 回應的RSS | 暫時未有引用通告|
(0)
2005年10月30日
昨日有「我們的足球場」上映,說的是我們中五同學文理兩科的男子足球賽事。
因工作關係未能參與的我,還是有去看看他們踢到點。
好多人踢呀! 我臨走前文理雙方2-2打和。
(待續)
Posted in: 隨心 |
按此回應 | 回應的RSS | 暫時未有引用通告|
(0)
最近要幫朋友更新網頁及有新的網頁製作,做些Research時瀏覽到以下網址:
www.darice.org
是荷蘭一名女性網頁設計師的web-blog。要注意的並不是她剛買回來Apple Mac Mini。(她不知道出了imac G5嗎?無錢買?),而是中間靠右有張圖片。Click入去會有個.pdf file,裡面有11項製作網頁應注意的事項。
雖然只得11項,但足夠導出大部份從事網頁設計者(包括我在內啦一定)在設計時慣常有的通病。Flash Intro、字體、顏色等運用不得章法、無好的Content Structure等都是常見的。
想看其他的請到http://www.darice.org/docs/11%20things%20about%20websites.pdf下載。
Posted in: 隨心 |
按此回應 | 回應的RSS | 暫時未有引用通告|
(0)
2005年10月23日
古巨基出唱碟啦! 周杰倫出碟啦 ! Bon Jovi 都出碟啦!
今個月尾有好多碟要買呀!偏偏月尾是最缺錢嘛!
又無理由問人借錢買,難道要買翻版?
周杰倫隻碟就無可能唔買,其他兩隻碟唯有問人借來聽或遲d補買啦。等周杰倫出碟同等年頭等陳奕迅出碟一樣等到頸都長呀。
Posted in: 隨心 |
按此回應 | 回應的RSS | 暫時未有引用通告|
(0)