page-refresh/src/theme/jianshu/index.css

帅气优雅的移动端下拉刷新，零依赖，高性能，丰富主题，强扩展性

/**
 * 滑动抽屉效果
 * 样式和3D抽屉类似，但是为了遵循 一个主题实现一个效果的原则
 * 单独独立成主题，而不是简单的将两个功能复用到一个主题
 */

.minirefresh-theme-jianshu .minirefresh-downwrap {
    position: absolute;
    top: 0;
    left: 50%;
    height: 50px;
    /* background: #000000; */
    z-index: 999;
	width:50px;
	margin-left:-25px;
}

.minirefresh-theme-jianshu .minirefresh-downwrap .downwrap-content {
    width: 100%;
    margin-top: 0px;
    text-align: center;
	height: 50px;
    line-height: 50px;
    padding: 0;
}

.minirefresh-theme-jianshu .minirefresh-downwrap .drawer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #ffffff;
    text-align: center;
    background-clip: padding-box;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
	height:100%;
	border-radius: 50%;
}

.minirefresh-theme-jianshu .drawer .drawer-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #D3D3D3;
    /*
    * 最终的透明度是计算生成的
    */
    opacity: .4;
}

.minirefresh-theme-jianshu .minirefresh-downwrap .downwrap-progress{
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid gray;
    margin: auto auto;
    border-bottom-color: transparent;
    vertical-align: middle;
	background: url(http://mdn.csdu.net/img/group.png) no-repeat;
	background-position:center;
	background-size:100%;
	border:none;
}