Elsa's simple life

/********************************************** Theme Name: Blue Bow Author: Elsa Ko Author URL: http://blog.yam.com/elsatw Best View: 1024*768 ************************************************/ /*---------------------------------------------------------------------- 每個樣板都是Elsa辛苦製作出來的，所以如欲取用，請保有基本的尊重哦↓ ◎此樣板非官方提供樣式，故非經Elsa的同意請勿任意修改CSS和所使用的圖檔哦~ ◎更禁止再編輯後的投稿、贈人、分享 ◎欲取用，請於帳號登入狀態於文章內留言回應讓Elsa知道～ ◎某些無公開分享於Elsa部落格的樣板，絕不可用任何方式隨意取用！ ----------------------------------------------------------------------*/ @charset "utf-8"; a:link { color: #98B744; text-decoration: none;} a:visited { color: #98B744; text-decoration: none;} a:hover { color: #0072BC; text-decoration: none;} a:active { color: #0072BC; text-decoration: none;} body { font-family: georgia,Arial, 新細明體, taipei, Helvetica, sans-serif; font-size: 10px; margin: 0; color:#343434; background: url(http://pics2.blog.yam.com/11/userfile/e/elsatw/album/149671e3569a64.gif) repeat-y #EFEFEF top center ; } a img { border: 0; } img.profile { border: 0px ; margin-bottom: 5px; } hr { height: 1px; color: #ddd; } /*#mainFrame｜部落格整體框架設定*/ #mainFrame { background: url() #ffffff top right no-repeat; width: 960px; margin: 0 auto; text-align: left; position: relative; border: 0px solid #000; height:100%; } /* topbar */ #topbar{ height:32px; background: url(http://pics2.blog.yam.com/11/userfile/e/elsatw/album/14967106167962.gif) no-repeat; padding: 5; width: 100%; } #topbar a:link{ color: #ffffff; } #topbar a:visited{ color: #ffffff; } #topbar a:hover, a:active{ color: #ffffff; } #companyBar { position: relative; top: 7px; z-index: 10; color: #FFFFFF; width: 150px; float: left; padding-left: 10px; } #companyBar span.logo { position: absolute; background: url(../../images/logo_b.gif) no-repeat; width: 19px; height: 12px; left: -25px; } #adText { position: absolute; top: 7px; left: 140px; } #adText a { color: #fff; } #commend{ width:180px; float: right; text-align: center; color: #FFFFFF; } #linkLogin { float:right; position: relative; top: 7px; display: block; color: #ffffff; } /* topbar end */ /* banner｜上方banner設定*/ #banner { width: 960px; height: 380px; background: url(http://pics2.blog.yam.com/11/userfile/e/elsatw/album/1496710617774b.gif) #A8CF3E top right no-repeat; color: #574948; border-bottom: 0px solid #000; } #banner a:link, #banner a:visited { color: #7DA01C; text-decoration: none; } #banner a:hover, #banner a:active { color: #7DA01C; } h1 { position: absolute; top: 180px; left: 520px; font-size: 28px; font-weight: bold; color: #7DA01C; font-family: Arial, 新細明體, taipei, Helvetica, sans-serif; width: auto; } h2 { position: absolute; font-weight: normal; top: 230px; left: 530px; width: 250px; font-family: Arial, 新細明體, taipei, Helvetica, sans-serif; font-size: 10px; color: #7DA01C; } /* banner end */ /* navBar｜選擇頻道 */ #navBar { position: absolute; right: 20px; top: 310px; line-height: 19px; width: 910px; text-align:right; letter-spacing: 2px; font-size: 13px; } #linkLogin { float:right; position: relative; top: 7px; display: block; font: #fff; } #navBar a:link, #navBar a:visited { color: #fff; text-decoration: none; } #navBar a:hover, #navBar a:active { text-decoration: none; } #navBar span.navLink {color: #fff; margin-right: 5px; } /* navBar end */ /* contentBlock｜中間大區塊設定 */ #contentBlock { text-align: left; width: 960px; padding-top:10px; } /* MainSide ｜旁邊大區塊設定*/ #MainSide { float:left; padding-left: 0px; line-height: 1.4em; width: 190px; background: url() top left no-repeat; padding-top:5px; padding-bottom:5px; } #SubSide{ /*right:0;position: absolute;*/ float:right; padding-right: 0px; line-height: 1.4em; width: 190px; z-index: 2; background: url() top right no-repeat; } .sideColumn /*旁邊小區塊*/ { margin-bottom: 10px; } .sideTitle { font-size: 13px; margin-top:15px; color: #330000; border-bottom: 0px solid #E9E8E1; text-align:center; background: url(http://pics2.blog.yam.com/11/userfile/e/elsatw/album/1496710611f90b.gif) no-repeat; padding-top:8px; padding-bottom:6px; } .sideContent { text-decoration: none; line-height: 18px; padding: 7px; } /*行事曆*/ span.calendar { margin-left:5px; margin-right:5px; text-align:center; } span.calendar a { } /*訂閱浮動視窗標題*/ #MainSide ul { padding: 0; margin: 0; list-style: none; } #SubSide ul { padding: 0; margin: 0; list-style: none; } #navmenu li, #navmenu li a { float: left; padding-right: 2px; padding-left: 1px; padding-top: 2px; position: relative; } #navmenu li ul { /* second-level lists */ display: none; position: absolute; padding-top: 5px; color: #444; top: 1em; left: 0; } #navmenu li ul li { clear: left; width: 130px; background: #FFFFFF; padding-top: 5px; } #navmenu li ul li a:hover { background: #000000; color: #FFFFFF; } #navmenu li ul li.title { text-align: center; background: #ccc; } #navmenu li:hover ul, #navmenu li.over ul { /* lists nested under hovered list items */ display: block; } /* 網誌頁面 */ #articleBlock { line-height: 1.7em; width: 555px; padding-left: 10px; overflow: hidden; padding-bottom: 30px; /*border-right-width: 1px; border-right-style: solid; border-right-*/ padding-right: 20px; position: absolute; left: 190px; } .post { padding-bottom: 30px; padding-left: 5px; } /*#articleBlock a:link, a:visited { color: #50A2DC; text-decoration: none;} #articleBlock a:hover, a:active { color: #50A2DC; text-decoration: none;}*/ .postbody { height:100%; padding-left: 8px; font-size: 10px; line-height: 1.6em; } .post_title a:link { color: #50A2DC; text-decoration: none;} .post_title a:visited { color: #50A2DC; text-decoration: none;} .post_title a:hover, a:active { color: #50A2DC; text-decoration: none;} .post_title { clear: both; font-size:13px; font-weight: bold; padding: 5px 5px 5px 5px; } .post_date { color: #B5B5B5; font-family: georgia, verdana, arial; font-size: 9px;; padding-top: 10px; letter-spacing: 0px; font-weight: normal; padding-left:5px;width:200px; } .post_time { margin-left: 6px; border-bottom: 0px dotted #E3E3E3; padding-bottom: 3px; width: 100%; } .cheer{ width: 100%; text-align: right; } .post_content { height:100%; font-size: 10px; padding:16px; line-height: 175%; background: url() top left no-repeat; border: 1px solid #E9E8E1; margin-top:5px; margin-bottom:5px; } .post_info { padding: 10px; text-align: right; clear: both; border-bottom:0px solid #000; } .post_tail { } input.text, textarea { font-size: 10px; font-family: Arial, 新細明體, sans-serif; border: 1px solid #999; background: #eee; padding: 2px; } form { padding: 0; margin: 0; } select { font-family: sans-serif, arial; font-size: 10px; } input.btn { padding: 1px 3px; font-size: 10px; font-family: sans-serif, arial; } /* trackback 引用區塊 */ .trackback{ width:100% } .trackbackURL { margin-top: 10px; padding: 5px; border: 1px dotted #A0A0A0; } .trackbackTitle { font-weight: bold; font-size: 11px; } .trackbackTitle a { color: #800000; } /*留言文字區塊*/ #comment{ width:100%; } .blockquote{ background-color:#fff; width:300px; padding:10px; color: #DC0053; } .commentNote { color: #999; text-align: right; border-bottom: 0px dotted #e5e5e5; } span.highlight { font-weight: bold; } .rightPage { text-align:center; margin-bottom: 10px; } /*rss訂閱頁*/ .rssmenu { color: #a66; font-size:15px; font-weight: bold; line-height: 30px; text-align: center; } .rss_content{ margin-top:10px; } .rss_content ul{ margin-left:10px; } .rss_view { margin:10px; margin-left:30px; border: 0px solid #773E4C; padding: 5px; } .rss_body { padding: 0px; } .rss_view ul{ list-style-type:none; } .rss_view img{ border:1px solid #773E4C; } /* 個人資料 Profile */ #profile { margin-bottom: 100px; width: 90%; } #profile table { width: 90%; text-align:center; } .th_title { color: #B5B5B5; padding: 5px; width: 90px; font-weight: normal; text-align: center; } .td_desc { } .profile_title { color: #50A2DC; font-weight: bold; height: 16px; padding: 5px 26px; border: 0px solid #eee; margin-top: 10px; margin-bottom: 10px; } .introduce { line-height: 22px; padding: 10px; padding-left: 35px; padding-right : 35px; } /*頁數選擇*/ .pageCtrl{ padding: 2px; width: 490px; float: left; margin: 10px; text-align: center; } .pageCtrl ul{ margin: 0; padding: 0; text-align: center; font-size: 10px; } .pageCtrl li{ list-style-type: none; display: inline; padding-bottom: 1px; } .pageCtrl a:link, .pageCtrl a:visited{ padding: 0 5px; text-decoration: none; color: #9D9D9D; } .pageCtrl a:active{ } .pageCtrl a:hover{ } .pageCtrl li.currentpage{ font-weight: bold; padding: 0 5px; color: #FFF; } .pageCtrl li.disablepage{ padding: 0 5px; color: #50A2DC; } .pageCtrl li.nextpage{ font-weight: bold; } * html .pageCtrl li.currentpage, * html .pageCtrl li.disablepage{ margin-right: 5px; padding-right: 0; color: #990000; } /*相簿首頁設定*/ #albumBlock { width: 500px; padding-left: 10px; padding-bottom: 30px; border-right: 1px solid #773E4C; border-left: 1px solid #773E4C; padding-right: 20px; position: absolute; left: 200px; } #albumbody { } h3 { color: #2E2E2E; font-size:15px; letter-spacing: 2px; font-weight: bold; line-height: 30px; padding-left: 10px; } #albumList{ margin-bottom: 10px; } .album{ text-align:center; width: 200px; float: left; height: 250px; margin: 15px; } .albumimg { height: 200px; width:200px; } .albumList_title { width: 100%; color: #50A2DC; height: 14px; font-size: 12px; text-align: center; font-weight: normal; } .albumList_info{ } /*相簿內頁設定*/ #photobody{ } .albumDesc{ color:#333333; font-size:12px; margin: 5px; } .albumCategory { margin: 5px; } .photo{ text-align:center; width:120px; float: left; height: 170px; margin: 10px;; } .photoimg { height: 100px; width:100px; } .photoList_desc { width: 100%; color: #0072BC; height: 14px; font-size: 11px; text-align: center; } .albumview { text-align: right; width: 100%; } /*相簿內頁設定 End*/ /*單一瀏覽頁面設定*/ .backindex{ float:right; position: relative; top: 7px; display: block; font: #fff; padding-right: 10px; } #viewPicDiv { width: 100%; text-align: left; position: relative; border: 1px solid #000; margin: 0px auto; background:#fff; } #viewPicDiv #topbar{ background:#000; COLOR: #ffffff } .viewalbumTitle{ color: #2E2E2E; font-size:15px; letter-spacing: 2px; font-weight: bold; line-height: 30px; margin-left: 20px; } .photoviewTitle{ width: 90%; height: 14px; text-align: center; } #photoViewbody{ text-align:center; } .album_pageCtrl{ padding: 2px; width: auto; float: right; margin: 10px 30px; text-align: right; } .photoview { text-align: center; width: 100%; } .photoview img { border: 1px solid #333; } #photomsg{ padding-left:10px; width: 960px; margin-bottom: 20px; } .photomsg_title{ font-size:15px; font-weight: bold; line-height: 30px; color: #2e2e2e; } .photomsg_comment{ font-size:12px; padding: 8px 0 8px 0; } .photomsg_Body { font-size:12px; line-height: 22px; } .photomsg_info { color: #999; text-align: right; border-bottom: 1px dotted #e5e5e5; } .photoviewDesc{ width:90%; } table.photoList { margin-top: 20px; margin-bottom: 20px; } td.photoList { color: blue; height: 125px; width: 125px; font-size: 11px; } td.photoList img { border: 1px solid #2e2e2e; } /*留言板設定*/ .msg{ height:auto; } #imsg{ font-size:14px; } .msg_side{ width:20%; float:left; } .msgimg{ text-align:center; } .delmsg{ text-align:center; } .msg_block{ width:80%; float:left; } .msg_title{ width:70%; float:left; } .msg_time{ width:30%; float:left; text-align: center; } .msg_ad{ width:100%; } .msg_content{ width:70%; margin-bottom: 10px; padding-left: 5px; } .msgquotebody { margin-top:10px; background-color: #F2F2F2; } /*好友列表*/ .friendlist{ width:120px; height:150px; float:left; margin:10px 5px; padding:5px; text-align:center; } .buddyicon{ border:0px solid #773E4C; } .friend_dest{ float:left; width: 80%; padding-left: 10px; } .friend_select{ float:right; display:block; } /*播客設定*/ /*頁籤設定*/ .shadetabs{ border-bottom: 1px solid gray; } .shadetabs ul{ padding: 3px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: bold 12px Verdana; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ } .shadetabs li{ display: inline; margin: 0; } .shadetabs li a{ text-decoration: none; padding: 3px 7px; margin-right: 3px; border: 1px solid #778; color: #2d2b2b; background: white url(shade.gif) top left repeat-x; } .shadetabs li a:visited{ color: #2d2b2b; } .shadetabs li a:hover{ text-decoration: underline; color: #2d2b2b; } .shadetabs li.selected{ top: 1px; } .shadetabs li.selected a{ /*selected main tab style */ background-image: url(shadeactive.gif); border-bottom-color: white; } .shadetabs li.selected a:hover{ /*selected main tab style */ text-decoration: none; } .rssmain{ padding-top:10px; } .rssbody{ height:auto; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #778; border-bottom-color: #778; border-left-color: #778; margin-top: 0px; position: relative; width: 508px; padding-left: 10px;padding-right: 10px; } /*啵克*/ #articleBlock2 { PADDING-RIGHT: 20px; PADDING-LEFT: 10px; FLOAT: right; PADDING-BOTTOM: 30px; OVERFLOW: hidden; WIDTH: 710px; LINE-HEIGHT: 1.7em; POSITION: relative } .mediamain { PADDING-TOP: 10px; } .mediabody { BORDER-RIGHT: #778 1px solid; MARGIN-TOP: 0px; BORDER-LEFT: #778 1px solid; WIDTH: 100%; BORDER-TOP-STYLE: none; BORDER-BOTTOM: #778 1px solid; POSITION: relative; HEIGHT: auto } .medialist { FLOAT: left; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 10px; WIDTH: 100%; BORDER-BOTTOM: #ffffff 1px dashed; HEIGHT: 100% } .mediaimg { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px } .mediamdig { BORDER-RIGHT: #ffcc00 0px solid; BORDER-TOP: #ffcc00 1px solid; DISPLAY: block; FONT-WEIGHT: bold; FLOAT: left; BORDER-LEFT: #ffcc00 1px solid; WIDTH: 60px; BORDER-BOTTOM: #ffcc00 1px solid; BACKGROUND-COLOR: #fff } .mediaid { FLOAT: left; MARGIN: 0px 3px 10px; WIDTH: 150px; TEXT-ALIGN: center } .mediacontent { FLOAT: left; MARGIN: 0px 0px 10px; WIDTH: 100%; HEIGHT: auto;BACKGROUND-COLOR: #fff; } .mediatitle { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px } .mediadesc { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN: 5px; WIDTH: 690px; PADDING-TOP: 5px;border-bottom:1px solid #ccc; background:#eee; } .mediainfo { PADDING-RIGHT: 5px; PADDING-LEFT: 15px; FLOAT: left; PADDING-BOTTOM: 5px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 50%; PADDING-TOP: 5px; TEXT-ALIGN: left } .mediamdy2 { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; TEXT-ALIGN: left } .mediapageCtrl { DISPLAY: block; WIDTH: 100%; BACKGROUND-COLOR: #FFF; TEXT-ALIGN: right } .mediapageCtrl UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: right } .mediapageCtrl LI { DISPLAY: inline; PADDING-BOTTOM: 1px; LIST-STYLE-TYPE: none } .mediapageCtrl A { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none } .mediapageCtrl A:hover { } .mediapageCtrl LI.currentpage { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 0px } .mediapageCtrl LI.disablepage { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; COLOR: #652d18; PADDING-TOP: 0px } .mediapageCtrl LI.nextpage { FONT-WEIGHT: bold } HTML .mediapageCtrl LI.currentpage { PADDING-RIGHT: 0px; COLOR: #990000; MARGIN-RIGHT: 5px } HTML .mediapageCtrl LI.disablepage { PADDING-RIGHT: 0px; COLOR: #990000; MARGIN-RIGHT: 5px } .pageCtrl a:visited{ padding: 0 5px; text-decoration: none; } .mediapageCtrl a:hover, .pageCtrl a:active{ } .mediapageCtrl li.currentpage{ font-weight: bold; padding: 0 5px; color: #FFF; } .mediapageCtrl li.disablepage{ padding: 0 5px; color: #ECCA0B; } .mediapageCtrl li.nextpage{ font-weight: bold; } * html .mediapageCtrl li.currentpage, * html .mediapageCtrl li.disablepage{ margin-right: 5px; padding-right: 0; color: #990000; } /*啵克結束*/ /*我的俱樂部設定*/ .myclublist{ height:100%; padding: 10px; float: left; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom- margin-bottom: 10px; } .myclubimg{ padding: 5px; width: 155px; float: left; } .myclubid { float: left; margin: 0px 3px 10px 0px; width: 675px; height: auto; } .myclubinfo{ text-align:left; padding: 5px; float: left; width: 490px; border-left-width: 1px; border-left-style: solid; border-left- } .myclubcontent{ width: 650px; font-size: 10px; float: left; padding: 10px; background-color: #EBF1F1; } .myclubtitle{ padding: 5px; } .myclubdesc{ padding: 5px; } .myclubdesch3 { font-size: 14px; color:#50A2DC; } .cletemp {display: inline-block;} .clearboth { clear:both; } /*Meaid rss*/ .mediarss{ margin:10px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #999999; padding-bottom: 5px; height: 120px; } .mediarss_ID{ text-align:center; width:120px; float: left; } .mediarss_view{ float: left; border-left-width: 1px; border-left-style: solid; border-left-color: #999999; } .mediarss_list{ text-align:center; width:160px; float: left; } DIV.bmreply { PADDING-LEFT: 42px; PADDING-top: 15px; color:#C10000; border:#cccccc 0px dotted;} /*底層版權宣告建置*/ #footer { clear: both; border-top: 1px solid #000; background: #000; letter-spacing: 0.15em; text-align: center; padding: 8px; } #footer a:link, a:visited { text-decoration: none;} #footer a:hover, a:active { color: #ffffff; text-decoration: none;} #footer img { margin-left: 16px; margin-right: 2px; } /* --------------------- float fix ------------------------ */ .clx { clear: both; } /*.clxp:after { content: "."; display: block; height:750px; clear: both; visibility: hidden; }*/ .clxp {display: inline-block;} /* Hides from IE-mac \*/ /* html .clxp{height:100%;}*/ /* End hide from IE-mac */

/********************************************** Theme Name: Yellow Bow Author: Elsa Ko Author URL: http://blog.yam.com/elsatw Best View: 1024*768 ************************************************/ /*---------------------------------------------------------------------- 每個樣板都是Elsa辛苦製作出來的，所以如欲取用，請保有基本的尊重哦↓ ◎此樣板非官方提供樣式，故非經Elsa的同意請勿任意修改CSS和所使用的圖檔哦~ ◎更禁止再編輯後的投稿、贈人、分享 ◎欲取用，請於帳號登入狀態於文章內留言回應讓Elsa知道～ ◎某些無公開分享於Elsa部落格的樣板，絕不可用任何方式隨意取用！ ----------------------------------------------------------------------*/ a:link { color: #B9A074; text-decoration: none;} a:visited { color: #B9A074; text-decoration: none;} a:hover { color: #F67F00; text-decoration: none;} a:active { color: #F67F00; text-decoration: none;} body { font-family: georgia,Arial, 新細明體, taipei, Helvetica, sans-serif; font-size: 10px; margin: 0; color:#343434; background: url(http://pics2.blog.yam.com/11/userfile/e/elsatw/album/149671e3569a64.gif) repeat-y #EFEFEF top center ; } a img { border: 0; } img.profile { border: 0px ; margin-bottom: 5px; } hr { height: 1px; color: #ddd; } /*#mainFrame｜部落格整體框架設定*/ #mainFrame { background: url() #ffffff top right no-repeat; width: 960px; margin: 0 auto; text-align: left; position: relative; border: 0px solid #000; height:100%; } /* topbar */ #topbar{ height:32px; background: url(http://pics2.blog.yam.com/11/userfile/e/elsatw/album/149671060cf975.gif) no-repeat; padding: 5; width: 100%; } #topbar a:link{ color: #ffffff; } #topbar a:visited{ color: #ffffff; } #topbar a:hover, a:active{ color: #ffffff; } #companyBar { position: relative; top: 7px; z-index: 10; color: #FFFFFF; width: 150px; float: left; padding-left: 10px; } #companyBar span.logo { position: absolute; background: url(../../images/logo_b.gif) no-repeat; width: 19px; height: 12px; left: -25px; } #adText { position: absolute; top: 7px; left: 140px; } #adText a { color: #fff; } #commend{ width:180px; float: right; text-align: center; color: #FFFFFF; } #linkLogin { float:right; position: relative; top: 7px; display: block; color: #ffffff; } /* topbar end */ /* banner｜上方banner設定*/ #banner { width: 960px; height: 380px; background: url(http://pics2.blog.yam.com/11/userfile/e/elsatw/album/149671060e3db0.gif) #A3A2A1 top right no-repeat; color: #574948; border-bottom: 0px solid #000; } #banner a:link, #banner a:visited { color: #E14500; text-decoration: none; } #banner a:hover, #banner a:active { color: #E14500; } h1 { position: absolute; top: 180px; left: 520px; font-size: 28px; font-weight: bold; color: #E14500; font-family: Arial, 新細明體, taipei, Helvetica, sans-serif; width: auto; } h2 { position: absolute; font-weight: normal; top: 230px; left: 530px; width: 250px; font-family: Arial, 新細明體, taipei, Helvetica, sans-serif; font-size: 10px; color: #836542; } /* banner end */ /* navBar｜選擇頻道 */ #navBar { position: absolute; right: 20px; top: 310px; line-height: 19px; width: 910px; text-align:right; letter-spacing: 2px; font-size: 13px; } #linkLogin { float:right; position: relative; top: 7px; display: block; font: #fff; } #navBar a:link, #navBar a:visited { color: #000; text-decoration: none; } #navBar a:hover, #navBar a:active { text-decoration: none; } #navBar span.navLink { margin-right: 5px; } /* navBar end */ /* contentBlock｜中間大區塊設定 */ #contentBlock { text-align: left; width: 960px; padding-top:10px; } /* MainSide ｜旁邊大區塊設定*/ #MainSide { float:left; padding-left: 0px; line-height: 1.4em; width: 190px; background: url() top left no-repeat; padding-top:5px; padding-bottom:5px; } #SubSide{ /*right:0;position: absolute;*/ float:right; padding-right: 0px; line-height: 1.4em; width: 190px; z-index: 2; background: url() top right no-repeat; } .sideColumn /*旁邊小區塊*/ { margin-bottom: 10px; } .sideTitle { font-size: 13px; margin-top:15px; color: #330000; border-bottom: 0px solid #E9E8E1; text-align:center; background: url(http://pics2.blog.yam.com/11/userfile/e/elsatw/album/1496710611f90b.gif) no-repeat; padding-top:8px; padding-bottom:6px; } .sideContent { text-decoration: none; line-height: 18px; padding: 7px; } /*行事曆*/ span.calendar { margin-left:5px; margin-right:5px; text-align:center; } span.calendar a { } /*訂閱浮動視窗標題*/ #MainSide ul { padding: 0; margin: 0; list-style: none; } #SubSide ul { padding: 0; margin: 0; list-style: none; } #navmenu li, #navmenu li a { float: left; padding-right: 2px; padding-left: 1px; padding-top: 2px; position: relative; } #navmenu li ul { /* second-level lists */ display: none; position: absolute; padding-top: 5px; color: #444; top: 1em; left: 0; } #navmenu li ul li { clear: left; width: 130px; background: #FFFFFF; padding-top: 5px; } #navmenu li ul li a:hover { background: #000000; color: #FFFFFF; } #navmenu li ul li.title { text-align: center; background: #ccc; } #navmenu li:hover ul, #navmenu li.over ul { /* lists nested under hovered list items */ display: block; } /* 網誌頁面 */ #articleBlock { line-height: 1.7em; width: 555px; padding-left: 10px; overflow: hidden; padding-bottom: 30px; /*border-right-width: 1px; border-right-style: solid; border-right-*/ padding-right: 20px; position: absolute; left: 190px; } .post { padding-bottom: 30px; padding-left: 5px; } /*#articleBlock a:link, a:visited { color: #E14500; text-decoration: none;} #articleBlock a:hover, a:active { color: #E14500; text-decoration: none;}*/ .postbody { height:100%; padding-left: 8px; font-size: 10px; line-height: 1.6em; } .post_title a:link { color: #F5A008; text-decoration: none;} .post_title a:visited { color: #F5A008; text-decoration: none;} .post_title a:hover, a:active { color: #F5A008; text-decoration: none;} .post_title { clear: both; font-size:13px; font-weight: bold; padding: 5px 5px 5px 5px; /*background: url(bg_yellow4.gif) #ffffff left no-repeat;*/ } .post_date { color: #B5B5B5; font-family: georgia, verdana, arial; font-size: 9px;; padding-top: 10px; letter-spacing: 0px; font-weight: normal; padding-left:5px;width:200px; } .post_time { margin-left: 6px; border-bottom: 0px dotted #E3E3E3; padding-bottom: 3px; width: 100%; } .cheer{ width: 100%; text-align: right; } .post_content { height:100%; font-size: 10px; padding:16px; line-height: 175%; background: url() top left no-repeat; border: 1px solid #E9E8E1; margin-top:5px; margin-bottom:5px; } .post_info { padding: 10px; text-align: right; clear: both; border-bottom:0px solid #000; } .post_tail { } input.text, textarea { font-size: 10px; font-family: Arial, 新細明體, sans-serif; border: 1px solid #999; background: #eee; padding: 2px; } form { padding: 0; margin: 0; } select { font-family: sans-serif, arial; font-size: 10px; } input.btn { padding: 1px 3px; font-size: 10px; font-family: sans-serif, arial; } /* trackback 引用區塊 */ .trackback{ width:100% } .trackbackURL { margin-top: 10px; padding: 5px; border: 1px dotted #A0A0A0; } .trackbackTitle { font-weight: bold; font-size: 11px; } .trackbackTitle a { color: #800000; } /*留言文字區塊*/ #comment{ width:100%; } .blockquote{ background-color:#fff; width:300px; padding:10px; color: #DC0053; } .commentNote { color: #999; text-align: right; border-bottom: 0px dotted #e5e5e5; } span.highlight { font-weight: bold; } .rightPage { text-align:center; margin-bottom: 10px; } /*rss訂閱頁*/ .rssmenu { color: #a66; font-size:15px; font-weight: bold; line-height: 30px; text-align: center; } .rss_content{ margin-top:10px; } .rss_content ul{ margin-left:10px; } .rss_view { margin:10px; margin-left:30px; border: 0px solid #773E4C; padding: 5px; } .rss_body { padding: 0px; } .rss_view ul{ list-style-type:none; } .rss_view img{ border:1px solid #773E4C; } /* 個人資料 Profile */ #profile { margin-bottom: 100px; width: 90%; } #profile table { width: 90%; text-align:center; } .th_title { color: #B5B5B5; padding: 5px; width: 90px; font-weight: normal; text-align: center; } .td_desc { } .profile_title { color: #E14500; font-weight: bold; height: 16px; padding: 5px 26px; border: 0px solid #eee; margin-top: 10px; margin-bottom: 10px; } .introduce { line-height: 22px; padding: 10px; padding-left: 35px; padding-right : 35px; } /*頁數選擇*/ .pageCtrl{ padding: 2px; width: 490px; float: left; margin: 10px; text-align: center; } .pageCtrl ul{ margin: 0; padding: 0; text-align: center; font-size: 10px; } .pageCtrl li{ list-style-type: none; display: inline; padding-bottom: 1px; } .pageCtrl a, .pageCtrl a:visited{ padding: 0 5px; text-decoration: none; color: #A58A7E; } .pageCtrl a:hover, .pageCtrl a:active{ color: #E14500; /*background-color: lightyellow;*/ } .pageCtrl li.currentpage{ font-weight: bold; padding: 0 5px; color: #FFF; } .pageCtrl li.disablepage{ padding: 0 5px; color: #E14500; } .pageCtrl li.nextpage{ font-weight: bold; } * html .pageCtrl li.currentpage, * html .pageCtrl li.disablepage{ margin-right: 5px; padding-right: 0; color: #990000; } /*相簿首頁設定*/ #albumBlock { width: 500px; padding-left: 10px; padding-bottom: 30px; border-right: 1px solid #773E4C; border-left: 1px solid #773E4C; padding-right: 20px; position: absolute; left: 200px; } #albumbody { } h3 { color: #2E2E2E; font-size:15px; letter-spacing: 2px; font-weight: bold; line-height: 30px; padding-left: 10px; } #albumList{ margin-bottom: 10px; } .album{ text-align:center; width:200px; float: left; height: 250px; margin: 15px; } .albumimg { height: 200px; width:200px; } .albumList_title { width: 100%; color: #E14500; height: 14px; font-size: 11px; text-align: center; } .albumList_info{ } /*相簿內頁設定*/ #photobody{ } .albumDesc{ color:#333333; font-size:12px; margin: 5px; } .albumCategory { margin: 5px; } .photo{ text-align:center; width:120px; float: left; height: 170px; margin: 10px;; } .photoimg { height: 100px; width:100px; } .photoList_desc { width: 100%; color: #E14500; height: 14px; font-size: 11px; text-align: center; } .albumview { text-align: right; width: 100%; } /*相簿內頁設定 End*/ /*單一瀏覽頁面設定*/ .backindex{ float:right; position: relative; top: 7px; display: block; font: #fff; padding-right: 10px; } #viewPicDiv { width: 100%; text-align: left; position: relative; border: 1px solid #000; margin: 0px auto; background:#fff; } #viewPicDiv #topbar{ background:#000; COLOR: #ffffff } .viewalbumTitle{ color: #2E2E2E; font-size:15px; letter-spacing: 2px; font-weight: bold; line-height: 30px; margin-left: 20px; } .photoviewTitle{ width: 90%; height: 14px; text-align: center; } #photoViewbody{ text-align:center; } .album_pageCtrl{ padding: 2px; width: auto; float: right; margin: 10px 30px; text-align: center; } .photoview { text-align: center; width: 100%; } .photoview img { border: 1px solid #333; } #photomsg{ padding-left:10px; width: 960px; margin-bottom: 20px; } .photomsg_title{ font-size:15px; font-weight: bold; line-height: 30px; color: #2e2e2e; } .photomsg_comment{ font-size:12px; padding: 8px 0 8px 0; } .photomsg_Body { font-size:12px; line-height: 22px; } .photomsg_info { color: #999; text-align: right; border-bottom: 1px dotted #e5e5e5; } .photoviewDesc{ width:90%; } table.photoList { margin-top: 20px; margin-bottom: 20px; } td.photoList { color: blue; height: 125px; width: 125px; font-size: 11px; } td.photoList img { border: 1px solid #2e2e2e; } /*留言板設定*/ .msg{ height:auto; } #imsg{ font-size:14px; } .msg_side{ width:20%; float:left; } .msgimg{ text-align:center; } .delmsg{ text-align:center; } .msg_block{ width:80%; float:left; } .msg_title{ width:70%; float:left; } .msg_time{ width:30%; float:left; text-align: center; } .msg_ad{ width:100%; } .msg_content{ width:70%; margin-bottom: 10px; padding-left: 5px; } .msgquotebody { margin-top:10px; background-color: #F2F2F2; } /*好友列表*/ .friendlist{ width:120px; height:150px; float:left; margin:10px 5px; padding:5px; text-align:center; } .buddyicon{ border:0px solid #773E4C; } .friend_dest{ float:left; width: 80%; padding-left: 10px; } .friend_select{ float:right; display:block; } /*播客設定*/ /*頁籤設定*/ .shadetabs{ border-bottom: 1px solid gray; } .shadetabs ul{ padding: 3px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: bold 12px Verdana; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ } .shadetabs li{ display: inline; margin: 0; } .shadetabs li a{ text-decoration: none; padding: 3px 7px; margin-right: 3px; border: 1px solid #778; color: #2d2b2b; background: white url(shade.gif) top left repeat-x; } .shadetabs li a:visited{ color: #2d2b2b; } .shadetabs li a:hover{ text-decoration: underline; color: #2d2b2b; } .shadetabs li.selected{ top: 1px; } .shadetabs li.selected a{ /*selected main tab style */ background-image: url(shadeactive.gif); border-bottom-color: white; } .shadetabs li.selected a:hover{ /*selected main tab style */ text-decoration: none; } .rssmain{ padding-top:10px; } .rssbody{ height:auto; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #778; border-bottom-color: #778; border-left-color: #778; margin-top: 0px; position: relative; width: 508px; padding-left: 10px;padding-right: 10px; } /*我的俱樂部設定*/ .myclublist{ height:100%; padding: 10px; float: left; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom- margin-bottom: 10px; } .myclubimg{ padding: 5px; width: 155px; float: left; } .myclubid { float: left; margin: 0px 3px 10px 0px; width: 675px; height: auto; } .myclubinfo{ text-align:left; padding: 5px; float: left; width: 490px; border-left-width: 1px; border-left-style: solid; border-left- } .myclubcontent{ width: 650px; font-size: 10px; float: left; padding: 10px; background-color: #EBF1F1; } .myclubtitle{ padding: 5px; } .myclubdesc{ padding: 5px; } .myclubdesch3 { font-size: 14px; color:#E14500; } .cletemp {display: inline-block;} .clearboth { clear:both; } /*Meaid rss*/ .mediarss{ margin:10px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #999999; padding-bottom: 5px; height: 120px; } .mediarss_ID{ text-align:center; width:120px; float: left; } .mediarss_view{ float: left; border-left-width: 1px; border-left-style: solid; border-left-color: #999999; } .mediarss_list{ text-align:center; width:160px; float: left; } DIV.bmreply { PADDING-LEFT: 42px; PADDING-top: 15px; color:#C10000; border:#cccccc 0px dotted;} /*啵克*/ #articleBlock2 { PADDING-RIGHT: 20px; PADDING-LEFT: 10px; FLOAT: right; PADDING-BOTTOM: 30px; OVERFLOW: hidden; WIDTH: 710px; LINE-HEIGHT: 1.7em; POSITION: relative } .mediamain { PADDING-TOP: 10px; } .mediabody { BORDER-RIGHT: #778 1px solid; MARGIN-TOP: 0px; BORDER-LEFT: #778 1px solid; WIDTH: 100%; BORDER-TOP-STYLE: none; BORDER-BOTTOM: #778 1px solid; POSITION: relative; HEIGHT: auto } .medialist { FLOAT: left; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 10px; WIDTH: 100%; BORDER-BOTTOM: #ffffff 1px dashed; HEIGHT: 100% } .mediaimg { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px } .mediamdig { BORDER-RIGHT: #ffcc00 0px solid; BORDER-TOP: #ffcc00 1px solid; DISPLAY: block; FONT-WEIGHT: bold; FLOAT: left; BORDER-LEFT: #ffcc00 1px solid; WIDTH: 60px; BORDER-BOTTOM: #ffcc00 1px solid; BACKGROUND-COLOR: #fff } .mediaid { FLOAT: left; MARGIN: 0px 3px 10px; WIDTH: 150px; TEXT-ALIGN: center } .mediacontent { FLOAT: left; MARGIN: 0px 0px 10px; WIDTH: 100%; HEIGHT: auto;BACKGROUND-COLOR: #fff; } .mediatitle { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px } .mediadesc { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN: 5px; WIDTH: 690px; PADDING-TOP: 5px;border-bottom:1px solid #ccc; background:#eee; } .mediainfo { PADDING-RIGHT: 5px; PADDING-LEFT: 15px; FLOAT: left; PADDING-BOTTOM: 5px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 50%; PADDING-TOP: 5px; TEXT-ALIGN: left } .mediamdy2 { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; TEXT-ALIGN: left } .mediapageCtrl { DISPLAY: block; WIDTH: 100%; BACKGROUND-COLOR: #FFF; TEXT-ALIGN: right } .mediapageCtrl UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: right } .mediapageCtrl LI { DISPLAY: inline; PADDING-BOTTOM: 1px; LIST-STYLE-TYPE: none } .mediapageCtrl A { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none } .mediapageCtrl A:hover { } .mediapageCtrl LI.currentpage { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 0px } .mediapageCtrl LI.disablepage { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; COLOR: #652d18; PADDING-TOP: 0px } .mediapageCtrl LI.nextpage { FONT-WEIGHT: bold } HTML .mediapageCtrl LI.currentpage { PADDING-RIGHT: 0px; COLOR: #990000; MARGIN-RIGHT: 5px } HTML .mediapageCtrl LI.disablepage { PADDING-RIGHT: 0px; COLOR: #990000; MARGIN-RIGHT: 5px } .pageCtrl a:visited{ padding: 0 5px; text-decoration: none; } .mediapageCtrl a:hover, .pageCtrl a:active{ } .mediapageCtrl li.currentpage{ font-weight: bold; padding: 0 5px; color: #FFF; } .mediapageCtrl li.disablepage{ padding: 0 5px; color: #ECCA0B; } .mediapageCtrl li.nextpage{ font-weight: bold; } * html .mediapageCtrl li.currentpage, * html .mediapageCtrl li.disablepage{ margin-right: 5px; padding-right: 0; color: #990000; } /*啵克結束*/ /*底層版權宣告建置*/ #footer { clear: both; border-top: 1px solid #000; background: #000; letter-spacing: 0.15em; text-align: center; padding: 8px; } #footer a:link, a:visited { text-decoration: none;} #footer a:hover, a:active { color: #ffffff; text-decoration: none;} #footer img { margin-left: 16px; margin-right: 2px; } /* --------------------- float fix ------------------------ */ .clx { clear: both; } /*.clxp:after { content: "."; display: block; height:750px; clear: both; visibility: hidden; }*/ .clxp {display: inline-block;} /* Hides from IE-mac \*/ /* html .clxp{height:100%;}*/ /* End hide from IE-mac */