建議使用此版型解析度須 1280x720以上
因版型底圖較大存放空間可能會砍檔請先按下方圖片網址另存目標~儲存以便日後之需
/*主體*/
body
http://i.imgur.com/Kc3lufb.gif
/*定位框*/
#container
的底圖網址(按網址右鍵另存目標)
http://i.imgur.com/4uestMM.gif
/*檔頭*/
#banner
的底圖網址(按網址右鍵另存目標)
http://i.imgur.com/aa6zRfa.gif
/*檔尾*/
#footer
的底圖網址(按網址右鍵另存目標)
http://i.imgur.com/KQBFjR0.gif
要套用語法前請先將側欄調成三欄式或是先套用預設三欄試版型
再匯入修改~再將CSS原始碼中語法刪除貼上下方整套語法:
/* CSS Document加菲貓製三欄式窗台(二)版型 */
/*CSS reset*/
html{
margin: 0px;
padding: 0px;
border: 0px;
outline: 0px;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body{background: transparent;
margin: 0px;
padding: 0px;
border: 0px;
outline: 0px;
font-size: 100%;
vertical-align: baseline;
line-height: 100%;
}
div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, font, img, small, strike, strong, form, label{
margin: 0px;
padding: 0px;
border: 0px;
outline: 0px;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ol, ul, li {
margin: 0px;
padding: 0px;
border: 0px;
outline: 0px;
font-size: 100%;
vertical-align: baseline;
}
ul {
list-style-position: inside;
/*list-style:url(http://i173.photobucket.com/albums/w65/fanlucy/000.gif)left top;*/
margin: 0px;
padding: 0px;
}
li {list-style-position: inside;
list-style:url(http://i173.photobucket.com/albums/w65/fanlucy/000.gif)left top;
margin: 0px;
padding: 0px;
}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
:focus { outline: 0px;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
/*主體*/
html {
border-bottom: 10px solid #997D72;
border-left: 15px solid #997D72;
border-right: 15px solid #997D72;
border-top: 10px solid #997D72;
scrollbar-3dlight-color: #A4907F;
scrollbar-arrow-color: #514137;
scrollbar-darkshadow-color: #A4907F;
scrollbar-face-color: #D4A67C;
scrollbar-highlight-color: #E9CDB4;
scrollbar-shadow-color: #A4907F;
}
/* ------------ 這是 Chrome瀏覽器 的方式 ------------ */
::-webkit-scrollbar{ /* 捲軸底色 */
background-color:#E9CDB4;
}
::-webkit-scrollbar-thumb{ /* 捲軸拉的地方的顏色 */
background-color:#D4A67C;-webkit-border-radius: 6px;
}
::-webkit-scrollbar-button:vertical:decrement{ /* 捲軸上方的箭頭 */
background-image: url("http://i240.photobucket.com/albums/ff275/chihme/eetop.jpg");
background-repeat: no-repeat;
}
::-webkit-scrollbar-button:vertical:increment { /* 捲軸下方的箭頭 */
background-image: url("http://i240.photobucket.com/albums/ff275/chihme/eedom.jpg") ;
background-repeat: no-repeat;
}
body {
background-attachment: fixed;
background: url(http://i.imgur.com/Kc3lufb.gif)center top fixed;
border: 0;
cursor: url('http://www.geocities.jp/park73623/ani/n14.ani');
margin: 0;
outline: 0;
vertical-align: baseline;
color:#000000;
}
h1, h2, h3 { padding:0px;margin:0px; font-weight:normal;}
/*連結*/
a, a:link, a:visited {
color: #000; text-decoration: none;
}
a:active {
color: color: #000; text-decoration: none;
}
a:hover {background: url(http://sl.glitter-graphics.net/pub/6/6113e16hpe4atm.gif) no-repeat;
background-position: 50% 50%;
color: #ff00ff;
cursor: url(http://www.z168z.com/cursor/cur1/cor3.ani);
text-decoration: none;
}
/*定位框*/
#wrap {
}
#container {
background: url(http://i.imgur.com/4uestMM.gif) center top repeat;
color: #000;
font-size: 12px;
margin: 0 auto;
position: relative;
text-align: left;
width: 1200px;
}
/*檔頭*/
#banner {
background-image: url(http://i.imgur.com/aa6zRfa.gif);
background-position: center;
background-repeat: no-repeat;
height: 510px; margin: 0 0px;
margin-top: 60px; position: relative;
}
/*左欄*/
#linksLeft {
float: left;
padding: 20px 0 0 5px;
position: relative;
width: 200px;
left: 28px;
}
/*右欄*/
#linksRight {
float: right;
left: 670px;
padding: 20px 0px 0 0;
position: relative;
width: 200px;
}
/*中間欄*/
#mid {
float: right;
margin: 0;
overflow: hidden;
padding-top: 50px;
position: relative;
right: 248px;
width: 710px;
}
/*瀏覽列表前及歷史上,相關文章列表文字前小圖*/
.singleArticle li{list-style: url(http://i173.photobucket.com/albums/w65/fanlucy/8jxf.gif);
min-height: 18px;
padding-left: 20px;
}
/*#mid ul li {
background: url(http://www.fuchu.or.jp/~tenshi/1kb/sozai/gif/icon/blog/heart03.gif)no-repeat left top;
min-height: 18px;list-style-position:inside;
padding-left: 20px;
}*/
/*檔尾*/
#footer {
clear: both;color: #000;line-height: 16px;
height: 97px;
margin-bottom: 50px;
padding: 30px 0 50px;
text-align: center;
background: url(http://i.imgur.com/KQBFjR0.gif)center bottom no-repeat ;
}
/*欄位名稱*/
.sidetitle{
height:auto;
color: #402000;
font-family: "標楷體";
font-size: 18px; height:76px;width:200px;
font-weight: bold;
text-align:center;
letter-spacing:0.1em;
padding:38px 0px 0px 0px;
background:url(http://7.share.photo.xuite.net/fanlucy/1706327/19214977/1045728678_x.jpg) no-repeat center top;
}
/*欄位內容*/
.side{
background :url(); color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 140%;
padding-left: 2px; padding-bottom: 12px;
widht:200px;
}
/*欄位內文字區塊設定*/
.side li{
padding-top: 5px;
}
/*空白*/
.spacer{
clear:both;
}
/******************************************/
/*檔頭class*/
/*日誌名稱*/
.blogname{
font-size: 25px;font-weight: bold;font-family:標楷體;
line-height: 110%;
margin: -40px 0 0 0px;
padding: 0px 0 0 490px;
width: 540px;
}
.blogname a{color: #402000;
}
.blogname a:hover{
color: #ff00ff;
}
/*今日心情*/
.blogemotion{
/*visibility:hidden;*/
}
/*加入最愛*/
.blogfavo{
/*visibility:hidden;*/
}
/*日誌描述*/
.description{
margin-top:525px;
font-size: 20px;font-weight: bold;font-family:標楷體;
color: #402000;
padding-left:450px;
}
/*Logo*/
.menulist{
padding-top:5px;
width:100%;
}
.logo{
visibility:visible;
display:none;
}
/******************************************/
/*中間欄位class*/
/*文章外框*/
#content{
padding: 5px; border: 1px dashed #8E7C7C;
margin: 5px;
color:#000;
line-height:150%;
}
/*文章標題列*/
.title{
background: url(http://7.share.photo.xuite.net/fanlucy/170638e/19214977/1045732365_x.jpg)left bottom no-repeat;
background-position: left bottom;
margin-top:30px;
height:80px; margin-left:10px;
}
/*文章標題名稱*/
span.titlename{
color: #331A00;
font-size: 22px;font-family:標楷體;font-weight:bold;padding-left:80px;
}
span.titlename a {
color: #331A00;
}
span.titlename a:link {
color:#331A00;
}
span.titlename a:visited {
color: #331A00;
}
span.titlename a:active {
color: #331A00;
}
span.titlename a:hover {
color: #ff00ff;
}
/*文章日期*/
span.titledate{
float:right;
padding-top:5px;
height:25px;
padding-right:20px;
font-family: "Georgia";
font-size: 11px;
color: #000066;
}
/*文章評價列*/
.blogrank{
width:100%;
line-height:200%;
margin-top:10px;
color:#000;
}
/*文章瀏覽數*/
span.counter{
background: url(http://i240.photobucket.com/albums/ff275/chihme/aabmen.gif) no-repeat;
float: right;
margin: 8px;
padding: 10px 0px 5px 20px;
width:auto;
height:20px;
font-size: 12px;
color: #000;
}
/*文章分類*/
span.category{
background: url(http://i240.photobucket.com/albums/ff275/chihme/aabfrile.gif) no-repeat;
float: right;
margin: 8px;
width:auto;
height:20px;
padding: 10px 0px 5px 25px;color: #000;
}
/*好文轉寄*/
span.mail{
background: url(http://i173.photobucket.com/albums/w65/fanlucy/1535.gif) no-repeat;
float: right;
margin: 8px;
width:auto;
height:20px;
padding: 10px 0px 5px 25px;
}
/*文章主體*/
.blogbody{
word-wrap: break-word;padding:7px ;
width:100%;
color:#000000;
line-height:180%;
}
/*作者列*/
.posted{width:100%;float: right;padding-top: -50px;
text-align:right;padding-right: 15px;
clear:both;
font-size:12px;
}
/*上下文章及引用列上的圖片*/
.selectbar{
width:100%;
text-align:center;
padding-top:-30px;
margin-top:50px;
background:url(http://7.share.photo.xuite.net/fanlucy/1706380/19214977/1045726207_x.jpg) no-repeat;
background-position:center bottom; height:420px;
}
/*引用列*/
.trackbacktitle{
position:relative;
width:100%;
margin-top:-15px;
margin-bottom:15px;
font-size: 12px;
color: #402000;
height:24px;
}
.trackbacktitle a{
position:relative;
width:100%;
margin-top:-15px;
margin-bottom:15px;
font-size: 12px;
color: #402000;
height:24px;
}
/*引用網址*/
.trackbackurl{
width:660px;
margin-top:-15px;
padding-bottom:30px;
text-indent:10px;color:#402000;
word-break:break-all;
}
/*引用日期*/
.trackbackdate{
width:100%;
text-align:right;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
font-size: 11px;
color: #314864;
}
/*引用內容*/
.trackbackcontent{
width:100%;
line-height:150%;
margin-top:10px;
border-bottom: #D1D1D1 1px dotted;
margin: 1px 0;
padding: 50px 15px 0 50px;
position: relative; color:#402000;
}
.trackbackcontent td{}
.item_trackBack{}
/*留言列*/
.comment{
width:110%;
font-size: 12px;
color: #000;
height:25px;
margin-top:50px;
padding-bottom:15px;
word-break:break-all;
}
.comment-c{
}
.comment-avatar-link{
}
/*留言名稱*/
span.commenttitle{
background: transparent url(http://s.blog.xuite.net/_image/bulletMessageList.gif) no-repeat;
padding-left: 20px; border:0px;
}
/*留言按鈕*/
span.commentbutton{
float:right;
}
/*留言作者列*/
.author{
width:100%;
}
/*留言作者名稱*/
span.authorname{color:#000;
}
span.authorname-c{color:#314864;
}
/*留言日期*/
span.commentdate{
float:right;
text-align:right;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
font-size: 11px;padding-top:5px;
color: #000;
}
/*留言內容*/
.commenttext{
color: #4d2b15;
width:110%;
margin-top:10px; padding-top:5px;
margin-bottom:10px;
}
/*留言編輯按鈕*/
.commentedit{
width:100%;
border-bottom:1px dotted #D1D1D1;
}
/*留言者信箱*/
span.email{
}
/*瀏覽方式切換*/
.ArticleShowMode {
margin-bottom:10px;
}
/*列表模式 */
.singleArticle{
}
.singleArticle ul{
padding-left:20px;
}
.singleArticle li{
list-style: url(http://i173.photobucket.com/albums/w65/fanlucy/color_deco04.gif);
padding-left: 20px; line-height:200%;margin-left: 2px;
}
/*瀏覽方式列表模式時的日期文字顏色*/
.singleArticle-date{color:#000;}
/*繼續閱讀那四個字設定*/
.fullpost{
display:none;
}
/******************************************/
/*class*/
/*關於我
/*照片*/
.avatarPhoto{
text-align:center;
}
/*帳號*/
.avatarID{
}
/*我的描述*/
.avatarDesciption{
text-align:center; /*visibility:hidden;*/
}
/*關於我按鈕*/
.avatarbutton{
text-align: right;
}
/*文章分類*/
.categoryTitle{
}
.categorySide{
margin-left: 2px;
}
/*日曆*/
.calendarTitle{
}
.calendarSide li{
list-style-image:url(http://s.blog.xuite.net/_image/skin/background/1136/forli.png);
}
.calendarSide{
padding-left:15px;
}
/*日曆table*/
.calMonth{
width:95%;
text-align:center;
}
/*日曆首列*/
.calMonthNav{
}
/*日曆上個月*/
.calMonthBackward{
}
/*日曆目前顯示年月*/
.calMonthCurrent{
font-size: 12px;
font-weight: bold;
color: #4d2b15;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}
/*日曆下個月*/
.calMonthForward{
color: #FF0000;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
font-size: 12px;
}
/*日曆星期列*/
.calMonthHeader{
}
/*日曆日欄*/
.calMonthDay{
font-size: 10px;
color: #4d2b15;
text-align:center;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}
/*日曆今日日期*/
.calMonthToday{
font-size: 11px;
text-align:center; color:#ff00ff;
}
/*日曆假日日期*/
.calholiday{
font-size: 11px;
color: #FF3300;
text-align:center;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}
.calendarbutton{
text-align: right;
padding-right:10px;
}
/* 日曆狀態 */
.cal_calendar {font-size:5pt;font-family:verdana;padding:0px;margin:0px;border:none; border-collapse:collapse;}
.cal_header {font-weight:bold;}
.cal_day {width:2ex;text-align:center;padding:0px;margin:0px;border:none; border-collapse:collapse;cursor:hand;}
.cal_disabled {color:#000000;width:2ex;padding:0px;margin:0px;border:none; border-collapse:collapse;}
.cal_common {color:black;width:3ex;padding:0px;margin:0px;border:none; border-collapse:collapse;}
.cal_holiday {color:red;width:3ex;padding:0px;margin:0px;border:none; border-collapse:collapse;}
.cal_event {color:#ffd700;width:3ex;padding:0px;margin:0px;border:none; border-collapse:collapse;cursor:pointer;cursor:hand;}
/*搜尋文章*/
.searchTitle{
}
.searchSide{border: 1px double #314864;
height:35px;padding-top:6px;
text-align:center;
}
.searchbutton{
text-align:left;
padding:2px;
}
/*搜尋框中背景色*/
.searchbutton .inputForm{
background-image:url(http://i173.photobucket.com/albums/w65/fanlucy/148.gif) ;
text-align:center;
}
/*搜尋按鈕圖*/
/*搜尋文章*/
.searchTitle{}
.searchSide{background:#;}
.searchbutton{position:relative;}
.searchbutton form[name=search_form]{
color:#000;
}
.searchbutton input.inputForm{
border-radius: 6px;
box-shadow: 1px 1px 3px 1px #D1D1D1 inset;
font-size: 12px;
padding: 4px 2px 2px 1px;
width: 93px;
color: #000;border:1px #D1D1D1 inset;
font-size: 12px;
}
.searchbutton input.inputForm:focus{
background:#;
color:#000;
}
.searchbutton input[name=image]{
position:absolute;
top:2px;
right:0px;
width:0px;
height:20px;
overflow:hidden;
padding:0px 2px 0px 35px;
background:url(http://i173.photobucket.com/albums/w65/fanlucy/gomy01.gif) 0px -5px;
}
.searchbutton input[name=image]:hover{background:url(http://i173.photobucket.com/albums/w65/fanlucy/gomy01.gif) 0px -5px;
}
/*側欄最新回應的內容區產生捲軸*/
#new-comment ol{
width: 185px;
height: 380px;
overflow: auto;
}
/*我的哈拉室*/
.chatTitle{
}
.chatSide{
}
/*已建立的日誌*/
.bloglistTitle{
}
/*訂閱電子報*/
.epaperTitle{
}
.epaperSide{
text-align:center;
}
.epaperbutton{
text-align:center;
padding:2px;
}
/*自由欄位*/
.customTitle{
}
.customSide{
}
/*日誌使用資源*/
.resourceTitle{
}
.resourceSide{
text-align:center;
}
/*留言塗鴉版*/
.paintTitle{
}
.paintSide{
text-align:center;
}
/******************************************/
/*右欄class*/
/*背景音樂*/
.BackgroundMusicTitle {
}
.musicSide{
}
.musicbutton{
text-align:left;
padding:2px;
}
/*最新文章*/
.articleTitle{
}
/*最新留言*/
.messageTitle{
}
.messageSide{
text-indent: -3ex; collor:#000;
margin-left: 3ex;
}
.date {
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
font-size: 11px;
color: #314864;
}
/*參觀人次統計*/
.countTitle{
}
.countSide{
}
/*我的訂閱*/
.rssrollTitle{
}
.rssrollSide li{
list-style-image:url(http://i240.photobucket.com/albums/ff275/chihme/31gf8.gif);
padding:4px;
}
.rssrollSide{
}
.backbtn li{
list-style-image:url(http://s.blog.xuite.net/_image/blog038.gif);
}
.backbtn{
text-align:right;
}
.morebtn li{
list-style-image:url(http://s.blog.xuite.net/_image/blog037.gif);
}
.morebtn{
background: url(http://i173.photobucket.com/albums/w65/fanlucy/bikkuri03.gif) no-repeat;
width: auto;
padding-left: 20px;margin-top: -20px;
float: right;
}
/*日誌評價*/
.rankTitle{
}
.rankSide{color:#314864;
}
/*已建立的相簿*/
.albumTitle{
}
.albumSide{
}
/*最愛連結*/
.linkTitle{
}
.linkSide li{
list-style-image:url(http://i240.photobucket.com/albums/ff275/chihme/31gf8.gif);
padding:4px;
}
.linkSide{
}
.countSide{
color:#000;}
.rankSide{
color:#000;}
.searchSide{
color:#000000;}
/*個人項目---- 2006-5-11 Modify*/
.personallink{
display: block;
width:100%;
margin:0px 0px 0px 0px;
}
/*關於我*/
.plink li{
list-style-image:url(http://s.blog.xuite.net/_image/skin/background/1136/forli.png);
}
.plink{
}
/*我的相簿*/
.pphoto li{
list-style-image:url(http://s.blog.xuite.net/_image/skin/background/1136/forli.png);
}
.pphoto{
}
/*加入好友*/
.pfriend li{
list-style-image:url(http://s.blog.xuite.net/_image/skin/background/1136/forli.png);
}
.pfriend{
}
/*好友動態*/
.friendactiveTitle{
}
/*我的留言板*/
.pboard li{
list-style-image:url(http://s.blog.xuite.net/_image/skin/background/1136/forli.png);
}
.pboard{
}
/*關於我---- 2006-5-12 Modify*/
.pTitle{
}
/*欄位名稱---- 2006-5-12 Modify
/* Applied by Chyuko@Xuite.net */
/*我的影音*/
.pvlog ul{
list-style-type:none;
margin:0px;
padding:0px 2px 0px 20px;
word-wrap: break-word;
display: block;
float:left;
}
.pvlog li{
padding:0px;
margin:0px 0px 0px 0px;
list-style-image:url(http://s.blog.xuite.net/_image/skin/background/1136/forli.png);
}
.pboard{
padding:0px;
width: 90px;
}
/*下方換頁-----2007-04-02*/
.page {
margin-top: 10px;
margin-bottom: 10px;
font-size: 12px;
color: #314864;
line-height: 24px;
vertical-align:middle;
}
.page a:link, .page a:active {
font-size: 12px;
color: #314864;
line-height: 24px;
text-decoration: none;
}
.page a:visited, .page a:hover {
font-size: 12px;
color: #ff00ff;
line-height: 24px;
text-decoration: underline;
}
/*我的好友&我的好友樹*/
.friendTitle{
}
.LoveFriendSide{
}
.LoveFriendSide select{
color: #000;
font-size:13px;
}
/*最愛日誌*/
.LoveBlogTitle{
}
.LoveBlogSide{
}
.LoveBlogSide select{
color: #000;
font-size:13px;
}
/*我的發燒文*/
.hotArticleTitle{
}
.hotArticleSide li {
list-style-image:url(http://i240.photobucket.com/albums/ff275/chihme/31gf8.gif);
}
/*我的親友團*/
.myChannelTitle{
}
/*日誌背景音樂*/
.BackgroundMusicTitle{
}
.BackgroundMusicTitle li{
list-style-image: none;
list-style-type:none;
}
/*我的留言板*/
.gbookTitle{
}
/*誰拜訪過我*/
#visitorTitle{
}
#visitorTitle li{
list-style-image: none;
list-style-type:none;
}
/*延伸閱讀*/
.articleExt{
font-size:13px;
}
/*隨機推薦文章*/
.ArticleRandomSide{
}
/*相關文章*/
#ArticleRelateSide{
}
/*服務切換tab*/
#service-list{
position: absolute;
width: 700px;
left: 270px;
top: 410px;
padding:0px;
margin:0px;
}
#service-list .service-item {
background: none;
color: #;
cursor: pointer;
display: block;
float: left;
list-style-type: none;
margin: 0 5px 0 0;
padding: 0;
}
#service-list .service-link {
display: inline-block;
}
#service-blog .service-link {
background: url(http://7.share.photo.xuite.net/fanlucy/170633a/19214977/1045729977_x.jpg);
display: inline-block;
float: left;
height: 40px;
overflow: hidden;
text-indent: -5000px;
width: 110px;
}
#service-blog .service-link:hover {
background: url(http://7.share.photo.xuite.net/fanlucy/17063f8/19214977/1045728375_x.jpg);
}
#service-photo .service-link {
background: url(http://7.share.photo.xuite.net/fanlucy/170632c/19214977/1045726379_x.jpg);
display: inline-block;
float: left;
height: 40px;
overflow: hidden;
text-indent: -5000px;
width: 110px;
}
#service-photo .service-link:hover {
background: url(http://7.share.photo.xuite.net/fanlucy/1706374/19214977/1045729267_x.jpg);
}
#service-vlog .service-link {
background: url(http://7.share.photo.xuite.net/fanlucy/170632d/19214977/1045726380_x.jpg);
display: inline-block;
float: left;
height: 40px;
overflow: hidden;
text-indent: -5000px;
width: 110px;
}
#service-vlog .service-link:hover {
background: url(http://7.share.photo.xuite.net/fanlucy/17063b2/19214977/1045727793_x.jpg);
}
#service-gbook .service-link {
background: url(http://7.share.photo.xuite.net/fanlucy/1706319/19214977/1045725592_x.jpg);
display: inline-block;
float: left;
height: 40px;
overflow: hidden;
text-indent: -5000px;
width: 110px;
}
#service-gbook .service-link:hover {
background: url(http://7.share.photo.xuite.net/fanlucy/170633c/19214977/1045729979_x.jpg);
}
#service-friend .service-link {
background: url(http://7.share.photo.xuite.net/fanlucy/17063a1/19214977/1045730080_x.jpg);
display: inline-block;
float: left;
height: 40px;
overflow: hidden;
text-indent: -5000px;
width: 110px;
}
#service-friend .service-link:hover {
background: url(http://7.share.photo.xuite.net/fanlucy/17063e6/19214977/1045727589_x.jpg);
}
#service-card .service-link {
background: url(http://7.share.photo.xuite.net/fanlucy/1706373/19214977/1045729778_x.jpg);
display: inline-block;
float: left;
height: 40px;
overflow: hidden;
text-indent: -5000px;
width: 110px;
}
#service-card .service-link:hover {
background: url(http://7.share.photo.xuite.net/fanlucy/1706312/19214977/1045729169_x.jpg);
}
#service-list a{background:none;}
/* 2009/09 新 關於我 區塊 */
#avatarContent {padding-left:20px; width:95%;text-align:center;display:block;word-break:break-all ;}
#avatarAddMe {width:96px;height:2em;margin-left:50px auto;}
#avatarAddMe img {float:left;}
#personalLink {height:6em;width:100%;padding:0px; margin:5px auto;display:block;}
#personalLink li {list-style-type:none;float:left;height:1.7em;margin:0px 5px 0px 5px;padding:2px 0px 0px 38px;width:auto;display:block;}
#personalLink li img {margin:1px 2px 0px 0px;vertical-align:top;}
li.pblog{background:url(http://img.xuite.net/portal/images/icons/blog.gif) no-repeat center left;}
li.pphoto{background:url(http://img.xuite.net/portal/images/icons/photo.gif) no-repeat center left;}
li.pvlog{background:url(http://img.xuite.net/portal/images/icons/vlog.gif) no-repeat center left;}
li.pboard{background:url(http://img.xuite.net/portal/images/icons/gbook.gif) no-repeat center left;}
li.pfriend{background:url(http://img.xuite.net/portal/images/icons/friend.gif) no-repeat center left;}
li.plink{background:url(http://img.xuite.net/portal/images/icons/card.gif) no-repeat center left;}
/* 2009/09 新 回應 區塊 */
#commentSide{margin:4px 0px 4px 8px;padding:0px;}
li.commentBox {list-style-type:none;margin-left: 0px !important;margin-bottom: 5px;height:36px;text-indent:0 !important;}
li.commentBox img{width:32px;height:32px;border-style:solid;border-color:gray;border-width:1px;float:left;}
li.commentBox .content {margin-left: 36px;}
div.commentBody{font-size:13px;width:140px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}
div.commentAuthor{font-size:13px;width:140px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}
/* 2009/08 相關文章 */
.articleExt {
clear:both;
padding-top:10px;
border-top:1px solid #314864;
font-size:13px;
line-height: 160%;
}
.articleExt li{
list-style-position:inside;
list-style-image:url(http://i240.photobucket.com/albums/ff275/chihme/31gf8.gif);
}
/* 2009/09 推推 bookmark 區塊 */
.bookmark{
float:right;
}
/*留言板*/
.gbookSide{color:#000033;}
.gbookSide .odd {background:#FFD8E2;}
.gbookSide a:link {color:#000033;}
.gbookSide a:visited {color:#000033;}
.gbookSide a:hover {color:#c0c0c0;}
.gbookSide a:active {color:#936f4a;}
/*好友樹*/
#xuiteFriendsSide{
color:#777;
}
#xuiteFriendsSide a,#xuiteFriendsSide a:link ,#xuiteFriendsSide a:active{
color: #777;
text-decoration: none;
}
#xuiteFriendsSide a:visited,#xuiteFriendsSide a:hover {
color: #fff;
text-decoration:none;
}
/*文章 歷史上的今天標題圖設定*/
#articleExt_today_title{
background:url(http://i173.photobucket.com/albums/w65/fanlucy/226.gif) top left no-repeat;
padding:16px 20px 9px 54px;margin-top: 10px;
font-size:14px;
}
/*隨機文章和相關文章區*/
#articleExt_random_title, #articleExt_relate_title{
background:url(http://i173.photobucket.com/albums/w65/fanlucy/226.gif) top left no-repeat;
padding:16px 0px 9px 54px;margin-top: 10px;
font-size:14px;
}
#mid .articleExt ul {
margin: 0 0 0 30px;
overflow: visible;
padding: 0;
}
ul#articleExt_random_content {
height: auto;
}
#mid .articleExt ul.random-article {
border-left: 1px dashed #314864;
margin: 0;
}
ul#articleExt_random_content li.random-article-c {
border-bottom: 1px dashed #d1d1d1;
border-right: 1px dashed #d1d1d1;
border-top: 1px dashed #d1d1d1;
height: 140px;
width: 100px;
}
ul#articleExt_random_content li.random-article-c:hover {
border-right: 1px dashed #b4d296;background-color:#d1d1d1;
;
}
ul#articleExt_random_content li.random-article-c a.random-article-link {
height: 160px; color:#314864;
width: 100px;
}
ul#articleExt_random_content li.random-article-c img.random-article-img {
border: none;
height: 90px;
padding: 5px;
width: 90px;
}
/*贊助廣告區*/
#articleExt_relate_ads{
border:0px;display:none;
}
#articleExtAd{
border:0px;
display:none;
}
/*側欄最愛連結的列表文字前小圖*/
.LoveLinkSide li{
list-style-image:url(http://i240.photobucket.com/albums/ff275/chihme/31gf8.gif); line-height:180%;
padding-left:10px ;
}
/*側欄最愛連結的內容區塊*/
.LoveLinkSide{margin-left:10px;}
/*側欄最愛連結的列表超連結時文字前小圖*/
.LoveLinkSide li a:hover{list-style-image:url(http://i240.photobucket.com/albums/ff275/chihme/31gf8.gif);
line-height:180%;
}
/*for IE8瀏覽器使用*/
.categorySide {
padding-left: 5px;margin-top:5px;margin-left:15px;line-height:180%;
}
.categorySide li {
list-style-image: url(http://i240.photobucket.com/albums/ff275/chihme/31gf8.gif);line-height:180%;
}
.categorySide li a:hover{
list-style-image: url(http://i240.photobucket.com/albums/ff275/chihme/31gf8.gif);
}
.categorySide {
}
.categorySide ul li a{
line-height:180%;
}
.bloglistSide {
padding-left: 5px;
line-height:180%
}
.articleSide {
padding-left: 5px;line-height:180%;
}
.bloglistSide li {
list-style-image: url(http://i240.photobucket.com/albums/ff275/chihme/31gf8.gif);line-height:180%;
}
/*已建立的日誌列表超連結時文字前小圖示設定*/
.bloglistSide li a:hover{
background:url(http://i240.photobucket.com/albums/ff275/chihme/39re2-1.gif) no-repeat;
margin-left:-32px;padding-left:32px;margin-top:-8px;padding-top:8px;
}
/*最新文章列表文字前小圖示設定*/
.articleSide li {
list-style-image: url(http://i240.photobucket.com/albums/ff275/chihme/31gf8.gif);
line-height:180%;
}
/*最新文章列表超連結時文字前小圖示設定*/
.articleSide li a:hover{
background:url(http://i240.photobucket.com/albums/ff275/chihme/39re2-1.gif) no-repeat;
margin-left:-32px;padding-left:32px;margin-top:-8px;padding-top:8px;
}
#top-toolbar1 li {
margin-top: 5px;
}
/*上方toolbar*/
.top-toolbar li ul{
background-color:transparent;
}
.top-toolbar li ul a:hover{
color:#ff00ff;
}
/*上方工具列文字間隔*/
.top-toolbar ul li{ padding-left: 5px;
background-color:transparent;
}
.top-toolbar li ul a{
background:url(http://i240.photobucket.com/albums/ff275/chihme/31gf8.gif)no-repeat ;
padding-left:30px;margin-left: -13px;
}
.top-toolbar li ul a:hover{
color:#ff00ff; background:url(http://i173.photobucket.com/albums/w65/fanlucy/angela-mini558.gif) no-repeat ;
padding-left:30px;margin-top: -3px;
}
.top-toolbar {
background:url(http://7.share.photo.xuite.net/fanlucy/17063ac/19214977/1045726507_x.jpg) repeat-x;
padding-top:65px;padding-bottom:15px;
font-size:15px;
position:relative;
text-align:right;
width:100%;
z-index:3600;
font-family:"標楷體";
}
.top-toolbar ul li.top-toolbar-user-hello a{color:#4D2B15;}
.top-toolbar ul li.top-toolbar-user-hello a:hover{color:#ff00ff;}
.top-toolbar ul li.top-toolbar-user-space p{
background-color:transparent;
color:#000;margin-top: 5px;
}
.top-toolbar ul li.top-toolbar-user-space p a{color:#4D2B15;
}
.top-toolbar ul li.top-toolbar-user-space p a:hover{
background-color:transparent;
}
.top-toolbar ul li.top-toolbar-user-notice span{background-color:; color:#4D2B15;}
.top-toolbar a:link{color:#4D2B15;}
.top-toolbar a:hover{color:#4D2B15;text-decoration:none;background:none;}
.top-toolbar a, .top-toolbar a:visited, .top-toolbar a:link {color:#4D2B15;}
.top-toolbar-general-home p a:hover{color:#000;background:url(http://i173.photobucket.com/albums/w65/fanlucy/home01.gif) no-repeat; }
/*
.extra9{
position:relative;
left:0px;
*left:0px;
top:-32px;
width:100%;
height:40px;
background-color:transparent;
}
*/
/*繼續閱讀那四個字隱藏*/
.fullpost{display:none;}
.sidebar-tree-container li a{
background:url(http://i173.photobucket.com/albums/w65/fanlucy/file9.gif)-1px -3px no-repeat ;
padding-left:30px;}
.sidebar-tree-container li a:hover{background:url(http://i173.photobucket.com/albums/w65/fanlucy/file11.gif)-1px -5px no-repeat ;padding-left:20px;
}
.sidebar-tree-sub-container li a{background:url(http://c.blog.xuite.net/cf/7b/11732000/blog_698/txt/4902396/15.gif)-1px -5px no-repeat ;padding-left:20px;padding-top:5px;
}
.sidebar-tree-sub-container li a:hover{background:url(http://i173.photobucket.com/albums/w65/fanlucy/8jxf.gif)-1px -1px no-repeat ;padding-left:20px;padding-top:5px;
}
/*回覆回應區塊板主頭像圖及邊框設定*/
.reply_info{
background:url(http://7.share.photo.xuite.net/fanlucy/1706369/19214977/1045731560_x.jpg)left top no-repeat ;
width:120px;
display:block;
border:0;
width:90%;
border:2px dotted #956F53;
padding-top:105px;
}
/*我要回應圖片變更*/
.comment a.commentbutton{
background:url(http://7.share.photo.xuite.net/fanlucy/17063c6/19214977/1045733957_x.jpg) no-repeat ;
width:120px;
height:100px;
display:block;
border:0;
position:absolute;
padding-top:-5px;margin-top:-40px;
right:0px;
}
.morebtn{
padding-right:10px;
}
/*自由欄位*/
.customTitle{
}
.customSide{padding-left:0px;
}
.page img[title=第一頁]{
overflow:hidden;
width:0px;
height:18px;
background:url(http://s.blog.xuite.net/_image/skin/background/1442/page_btn.png) 0px 0px;
padding:0px 0px 0px 21px;
display:inline-block;
}
.page a:hover img[title=第一頁]{ background:url(http://s.blog.xuite.net/_image/skin/background/1442/page_btn.png) 0px -21px;}
.page img[title=上一頁]{
overflow:hidden;
width:0px;
height:18px;
background:url(http://s.blog.xuite.net/_image/skin/background/1442/page_btn.png) -21px 0px;
padding:0px 0px 0px 21px;
display:inline-block;
}
.page a:hover img[title=上一頁]{ background:url(http://s.blog.xuite.net/_image/skin/background/1442/page_btn.png) -21px -21px;}
.page img[title=下一頁]{
overflow:hidden;
width:0px;
height:18px;
background:url(http://s.blog.xuite.net/_image/skin/background/1442/page_btn.png) -42px 0px;
margin:0px 0px 0px 6px;
padding:0px 0px 0px 18px;
display:inline-block;
}
.page a:hover img[title=下一頁]{ background:url(http://s.blog.xuite.net/_image/skin/background/1442/page_btn.png) -42px -21px;}
.page img[title=最後頁]{
overflow:hidden;
width:0px;
height:18px;
background:url(http://s.blog.xuite.net/_image/skin/background/1442/page_btn.png) -63px 0px;
padding:0px 0px 0px 21px;
display:inline-block;
}
.page a:hover img[title=最後頁]{ background:url(http://s.blog.xuite.net/_image/skin/background/1442/page_btn.png) -63px -21px;}
/*引用列表圖*/
.trackbacktitle a{
font-size:0px;
position:absolute;
height:100px;width:120px;
top:65px;
margin-left: 20px;background:url(http://7.share.photo.xuite.net/fanlucy/17063ac/19214977/1045733163_x.jpg) no-repeat;
}
.push{
float: left;
padding-right:20px;
}
/*參觀人次統計文字顏色*/
.countSide,#todayHit,#totalHit{
color: #442200;padding-left:10px;padding-top:10px;
}
/*推推那排圖示靠左*/
.push{
float: left;
padding-right:20px;
}
/*側欄最新引用的日期文字顏色及調下一點靠右顯示*/
#trackListSide .date{
color:#990033;
width:70px;
vertical-align:-20px;
float: right; padding-bottom:10px;
padding-left:180px;
}
/*側欄最新引用的Re 及by...的文字顏色*/
#trackListSide {
padding:5px; width:175px;
color:#66320F;}
/*側欄最新回應的by 文字顏色*/
#new-comment{
color:#990033;
}
/*側欄最新回應的內容文字顏色*/
#new-comment li a.new-comment-content{
color:#2F1700;
}
/*側欄最新回應的作者名稱及版主回覆文字顏色*/
#new-comment li .new-comment-author a{
color:#816952;
}
/*側欄最新回應的日期斜線 / 的顏色*/
#new-comment li span.new-comment-date{
color:#593D0D;
}
/*側欄最新回應的日期月份的文字顏色*/
#new-comment li span.new-comment-month{
color:#BD692B;
}
/*側欄最新回應的日期的日子的 文字顏色*/
#new-comment li span.new-comment-day{
color:#BC412C;
}
/*隱藏更換閱讀模式字樣*/
.ArticleShowMode{display:none;}
#Y_TAB{width:0px; height:0px;z-index: 20000000000; display:none; margin-bottom:0px; margin-right: -1600px; !important;}
#Y_lrec_ad{width:0px; height:0px; z-index: 20000; display:none;margin-bottom:0px; margin-right: -1600px; !important; }