/* CSS Document */
/*主體*/
html{
}
body{
margin: 0px 0px 0px 0px;
text-align: center;
/* overflow-x: hidden; */
background: url(http://s.blog.xuite.net/_image/skin/background/229/blogBg.jpg) fixed #3262a0 center top repeat-y;
list-style-position: inside;
}
ul { padding: 0px; margin: 0px;}
li { list-style-position: inside;}
h1, h2, h3 { padding: 0px; margin: 0px; font-weight: normal;}
th {
color: #ffffff;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
font-size: 9pt;
}
body, td, th {
color: #ffffff;
}
/*連結*/
.xuiteLink span a:hover { background: #00479d none repeat scroll 0 0;}
a{
color: #e3e3e3;
text-decoration: none;
}
a:link {
color: #d7f5f4;
text-decoration: none;
}
a:visited {
color: #d7f5f4;
text-decoration: none;
}
a:active {
color: #ffffff;
text-decoration: none;
}
a:hover {
color: #ffffff;
text-decoration: none;
}
/*定位框*/
#wrap {
}
#container {
position: relative;
text-align: left;
width: 970px;
margin: auto;
padding: 0px 0px 0px 0px;
border: 0px solid #757575;
}
/*檔頭*/
#banner{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 200px;
background: url(http://s.blog.xuite.net/_image/skin/background/229/blogBg_1.gif) top center no-repeat;
}
/*左欄*/
#linksLeft{
width: 205px;
left: 0px;
margin: 5px 0 5px 5px;
padding: 0px;
float: left;
background: #0c274b;
filter: alpha(opacity: 85);
-moz-opacity: 0.85;
opacity: 0.85;
_overflow : hidden;
}
/*右欄*/
#linksRight{
display: none;
}
/*中間欄*/
#mid{
display: inline;
width: 740px;
float: right;
padding: 5px;
background: #113769;
filter: alpha(opacity: 90);
-moz-opacity: 0.90;
opacity: 0.6;
_filter : none;
}
/*檔尾*/
#footer{
clear: both;
text-align: center;
font-size: 12px;
padding: 10px 0px 0px 0px;
color: #FFFFFF;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
line-height: 16px;
}
/*欄位名稱*/
.sidetitle{
padding: 15px 0px 30px 60px;
font-weight: bold;
background: url(http://s.blog.xuite.net/_image/skin/windows/229/sidetitle.gif) no-repeat;
filter: alpha(opacity: 80);
-moz-opacity: 0.80;
opacity: 0.80;
color: #ffffff;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
letter-spacing: 0.1em;
font-size: 15px;
height: 30px;
list-style: none;
}
/*欄位內容*/
.side{
font-size: 12px;
font-weight: normal;
line-height: 140%;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
padding: 5px;
color: #ffffff;
background: #0c274b;
filter: alpha(opacity: 80);
-moz-opacity: 0.80;
opacity: 0.80;
}
/*空白*/
.spacer{
clear: both;
}
/******************************************/
/*檔頭class*/
/*日誌名稱*/
.blogname{
font-size: 26px;
color: #ffffff;
padding-left: 100px;
padding-top: 20px;
font-family: simhei;
}
.blogname a:link {
color: #ffffff;
}
.blogname a:visited {
color: #ffffff;
}
.blogname a:hover {
color: #99daf9;
}
.blogname a:active {
color: #99daf9;
}
/*今日心情*/
.blogemotion{
visibility: hidden;
}
/*日誌描述*/
.description{
font-size: 13px;
color: #99daf9;
padding-left: 200px;
padding-top: 26px;
}
/*選單列*/
.menulist{
padding-top: 5px;
width: 100%;
}
/*選單*/
.menu{
padding-top: 5px;
float: right;
padding-right: 60px;
color: #071d2f;
}
.menu a:link {
color: #071d2f;
}
.menu a:visited {
color: #071d2f;
}
.menu a:hover {
color: #ffffff;
}
.menu a:active {
color: #ffffff;
}
/*Logo*/
.logo{
visibility: visible;
width: 300px;
}
/******************************************/
/*中間欄位class*/
/*文章外框*/
#content{
border: px solid #757575;
}
/*文章標題列*/
.title{
width: 100%;
height: 30px;
background: url(http://s.blog.xuite.net/_image/skin/windows/229/title.gif) no-repeat;
padding-top: 17px;
padding-right: 0px;
}
/*文章標題名稱*/
span.titlename{
font-size: 15px;
color: #ffffff;
font-weight: bold;
padding-left: 30px;
padding-top: 30px;
}
.titlename a:link {
color: #ffffff;
}
.titlename a:visited {
color: #ffffff;
}
.titlename a:hover {
color: #99daf9;
}
.titlename a:active {
color: #99daf9;
}
/*文章日期*/
span.titledate{
float: right;
height: 25px;
padding-right: 10px;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
font-size: 11px;
color: #FFFFFF;
padding-top: 5px;
}
/*文章評價列*/
.blogrank{
width: 100%;
line-height: 200%;
margin-top: 0px;
}
/*文章瀏覽數*/
span.counter{
background: url(http://s.blog.xuite.net/_image/skin/list/bulletCounter.gif) no-repeat;
float: right;
margin: 5px;
padding: 2px 0px 0px 20px;
width: auto;
color: #49cdac;
}
/*文章瀏覽數項目符號*/
span.counter li{
}
/*文章分類*/
span.category{
background: url(http://s.blog.xuite.net/_image/skin/list/bulletContentArticle.gif) no-repeat;
float: right;
margin: 5px;
width: auto;
padding: 2px 0px 0px 20px;
}
/*文章分類項目符號*/
span.category li{
}
/*文章主體*/
.blogbody{
overflow: hidden;
word-wrap: break-word;
border-top-width: 0px;
color: #ffffff;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
line-height: 20px;
}
/*作者列*/
.posted{
width: 100%;
text-align: right;
color: #999999;
font-family: "細明體";
font-size: 13px;
font-weight: normal;
clear: both;
}
/*上下文章*/
.selectbar{
width: 100%;
text-align: center;
}
/*引用列*/
.trackbacktitle{
width: 100%;
margin-top: 20px;
margin-bottom: 5px;
font-size: 12px;
color: #ababab;
height: 24px;
border-top: 1px solid #757575;
border-bottom: 1px solid #757575;
}
/*引用列項目符號*/
.trackbacktitle li{
list-style-image: url(http://s.blog.xuite.net/_image/blogIcon31a.gif);
}
/*引用網址*/
.trackbackurl{
width: 100%;
padding-top: 20px;
padding-bottom: 15px;
text-indent: 10px;
color: #999999;
}
/*引用日期*/
.trackbackdate{
width: 100%;
text-align: right;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
font-size: 11px;
color: #ababab;
}
/*引用內容*/
.trackbackcontent{
width: 100%;
line-height: 150%;
margin: 5px 0px 10px 0px;
color: #999999;
border-bottom: 1px solid #757575;
}
/*留言列*/
.comment{
width: 100%;
font-size: 12px;
color: #91ab9e;
height: 24px;
margin-top: 20px;
padding: 5px 0px 5px 0px;
border-top: 1px solid #757575;
border-bottom: 1px solid #757575;
}
/*留言名稱*/
span.commenttitle{
color: #ababab;
padding-left: 20px;
background: url(http://s.blog.xuite.net/_image/bulletMessageList.gif) no-repeat;
width: auto;
}
/*留言名稱項目符號*/
span.commenttitle li{
}
/*留言按鈕*/
span.commentbutton{
float: right;
}
/*留言作者列*/
.author{
width: 100%;
}
/*留言作者名稱*/
span.authorname{
}
/*留言日期*/
span.commentdate{
float: right;
text-align: right;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
font-size: 11px;
color: #ababab;
}
/*留言內容*/
.commenttext{
overflow: hidden;
word-wrap: break-word;
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
color: #ffffff;
}
/*留言編輯按鈕*/
.commentedit{
width: 100%;
border-bottom: 1px solid #757575;
}
/*留言者信箱*/
span.email{
}
/******************************************/
/*左欄class*/
/*關於我*/
.avatar{
font-size: 12px;
font-weight: normal;
line-height: 140%;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
padding: 5px;
color: #ffffff;
background: #0c274b;
filter: alpha(opacity: 80);
-moz-opacity: 0.80;
opacity: 0.80;
}
/*照片*/
.avatarPhoto{
text-align: center;
margin-bottom: 20px;
}
/*帳號*/
.avatarID{
}
/*我的描述*/
.avatarDesciption{
color: #ffffff;
}
/*關於我按鈕*/
.avatarbutton{
}
/*文章分類*/
.categoryTitle li{
/*list-style-image: url(http://s.blog.xuite.net/_image/skin/list/bulletCategory.gif);*/
}
.categorySide li{
list-style-image: url();
color: #CD9D76;
}
.categoryTitle{
}
.categorySide li{
list-style-image: url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.categorySide{
}
/*日曆*/
.calendarTitle li{
list-style: none;
}
.calendarTitle{
}
.calendarSide li{
list-style-image: url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.calendarSide{
}
/*日曆table*/
.calMonth{
width: 95%;
}
/*日曆首列*/
.calMonthNav{
}
/*日曆上個月*/
.calMonthBackward{
}
/*日曆目前顯示年月*/
.calMonthCurrent{
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}
/*日曆下個月*/
.calMonthForward{
color: #CE5F55;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
font-size: 12px;
}
/*日曆星期列*/
.calMonthHeader{
font-size: 10px;
color: #ffffff;
text-align: center;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
text-align: center;
}
/*日曆日欄*/
.calMonthDay{
font-size: 10px;
color: #ffffff;
text-align: center;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}
/*日曆今日日期*/
.calMonthToday{
font-size: 11px;
text-align: center;
}
/*日曆假日日期*/
.calholiday{
font-size: 11px;
color: #FF3300;
text-align: center;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
font-weight: bold;
}
.calenderbutton{
text-align: right;
}
/*搜尋文章*/
.searchTitle li{
list-style: none;
}
.searchTitle{
}
.searchSide{
text-align: center;
}
.searchbutton{
text-align: center;
padding: 2px;
}
/*我的哈拉室*/
.chatTitle li{
list-style: none;
}
.chatTitle{
}
.chatSide{
margin-left: 20px;
color: #d7f5f4;
}
/*已建立的日誌*/
.bloglistTitle li{
list-style: none;
}
.bloglistTitle{
}
.bloglistSide li{
list-style-image: url(http://s.blog.xuite.net/_image/blogIcon19.jpg);
}
.bloglistSide{
}
/*訂閱電子報*/
.epaperTitle li{
list-style: none;
}
.epaperTitle{
}
.epaperSide{
text-align: center;
}
.epaperbutton{
text-align: center;
padding: 2px;
}
/*自由欄位*/
.customTitle li{
list-style: none;
}
.customTitle{
}
.customSide{
}
/*日誌使用資源*/
.resourceTitle li{
list-style: none;
}
.resourceTitle{
}
.resourceSide{
text-align: center;
}
/*留言塗鴉版*/
.paintTitle li{
list-style: none;
}
.paintTitle{
}
.paintSide{
text-align: center;
}
/******************************************/
/*右欄class*/
/*背景音樂*/
.musicTitle li{
list-style: none;
}
.musicTitle{
}
.musicSide{
}
.musicbutton{
text-align: left;
padding: 2px;
}
/*最新文章*/
.articleTitle li{
list-style: none;
}
.articleTitle{
}
.articleSide li{
list-style-image: url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.articleSide{
}
/*最新留言*/
.messageTitle li{
list-style: none;
}
.messageTitle{
}
.messageSide li{
list-style-image: url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.messageSide{
padding: 5px;
}
.date {
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
font-size: 11px;
color: #ababab;
}
/*參觀人次統計*/
.countTitle li{
list-style: none;
}
.countTitle{
}
.countSide{
}
/*我的訂閱*/
.rssrollTitle li{
list-style: none;
}
.rssrollTitle{
}
.rssrollSide li{
list-style-image: url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.rssrollSide{
}
.backbtn li{
list-style-image: url(http://s.blog.xuite.net/_image/blog038.gif);
}
.backbtn{
text-align: right;
}
.morebtn li{
}
.morebtn{
background: url(http://s.blog.xuite.net/_image/blog037.gif) no-repeat;
width: auto;
padding-left: 20px;
float: right;
}
/*日誌評價*/
.rankTitle li{
list-style: none;
}
.rankTitle{
}
.rankSide{
}
/*已建立的相簿*/
.albumTitle li{
list-style: none;
}
.albumTitle{
}
.albumSide{
}
/*最愛連結*/
.linkTitle li{
list-style: none;
}
.linkTitle{
}
.linkSide li{
list-style-image: url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.linkSide{
}
/*文章評價列*/
.blogrank{
width: 100%;
line-height: 200%;
margin-top: 10px;
}
/*個人項目---- 2006-5-11 Modify*/
.personallink{
display: block;
width: 190px;
margin: 0px 0px 0px 0px;
}
/*關於我*/
.plink li{
list-style-image: url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.plink{
}
/*我的相簿*/
.pphoto li{
list-style-image: url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.pphoto{
}
/*加入好友*/
.pfriend li{
list-style-image: url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.pfriend{
}
/*我的留言板*/
.pboard li{
list-style-image: url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.pboard{
}
/*文章分類---- 2006-5-12 Modify*/
.pTitle li{
list-style: none;
}
.pTitle{
}
/*欄位名稱---- 2006-5-12 Modify*/
.personaltitle{
padding: 15px 0px 30px 60px;
font-weight: bold;
background: url(http://s.blog.xuite.net/_image/skin/windows/229/sidetitle.gif) no-repeat;
filter: alpha(opacity: 80);
-moz-opacity: 0.80;
opacity: 0.80;
color: #ffffff;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
letter-spacing: 0.1em;
font-size: 15px;
height: 30px;
list-style: none;
}
/* Applied by Chyuko@Xuite.net */
/*我的影音*/
.pvlog ul{
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 2px 0px 20px;
word-wrap: break-word;
display: block;
float: left;
}
.pvlog li{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style-image: url(http://s.blog.xuite.net/_image/blogIcon19.gif);
}
.pboard{
padding: 0px 0px 0px 0px;
WIDTH: 90px;
}
/*下方換頁-----2007-04-02*/
.page {
margin-top: 10px;
margin-bottom: 10px;
font-size: 12px;
color: #676666;
line-height: 24px;
vertical-align: middle;
}
.page a:link, .page a:visited, .page a:active {
font-size: 12px;
color: #ABABAB;
line-height: 24px;
text-decoration: none;
}
.page a:hover {
font-size: 12px;
color: #676666;
line-height: 24px;
text-decoration: underline;
}
/*留言回覆邊框*/
.reply_info{
width: 90%;
border: 1px solid #757575;
padding: 1.2em 1.2em;
margin: 1.2em;
}
/*我的好友*/
.friendTitle li{
list-style: none;
}
.friendTitle{
}
.LoveFriendSide{
text-align: center;
}
.LoveFriendSide select{
color: #ababab;
font-size: 11px;
/* background-color: #FCE7E2; */
}
/*最愛日誌*/
.LoveBlogTitle li{
list-style: none;
}
.LoveBlogTitle{
}
.LoveBlogSide{
text-align: center;
}
.LoveBlogSide select{
color: #ababab;
font-size: 11px;
}
/*好文轉寄*/
span.mail{
background: url(http://s.blog.xuite.net/_image/skin/list/email_forward.gif) no-repeat;
float: right;
margin-top: 5px;
padding: 2px 0px 0px 20px;
width: auto;
}
/*好文轉寄項目符號*/
span.mail li{
}
/*我的發燒文*/
.hotArticleTitle {
}
.hotArticleTitle li{
list-style-image: none;
list-style-type: none;
}
/*我的親友團*/
.myChannelTitle {
}
.myChannelTitle li{
list-style-image: none;
list-style-type: none;
}
.rank{
float: left;
}
/*日誌背景音樂*/
.BackgroundMusicTitle{
}
.BackgroundMusicTitle li{
list-style-image: none;
list-style-type: none;
}
/*我的留言板*/
.gbookTitle{
}
.gbookTitle li{
list-style-image: none;
list-style-type: none;
}
/*誰拜訪過我*/
#visitorTitle{
}
#visitorTitle li{
list-style-image: none;
list-style-type: none;
}
/*瀏覽方式切換*/
.ArticleShowMode {
margin-bottom: 10px;
}
/*列表模式 */
.singleArticle{
}
.singleArticle ul{
padding-left: 20px;
}
.singleArticle li{
list-style-position: inherit;
line-height: 200%;
}
/*延伸閱讀*/
.articleExt{
clear: both;
padding-top: 10px;
border-top: 1px solid #ccc;
}
/*隨機推薦文章*/
.ArticleRandomSide{
}
/*相關文章*/
#ArticleRelateSide{
}
/*服務切換tab*/
#service-list, .tab_service{
top: 12px;
left: 332px;
position: absolute;
}
#service-list, .tab_service{
padding: 0px;
margin: 0px;
}
#service-list a{
margin: 0px 1px 0px 0px;
display: block;
float: left;
list-style-type: none;
padding: 5px;
color: #fefbdc;
cursor: pointer;
background: #24649c;
}
#tab_select_blog{ }
#tab_select_photo{ }
#tab_select_vlog{ }
#tab_select_gbook{ }
#tab_select_friend{ }
#tab_select_card{ }
/* 2009/09 推推 bookmark 區塊 */
.bookmark{ float: right;}
/* 2009/09 新 關於我 區塊 */
#avatarContent { width: 99%;text-align: center; display: block; word-break: break-all;}
#avatarAddMe { width: 96px; height: 2em; margin: 0px auto;}
#avatarAddMe img { float: left;}
#personalLink { height: 6em; width: 94px; padding: 0px; margin: 10px auto; display: block;}
#personalLink li { list-style-type: none; float: left;height: 1.7em; margin: 0px 4px 0px 0px; padding: 2px 0px 0px 16px; width: auto; display: block;}
#personalLink li img { margin: 1px 2px 0px 0px; vertical-align: top;}
li.pblog{ background: url(http://img.xuite.net/portal/common/icons/blog.gif) no-repeat center left;}
li.pphoto{ background: url(http://img.xuite.net/portal/common/icons/photo.gif) no-repeat center left;}
li.pvlog{ background: url(http://img.xuite.net/portal/common/icons/vlog.gif) no-repeat center left;}
li.pboard{ background: url(http://img.xuite.net/portal/common/icons/gbook.gif) no-repeat center left;}
li.pfriend{ background: url(http://img.xuite.net/portal/common/icons/friend.gif) no-repeat center left;}
li.plink{ background: url(http://img.xuite.net/portal/common/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: 0px !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: 1.2em; width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
div.commentAuthor{ font-size: 0.8em; width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#service-list li{
float : left;
margin : 0;
padding : 0;
}