2007年09月17日
西九龍文娛藝術區, 一個經歷「上馬」「落馬」再「上馬」的規劃項目。
天幕設計進行得如火如荼時,
我正在Ashford borough council做year 2的placement。
當時還跟council中的一個consultant談起這個topic。
估不到在master year 2 workshop中與'他'重逢: 親手規劃西九。
(閱讀全文)
@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 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://img.photobucket.com/albums/v107/f5d17/Cantonese%20Opera/header01_small.jpg); width: 750px; height: 289px; 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: 750px; /*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: 525px; background: #ffffff url(http://img.photobucket.com/albums/v107/f5d17/Cantonese%20Opera/01_trans.jpg); 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; }
西九龍文娛藝術區, 一個經歷「上馬」「落馬」再「上馬」的規劃項目。
天幕設計進行得如火如荼時,
我正在Ashford borough council做year 2的placement。
當時還跟council中的一個consultant談起這個topic。
估不到在master year 2 workshop中與'他'重逢: 親手規劃西九。
暑假在不久之後便會過去了…………. (哀鳴中…)
今個暑假可能是我人生中最productive的一個暑假。
之前的6-8月是我的玩樂period, 最多是去學學興趣班。
但今年用了個半月打了人生第一份暑期工。
(係, 我認我hea, 不過可以hea是很爽的一件事情~*)
下午放了工便過去紅碪再轉106到高山劇場。
是日schedule只到1615, 到達目的地也只不過是1730。
因為早了很多 (1930才開場), 在附近行了幾轉以確定回程路線。
1800, 去了劇場附近吃車仔麵。
自從返了補習社, 很久也未試過那麼慢地吃飯。
幾經辛苦終於捱到1845, 向劇場出發。