464  

 刊圖尚未分享請勿動手(★´ω`)

 分隔線

☆〞跟樣式有關的注意事項

☑ banner、游標可進行更替

☒ 修改沒說可以的地方造成問題別跑來哭訴

☒ 修改後嚴格禁止二次發表

☒ 嚴禁把商標拿掉宣稱自製

☒ 不得抄襲任何排版設計

分隔線

 4654  

  

 *記得刪掉

《更多樂果請點我》

分隔線

未命名  

語法點三下複製

/*------------------------------ #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; } td { border: 1px solid #555; } fieldset,img { border:0; } address,caption,cite,code,dfn,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; } /*------------------------------ #Open ------------------------------- */ body{ background: #fff; font-family:MS PGothic; font-size: 9pt; color:#777; letter-spacing: 1px; margin: 0px auto; } a{ text-decoration:none ; color:#777; } a:hover{ color:#000; } br { letter-spacing: 0; } input { border: 0px solid #ccc; background: #fff; font-size: 9pt; font-family: MS PGothic; color: #777; height: 18px; padding: 0px 5px; vertical-align: middle; } textarea { background:#fff; overflow:hidden ; border: 0px; } #body-div{ background: #fff; overflow:hidden ; width: 940px; margin: 0 auto; } ::-webkit-scrollbar { background:#fff!important; width:7px!important; } ::-webkit-scrollbar-thumb { background:#ccc!important; } #topbar { opacity:0; -webkit-transition:all .8s; -moz-transition:all .8s; -o-transition:all .8s; transition:all .8s; } #topbar:hover { opacity:1; } /* AUTHORITY -------------------------------------------------------------------------*/ #authority{ height:0px; position:absolute; z-index:99999; } #authority a{ background: #eee; padding: 3px; position:relative; top: 150px; left: 25px; float:left; margin: 0px 7px 0px 0px; color:#777; font-weight:bold; } #authority a:hover{ } /* CONTAINER -------------------------------------------------------------------------*/ #container{ } #container2{ } #container3{ } #main{ margin: 0px 18px; } #main:after{ content:"." ; height:0 ; display:block ; clear:both ; visibility:hidden ; overflow:hidden ; } /* HEADER -------------------------------------------------------------------------*/ #header{ position:relative; width:935px; height:300px; background: url('http://i.imgur.com/CWmBito.png') no-repeat left top; color:#555; border:1px dotted #999993; } #header a{ color:#555; } #header a:hover{ color:#555; } #banner{ position:absolute; left: 20px; top:310px; } #banner h1 a{ width:500px; font-size: 20px; display: block; color:#777; overflow: hidden; text-align:left; font-weight:bold; } #banner h1 a:hover{ color:#eee; } #banner h2 { border:1px dotted #999993; background-color:#fff; line-height:20px; height:40px; width:910px; position:relative; left:0; font-size: 12px; top:10px; color:#777; opacity:1; overflow:auto; } #banner h2 a{ color:#777; } #banner .skiplink{ display: none; } #blog-category{display:none; position:absolute; top:80px; left:0px; color:#843516; } #blog-category a{color:#843516;} #blog-category a:hover{color:#843516;} #login-bar { position:absolute; left:25px; top:385px; color:#843516; padding: 2px; } #login-bar a{ color:#843516; } .separator { color:#555; } #navigation li { float:right; margin:0 10px 0 0; } #navigation a { display:block; font-family:Microsoft JhengHei; text-align:center; padding-top:0; margin:0 10px 0 0; } #navigation a:hover { margin:0 10px 0 0; } #link-album { position:absolute; left:890px; top:310px; width:70px; height:15px; font-size:12px; color:#555; margin:0 10px 0 0; } #link-blog { position:absolute; top:310px; left:830px; width:100px; height:15px; font-size:12px; color:#555; margin:0 2px 0 0; } #link-guestbook { position:absolute; top:310px; left:800px; width:70px; height:15px; font-size:12px; color:#555; } #link-profile { position:absolute; top:310px; left:760px; width:70px; height:15px; font-size:12px; color:#555; } /* H5 spotlight -------------------------------------------------------------------------*/ #spotlight{display:none; width:650px; margin-bottom:10px; } #spotlight h5{ color:#777; border-bottom: 1px dotted #999993; text-align:left; padding:0px 0px 5px; height: 15px; } #spotlight-text{ color: #777; width:650px ; padding:5px 0px 10px 0px; line-height: 21px; } #spotlight-text a{ color: #777; font-weight:normal; text-decoration:underline; } #spotlight-text a:hover{ color:#eee; } /* CONTENT -------------------------------------------------------------------------*/ #content{ width:650px ; float:left; _overflow: hidden; padding:80px 0px; } .article-head{ padding: 0px; margin: 0px; } .publish{ background-color:#eee; position:relative; top:25px; _top:2px; left:490px; _left:553px; font-size:9px; font-family:MS PGothic; width:200px; letter-spacing:1px; padding: 5px 10px 5px 10px ; } .title{ border-bottom: 1px dotted #999993; margin: 10px 0px 30px 0px ; padding: 0px 0px 0px 0px; font-size: 9pt; text-align:left; } .title a{ color:#777; } .title a:hover{ color:#555; } /* article -------------------------------------------------------------------------*/ #article-area{ padding: 0px; margin: 0px; overflow: hidden; } .article-body{ overflow: hidden; } .article-content table td{ padding: 5px; } .article-content{ font-size: 9pt; padding: 10px 0px 0px 0px; line-height:20px; } .more { text-align:right ; margin: 20px 10px 20px 0px; } .more a{ color:#777 } .more a:hover{ } .author{ color: #555; text-align:center ; padding: 5px 5px 10px 0px; margin: 0px 0px 0px 0px; } .author span{display:none;} .author a{ color: #555; } .author a:hover{ color: #555; } .article-footer{ text-align:right ; color:#555; line-height:19px ; } .bookmark{ text-align:right ; padding: 20px 0px 0px 0px; } .back-to-top, .history, .refer{ display:none; } .forward{ text-align:right ; } .forward img{ width: 10px; height: 10px; filter :gray; padding-right: 2px; } /* main-list -------------------------------------------------------------------------*/ #article-box{ margin: 10px 0px 0px 0px; } .main-list table{ border-collapse : collapse ; width:100% ; margin: 20px 0px 0px 0px; } .main-list table td { border:1px dotted #999993; border-top:0px dotted #999993; border-left:0px dotted #999993; border-right:0px dotted #999993; } .main-list td , .main-list th{ padding: 5px ; } /* post-comment & page -------------------------------------------------------------------------*/ .post-comment{ text-align:center; } .post-comment a{ padding: 4px; background: #fff; -moz-border-radius: 5px; color: #777; } .post-comment a:hover{ color: #555; } /* COMMENT -------------------------------------------------------------------------*/ #user-post{ } .user-post-title{ color:#777; font-size: 9pt ; font-family:"MS PGothic" ; margin: 20px 0px 0px 0px ; } #trackback-url{ text-align:left ; } #trackback-input{ color: #777; background:#fff; } #trackback-url input{ color: #777; background:#fff; } .user-post-text{ text-align:center ; margin: auto 0px; } *.single-post{ position: relative; text-align:left; overflow:hidden ; _height:1% ; line-height: 18px; width: 488px; word-break: break-all; margin: 10px auto; padding: 40px 0px 10px 0px; background:#fff; } img.pixnet-user { display: none; } .post-info{ border: 1px dotted #999993; width: 475px; position: absolute; top: 0px; left: 0px; overflow: hidden; color: #555; padding: 4px 5px; margin: 0px 0px 0px 0px; } .post-info a { color: #555; font-size: 9pt; font-family:"MS PGothic" ; } .user-ip { display:none; } .post-photo{ width:55px ; float:left ; text-align:center ; padding: 5px 0px 10px 5px; } .post-photo img{ width:40px; height:40px ; background:#fff; border:1px dotted #999993; padding: 3px 3px 3px 3px; } .post-text{ float:right; width:420px; line-height:20px ; color:#777; padding: 0px 5px 0px 0px; } .post-text p{ font-weight: bold ; color:#777; } #trackback-box .post-text{ float:none ; width:auto ; padding:0px 0px 7px 7px ; } .reply-text{ clear:both ; float:right; width:405px ; color: #333; line-height:21px ; margin: 5px 0px 0px 0px; padding: 0px 5px 0px 5px; border-left: 1px dotted #999993; } .reply-text textarea{ width: 95%; height: 1%; background:#fff; overflow:hidden ; border: 0px; } .reply-text a{ color: #777; } .single-post.secret{ min-height:20px; _height: 20px; line-height:20px; padding-left:0px; width: 488px; padding-top:15px !important; } .single-post.secret .post-text{ color:#333; } /* LINKS -------------------------------------------------------------------------*/ #links{ margin-top:-205px; float: right; width: 230px; } #links a{ color:#555; } .box{ } h4.box-title{ color:#555; border-bottom: 1px dotted #999993; text-align: center; font-weight: bold; padding: 0px 0px 5px; } .box-text{ text-align: center; word-break: break-all; margin: 0px 0px 20px 0px; padding: 25px 0px 0px 0px; font-size: 9pt; color: #555; line-height: 21px; } .box li{ } .box-more{ margin: 5px 0px 0px 0px; text-align:center; } #visitor.box .box-more{display:none;} .box-more a{ padding: 1px 3px; color:#555; border:1px dotted #999993; background:#fff; } .box-more a:hover{ border:1px dotted #999993; background:#fff; } #links .box .box-more a{ display:inline ; color:#777; } #links .box-text a { display:block ; color:#777; } #links .box-text a:hover{ color:#777; } /* Links2 -------------------------------------------------------------------------*/ #calendar table{ width:100%; margin:0 auto ; color:#777; } #calendar table th, #calendar table td{ text-align: center; font-size:11px; color:#777; border:3px dotted #999993; background: #fff; } #calendar .box-text td a{ color: #777; background: #fff; } #calendar .box-text td a:hover{ color: #555; font-weight: bold; background: #fff; } #visitor{ _height: 1%; overflow: hidden; _overflow: none; } #visitor .box-text li{ FLOAT:center; } #visitor .box-text li a{ margin: 0px 4px 2px 0px; width: 25px; height: 25px; } #visitor .box-text li a:hover{ background: none; } #visitor .box-text li img{ margin: 0px 0px 0px 0px; } #visitor .box-text li a img{ height:25px; width:25px; } #visitor .box-text li a:hover img { height:25px; width:25px } #visitor .box-more {clear:both;} #crumb ul{ _height: 1% ; overflow: hidden ; _overflow: none ; } #crumb li{ float:left ; } #latest-comment a{ text-align:left ; } #latest-comment span{ font-weight:bold ; } #links #latest-trackback .box-text a{ border-bottom:0px ; text-align:left ; } #links #subscription .box-text li a { border:0; text-align:left; } #latest-trackback li{ padding:0px 0px 3px 0px ; margin:0px 0px 3px 0px ; text-align:left; } #links #subscription .box-text li a{ border: 0 ; text-align:left ; } #links #subscription .box-text li{ padding:0px 0px 3px 0px ; margin:0px 0px 3px 0px ; text-align:left; } #subscription .box-text{ text-align: left; } #subscription .box-text li a{ text-align: left; } #search {} #search .box-text li{ display: inline; } input#search-target { width: 100px; background: #fff; } #feed li{ } /* FOOTER -------------------------------------------------------------------------*/ #footer { text-align: left;background: #ccc url(http://i.imgur.com/rAbvIZw.png) no-repeat center; color:#fffff; padding: 15px; } #footer a{ display:none;} #user-info dl{display: none;} #user-info .box-text{height:90px;} #user-info .user-img img { text-align: center; border-radius:50px; border:0; margin-bottom:5px; padding:0; } #bottom{ display:none;} 

 分隔線

 

咖哩家外框

arrow
arrow
    全站熱搜

    藤本 明 發表在 痞客邦 留言(4) 人氣()