嗡嗡的異想世界(lifestyle)

html {
SCROLLBAR-FACE-COLOR: #FFCCCC;-/*捲軸滑動版的顏色*/-
SCROLLBAR-HIGHLIGHT-COLOR: #FFF6F2; -/*捲軸滑動版左上邊框的顏色*/-
SCROLLBAR-SHADOW-COLOR: #EBD5C0; -/*捲軸滑動版右下邊框的顏色*/-
SCROLLBAR-3DLIGHT-COLOR: #EBD5C0; -/*捲軸左上邊框的顏色*/-
SCROLLBAR-ARROW-COLOR: #EBD5C0; -/*捲軸上下指標的顏色*/-
SCROLLBAR-TRACK-COLOR: #ffeeee; -/*捲軸軌道底部的顏色/-
SCROLLBAR-DARKSHADOW-COLOR: #FFF6F2; -/*捲軸右下邊框的顏色*/-
SCROLLBAR-BASE-COLOR: #FFF6F2;-/*捲軸基本的顏色*/-
}
BODY {-------------------------/*設定整個網頁的*/-----------------
.posted {-/*引用與回應尾部*/--
BORDER-RIGHT: #ffcccc 1px solid; -/*右指定框線*/-
BORDER-TOP: #ffcccc 1px solid; -/*上指定框線*/-
BORDER-LEFT: #ffcccc 1px solid; -/*左指定框線*/-
BORDER-BOTTOM: #ffcccc 1px solid; -/*下指定框線*/-
BACKGROUND-POSITION: 100% BOTTOM ; -/*背景圖位置*/-
FONT-SIZE: medium;-/*字體大小*/--
LINE-HEIGHT: 100%; -/*文字行距*/-
BACKGROUND-IMAGE:
url(http://f7.wretch.yimg.com/twohand2012/1/1428759623.jpg);
-/*背景圖網址*/-
COLOR: #ff6666; -/*文字顏色*/-
BACKGROUND-REPEAT: no-repeat; -/*背景不重複*/-
HEIGHT: 10px;-/*高度..框線內的*/--
FONT-FAMILY: Georgia; -/*文字字型*/-
TEXT-ALIGN: right; -/*水平位置對齊*/-
}
.comments-head {---------------------/*引用*/----------------
FONT-WEIGHT: bold; -/*文字粗細*/--
FONT-SIZE: 16px; --/*字體大小*/--
COLOR: #d1d2c2; -/*文字顏色*/-
PADDING-TOP: 20px; -/*指定空間*/-
HEIGHT: 10px; -/*高度..框線內的*/-
TEXT-ALIGN: center; -/*水平位置對齊*/-
}
.comments-body {----------------/*本篇文章引用自此*/------------
BORDER-TOP: #ccc 1px dotted; -/*指定框線*/--
FONT-SIZE: 12px; -/*字體大小*/-
MARGIN: 20px 0px 15px 13px; -/*指定邊界*/-
LINE-HEIGHT: 170%; -/*文字行距*/-
PADDING-TOP: 20px; -/*指定空間*/-
}
.comments-post {------------------/*某人某日回應*/-----------
FONT-SIZE: 13px; -/*字體大小*/--
MARGIN: 0px 0px 25px; -/*指定邊界*/-
COLOR: #cec2d2; -/*文字顏色*/-
TEXT-ALIGN: right; -/*水平位置對齊*/-
}
.total-comments-div .comments-body FORM {-/*整個回應與引用區塊*/--
BORDER-RIGHT: #ccc 0px solid; -/*指定框線*/-
BORDER-TOP: #ccc 0px solid; -/*指定框線*/-
BORDER-LEFT: #ccc 0px solid; -/*指定框線*/-
BORDER-BOTTOM: #ccc 0px solid; -/*指定框線*/-
PADDING-RIGHT: 40px; -/*指定空間*/-
PADDING-LEFT: 20px; -/*指定空間*/-
PADDING-BOTTOM: 20px; -/*指定空間*/-
PADDING-TOP: 20px; -/*指定空間*/-
}
.comments-body TEXTAREA {------------/*回應文字*/----------------
BORDER-RIGHT: #e6e3ff 1px dotted; -/*指定框線*/-
BORDER-TOP: #e6e3ff 1px dotted; -/*指定框線*/-
BORDER-LEFT: #e6e3ff 1px dotted; -/*指定框線*/-
BORDER-BOTTOM: #e6e3ff 1px dotted; -/*指定框線*/-
BACKGROUND:
url(背景網址);
no-repeat right top; -/*背景不重複*/-
WIDTH: 600px; -/*寬度..框線內的*/-
HEIGHT: 300px; -/*高度..框線內的*/-
}
.comments-body INPUT {-------------/*回應文字輸入*/------------
BACKGROUND: #fff; -/*背景顏色*/-
BORDER-TOP-WIDTH: 0px; -/*指定框線*/-
BORDER-LEFT-WIDTH: 0px; -/*指定框線*/-
BORDER-BOTTOM: #ccc 1px dotted; -/*指定框線*/-
BORDER-RIGHT-WIDTH: 0px; -/*指定框線*/-
}
.trackback-url {-----------------/*本篇文章引用網址*/----------
PADDING-RIGHT: 0px; -/*指定空間*/-
PADDING-LEFT: 10px; -/*指定空間*/-
FONT-SIZE: 15px; -/*字體大小*/--
PADDING-BOTTOM: 0px; -/*指定框線*/-
COLOR: #fff; -/*文字顏色*/-
PADDING-TOP: 50px; -/*指定空間*/-
TEXT-ALIGN: right; -/*水平位置對齊*/-
}
.trackback-url INPUT {
BORDER-TOP-WIDTH: 0px; -/*指定框線*/-
BORDER-LEFT-WIDTH: 0px; -/*指定框線*/-
FONT-SIZE: 15px; -/*字體大小*/--
BACKGROUND: #eff7ed; -/*背景顏色*/-
BORDER-BOTTOM-WIDTH: 0px; -/*指定框線*/-
MARGIN: 3px; WIDTH: 75%; -/*指定邊界*/-
COLOR: #666; HEIGHT: 20px; -/*文字顏色*/-
BORDER-RIGHT-WIDTH: 0px; -/*指定框線*/-
}
#links {----------------------------/*連結區*/-----------------
width: 180px;-/*寬度..*/-
height: 358px;-/*高度..框線內的*/-
overflow:auto;-/*捲軸語法*/-
TEXT-ALIGN: center; -/*文字水平位置對齊置中*/-
BACKGROUND-POSITION: 65% top; -/*連結區塊底圖的上下左右位置*/-
PADDING-RIGHT: 0px; -/*指定空間*/-
FILTER: Alpha(opacity=75,enabled=10); -/*連結區塊的濾鏡透明效果*/-
MARGIN-LEFT: 102px; -/*連結列左邊的指定邊界*/-
BACKGROUND-IMAGE:
-/*url(http://f7.wretch.yimg.com/twohand2012/1/1428759608.jpg);
連結區塊底圖的網址*/-

SCROLLBAR-FACE-COLOR: #FFCCCC;-/*捲軸滑動版的顏色*/-
SCROLLBAR-HIGHLIGHT-COLOR: #FFF6F2; -/*捲軸滑動版左上邊框的顏色*/-
SCROLLBAR-SHADOW-COLOR: #EBD5C0; -/*捲軸滑動版右下邊框的顏色*/-
SCROLLBAR-3DLIGHT-COLOR: #EBD5C0; -/*捲軸左上邊框的顏色*/-
SCROLLBAR-ARROW-COLOR: #EBD5C0; -/*捲軸上下指標的顏色*/-
SCROLLBAR-TRACK-COLOR: #ffeeee; -/*捲軸軌道底部的顏色/-
SCROLLBAR-DARKSHADOW-COLOR: #FFF6F2; -/*捲軸右下邊框的顏色*/-
SCROLLBAR-BASE-COLOR: #FFF6F2;-/*捲軸基本的顏色*/-
WIDTH: 210px; -/*寬度..框線內的*/-
}
.sidetitle {-----------------------/*連結列標題*/-----------
PADDING-top: 0px; -/*上方指定空間*/-
BORDER-RIGHT: red 0px solid; -/*指定框線*/-
BORDER-TOP: red 0px solid;-/*指定框線*/-
BORDER-LEFT: red 0px solid; -/*指定框線*/-
BORDER-BOTTOM: red 0px solid;-/*指定框線*/-
PADDING-LEFT: 0px; FONT-WEIGHT: normal; -/*標題字體粗細*/--
FONT-SIZE: 16px; -/*標題字體大小*/--
BACKGROUND:url(網址)
no-repeat 0px 0px; -/*背景不重複.座標位置*/-
PADDING-BOTTOM: 0px; -/*指定空間*/-
COLOR: #DC00D9; -/*連結列標題字顏色*/-
}
.boxProfileImg IMG {--------------/*個人照片*/-----------
PADDING-RIGHT: 2px; -/*右留指定空間*/-
PADDING-LEFT: 2px; -/*左留指定空間*/-
BACKGROUND: #FFCDE5; -/*底部顏色*/-
PADDING-BOTTOM: 2px; -/*下留指定空間*/-
MARGIN-LEFT: 20px; -/*靠左起距離位置*/-
PADDING-TOP: 2px; -/*上留指定空間*/-
WIDTH: 120px; -/*寬度..框線內的*/-
}
.calendar {----------------------/*行事曆*/----------
BACKGROUND-IMAGE:
url( );-/*背景網址*/-
MARGIN-TOP: -50px; -/*指定邊界*/-
MARGIN-BOTTOM: 0px; -/*指定邊界*/-
FONT-SIZE: 11px; -/*行事曆字體大小*/-
WIDTH: 210px; -/*寬度..框線內的*/-
}
.boxProfile1 {--------------------/*好友的網誌*/----------
PADDING-LEFT: 0px; -/*指定空間*/-
}
#SlidePicLink IMG {
WIDTH: 70px; -/*寬度..框線內的*/-
}
UNKNOWN {
HEIGHT: 180px; -/*高度..框線內的*/-
}
.boxNewArticle1 {-------------------/*最新文章*/---------
PADDING-LEFT: 0px; -/*指定空間*/-
MARGIN-LEFT: 10px; -/*指定邊界*/-
BORDER-LEFT: #ffffff 1px solid; -/*指定框線*/-
}
.boxCategory1 {
PADDING-LEFT: 0px; -/*指定空間*/-
MARGIN-LEFT: 10px; -/*指定邊界*/-
BORDER-LEFT: #ffffff 1px solid; -/*指定框線*/-
}
.boxNewComment1 {---/*最新的回應一*/--
}
.boxNewComment1 .side {-------------/*最新的回應*/----------
TEXT-ALIGN: right; -/*水平位置對齊*/-
}
.boxNewComment1 A {---------------/*最新的回應*/--------
PADDING-RIGHT: 2px; -/*指定空間*/-
PADDING-LEFT: 2px; -/*指定空間*/-
PADDING-BOTTOM: 2px; -/*指定空間*/-
PADDING-TOP: 2px; -/*指定空間*/-
DISPLAY: block; -/*使元件區塊形*/-
BACKGROUND: #fff; -/*背景顏色*/-
COLOR: #663300; -/*文字顏色*/-
TEXT-ALIGN: left; -/*水平位置對齊*/-
TEXT-DECORATION: none; -/*底線*/-
}
.boxNewComment1 A:hover {-----------/*最新的回應*/---------
BACKGROUND: #ffffff; -/*背景顏色*/-
COLOR: #ff0000; -/*文字顏色*/-
}
.boxFolder1 {---------------------/*自定連結*/----------------
BORDER-RIGHT: #ffffff 1px solid; -/*指定框線*/-
PADDING-LEFT: 0px; -/*指定空間*/-
MARGIN-LEFT: 10px; -/*指定邊界*/-
TEXT-ALIGN: left; -/*水平位置對齊*/-
}
.boxFolder1 a {
BORDER-RIGHT: #ffffff 1px solid; -/*指定框線*/-
PADDING-RIGHT: 0px; -/*指定空間*/-
}
.boxFolder1 A:hover {--------------/*自定連結*/--------
line-height: 300px;-/*自定連結*/---/*連結與連結之間的間距*/-
BORDER-RIGHT: #ffffff 1px solid; -/*指定框線*/-
}
.boxCounter1 {--------------------/*人氣統計*/----------
PADDING-LEFT: 0px; -/*留邊厚度*/-
FONT-WEIGHT: bold; -/*文字字型*/-
}
.syndicate {--------------------/*如何使用RSS*/----------------
MARGIN-TOP: 0px; -/*指定邊界*/-
MARGIN-BOTTOM: 5px; -/*指定邊界*/-
TEXT-ALIGN: left; -/*水平位置對齊*/-
}
.syndicate a {-----------------/*RSS 後面 ( ) 裡的字.點下去時*/-----------
COLOR:#FFCCCC; -/*文字顏色*/-
}
.total-comments-div {--------------/*整個回應區塊*/-----------------
BACKGROUND: url(http://f7.wretch.yimg.com/twohand2012/1/1428759619.jpg)
no-repeat #FFCCCC 0% top ;-/*整個回應區塊的.背景網址.不重復.底色.座標*/-
BORDER-RIGHT: #663300 1px ridge; -/*右邊框線色.線粗.
線型可設dashed.datted.double.groove.ridge.insrt.outset*/-
BORDER-TOP: #663300 1px ridge; -/*上指定框線*/-
MARGIN-LEFT: 60px; -/*左指定邊界*/-
MARGIN-BOTTOM: 60px; -/*下指定邊界*/-
BORDER-LEFT: #663300 1px ridge; -/*左指定框線*/-
BORDER-BOTTOM: #663300 1px ridge; -/*底指定框線*/-
}
.comments-head {--------------------/*回應*/-----------------
filter:alpha(opacity=60);
PADDING-RIGHT: 5px; -/*指定空間*/-
PADDING-LEFT: 0px; -/*指定空間*/--
FONT-WEIGHT: bold; -/*文字字型*/-
PADDING-BOTTOM: 5px; -/*指定空間*/-
PADDING-TOP: 5px; -/*指定空間*/-
BORDER-BOTTOM: #663300 1px solid; -/*指定框線*/-
LETTER-SPACING: 0.2em; -/*文字間距*/-
}
.comments-body { --------------/*回應欄主體*/-----------------
BACKGROUND: url(http://f7.wretch.yimg.com/twohand2012/1/1428759619.jpg)
no-repeat #FF99CC 0% top ;-/*背景.網址.不重復.底色.座標.*/-
BORDER-RIGHT: #663300 1px solid; -/*右邊框線色.線粗.
線型可設dashed.datted.double.groove.ridge.insrt.outset*/-
BORDER-TOP: #663300 1px solid; -/*上指定框線*/-
MARGIN-TOP: 0px; -/*上指定邊界*/-
MARGIN-BOTTOM: 0px; -/*底指定邊界*/-
BORDER-LEFT: #663300 1px solid; -/*左指定框線*/-
COLOR: #993333; -/*文字顏色*/-
FONT-SIZE: 16px;-/*文字大小*/-

}
.comments-body P {--------------/*回應欄文字*/-----------------
no-repeat #FF99CC 0% top ;
PADDING-RIGHT: 30px; -/*指定空間*/-
PADDING-LEFT: 10px; -/*指定空間*/-
}
.comments-bottom .comments-head { --/*給個回應*/-----------------
BORDER-RIGHT: #663300 1px solid; -/*指定框線*/--
PADDING-RIGHT: 20px; -/*指定空間*/-
BORDER-TOP: #663300 1px solid; -/*指定框線*/-
BACKGROUND: none transparent scroll repeat 0% 0%; -/*背景*/-
BORDER-LEFT: #663300 1px solid; -/*指定框線*/-
BORDER-BOTTOM: #663300 1px solid; -/*指定框線*/-
TEXT-ALIGN: right; -/*水平位置對齊*/-
}
.comments-post {--------------/*別人看過文章後回應的*/-----------
COLOR: #993333; -/*文字顏色*/-
PADDING-RIGHT: 10px; -/*指定空間*/-
PADDING-BOTTOM: 10px; -/*指定空間*/-
MARGIN-LEFT: 60px; COLOR: #663300; -/*指定邊界*/-
BORDER-BOTTOM: #663300 1px dotted; -/*指定框線*/-
TEXT-ALIGN: right; -/*水平位置對齊*/-
}
.comments-body FORM {------------/*給個回應的表格*/------------
PADDING-RIGHT: 10px; -/*指定空間*/-
PADDING-LEFT: 10px; -/*指定空間*/-
PADDING-BOTTOM: 30px; -/*指定空間*/-
PADDING-TOP: 10px; -/*指定空間*/-
BORDER-BOTTOM: #663300 1px solid; -/*指定框線*/-
TEXT-ALIGN: right; -/*水平位置對齊*/-
}
#url {-------------------------/*輸入url的欄位*/-----------
background:url( http://f7.wretch.yimg.com/twohand2012/1/1428759543.jpg) ;
WIDTH: 75% -/*背景*/-
}
#email{ -------------------------/*輸入email的欄位*/-----------
background:url( http://f7.wretch.yimg.com/twohand2012/1/1428759543.jpg) ;
WIDTH: 75% -/*背景*/-
}
.comments-body #text { -------/*整個回應打字區塊的欄位*/-----------
filter:alpha(opacity=60); -/*透明度*/-
BACKGROUND: url(http://f7.wretch.yimg.com/twohand2012/1/1428759619.jpg)
no-repeat #FFCC99 0% top ;-/*整個回應打字區塊的透明度.背景網址.不重復.底色.座標*/-
BORDER-RIGHT: #663300 1px solid; -/*右指定框線線色.線粗.線型*/-
BORDER-TOP: #663300 1px solid; -/*指定框線線色.線粗.線型*/-
BORDER-LEFT: #663300 1px solid; -/*指定框線線色.線粗.線型*/-
WIDTH: 350px; COLOR: #663300; -/*打字區塊的寬度.顏色*/-
BORDER-BOTTOM: #663300 1px solid; -/*指定框線線色.線粗.線型*/-
FONT-FAMILY: Arial; -/*回應打字字型*/-
}
.side {-------------------------/*連結區塊的欄位*/-----------
BORDER-RIGHT: #ffcccc thin solid; -/*指定框線*/-
BACKGROUND-POSITION: 100% 100%; -/*背景*/-
BORDER-TOP: #ffcccc thin solid; -/*指定框線*/-
BACKGROUND-IMAGE:
url(http://f7.wretch.yimg.com/twohand2012/1/1428759576.jpg);-/*背景*/-
BORDER-LEFT: #ffcccc thin solid; -/*指定框線*/-
BORDER-BOTTOM: #ffcccc thin solid; -/*指定框線*/-
}
.powered {-------------------------/*LOGO*/-----------
padding: 10px;-/*指定空間*/-
MARGIN-BOTTOM: 50px; -/*底指定邊界*/-
}
.total-comments-div .powered {-----/*整個LOGO*/-----------}