@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 */
|
Home
|
最新文章
|
登入
|
申請網誌
Simple Life - Simson's Blog
Da Vinci Code 套戲 ………….
2006年05月28日
Da Vinci Code 套戲 …………. 其實 …………….
(內文說及戲裡部份內容，不喜勿入!)
(閱讀全文)
Posted in:
電影
|
按此回應
|
回應的RSS
|
暫時未有引用通告
|
(0)
| 1
連結:
F.5 同學聚會晚宴實錄 - Audio Record
F.5 同學聚會晚宴實錄 - Photo Album
ilmare
Samlam's Diary
something about Simson Li
Yuppie
最新回應:
Lisa Simpson
:
努力努力！ 小心
Lisa Simpson
:
係香港做嘢，已經做到好似生命就
SimsonLi
:
你就好啦，我有時要開陣冷氣吹凍
Lisa Simpson
:
成11月尾，都要開風扇，你話死
SimsonLi
:
他們太即興了，不過計劃下都好，
SimsonLi
:
遲d有相，正!
SimsonLi
:
看緣份啦 ...
Lisa Simpson
:
睇你 d蟹，真係有聲，死啦，l
Lisa Simpson
:
嘩！ 大佬呀！上
Lisa Simpson
:
有頭好的感覺是無可替代，要再找
我的書籤:
Mobile 2.0 Star
吃喝玩樂
ACG
FIONA
M詩儀態度身體現
mike
Lisa Simpson
車天車地
詩詩的 blog
豬仔blog
O人O語
Seeking.....
迷失的男人 30
分類:
所有(62)
工作(1)
朋友(4)
隨心(40)
電影(1)
web and design(2)
CSS(4)
世界盃2006(8)
NBA(1)
足球(1)
(0)