Strawtaery

• 955px posts
• Description, announcement and visitor included
• Background images, 100*100px profile images
• 1Custom folder
• Best view in google chrome 1366*768

/*------------------------------------------------------------------------------------------ css and design by http://zzduang.pixnet.net/blog 請細閱規則再修改樣式 ------------------------------------------------------------------------------------------*/ /*------------------------------ #Generate By Pixnet ------------------------- */ /*------------------------------ #comment-table ------------------------------ */ #comment-form table { width: 96% ; margin: 0 auto ;} #comment-form td , #comment-form th { border: 1px solid #555 ; padding: 3px 5px; } #comment-form input#send-comment { padding: 3px 5px ; } #relinks img{border: 8px #eee solid;} ::selection{background: #EEE; color: #AAA; /* Safari */} ::-moz-selection{background: #EEE; color: #AAA;} html, body, a, a:hover {cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur'), progress !important;} #toolbar-box {filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;} #toolbar-box:hover {filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;z-index:20;} textarea{color: #888; background: #FFFFFF; border: none;} input{color: #aaa; background: #FFFFFF; border: none;} .article-content p{ margin-bottom:1em; } /*------------------------------ #Generate End ------------------------------- */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } pre{ font-size: 1em ; } .article-content{ _height: 1% ; overflow: hidden ; _overflow: none; } /*------------------------------------------------------------------------------------------ PIXNET template exemplar - by PrincessWow 固定寬度版型 - 2 二欄式 / 內文區靠右 / 側選單靠左 ------------------------------------------------------------------------------------------*/ /* --------------------------------------------------------------- 大範圍區塊 ---------------------------------------------------------------*/ /*--整體設定--*/ body{ font-size: 11px ; font-family:"courier new" ; overflow-x:hidden; background: url(); } overflow-x{display:none;} #body-div{} /*--超連結--*/ a{ color:#888; text-decoration:none ; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out; } /*--滑鼠移動到超連結上時--*/ a:hover{ color:#131313; text-decoration: none; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out; } #authority{display:none;} /*--所有內容--*/ #container{ width:955px ; margin:10px auto 10px auto ; } #container2{ padding:10px ; } #container3{} /*--主要內容區+側邊欄位區--*/ #main{} /* --------------------------------------------------------------- 頁首 ---------------------------------------------------------------*/ #header{ } /*--登入功能列--*/ #login-bar{display:none;} /*--頁面上方區塊-不包括登入功能列--*/ #banner{margin-top: 80px;} /*--部落格標題--*/ #banner h1 a{position: absolute; left: 50%; margin-left: -50px; top: 80px; float:right; display:block;width:100px;height:100px;font-size:0;background:url(http://i.imgur.com/NzjPbTD.png) no-repeat; border: 10px solid #FFF; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out; } #banner h1 a:hover{ border: 10px solid #555; -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out; } /*--跳到主文--*/ #banner .skiplink{display:none;} /*--部落格描述--*/ #banner h2{font-family:georgia; font-size:26px; font-weight:900; text-align:left; margin-left: 20PX; text-transform:uppercase; letter-spacing:-1px; } #spotlight{ font-weight:bold; text-transform:uppercase; margin-top: -10PX; margin-left: 12PX; font-family: Arial; font-size:10px; letter-spacing:2px; } /*--部落格全站分類--*/ #blog-category{display:none;} #navigation{display:none;} /* --------------------------------------------------------------- 主要內容區 ---------------------------------------------------------------*/ /*--主要內容區--*/ #content{ border: #EEE 1PX solid; width:955px ; float:left ; background:#FCFCFC; padding:10px ; } #links-row-1{display:none;} /*--所有文章區塊--*/ #article-area{ margin-top:80px; padding: 10px ; letter-spacing: 1px; } /*--所有文章區塊標題--*/ .article-area-title{display:none; } /*--瀏覽方式--*/ #display{ display: none; } /*--瀏覽方式這四個字--*/ #display span{display: none;} /*--標題列表/簡短摘要--*/ #display a{} /*--單一篇文章--*/ .article{ width:900px ; float:left; background: #FFF; margin-bottom: 20px ; padding-left: 10px; margin-Right:20px ; border-left: 1px solid #eee; } #blog-main .article{ float:left ; background: #FFF; margin-bottom: 20px ; padding:5px ; width:280px ; height:300px; overflow: hidden;border-left: 1px solid #eee; } /*--單一篇文章最上方--*/ .article-head{ background:#FFF ; padding: 5px; margin-bottom: 10px ; } /*--發表時間--*/ .publish{} .time{display:none;} .article:hover .publish{ } /*--文章標題--*/ .title h2{} /*--文章標題前的密碼圖示/隱藏圖示/好友保護圖示--*/ .title h2 img{display: none;} /*--單一篇文章中間區塊--*/ .article-body{} /*--加入書籤--*/ .bookmark{display:none;} /*--文章內容--*/ .article-content{ z-index:0; font: 9pt arial; line-height: 150% ; color: #555; margin : 5px 0px ;border-bottom: 5px solid #FFF; padding-bottom:20px; padding-right:20px; background: #fff; } #blog-main .article .article-content{border-top:0px solid #fff; height:300px; -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;z-index:0;} #blog-main .article:hover .article-content{-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;opacity: 0.2; margin-TOP:-500PX; } #blog-main .article .publish{-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out; } #blog-main .article:hover .publish{padding-TOP:100PX; -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out; font-family:georgia; font-size:26px; font-weight:900; } #blog-main .article:hover .title{text-align:center;} #blog-main .article:hover .title h2{z-index:999999; float:center; width: 180px;padding:3px 20px; text-align:center; -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;} #blog-main .article:hover .title h2:hover{z-index:999999; box-shadow: inset 240px 00px #555555; float:center; width: 180px;padding:3px 20px; text-align:center;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;} #blog-main .article .article-content-inner img {max-width: 280px; } .article:hover .article-content{background: #FFF; } .article img{-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;filter:alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9; padding-top: 0px; max-width: 550px; border:0; } .article img:hover{-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;filter:alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6;opacity: 0.6; padding-top: 0px; max-width: 550px; border:0;} /*--繼續閱讀--*/ .author{display:none;} /*--單一篇文章最下方--*/ .article-footer{ background:#FFF ; padding: 5px 10px ; height:50px; } .refer{display:none;} .history{display:none;} .forward{display:none;} .back-to-top{display:none;} .recommended-posts3{display:none;} .recommended-posts2{display:none;} .recommended-posts1{display:none;} #pixblogad{display:none;} /* --------------------------------------------------------------- 引用及回應列表 ---------------------------------------------------------------*/ /*--引用及回應列表全部的大範圍--*/ #user-post{ width: 600px ; padding-left: 20px; } /*--僅引用區塊--*/ #trackback-box{ display:none; } /*--僅回應列表--*/ #comment-box{} /*--引用列表+回應列表--*/ .user-post-box{ padding: 10px; border:0px solid #fff ; } /*--引用列表標題--*/ #trackback-title{display:none;} /*--回應列表標題--*/ #comment-title{display:none;} /*--引用列表標題+回應列表標題--*/ .user-post-title{ background:#fff; color:#fff ; padding: 5px 10px ; font-size: medium ; margin-bottom: 10px ; } /*--引用內容區塊--*/ #trackback-text{display:none;} /*--回應內容區塊--*/ #comment-text{line-height: 200% ;font-color: #b96c6c;} /*--引用內容區塊+回應內容區塊--*/ .user-post-text{ padding:0px ; border: 0px solid #ccc; font-color: #b96c6c; } /*--單一引用--*/ #trackback-box .single-post{display:none;} /*--單一回應--*/ #comment-box .single-post{font-color: #b96c6c;} /*--單一引用+單一回應--*/ .single-post{ margin-bottom: 20px ; padding: 10px ; overflow:hidden ; _overflow:none ; _height: 1% ; } /*--引用者資訊+回應者資訊--*/ .post-info{ border-bottom: 0px solid #aaaaaa ; padding-bottom: 5px ; margin-bottom: 10px ; margin-left: 100px; letter-spacing: 1px; } .post-info img{display:none} /*--單一引用內容+單一回應內容--*/ .post-text{ width: 360px ; float:LEFT; margin-bottom: 10px ; color: #b96c6c; } #trackback-box .post-text{ width: auto ; float:none ; color: #b96c6c; } /*--單一引用標題+單一回應標題--*/ .post-text p{display:none;} /*--回應者頭像--*/ .post-photo{ width:80px ; float:left ; text-align:left ; margin-left:30px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; opacity:0.9; } .post-photo a:hover{ float:left ; text-align:left ; opacity:0.5; } .post-photo img{ width: 60px; height: 60px; opacity:0.9;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} /*--版主回覆內容--*/ .reply-text{ clear:both; border-left: 0px solid #fafafa; background-color:#fcfcfc; line-height: 160% ; margin-left: 100px ; padding-left: 10px ; padding-top: 10px ; padding-right: 5px ; padding-bottom: 10px ; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; } .reply-text:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; border-left: 40px solid #ddd; } /*--版主回覆資訊--*/ .reply-text p{display:none;} /*--悄悄話--*/ .secret{} /*--留下迴響--*/ .post-comment{ display:none; } input { BACKGROUND-COLOR: #ffffff; font-color: #b96c6c; color: #b96c6c; FONT-SIZE: 8pt; border:0 solid #cccccc; } /* --------------------------------------------------------------- 列表模式的文章區塊 ---------------------------------------------------------------*/ .main-list{ width:500px ;padding:10px ; margin-top: 0px ; margin-left: 180px ;color: #AAA;} .main-list img{display:none;} .main-list a{color:#aaa;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease; padding: 2px;} .main-list a:hover{color:#888; background: #eee; } .main-list table{ width:95% ; margin:10px; } .main-list h3{ padding: 5px 10px ; margin-bottom: 10px; } .main-list th{background-color: #fff; color:#ccc; border-bottom :1px solid #ddd; padding: 2px; } .main-list td{ border:0px solid #FFF ; padding: 5px; } .main-list a{} #article-list{} #category-list{} #murmur-list{} /*--頁數--*/ .page{z-index: 300;position:fixed; right: 250px ;bottom:50px; letter-spacing: 1px; font:9px trebuchet ms; color:#aaa;} .page a{font:9px trebuchet ms;color: #ccc;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;border-bottom: 0px solid #eee;} .page a:hover{font:9px trebuchet ms;color: #eee;border-bottom: 3px solid #eee;} /* --------------------------------------------------------------- 側邊欄位區 ---------------------------------------------------------------*/ /*--側邊欄位區--*/ #links{ } /*--三欄式的第一欄--*/ #links-row-1{display:none;} /*--三欄式的第二欄--*/ #links-row-2{} /*--單一功能區塊--*/ .box{ border:0px solid #fff ; padding: 10px; margin-bottom: 15px ; } .box-title{display:none;} /*--單一功能區塊內容--*/ .box-text{ } /*--單一功能區塊項目--*/ .box-text li{ margin: 5px 0px ; } /*--單一功能區塊超連結--*/ .box-text a{ } #visitor{padding-top: 0px; height: 17px; margin-left: 350px; position:absolute;top: 100px; left: 50%; border: 0px #fff solid; background: #fff;} #visitor .box-title{display:none; } #visitor .box-text{ } #visitor ul{ _height: 1% ; overflow: hidden ; _overflow: none ;} #visitor li{ float:left;} #visitor .box-more{display:none;} #visitor img{ width: 15px; height: 15px; padding-left: 2px; -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5; border: #ffffff 2px solid; } #visitor img:hover{ width: 15px; height: 15px; padding: 0px; padding-left:2px; filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;} #blog_hit_total{color: #fff; position: fixed; top: 360px; left: 240px; z-index: 300;font:8px calibri; } #counter{color: #555; position: fixed; top: -5000px; left:-5000px; z-index: 300;} .folder{position: fixed; color: #222; background: #555; top: 180px; height: 300px; width: 200px; left:50%; margin-left: -480px; z-index: -300; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding-left: 20px; -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease; overflow: scroll; overflow-x: hidden} .folder:hover{position: fixed; color: #222; background: #fafafa; top: 180px; height: 300px; width: 200px;left:50%; margin-left: -680px; z-index: -300; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; padding-left: 20px; -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;} #footer{display:none;} #topbar{display:none;} #pixblogad-banner2{display:none;} ::-webkit-scrollbar-thumb {background-color: #CCC; height: auto; border: 2px solid #CCC; } ::-webkit-scrollbar {background-color: #EEE; height:10px; width:5px; border: 0px solid #EEE;} #topbar{display:none;} #comment-text .floor{display:none;} #comment-text>div{display:none;} #article-main .page {display:block!important} #blog-main .more a{float:right; display:block;width:130px;height:12px;font-size:0;text-indent:-5000px;background:url(http://i.imgur.com/A6SbBhP.png) no-repeat;}

此樣式只相容側欄2&自訂欄位&誰來我家，歡迎自行修改但必須放上本站連結。
如有任何問題歡迎留言詢問(･ェ･。)