-
Notifications
You must be signed in to change notification settings - Fork 149
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Signed-off-by: balibell <[email protected]>
- Loading branch information
0 parents
commit 8c0925e
Showing
18 changed files
with
13,482 additions
and
0 deletions.
There are no files selected for viewing
Empty file.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,25 @@ | ||
/* | ||
@说明:回到顶部按钮,下翻页、上翻页按钮 | ||
*/ | ||
|
||
|
||
|
||
/* 回到顶部 */ | ||
#gotop{position:fixed;z-index:100;width:50px;height:50px;bottom:8px;right:8px;;visibility:hidden;background-image:url(http://cdn.duitang.com/uploads/people/201303/08/20130308184024_8taKv.png);background-repeat:no-repeat;text-indent:-9999px;} | ||
#gotop:link, | ||
#gotop:visited{background-position:0 0;} | ||
#gotop:hover{background-position:0 -50px;text-decoration:none;} | ||
|
||
|
||
/* goto nextpage and prepage */ | ||
#gopre, | ||
#gonext{visibility:hidden;position:fixed;z-index:100;width:50px;height:100px;right:0;bottom:100px;background-image:url(http://img4.duitang.com/uploads/files/201309/25/20130925233847_PYtKS.gif);background-repeat:no-repeat;} | ||
|
||
#gonext:link, | ||
#gonext:visited{display:block;} | ||
|
||
#gopre:link, | ||
#gopre:visited{display:none;right:50px;background-position:-130px -250px;} | ||
|
||
#gonext:hover, | ||
#gopre:hover{background-color:rgba(230,240,250,.4);} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,106 @@ | ||
/* | ||
@说明:main.html 相关样式,非Woo 主体部分。可删除此文件运行 main.html 体验效果 | ||
*/ | ||
|
||
|
||
/* 瀑布流基本单元 unit */ | ||
.my-pic .woo{float:left;+display:inline;height:auto;padding-bottom:4px;margin:0 21px 20px 0;border-top:0 none;background-color:#fff;background-image:url(http://cdn.duitang.com/uploads/people/201309/25/20130925155758_y3Bw4.gif);background-position:right bottom;background-repeat:no-repeat;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;} | ||
.my-pic .woo .blog-ppcount{position:absolute;top:0;left:0;z-index:2;background-color:red;height:16px;color:#fff;} | ||
.my-pic .woo .j{border:1px solid #E5E5E5;border-bottom:0 none;width:222px;padding:11px 0 0 0;box-shadow:1px 0 1px #f3f3f3;-moz-box-shadow:1px 0 1px #f3f3f3;-webkit-box-shadow:1px 0 1px #f3f3f3;border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;} | ||
.my-pic .woo .mbpho{margin-left:11px;} | ||
.my-pic .o{width:auto;height:auto;padding:14px 16px 8px 15px;border:1px solid #f7f7f7;border-right:1px solid #f7f7f7;border-bottom:1px solid #f7f7f7;background-color:#f7f7f7;} | ||
.my-pic .g{clear:both;overflow:hidden;line-height:1.5;padding:8px 11px 6px 11px;margin:0;background-color:#f8f8f8;word-wrap:break-word;word-break:break-all;} | ||
div.my-pic .mbpho{float:none;overflow:hidden;width:200px;height:auto;margin:0 0 8px;} | ||
div.my-pic .mbpho img{display:block;margin-left:auto;margin-right:auto;_width:200px;max-width:200px;} | ||
/* it's important to set .a */ | ||
.my-pic .a{float:left;width:100%;height:100%;} | ||
.my-pic .a u{position:relative;display:block;_display:none !important;width:100%;height:80px;margin-top:-80px;background:url(http://cdn.duitang.com/img/0/cover.png) 0 bottom repeat-x;} | ||
div.my-pic .mbpho .k{width:208px;background:url(http://cdn.duitang.com/uploads/people/201207/06/20120706224429_3JzGy.png) no-repeat;} | ||
div.my-pic .mbpho .k img{float:left;+display:inline;margin:0 4px 4px 0;} | ||
/* 分享者信息 收集数 回复数 */ | ||
.my-pic .w{clear:both;height:18px;overflow:hidden;padding:0 11px 12px 11px;margin:0;background-color:#f8f8f8;} | ||
/* list 页面结合 42px 高度的区域 */ | ||
.my-pic div.d{overflow:hidden;height:28px;padding:0 11px 0 11px;background-color:#fff;margin:0;border-bottom:1px solid #efeeed;/*background:url(../../../../img/0/dtbutton.gif?20120106) 0 -568px no-repeat;*/} | ||
.my-pic .d span{float:left;+display:inline;line-height:19px;padding:0 0 0 22px;margin:0 12px 0 0;background-image:url("http://cdn.duitang.com/uploads/files/201211/26/20121126121246_VXE8F.png");_background-image:url("http://cdn.duitang.com/uploads/files/201211/30/20121130160101_ePSJe.png");background-repeat:no-repeat;font-size:14px;color:#b4b4b4;} | ||
.my-pic .d .d1{background-position:-220px 0;} | ||
.my-pic .d .d1-done{background-position:-320px 0;} | ||
.my-pic .d .d2{background-position:-220px -20px;} | ||
.my-pic .d .d2-done{background-position:-320px -20px;} | ||
.my-pic .d .d3{background-position:-220px -40px;} | ||
.my-pic .d .d4{background-position:-220px -60px;} | ||
.my-pic .d .d5{background-position:-220px -80px;} | ||
/* 回复列表 */ | ||
.my-pic ul{padding:0 0 8px 0;background-color:#f8f8f8;} | ||
.my-pic li{zoom:1;padding:8px 0 7px 0;margin:0 11px 0 11px;border-top:1px solid #efeeed;} | ||
.my-pic li:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;} | ||
.my-pic li img{float:left;+display:inline;margin:0 8px 0 0;} | ||
.my-pic li p{float:left;width:165px;word-wrap:break-word;word-break:break-all;overflow:hidden;} | ||
.my-pic li i{font-size:10px;color:#bbb;margin-left:4px} | ||
/*###################################################*/ | ||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/* 专辑单元 */ | ||
div.my-album{width:1000px;} | ||
div div.my-album{visibility:visible} | ||
.my-album .dym{float:left;+display:inline;width:230px;height:308px;padding:0 0 0 1px;overflow:hidden;margin:0 19px 18px 0;} | ||
.my-album .albbigimg{position:relative;height:208px;} | ||
.my-album .lev0,.my-album .lev1,.my-album .lev2{position:absolute;top:4px;left:0;width:200px;height:200px;overflow:hidden;padding:1px;border:1px solid #d8d8d8;background-color:#fff;} | ||
.my-album a.lev0:link,.my-album a.lev0:visited{} | ||
.my-album a.lev0:hover{opacity:.9;filter:alpha(opacity=90);} | ||
.my-album p.lev1{top:2px;left:2px;} | ||
.my-album p.lev2{top:0;left:4px;} | ||
.my-album .lev3,.my-album .albbigimg div{position:absolute;bottom:2px;left:2px;line-height:28px;color:#fff;} | ||
.my-album .lev3{width:200px;height:28px;background-color:#000;opacity:.3;filter:alpha(opacity=30);} | ||
.my-album .albbigimg div{padding:0 0 0 8px;} | ||
.my-album li{width:208px;padding:4px 0;color:#666;} | ||
.my-album li span{color:#bbb;} | ||
.my-album li.clr{height:24px;overflow:hidden;line-height:28px;} | ||
.my-album li.clr img{float:left;+display:inline;width:24px;height:24px;margin:0 6px 0 0;vertical-align:middle;} | ||
.my-album li.clr a:link,.my-album li.clr a:visited{} | ||
/*###################################################*/ | ||
|
||
|
||
|
||
|
||
|
||
|
||
/* 以下为其它样式 */ | ||
|
||
|
||
/* 让翻页器居中 */ | ||
.woo-pager{text-align:center;} | ||
|
||
|
||
|
||
/* switch holder */ | ||
#switchholder{zoom:1;margin:16px 0;padding-left:100px;border-bottom:1px solid #ebebeb;} | ||
#switchholder:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;} | ||
#switchholder li{float:left;margin:0 4px 0 0;list-style:none;} | ||
#switchholder li a{float:left;line-height:19px;padding:5px 16px 4px;+padding:6px 16px 3px;margin-top:2px;background-color:#f7f7f7;} | ||
#switchholder li.woo-cur a:link, | ||
#switchholder li.woo-cur a:visited{position:relative;bottom:-1px;margin-top:0;border:1px solid #ebebeb;border-bottom:1px solid #fff;background-color:#fff;} | ||
|
||
h1 a{display:block;width:140px;height:80px;text-indent:-9999px;background:url(http://img4.duitang.com/uploads/files/201309/25/20130925232523_YSTKT.gif) center center no-repeat;} | ||
#footer{height:40px;padding:16px 0 0 16px;margin:0 0 0;border-top:1px solid #f7f7f7} | ||
|
||
/* 文本说明 */ | ||
|
||
#preserve{display:none;} | ||
#preserve h2{line-height:31px;margin:16px 0 0;padding:0 0 0 16px;font-weight:bold;font-family:'\5FAE\8F6F\96C5\9ED1';font-size:16px;} | ||
#preserve ul{margin:8px 0 0;} | ||
#preserve li{zoom:1;line-height:31px;padding:0 16px;} | ||
#preserve li:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;} | ||
#preserve li:nth-child(2n-1){background-color:#f7f7f7;} | ||
#preserve li p{float:left;} | ||
#preserve li u{float:left;width:200px;} | ||
|
||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,28 @@ | ||
/* | ||
@说明:底部翻页器 | ||
*/ | ||
|
||
|
||
.woo-pbr{height:60px;overflow:hidden;margin:16px 0 0;line-height:1;text-align:center;} | ||
.woo-pbr .woo-dib{height:100%} | ||
.woo-pbr li.woo-cur, | ||
.woo-pbr a:link, | ||
.woo-pbr a:visited{float:left;+display:inline;min-width:20px;height:20px;padding:6px 4px 0;+height:22px;+padding-top:4px;white-space:no-wrap;word-break:keep-all;text-align:center;border:1px solid #e3e2e1;border-radius:2px;background-color:#fff;color:#0052aa;font-size:14px;} | ||
.woo-pbr a:hover{text-decoration:none;background-color:#f6f6f6;color:#0052aa;} | ||
.woo-pbr li{height:40px;float:left\9;display:inline\9;margin:0 4px 0 0;} | ||
.woo-pbr li.woo-cur{font-weight:bold;color:#fff;border-color:#ce0149;background-color:#f14382;} | ||
.woo-pbr li.woo-ell{margin:10px 8px 0 6px;font-size:10px;font-weight:bold;+font-size:12px;+font-weight:normal;} | ||
@media all and (min-width: 0px){ .woo-pbr a{display:inline-block;float:none}.woo-pbr li{float:left}}{} | ||
.woo-pbr a.woo-pre, | ||
.woo-pbr a.woo-nxt{width:56px;text-indent:-9999px;font-weight:normal;background-image:url(http://cdn.duitang.com/uploads/item/201307/19/20130719140023_YrJaZ.png);background-repeat:no-repeat;} | ||
.woo-pbr a.woo-pre:link, | ||
.woo-pbr a.woo-pre:visited{background-position:-1px -1px;} | ||
.woo-pbr a.woo-pre:hover{background-position:-1px -31px;} | ||
.woo-pbr a.woo-nxt:link, | ||
.woo-pbr a.woo-nxt:visited{background-position:-71px -1px;} | ||
.woo-pbr a.woo-nxt:hover{background-position:-71px -31px;} | ||
|
||
|
||
.woo-pbr .woo-dib{float:none !important;display:inline-block;display:-moz-inline-box;-moz-box-align:stretch;+display:inline-block;vertical-align:middle} | ||
.woo-pbr .woo-dib{+display:inline} | ||
@media all and (min-width: 0px){ .woo-pbr .woo-dib{display:inline-block} }{} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,20 @@ | ||
/* | ||
@说明:reset.css 可根据个人喜好,更换你的 reset.css 全局文件 | ||
*/ | ||
|
||
html,body{min-height:101%} | ||
body,input,button,select,textarea,th,td{font-size:12px;line-height:1.5;font-family:tahoma,arial,sans-serif;color:#666} | ||
|
||
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0} | ||
|
||
dl,ul{list-style:none} | ||
li{vertical-align:middle;} | ||
img{border:0px} | ||
h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:normal} | ||
em,i,u{font-style:normal;text-decoration:none} | ||
|
||
:focus{outline:0} | ||
q:before,q:after{content:''} | ||
|
||
a:link,a:visited{color:#5678a0;text-decoration:none} | ||
a:hover{color:#f14382} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,11 @@ | ||
/* loading */ | ||
.woo-loading{height:40px;background:url(http://cdn.duitang.com/uploads/people/201307/30/20130730175612_KU2dF.gif) center 12px no-repeat;} | ||
|
||
|
||
/* masn 生效前设置不可见 */ | ||
.woo-masned{zoom:1;overflow:hidden;visibility:hidden;margin-left:auto;margin-right:auto;} | ||
|
||
/* woo 基本单元块,初始状态不可见 */ | ||
.woo-masned .woo{position:absolute;top:-10000px;} | ||
/* woo-spec 有特殊用途 */ | ||
.woo-masned .woo-spec{top:-10000px !important;} |
Oops, something went wrong.