• 網站樣式

    此部落格使用免費樣式,有需要的自己複製貼上

    <?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
      <head>
        <b:include data='blog' name='all-head-content'/>
        <!-- SEO Title -->  
        <b:if cond='data:blog.homepageUrl == data:blog.url'>
            <title><data:blog.title/></title>
        <b:else/>
            <title><data:blog.pageName/> | <data:blog.title/></title>

        </b:if>
     
        <b:skin><![CDATA[/*

    /* **************************
    Name: Warm Home
    Designer: WPart.org
    Designer URI: http://www.wpart.org
    Coder:      Blog and Web / BTemplates
    Coder URI:  http://blogandweb.com/
                http://btemplates.com/
    Date: Aug 31 2011
    License: GNU GENERAL PUBLIC LICENSE Version 2, June 1991
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    *****************************

    *//* Variable definitions
       ====================
    <Variable name="textcolor" description="Text Color" type="color" default="#848484" value="#848484">
    <Variable name="linkcolor" description="Link Color" type="color" default="#51504f" value="#51504f">
    <Variable name="pagetitlecolor" description="Blog Title Color" type="color" default="#bdbdbd" value="#bdbdbd">
    <Variable name="descriptioncolor" description="Blog Description Color" type="color" default="#787878" value="#787878">
    <Variable name="titlecolor" description="Post Title Color" type="color" default="#999999" value="#999999">
    <Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#8f8d8d" value="#8f8d8d">
    <Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#5c5c5c" value="#5c5c5c">
    <Variable name="menucolor" description="Menu Color" type="color" default="#787878" value="#787878">
    */

    body {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_DXUwMACWc39WyWQ7dGp2eC8cURjjuH1lisxU8HVghXgvwjLYLSXiWlCk7a8QQz9kWg3G7znJ4eX5ldZ0Z_8pxxEQHovOJ1CrbScOUVJOmoZ2Dr48xfxlrlB7leaMiIdxKR03ZMcldE30/s0/footer.jpg) no-repeat bottom center #e8e7e5;
    margin:0 auto;
    padding:0;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    color:$textcolor;
    font-size:12px;
    }
    body a {
    color:$linkcolor;
    }
    body a:hover {
    text-decoration:underline;
    }

    .floatright{
        float:right;
    }

    .floatleft{
        float:left;
    }

    .alignright{
       float:right;
       margin:15px;
       margin-right:0;
       }

    .alignleft{
        float:left;
        margin:15px;
        margin-left:0;
       }

    .aligncenter {
       display:block;
       clear: both;
       margin:15px auto;
       }

    #content .main .entry img.alighleft{
    display: inline;
    float: left;
    margin:4px 0 0 24px;
    }

    #content .main .entry img.alignright {
    display: inline;
    float: right;
    margin:4px 0 0 24px;
    }

    #content .main .entry img.aligncenter {
    clear: both;
    float:none;
    display:block;
    margin:auto;
    }

    #content .main .entry img.alignnone {
    float:none;
    }

    #content .main .entry img.alignleft,
    #content .main .entry img.alignright,
    #content .main .entry img.aligncenter,
    #content .main .entry img.alignnone{
    margin-bottom: 12px;
    }

    table,tr, th, td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    }

    table {
    border-collapse: collapse;
    border-spacing: 0;
    }

    .main table {
    border: 1px solid #e7e7e7;
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    }
    .main  tr th,
    .main  thead th {
    color: #888;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding: 9px 24px;
    }
    .main tr td {
    border-top: 1px solid #e7e7e7;
    padding: 6px 24px;
    }
    .main  tr.odd td {
    background: #f2f7fc;
    }
        
    #header {
    width:500px;
    height:70px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju8e5ZobICZosPBBUSGFG6cio_m2EJin7kHOm77RtNQcxbQMOxiQscFYcSGFq3jctooL_gys7IuKJRjqicboE4qnLdfAOXCcR37F-15mdmvgZgV6cHGykR1bXMsknAH2AJ4cRwfgBjp9ES/s0/header_bg.jpg) no-repeat top;
    margin:0 auto;
    padding:40px 200px 50px 300px;
    position:relative;
    text-align:center;
    }
    #header h1 {
    font-size:24px;
    font-weight:bold;
    width:500px;
    margin:0;
    }
    #header h1, #header h1 a {
    color:$pagetitlecolor;
    text-decoration:none;
    }
    #description {
    color:$descriptioncolor;
    font-size:12px;
    width:500px;
    }

    /* =Menu
    -------------------------------------------------------------- */

    #nav {
    height:52px;
    width:740px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0LFDwtvSAGGw7FFx573nbQ3jGxpPguqkeWKvOgfbidCU0jgu9mP25CNWCpcpyLmuIp27N7BTYImHFE_zTdtYKkJzHWCWYIqYAsOn1BQjpUywj5pw20DaALkoNRDdvge_nPrh0hJBQtb9f/s0/nav_bg.jpg) 10px 5px no-repeat;
    padding:0 230px 0 30px;
    margin:0 auto;
    text-transform:uppercase;
    }

    #nav .menu-header,
    div.menu {
    font-size: 13px;
    margin-left: 12px;
    width: 740px;
    }
    #nav .menu-header ul,
    div.menu ul {
    list-style: none;
    margin: 0;
    padding:0;
    }
    #nav .menu-header li,
    div.menu li {
    float: left;
    position: relative;
    }

    #nav ul li {
    margin-right:15px;
    }

    #nav a {
    font-size:14px;
    color:$menucolor;
    display: block;
    height:35px;
    vertical-align:bottom;
    text-decoration:none;
    }

    #nav ul ul {
    display: none;
    position: absolute;
    top:20px;
    left:0;
    float: left;
    width:180px;
    z-index: 99999;
    }
    #nav ul ul li {
       margin-left:2px;
    }
    #nav ul ul ul {
    left: 100%;
    top: 0;
    }
    #nav ul ul a {
    background-color: #DBDBDB;
    line-height: 1em;
    padding:10px;
    height: auto;
    }
    #nav li:hover > a,
    #nav ul ul :hover > a {
    color: #787878;
    }
    #nav ul li:hover > ul {
    display: block;
    }
    #nav ul li.current_page_item > a,
    #nav ul li.current-menu-ancestor > a,
    #nav ul li.current-menu-item > a,
    #nav ul li.current-menu-parent > a {
    color: #787878;
    }
    * html #nav ul li.current_page_item a,
    * html #nav ul li.current-menu-ancestor a,
    * html #nav ul li.current-menu-item a,
    * html #nav ul li.current-menu-parent a,
    * html #nav ul li a:hover {
    color:#787878;
    }
    .current_page_item a {font-weight:bold !important;}
    /* search form */
    #searchTop {
    position:absolute;
    text-align:right;
    width:180px;
    right:0px;
    top:170px;
    z-index:100;
    }
    #searchTop form {
    padding:0;
    margin:0;
    height:26px;
    }
    #searchTop .txtField {
    border:1px solid #cfcecc;
    background-color:#F0F0F0;
    width:115px;
    margin-right:5px;
    padding:5px;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size:12px;
    float:right;
    }
    #searchTop .btnSearch {
    margin:0;
    padding:2px;
    float:right;
    height:26px;
    width:29px;
    color:#999999;
    font-size:10px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh77LjDWAmHqozkRgANnGif6TRtEnZ-cM5M6FIt1WUJqEQup0Kg8HK2O3V0ydzxT_rrQbfownDluaDZryLjMK_Y2tF_zkHxU-vlDi-Jfc91ie0JEEO2i-I5BzhU-pcl7EBUYoND6x4-PU39/s0/zoom.jpg) no-repeat top transparent;
    border:1px solid #e8e7e5;
    text-indent:-999px;
    cursor:hand;
    }
    .Search {
    text-align:right;
    width:209px;
    padding: 20px 0 0 20px;
    }
    .Search form {
    padding:0;
    margin:0;
    height:26px;
    }
    .Search .txtField {
    border:1px solid #cfcecc;
    background-color:#F0F0F0;
    width:140px;
    margin-right:5px;
    padding:5px;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size:12px;
    float:left;
    }
    .Search .btnSearch {
    margin:0;
    padding:2px;
    float:left;
    height:26px;
    width:29px;
    color:#999999;
    font-size:10px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh77LjDWAmHqozkRgANnGif6TRtEnZ-cM5M6FIt1WUJqEQup0Kg8HK2O3V0ydzxT_rrQbfownDluaDZryLjMK_Y2tF_zkHxU-vlDi-Jfc91ie0JEEO2i-I5BzhU-pcl7EBUYoND6x4-PU39/s0/zoom.jpg) no-repeat top transparent;
    border:1px solid #e8e7e5;
    text-indent:-999px;
    cursor:hand;
    }

    .single-attachment #content {
    margin: 0 auto;
    width: 992px;
    }


    #content {
    width:992px;
    margin:0 auto;
    padding-left:8px;
    clear:both;
    }
    /*main start*/
    #content .main {
    width:569px;
    margin:17px 15px 120px 0px;
    float:left;
    display:inline;
    line-height:20px;
    }
    #content .main .top {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBnb9zke4mJLYVKsN5PK0BoNQo4we41kxeMcMxShUt0-MPvJanklmubjBJ1zo5p4rBn_0DBe5uVaS9KRJEgFix4O8JclDqqUan6bePYQI4xYYkQ9vSKC7E5nght4zYKfHQhZGHhdGTs9ym/s0/content_top.jpg) top no-repeat;
    height:17px;
    overflow:hidden;
    margin:0;
    }
    #content .main .bot {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8bf-pyP1hwSrOHv_HSKTXPmIS41BbmHRbLH6g9j5uImJPzCrg1RBns7niU894aUg8uRS08niNdVV5EtDXV53NfeiABmLr2X1EmUL5pIGTUU6Pc9Vsq0Fu-728jjiNSl8Ee2Ut-lVqqj_n/s0/content_bot.jpg) bottom no-repeat;
    height:18px;
    width:569px;
    overflow:hidden;
    }
    #content .main .center {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYpIPSi4J2FMBEhER_ZfGlQZg1k7Djgj1jD6dfYvDXPl3TLki3qUNUVW9bsEDEdKTTe0nWqR2IZotiYf3TBbYwPxYWbxhkMuFvlQ7w1KpoKPlifFbO0Ep4pPBf1y_lTYBCn7o9rqbvVCKy/s0/content_bg.jpg) repeat-y;
    padding:10px 25px 20px 38px;
    width:506px;
    float:left;
    word-wrap: break-word;
        word-break: normal;
    }

    #content .main .posts{
    width:100%;
    }

    #content .main .posts .postmetadata {
    font-size:12px;
    width:100%;
    padding-bottom:5px;
    margin-bottom:15px;
    border-bottom:1px solid #d8d8d8;
    }
    #content .main .posts .postmetadata a {
    color:#51504f;
    text-decoration:underline;
    }
    .title {
    color:#999999;
    font-size:18px;
    font-weight:bold;
    height:25px;
    margin:0;
    padding-bottom:15px;
    border-bottom:1px solid #d8d8d8;
    }

    #content .main .entry {
    width:100%;
    }

    #content .main .entry img {
    padding:5px;
    background:#fff;
    float:left;
    border:1px solid #CCCCCC;
    margin:12px 12px 12px 0;
    max-width:450px;
    max-height:500px;
    }

    #content .main .entry h3{
    clear:both;
    }

    /* next previous */
    .previous a {
    float:left;
    width:93px;
    height:33px;
    }
    .previous a:hover {
    font-weight:bold;
    }
    .next a {
    float:right;
    width:93px;
    height:33px;
    }
    .next a:hover {
    font-weight:bold;
    }
    /*main end*/

    .posts-quick {
    margin:0;
    padding:0;
    list-style:none;
    }
    .posts-quick .entry-thumbnails {
    width:110px;
    height:90px;
    padding:8px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTP4nLVzR2TQGWnQcbNMCvzWq1VFzHSKXHSAM3tMvJJiVkYSrq9gjcF09waih_00Bkeu9uoHZrGSvY97gdNKeexbq9W253Jb844_43Vbi43IC_L41sZaUzWGO8LbRVK7pUafIl0eAJTv50/s0/postimg_bg.jpg) no-repeat;
    margin:0 12px 12px 0;
    float:left;
    border:none;
    overflow:hidden;
    }
    .posts-quick .entry-thumbnails img {
    width:110px;
    height:90px;
    border:none;
    }
    .posts-quick li {
    margin-bottom:20px;
    padding:10px 0;
    border-bottom:1px dashed #d8d8d8;
    position:relative;
    clear:both;
    height:auto;
    line-height:20px;
    width:499px;
    }
    .posts-quick li .commentnum a {
    position:absolute;
    top:12px;
    left:-47px;
    height:25px;
    width:21px;
    text-align: center;
    text-decoration:none;
    display:block;
    padding:7px 13px 13px 7px;
    font-size:14px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYxWKwKeaJVoY-ugGGudmObw7XUwVbQUhUl4ousPbnG-FAPlBkHcjWiJd6WSQj04dENZ70ut8juc6FKvYJqaVrZDtuT0yFGVClv0oCaGz1U7H1oYcN9kuTau2FP4ZPwssyP8j94DCnzHI5/s0/comment_bg.jpg) no-repeat;
    }
    .posts-quick h3, .singleTitle {
    color:#999999;
    font-size:14px;
    font-weight:bold;
    line-height:20px;
    margin:0;
    padding:0;
    }
    .posts-quick h3 a {
    color:$titlecolor;
    text-decoration:none;
    }
    .posts-quick h3 a:hover {
    color:#333;
    text-decoration:underline;
    }
    .posts-quick .entry-summary {
    font-size: 12px;
    overflow:hidden;
    width:360px;
    white-space:normal;
    }
    .posts-quick .postmetadata {
    font-size:12px;
    float:left;
    width:364px;
    padding-bottom:5px;
    border-bottom:1px solid #d8d8d8;
    }
    .posts-quick .postmetadata a {
    color:#51504f;
    text-decoration:underline;
    }
    .posts-quick .quick-read-more a:link, .posts-quick .quick-read-more a:visited {
    margin: 3px 0;
    font-size: 12px;
    color:#51504f;
    text-decoration: none;
    float:right;
    }
    .posts-quick .quick-read-more a:hover {
    text-decoration:underline;
    }
    .post-footer  {}
    .post-footer > span,
    .post-footer > div {float:right;}

    .edit-link {
    clear: both;
    display: block;
    }

    .page-link {
    color: #666;
    font-weight: bold;
    margin: 0 0 22px 0;
    word-spacing: 0.5em;
    clear:both;
    }
    .page-link a:link,
    .page-link a:visited {
    background: #f1f1f1;
    color: #333;
    font-weight: normal;
    padding: 0.5em 0.75em;
    text-decoration: none;
    }
    .page-link a:active,
    .page-link a:hover {
    color: #ff4b33;
    }




    /*sidebar01 start*/
    .sidebar li {line-height:160%;}
    .sidebar ul {margin:0 !important; padding:0 !important;}
    #sidebar_1 {
    width:229px;
    padding-top:15px;
    float: left;
    }
    #sidebar_1 .widget:first-child h2 {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhis-xbUIKLtVXcNfi12eiMv-b7GHOZIVjN4Pfjh47feeOyQCfHjgAkrv8Iy3N2v-DhLmicBIowoRtptywvDW4q4glj-25bW7pstMR5eojWeDF3pnuu3pAFKIOJ0MD4Zc4Ygp9uRytWEqzu/s0/sidebar01_title_bg1.jpg) no-repeat center bottom;
    padding:62px 5px 28px 50px;
    margin:0;
    width:174px;
    font-size:14px;
    font-weight:bold;
    color:#8f8d8d;
    text-transform:uppercase;
    }
    #sidebar_1 h2 {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdG6XYaC_i8wMngtMCQyG8LqdwTN1yoO_EPimpNBQib7ZtdiR1H1yLYsgKmkoSlBfhDdCwMwEhDO8JO_f_8YGoT4MWyblThFV-hRgoVZ18aGGTVqHcz2UfX_2oST1AjQ04Xdz_o2GoerIx/s0/sidebar01_title_bg2.jpg) no-repeat bottom;
    height:13px;
    width:174px;
    padding:0 5px 30px 50px;
    margin-top:40px;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    color:$sidebarcolor;
    float:left;
    }

    #sidebar_1 .widget {
    float:left;
    list-style-type: none;
    }
    #sidebar_1 ul {
    width:190px;
    float: left;
    padding:5px 0 5px 10px;
    margin-left:17px;
    }
    #sidebar_1 ul ul {
    width:95%;
    float: left;
    background-image: none;
    margin: 0px;
    padding: 0px;
    }
    #sidebar_1 ul li {
    list-style-type: none;
    padding-left: 20px;
    width: 85%;
    display: block;
    float: left;
    margin:0 5px;
    }
    #sidebar_1 a {
    color: $sidebartextcolor;
    text-decoration:none;
    }
    #sidebar_1 .tagcloud {
    width:220px;
    padding-left:5px;
    }
    #sidebar_1 .tagcloud a {
    color: #5c5c5c;
    text-decoration:none;
    display:inline;
    }
    #sidebar_1 a:hover {
    text-decoration: underline;
    font-weight:bold;
    }

    /*sidebar01 end*/





    /*sidebar02 start*/

    #sidebar_2 {
    width:160px;
    margin:0 0 0 10px;
    float:left;
    }
    #sidebar_2 ul {
    list-style:none;
    padding:0px;
    margin:0;
    }
    #sidebar_2 li {
    list-style:none;
    }
    #sidebar_2 h2 {
    width:160px;
    margin:30px 0 10px 0;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    color:#8f8d8d;
    clear:both;
    }
    #advertarea {
    display: block;
    padding:0px 0 25px 0;
    }

    .advert {
    width:120px;
    height:115px;
    border:none;
    padding:17px 22px 20px 18px;
    margin:10px 0 8px 0;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-wQCDYOFpI1FeAI12f81rZm0NXJT8ub7QGemR3fElSt7yWlPZnT4uIDLArFiA2KdfUSqEOwMFOL1YqlhFuIaUPjdnFXtenOU4cfatb_i5_yHNsE6WiBqyYCceVWKM5GlE6_J6c3kiQZFY/s0/gallerybg.jpg) center no-repeat;
    }

    #sidebar_2 #advertarea img {
    width:120px;
    height:115px;
    border:none;
    }
    /*sidebar02 end*/



    /*footer start*/

    #footer {
    margin:0 auto;
    padding:0 0 180px 150px;
    text-align:left;
    clear: both;
    width: 850px;
    }
    /*footer end*/



    .navigation {
    height:20px;
    padding:10px 0;
    list-style:none;
    text-align:center;
    clear:both;
    }

    .navigation a {
    float:none;
    text-decoration: none;
    padding:3px 5px;
    margin-top:10px;
    border: 1px solid #848484;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: inline-block;
    }

    .navigation a:hover {
    background-color:#ccc;
    color: #FFF;
    }




    /* comments */
    #comments{
    float:left;
    margin:10px 0;
    }

    .commentlist {
    list-style: none;
        margin:0;
        padding:0;
    }

    .commentlist li.comment {
    border-bottom: 1px dashed #ccc;
    line-height: 24px;
    margin: 0 0 24px 0;
    padding:10px 0 30px 0;
    float:left;
    width:100%;

    }

    #reply-title {
    width: 470px;
    float: left;
    height: 40px;
    padding-left:20px;
    line-height:35px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB6zDrK-xAAWU7hyI_vaLKwOYD-VWCEwtPUOFxJeYJ5LvN8yCvhkvXVnESmmddpD3mxIYnjw-wBq5izOHpaRVeu00OD6UymXU7Dt5lyTvb3Mb86NSMmEKq3O6riGr_T_FA53Jj7OtTNVUC/s0/titlebg.jpg) top left no-repeat;
    }

    .commentlist ol {
    list-style: decimal;
    }

    .commentlist .avatar {
    border: 1px solid #E7E7E7;
    padding: 2px;
    float: left;
    margin: 0 15px 10px 0;
    }
    .commentlist cite {
    font-weight: 700;
    font-style: normal;
    line-height: 20px;
    font-size: 14px;
    color:#51504F;
    }

    .commentlist .children {
    list-style: none;
    margin: 0;
    }
    .commentlist .children li {
    border: none;
    margin: 0;
    }

    .commentlist p {
    font-size: 12px;
    }
    .commentlist .comment-meta, #commentlist .comment-meta abbr {
    border: none;
    text-decoration: none;
    font-size: 11px;
    }


    .commentlist .reply a, .comments-navigation a, .read-more {
    color:#666;
    float:right;
    text-decoration: none;
    padding:0 8px;
    border: 1px solid #CCC;
    }
    .commentlist .reply a:hover, .comments-navigation a:hover,  .read-more:hover {
    background-color: #ccc;
    color: #FFF;
    }
    .comments-navigation {
    padding: 0 10px 10px;
    }
    .comments-navigation a {
    display: inline-block;
    }
    .nocomments {
    border: solid #E7E7E7;
    border-width: 0 1px 1px;
    padding: 15px 10px;
    margin: 0 10px 10px 0;
    font-size: 12px;
    display:none;
    }

    #respond{
        padding-top:20px;
    }

    #commentform {
    margin-right: 10px;
    padding: 10px;
    }
    #commentform label {
    color: #848484;
    }
    #commentform label.error {
    margin: 5px 0;
    color: #A80009;
    font-weight: bold;
    padding: 5px;
    }
    #commentform span.required {
    color: #A80009;
    }
    #commentform input[type=text] {
    display: block;
    width: 300px;
    border:1px solid #ccc;
    font: 12px 'Lucida Grande', Arial, Helvetica, sans-serif;
    margin: 5px 0;
    }
    #commentform textarea {
    display: block;
    font: 14px 'Lucida Grande', Arial, Helvetica, sans-serif;
    border:1px solid #ccc;
    width: 90%;
    margin-bottom: 5px;
    }

    #commentform input #submit {
    color:#666666;
    padding:5px;
    margin:7px 0;
    text-align: center;
    border: 1px solid #ccc;
    background:#FFFFFF;
    }

    #commentform input #submit:hover{
    color:#fff;
    padding:5px;
    margin: 0 0 7px 0;
    text-align: center;
    background:#ccc;
    }

    #cancel-comment-reply-link {
    font-size: 11px;
    float:right;
    }

    img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img {
        height: auto;
        max-width: 100%;
    }



    .page-title {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 36px 0;
    }
    .page-title span {
    color: #333;
    font-size: 16px;
    font-style: italic;
    font-weight: normal;
    }
    .page-title a:link,
    .page-title a:visited {
    color: #888;
    text-decoration: none;
    }
    .page-title a:active,
    .page-title a:hover {
    color: #ff4b33;
    }

    #content dt, #content th {
        color: #333;
    }

    dt {
        font-weight: bold;
    }

    #nav-below {
    margin: -18px 0 0 0;
    clear:both;
    }
    body#layout #footer, body#layout #searchTop {display:none; height:0; visibility:hidden;}

    .clear {clear:both;}
    .clearfix:after {clear:both;content:'.';display:block;visibility:hidden;height:0;}
    .clearfix {display:inline-block;}
    * html .clearfix {height:1%;}
    .clearfix {display:block;}
    #blog-pager-newer-link {float:left;}
    #blog-pager-older-link {float:right;}
    #blog-pager {text-align:center;}
    #navbar-iframe, #navbar, .feed-links {height:0px;visibility:hidden;display:none;}
    body#layout #content-wrapper {margin: 0px;}
    body#layout #footer-wrapper, body#layout #search {display:none;}
        ]]></b:skin>
      </head>
      <body>

    <!-- Wrapper -->
      <div class='outer-wrapper' id='outer-wrapper'>
      <div class='wrap2' id='wrap2'>


        <!-- skip links for text browsers -->
        <span id='skiplinks' style='display:none;'>

          <a href='#main'>skip to main </a> |
          <a href='#sidebar'>skip to sidebar</a>
        </span>

    <!-- Header -->
        <div id='header'>
     
          <b:section class='header2' id='header2' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='心情日誌 (標頭)' type='Header'/>
    </b:section>

        <div id='searchTop'>
        <form expr:action='data:blog.homepageUrl + &quot;search/&quot;' method='get'>
          <input class='btnSearch' type='submit' value='GO'/>
          <input class='txtField' name='q' type='text' value=''/>
        </form>
      </div>
     
     
        </div>

    <!-- /Header -->

    <!-- Menu -->
                <div id='nav'><div class='menu'>
                <!-- Pages -->
                <b:section id='pages' maxwidgets='1' showaddelement='no'>
    <b:widget id='PageList1' locked='false' title='Pages' type='PageList'/>
    </b:section>
                <!-- /Pages -->
                </div></div>
    <!-- /Menu -->


    <!-- Content wrapper -->
    <div class='content' id='content'>

         <!-- Main -->
          <div class='main' id='main'>
          <div class='top'/>
       
            <b:section class='center' id='main1' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='網誌文章' type='Blog'/>
    </b:section>
     
          <div class='bot'/>
          </div>
          <!-- /Main -->

        <!-- Sidebar -->
         
            <b:section class='sidebar_1 sidebar' id='sidebar_1' preferred='yes'>
    <b:widget id='HTML3' locked='false' title='Blogger templates' type='HTML'/>
    <b:widget id='Label1' locked='false' title='Labels' type='Label'/>
    <b:widget id='HTML2' locked='false' title='Blogger news' type='HTML'/>
    <b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
    </b:section>

            <b:section class='sidebar_2 sidebar' id='sidebar_2' preferred='yes'>
    <b:widget id='Text1' locked='false' title='Ads' type='Text'/>
    <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'/>
    <b:widget id='HTML1' locked='false' title='Blogroll' type='HTML'/>
    </b:section>


    <!-- /Sidebar -->    

          <!-- spacer for skins that want sidebar and main to be the same height-->
          <div class='clear'>&#160;</div>

     
        </div>
    <!-- /Content wrapper -->

    <!-- Footer -->
        <div class='footer' id='footer'>
         
            <div>
                <p class='footer-credits' id='footer-credits'>&amp;copy; <script type='text/javascript'>var d = new Date();document.write(d.getFullYear());</script> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a></p><p> Designed by <a href='http://www.wpart.org'>WPart.org</a>, <a href='http://btemplates.com'>Blogger templates</a> by <a href='http://blogandweb.com'>Blog and Web</a>.</p>
            </div>
         
        </div>
    <!-- /Footer -->
     
     
     
      </div>
      <!-- /Wrap2 -->

      </div>
      <!-- /Outer-wrapper -->
    </body>
    </html>

0 意見:

張貼留言