Elsa's simple life

/********************************************** Theme Name: waiting Author: Elsa Ko Author URL: http://blog.yam.com/elsatw Best View: 1024*768 ************************************************/ /*---------------------------------------------------------------------- 每個樣板都是Elsa辛苦製作出來的，所以如欲取用，請保有基本的尊重哦↓ ◎此樣板非官方提供樣式，故非經Elsa的同意請勿任意修改CSS和所使用的圖檔哦~ ◎更禁止再編輯後的投稿、贈人、分享 ◎欲取用，請於帳號登入狀態於文章內留言回應讓Elsa知道～ ◎某些無公開分享於Elsa部落格的樣板，絕不可用任何方式隨意取用！ ----------------------------------------------------------------------*/ BODY { MARGIN: 0px; font-family: georgia,Arial, taipei, Helvetica, sans-serif; font-size: 12px; background: url(http://pics2.blog.yam.com/2/userfile/e/elsatw/album/14967125fdce50.jpg) 50% 30px no-repeat; } A { COLOR: #0B877A; TEXT-DECORATION: none } A:link { COLOR: #0B877A; TEXT-DECORATION: none } A:visited { TEXT-DECORATION: underline } A:active { } A:hover { COLOR: #115F57; TEXT-DECORATION: none } a img { border: 0; } img.profile { border: 0px ; margin-bottom: 5px; } hr { height: 1px; color: #ddd; } /*#mainFramei??e?a€￥e??a ?a?a€?e??a!?a??ea€￥-aR?*/ #mainFrame { width:100%; margin: 0; text-align: left; position: relative; } /* topbar #topbar{ height:30px; padding: 5; width: 100%; color: #8DAB3F; font-size: 12px; background: #000; }*/ #topbar a:link, a:visited, a:hover, a:active{ color: #ffffff; TEXT-DECORATION: none} #companyBar { position: relative; top: 7px; z-index: 10; color: #FFFFFF; width: 170px; float: left; padding-left: 10px; } #companyBar span.logo { position: absolute; background: url(http://pics.blog.yam.com/themes/3hill_new/images/logo_b.gif) no-repeat; width: 19px; height: 12px; left: -25px; } #adText { display: none; position: absolute; top: 7px; left: 250px; } #adText a { color: #000; } #commend{ width:150px; float: right; text-align: center; color: #FFFFFF;margin-right:20px; } #linkLogin { float:right; margin-right:20px; position: relative; top: 7px; display: block; font: #fff; } /* topbar end */ /* banneri??ai1??a?1bannerea€￥-aR?*/ #banner { height: 500px; width:100%; } #banner A { COLOR: #000; TEXT-DECORATION: none } #banner A:link { COLOR: #000; TEXT-DECORATION: none } #banner A:visited { TEXT-DECORATION: none } #banner A:active { } #banner A:hover { COLOR: #000; TEXT-DECORATION: none } h1 { position: absolute; top: 300px; left: 33px; font-size: 26px; font-weight: bold; color: #57453E; font-family: Arial, taipei, Helvetica, sans-serif; width:700px; } h2 { position: absolute; top: 345px;font-weight: normal; left: 37px; width: 500px; font-family: Arial, taipei, Helvetica, sans-serif; font-size: 12px; color: #000; } /* banner end */ /* navBari??e?i1?a??e ?e?? */ #navBar { position: absolute; left: 35px; font-size: 13px; top: 390px; line-height: 19px; width: 650px; letter-spacing: 2px; } #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 { color: #666; text-decoration: none; } #navBar span.navLink { margin-right: 5px; } /* navBar end */ /* contentBlocki??ai1?-e??a?A§a?A€a!?ea€￥-aR? */ #contentBlock { width:99%; position: relative; height: auto; padding-top: 10px; } /* MainSide i??a??e??a?A§a?A€a!?ea€￥-aR?*/ #MainSide A:link { COLOR: #289A96; TEXT-DECORATION: none; } #MainSide A:visited { COLOR: #289A96; TEXT-DECORATION: none; } #MainSide A:hover { COLOR: #2BD5C3; } #MainSide A:active { COLOR: #2BD5C3; } #MainSide { width: 18%; color: #000000; position: absolute; top: 0px; margin-left: 10px; left: 0px; padding: 10px; border-right: 1px dotted #B7E0DC; } #SubSide{ width: 15%; color: #000000; position: absolute; top: 0px; right: 0px; padding: 10px; margin-right:10px; border-left: 1px dotted #B7E0DC; } #SubSide A:link { COLOR: #289A96; TEXT-DECORATION: none; } #SubSide A:visited { COLOR: #289A96; TEXT-DECORATION: none; } #SubSide A:hover { COLOR: #2BD5C3; } #SubSide A:active { COLOR: #2BD5C3; } .sideColumn /*a??e??aA°?a?A€a!?*/ { margin-bottom: 10px; letter-spacing: 1px; } .sideColumn /*a??e??aA°?a?A€a!?*/ { margin-bottom: 10px; letter-spacing: 1px; } .sideTitle { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 13px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; TEXT-ALIGN: center; background-image: url(imsges/title3.gif); background-repeat: repeat-x; } .sideContent { PADDING-RIGHT: 0px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 0px; LINE-HEIGHT: 150%; PADDING-TOP: 5px; TEXT-ALIGN: left; font-family: Arial, Helvetica, sans-serif, aa€￥?ai?￥A·e??; } /*e!?ao?a??*/ span.calendar { margin-left:5px; margin-right:5px; text-align:center; } span.calendar a { } /*ea€￥?e?A±aI?Ra??e|?ca?aa€￥?e!?*/ #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; color: #098A55; } #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: #B0E5CF; padding-top: 5px; } #navmenu li ul li a:hover { background: #95E6C5; color: #098A55; } #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; } /* c?2ea?e ?e?i? */ #articleBlock { margin-left: 21%; margin-right: 18%; padding:5px; } #articleBlock A { COLOR: #0B877A; TEXT-DECORATION: none } #articleBlock A:link { COLOR: #0B877A; TEXT-DECORATION: none } #articleBlock A:visited { TEXT-DECORATION: none } #articleBlock A:active { } #articleBlock A:hover { COLOR: #115F57; TEXT-DECORATION: underline } .post { FONT-SIZE: x-small; MARGIN: 10px; LINE-HEIGHT: 150%; background: none; padding: 10px; height: 100%; } .postbody { height:100%; padding-left: 0px; font-size: 12px; line-height: 1.6em; } .post_title A:link { COLOR: #005F38; TEXT-DECORATION: none; } .post_title A:visited { COLOR: #005F38; TEXT-DECORATION: none; } .post_title A:hover { COLOR: #2BD5C3; } .post_title A:active { COLOR: #2BD5C3; } .post_title { PADDING-RIGHT: 0px; PADDING-LEFT:5px; FONT-WEIGHT: bold; FONT-SIZE: 20px; PADDING-BOTTOM: 2px; BORDER-BOTTOM: #6A8130 1px solid; background: url() no-repeat; height: 20px; padding-top: 5px; } .post_date { MARGIN-LEFT: 0px; FONT-WEIGHT: normal; margin-bottom:5px; BACKGROUND:url(http://pics.blog.yam.com/themes/Autumn/images/atop.gif) left 1PX no-repeat;FONT-SIZE: 10px; COLOR: #FFF; PADDING-TOP: 0px; PADDING-BOTTOM: 4px; TEXT-ALIGN: center; FONT-FAMILY: Georgia, Verdana, Arial, ; LETTER-SPACING: -1px; width:82px; } .post_time { padding-left: 5px; margin-bottom: 5px; color: #666666; border-bottom: 1px dotted #E3E3E3; padding-bottom: 3px;padding-top: 3px; float:left; width: 100%; } .cheer{ width: 100%; text-align: right; } .post_content { MARGIN: 10px; font-size: 13px; font-family: Arial, Helvetica, sans-serif, aa€￥?ai?￥A·e??; line-height: 200%; } .post_info { FONT-SIZE: 12px; MARGIN: 0px 10px 10px; COLOR: #333333; TEXT-ALIGN: right; padding-bottom: 5px; font-family: Arial, Helvetica, sans-serif, aa€￥?ai?￥A·e??; } .post_tail { } input.text, textarea { font-size: 12px; color: #666; font-family: Arial, a?A°ca€?A°a??e??, sans-serif; border: 1px solid #999; background: #eee; padding: 2px; } form { padding: 0; margin: 0; } select { font-family: sans-serif, arial; font-size: 12px; color: #888; } input.btn { padding: 1px 3px; font-size: 12px; font-family: sans-serif, arial; } /* trackback a??c?a€￥a?A€a!? */ .trackback{ width:100% } .trackbackURL { margin-top: 10px; padding: 5px; border: 1px dotted #A0A0A0; } .trackbackTitle { font-weight: bold; font-size: 12px; padding-left: 10px; } .trackbackBody{ padding-left: 10px; } .trackbackDate{ padding-left: 10px; } .trackbackTitle a { color: #6A8130; } /*c??ea€￥A€a??a-?a?A€a!?*/ #comment{ width:100%; } .blockquote{ width:400px; color: #330000; background-color: #D5F7F3; padding:10px; } .commentNote { color: #999; text-align: right; border-bottom: 1px dotted #e5e5e5; } span.highlight { font-weight: bold; } .rightPage { text-align:center; margin-bottom: 10px; } /*rssea€￥?e?A±e ?*/ .rssmain{ padding-top:10px; width: 100%; } .rssbody{ height:auto; border:0; margin-top: 0px; position: relative; width: 100%; padding-left: 10px; } .rssmenu { color: #a66; font-size: 16px; font-weight: bold; line-height: 30px; text-align: center; } .rss{ width:95%; position: relative; margin-top: 5px; } .rss_content{ margin-top:10px; } .rss_content ul{ margin-left:10px; } .rss_title, .rss_content { width:98%; } .rssphoto{ width:110px; height:110px; float: left; } .rss_view { margin-bottom:10px; margin-right:10px; margin-left:20px; border: 0px solid #CCCCCC; padding: 5px; } .rss_view ul{ list-style-type:none; } .rss_view img{ border:0px solid #cccccc; } /* aA€?aooe3?a?? Profile */ #profile { width:96%; margin-left:10px; margin-bottom: 100px; } #profile table { margin-left:10px; width: 96%; } .th_title { background-color: none; padding: 5px; width: 90px; font-weight: normal; text-align: center; } .td_desc { } .profile_title { background-color: none; font-weight: bold; height: 16px; padding: 5px 26px; color: #666; border: 1px solid #bbb; margin-top: 10px; margin-bottom: 10px; } .introduce { line-height: 22px; margin-left:10px; width: 96%; } /*e ?a?i1?e?i1?a??*/ .pageCtrl{ padding: 2px; margin: 10px; text-align:center; width: 95%; } .pageCtrl ul{ margin-top: 30px; 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: #929292; } .pageCtrl li.currentpage{ font-weight: bold; padding: 0 5px; color: #2BD5C3; } .pageCtrl li.disablepage{ padding: 0 5px; color: #57453E; } .pageCtrl li.nextpage{ font-weight: bold; } * html .pageCtrl li.currentpage, * html .pageCtrl li.disablepage{ margin-right: 5px; padding-right: 0; color: #990000; } /*c?i1?cA°?e|?e ?ea€￥-aR?*/ #albumBlock { margin-left: 21%; margin-right: 21%; } #albumbody { height:100%; } h3 { color: #2E2E2E; font-size: 16px; letter-spacing: 2px; font-weight: bold; line-height: 30px; padding-left: 10px; } #albumList{ margin-bottom: 10px; width: 98%; margin-right: auro; margin-left: auro; } .album{ text-align:center; width:200px; float: left; height: 250px; margin: 15px; margin-left: 40px; } .albumimg { height: 200px; width:200px; } .albumList_title { width: 100%; color: #8DAB3F; height: 14px; font-size: 13px; text-align: center; } .albumList_info{ } /*c?i1?cA°?a?A§e ?ea€￥-aR?*/ #photobody{position: relative; } .albumDesc{ color:#333333; font-size:12px; margin: 5px; } .albumCategory { color: #666666; margin: 5px; } #photobody{ width:100%; margin-bottom: 20px; } .photo{ text-align:center; width:120px; float: left; height: 160px; margin: 5px; ; margin-left: 15px; } .photoimg { height: 100px; width:100px; } .photoList_desc { width: 100%; color: #000000; height: 14px; font-size: 13px; text-align: center; } .albumview { text-align: right; width: 98%; float: left; } /*c?i1?cA°?a?A§e ?ea€￥-aR? End*/ /*a?Rai1?A€cA€?e|?e ?e?i? ea€￥-aR?*/ .backindex{ float:right; position: relative; top: 7px; display: block; font: #fff; padding-right: 10px; } #viewPicDiv { width: 99%; text-align: left; position: relative; border: 1px solid #000; margin: 0px auto; background:#fff; } /* #topbar{ height:30px; padding: 5; width: 100%; color: #8DAB3F; font-size: 12px; background: #000; }*/ #viewPicDiv #topbar a:link, a:visited, a:hover, a:active{ TEXT-DECORATION: none} .viewalbumTitle{ color: #2E2E2E; font-size: 16px; letter-spacing: 2px; font-weight: bold; line-height: 30px; margin: 20px; } #viewPicDiv A:link { COLOR: #289A96; TEXT-DECORATION: none; } #viewPicDiv A:visited { COLOR: #289A96; TEXT-DECORATION: none; } #viewPicDiv A:hover { COLOR: #2BD5C3; } #viewPicDiv A:active { COLOR: #2BD5C3; } .photoviewTitle{ width: 99%; color: #666; margin-left:5px; margin-top:60px; margin-bottom:10px; height: 14px; text-align: center; font-size: 15px; } #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: 18px; font-weight: bold; line-height: 30px; color: #2e2e2e; } .photomsg_comment{ font-size:13px; padding: 8px 0 8px 0; } .photomsg_Body { font-size:13px; line-height: 22px; } .photomsg_info { color: #999; text-align: right; border-bottom: 1px dotted #e5e5e5; } .photoviewDesc{ width:99%; margin-left:5px; margin-top:10px; margin-bottom:10px; text-align: center; } table.photoList { margin-top: 20px; margin-bottom: 20px; } td.photoList { color: blue; height: 125px; width: 125px; font-size: 13px; } td.photoList img { border: 1px solid #2e2e2e; } /*c??ea€￥A€a??ea€￥-aR?*/ .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: 5px; } .msgquotebody { margin-top:10px; padding: 5px; background-color: #F2F2F2; } /*ai?￥?a??a??e!a€￥*/ .friendbody{ width:500px; position: relative; } .friendlist{ width:120px; height:150px; float:left; margin:10px 5px; padding:5px; text-align:center; } .buddyicon{ border:0px solid #cccccc; } .friend_dest{ float:left; width: 80%; padding-left: 10px; } .friend_select{ float:right; display:block; } /*a?A±e?3Mediaea€￥-aR?*/ #articleBlock2 { line-height: 1.7em; width: 74%; background:none; padding-left: 10px; overflow: hidden; padding-bottom: 30px; padding-right: 20px; position: relative; margin-left: 23%; } #articleBlock2 A { COLOR: #0B877A; TEXT-DECORATION: none } #articleBlock2 A:link { COLOR: #0B877A; TEXT-DECORATION: none } #articleBlock2 A:visited { TEXT-DECORATION: none } #articleBlock2 A:active { } #articleBlock2 A:hover { COLOR: #115F57; TEXT-DECORATION: none } /*e ?cA±?ea€￥-aR?*/ .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;TEXT-DECORATION: none } .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; } .mediamain{ padding-top:10px; } .mediabody{ 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: 100%; } .medialist{ height:100%; float: left; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; margin-bottom: 10px; width: 100%; padding-bottom: 10px; } .mediaimg{ padding: 5px; } .mediamdig{ display:block; width: 60px; float: left; background-color: #FFFFCC; border: 1px solid #FFCC00; font-weight: bold; } .mediaid { float: left; margin: 0px 3px 10px 3px; width: 150px; text-align:center; } .mediacontent{ float: left; margin: 0px 0px 10px 0px; width: 100%; height: auto; } .mediatitle{ padding: 5px; } .mediadesc{ width: 95%; background-color: #EDFAD8; padding: 5px; float: left; margin: 5px; } .mediainfo { text-align:left; padding: 5px; float: left; width: 60%; border-left-width: 1px; border-left-style: solid; border-left-color: #CCCCCC; } .mediamdy2{ text-align:left; padding: 5px; } /*e ?a?i1?e?i1?a??(RSSaA€?mediae ?e?i? a?A±c?a€￥)*/ .mediapageCtrl { DISPLAY: block; WIDTH: 95%; 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; COLOR: #929292; PADDING-TOP: 0px; TEXT-DECORATION: none } .pageCtrl A:visited { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; COLOR: #929292; PADDING-TOP: 0px; TEXT-DECORATION: none } .mediapageCtrl A:hover { COLOR: #57453e; BACKGROUND-COLOR: lightyellow } .pageCtrl A:active { COLOR: #57453e; BACKGROUND-COLOR: lightyellow } /*a??c??a?A±aa€￥?e?a€￥ea€￥-aR?*/ DIV.bmreply { PADDING-LEFT: 42px; PADDING-top: 15px; color:#C10000; border:#cccccc 1px dotted;} .myclublist{ height:100%; float: left; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; margin-bottom: 10px; width: 100%; } .myclubimg{ padding: 5px; width: 155px; float: left; margin-left: 5px; } .myclubid { float: left; margin: 0px 0px 10px 0px; height: auto; width: 100%; } .myclubinfo{ text-align:left; padding: 5px; float: left; width: 60%; border-left-width: 1px; border-left-style: solid; border-left-color: #CCCCCC; } .myclubcontent{ font-size: 12px; float: left; padding: 10px; background-color: #EBF1F1; width: 95%; margin-left: 5px; } .myclubtitle{ padding: 5px; } .myclubdesc{ padding: 5px; } .myclubdesch3 { font-size: 14px; color:#57453E; } .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; } /*aooaA°i?!a??e!a€￥e ?*/ #popular2 { FONT-SIZE: 12px; COLOR: #000000; } #popular2 TABLE { WIDTH: 100%; } #popular2 #todayPop TH { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px dotted; } #popular2 #totalPop TH { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px dotted; } #popular2 #todayPop TD { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px dotted; } #popular2 #totalPop TD { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px dotted; } /* --------------------- 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:500px;}*/ /* End hide from IE-mac */