@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://images4.fotop.net/albums2/macfabrica/etc/BANNER.jpg);
width: 750px;
height: 277px;
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;
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;
}
2007年10月28日

好久都沒有更新Blog,就由今次開始,好好不定期更新這裡的文章吧!(希望可不是一個月一次-_-)
早前因某些原因及同事的「幫口」,自己得以脫離「在職貧窮」底線之列,稍為升上了幾級。於是獎勵了自己,買了一部Softbank X01HT,以取代用了多時的K800i作為電話之用。事實上我對PPC電話已經「恨左好耐」。PPC電話兼具了記事及日程功能,比我用開的K800i較強。而且我發覺自己愈來愈想將要做的事情記低(可能因為善忘的關係…),買機又多了一點動力。K800i很好,影相質素高,但不足以應付我記事及日程功能的需要,始終都要轉投PPC電話的懷抱。
Softbank X01HT是838 Pro的水貨版,有白色,更討好。售價只是三千頭,又可以HSDPA上網,加上QWERTY鍵盤,輸入英文更方便(不要叫我在那個鍵盤上打中文,其實是很不便的,對我來說)。這個售價來說是超值,雖然買機時已經遲了其他人好多,而且又有下一代機推出,但三千元左右的一部份全功能PDA電話,去那裡找?我還是買X01HT比較好,而且,他掛著Softbank的牌頭呀!沾上了些許日系IT產品的光,哈哈。
Trackback 路徑 http://macfabrica.mocasting.com/main/wp-trackback.php/140050
| 1
電郵地址不會被顯示
友好連結:m-Friends|HKWBBS|HKWCHAT|網上食譜|數碼攝影網
呢期都有D身狠想買PDA Phone,但係實在太貴了