init: 从宝塔同步到 Gitea
This commit is contained in:
root
@@ -0,0 +1,139 @@
|
||||
body{ color:#333; font-size:13px;}
|
||||
input,select,textarea{color:#333;}
|
||||
/*.bg{ width:100%; height:100%; position:absolute; background:url(../images/bg.jpg);background-repeat:no-repeat;background-size:100% 100%;}*/
|
||||
.bg{background-color: #004085}
|
||||
.panel{background:#fff; width:1650px !important; margin:0 auto;}
|
||||
form .form-group:last-child{padding-bottom:0;}
|
||||
.passcode{position:absolute;right:0;bottom:0;height:32px;margin:1px;border-left:solid 1px #ddd;text-align:center;line-height:32px;border-radius:0 4px 4px 0;}
|
||||
ul,li{ list-style-type:none;}
|
||||
|
||||
.lefter{position:relative;float:left;width:180px;margin-right:-180px;background:#e6f2fb;text-align:center;}
|
||||
.righter{float:right;width:100%;padding-top:15px;background:#e6f2fb;}
|
||||
.mainer{margin-left:180px;}
|
||||
.field-icon-right .icon{ bottom:0px; top:auto}
|
||||
.logo{ float:left; color:#FFF; margin-top:10px; line-height:45px;}
|
||||
.logo img{ float:left; margin-right:10px;}
|
||||
/********头部******/
|
||||
/*.header{height:70px; overflow:hidden; background:url(../images/bg.jpg) no-repeat 0 -1000px; }*/
|
||||
.header{height:70px; overflow:hidden; background:#b0d7e6; }
|
||||
.head-l{ float:left; margin-top:17px; margin-left:15px; }
|
||||
.head-l .button{ padding:8px 15px;}
|
||||
.head-l .bg-blue:hover{ background-color:#03b6fd;}
|
||||
.leftnav{width:180px; height:100%; position:fixed; top:70px; left:0px;}
|
||||
.leftnav-title { height:50px; background:url(../images/bg.jpg) no-repeat 0 -1000px; color:#FFF; padding-left:22px; font-size:14px; line-height:50px;}
|
||||
.leftnav-title span{ margin-right:10px;}
|
||||
.leftnav h2{ padding:10px 0 10px 22px; transition:all .1s ease-in-out; display:block; cursor:pointer; font-weight:bold; font-size:14px; border-top:1px solid #b5cfd9;}
|
||||
.leftnav h2.on{ color:#09c;}
|
||||
.leftnav .border-bottom{ border-bottom:1px solid #b5cfd9;}
|
||||
.leftnav h2 span{ margin-right:10px;}
|
||||
.leftnav h2:hover{ color:#09c;}
|
||||
.leftnav ul {display:none; border-top:1px solid #b5cfd9; padding:5px 0; opacity:1;}
|
||||
.leftnav ul li{ list-style-type:none; }
|
||||
.leftnav ul li a{ display:block;padding-left:30px;line-height:30px; }
|
||||
.leftnav ul li span{ margin-right:8px;}
|
||||
.leftnav ul li a:hover,.leftnav ul li a.on{ color:#09c;}
|
||||
|
||||
/***主要内容***/
|
||||
.admin{background:#fff;position:fixed;border-left:solid 1px #b5cfd9;right:0;bottom:0;top:110px;left:180px; padding:15px; padding-right:0px; padding-bottom:0px; overflow:auto; border-top:1px solid #b5cfd9; padding-right:15px;}
|
||||
.content{width:100%;}
|
||||
.body-content{padding:20px 0; overflow:hidden;}
|
||||
.content .title{ border-bottom:1px solid #dfdfdf; line-height:35px; font-size:14px; font-weight:bold; color:#09c}
|
||||
.form-x .form-group .label{ width:10%;}
|
||||
.form-x .form-button { margin-left:10%;}
|
||||
.w50 { width:25%; float:left;}
|
||||
.w15 { width:15%; float:left;}
|
||||
.form-x .tipss{ float:left; padding-left:10px; color:#888; line-height:42px;}
|
||||
.input-help { float:left; line-height:30px;}
|
||||
.input-help li{ float:left;margin-left:10px;}
|
||||
.bread{ margin-left:190px; margin-top:4px;}
|
||||
.bread li{ float:left;}
|
||||
.label label{ font-weight:normal; color:#333;}
|
||||
.form-group{ margin-bottom:12px;}
|
||||
.button{ /*padding:10px 15px;*/}
|
||||
.form-group .field .file{ background:#FFF; border:0px;}
|
||||
.form-group .field input[type=radio]{ vertical-align:middle; line-height:35px; margin-right:5px;}
|
||||
.form-group .radio { line-height:35px;}
|
||||
.table th{ text-align:center;}
|
||||
.table td { vertical-align:middle;}
|
||||
.tip img{width:100px; height:100px;}
|
||||
.clear{ clear:both; overflow:hidden;}
|
||||
.pagelist {padding:10px 0; text-align:center;}
|
||||
.pagelist span,.pagelist a{ border-radius:3px; border:1px solid #dfdfdf;display:inline-block; padding:5px 12px;}
|
||||
.pagelist a{ margin:0 3px;}
|
||||
.pagelist span.current{ background:#09F; color:#FFF; border-color:#09F; margin:0 2px;}
|
||||
.pagelist a:hover{background:#09F; color:#FFF; border-color:#09F; }
|
||||
.pagelist label{ padding-left:15px; color:#999;}
|
||||
.pagelist label b{color:red; font-weight:normal; margin:0 3px;}
|
||||
|
||||
.search{ overflow:hidden;}
|
||||
.search li{float:left; margin-right:15px; line-height:35px;}
|
||||
|
||||
.button.bg-main.icon-check-square-o{ padding:10px 30px;}
|
||||
.button.bg-main.icon-check-square-o:hover{ background:#08bbe1;}
|
||||
input[type="checkbox"], input[type="radio"]{ width:15px; height:15px; vertical-align:-3px; margin-right:5px;}
|
||||
|
||||
textarea[name=content]{width:100%; height:500px; border:1px solid #ddd; border-radius:3px; -webkit-border-radius:3px;}
|
||||
|
||||
|
||||
/***自定义样式***/
|
||||
.search-dl{overflow:hidden;}
|
||||
.search-dl dt{font-weight:normal;}
|
||||
.search-dl dd{padding:0; float:left;}
|
||||
.collect{width:750px;}
|
||||
.collect td{width:250px; padding:8px 0; text-align:left; font-size:14px;}
|
||||
.white_content {display: none; position: absolute; top: 100px; left: 20%; border-bottom: 26px solid #B6A7AC; border-right: 1px solid #ddd; border-left: 1px solid #ddd; background-color: white; z-index:1; overflow: auto; }
|
||||
.input_title{background-color: #B6A7AC; font-size: 16px; padding: 5px 0 5px 5px; color: #fff; }
|
||||
.ul_input .alert-form-input{width: 170px; padding:3px;}
|
||||
.text_input{padding-left: 15px; }
|
||||
.li_input{padding-top: 12px; padding-left: 40px;; }
|
||||
.li_button{overflow:hidden; text-align:center; margin-top:20px;}
|
||||
.input_button{display: inline-block; height: 38px; line-height: 38px; padding: 0 18px; background-color: #1E9FFF; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border: none; border-radius: 2px; cursor: pointer;} #sectiontablesqx span{display:inline-block; width: 30%;}
|
||||
.time-btn a{display:inline-block; padding:0px 20px; border:1px solid #ddd; line-height:26px; margin-right:2px;}
|
||||
.time-btn a.active{background:#ddd;}
|
||||
|
||||
.bg .box{
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
background:url(../images/bg-bg.png) center repeat-x;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -260px;
|
||||
}
|
||||
|
||||
|
||||
.bg .box .loginbox{
|
||||
width: 350px;
|
||||
position: absolute;
|
||||
z-index: 99;
|
||||
left: 50%;
|
||||
margin-left: 200px;
|
||||
background: #f3f3f3;
|
||||
top: 95px;
|
||||
border-radius: 0;
|
||||
}
|
||||
.bg .box .loginbox:after{
|
||||
content: '';
|
||||
position: absolute;
|
||||
top:-2px;
|
||||
left: -40px;
|
||||
background:url(../images/bg-left.png) no-repeat;
|
||||
width: 40px;
|
||||
height:75px;
|
||||
background-size: 100%;
|
||||
}
|
||||
.bg .box .loginbox:before{
|
||||
content: '';
|
||||
position: absolute;
|
||||
top:-2px;
|
||||
right: -40px;
|
||||
background:url(../images/bg-right.png) no-repeat;
|
||||
width: 40px;
|
||||
height:75px;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
#submit{
|
||||
background: #f6f6f6;
|
||||
color: #666;
|
||||
border-color: #cccccc;
|
||||
}
|
||||
@@ -0,0 +1,705 @@
|
||||
/* General styles for the modal */
|
||||
|
||||
/*
|
||||
Styles for the html/body for special modal where we want 3d effects
|
||||
Note that we need a container wrapping all content on the page for the
|
||||
perspective effects (not including the modals and the overlay).
|
||||
*/
|
||||
.md-perspective,
|
||||
.md-perspective body {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.md-perspective body {
|
||||
background: #fff;
|
||||
-webkit-perspective: 600px;
|
||||
-moz-perspective: 600px;
|
||||
perspective: 600px;
|
||||
}
|
||||
|
||||
.container {
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.md-modal {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 600px;
|
||||
height: auto;
|
||||
z-index: 9999999;
|
||||
visibility: hidden;
|
||||
-webkit-transform: translateX(-50%) translateY(-50%);
|
||||
-moz-transform: translateX(-50%) translateY(-50%);
|
||||
-ms-transform: translateX(-50%) translateY(-50%);
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
}
|
||||
|
||||
.md-show {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.md-overlay {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
visibility: hidden;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9999995;
|
||||
opacity: 0;
|
||||
background: rgba(1,1,1,0.6);
|
||||
-webkit-transition: all 0.3s;
|
||||
-moz-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.md-show ~ .md-overlay {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
/* Content styles */
|
||||
.md-content {
|
||||
color: #5b5b5b;
|
||||
background: #fff;
|
||||
position: relative;
|
||||
border-radius: 0px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.md-content .md-close-btn {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 5px;
|
||||
z-index: 999999;
|
||||
}
|
||||
.md-content .md-close-btn a{
|
||||
color: #909090;
|
||||
cursor: pointer;
|
||||
}
|
||||
.md-content .md-close-btn a:hover{
|
||||
color: #212121;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Individual modal styles with animations/transitions */
|
||||
|
||||
/* Effect 1: Fade in and scale up */
|
||||
.md-effect-1 .md-content {
|
||||
-webkit-transform: scale(0.7);
|
||||
-moz-transform: scale(0.7);
|
||||
-ms-transform: scale(0.7);
|
||||
transform: scale(0.7);
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.3s;
|
||||
-moz-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.md-show.md-effect-1 .md-content {
|
||||
-webkit-transform: scale(1);
|
||||
-moz-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Effect 2: Slide from the right */
|
||||
.md-effect-2 .md-content {
|
||||
-webkit-transform: translateX(20%);
|
||||
-moz-transform: translateX(20%);
|
||||
-ms-transform: translateX(20%);
|
||||
transform: translateX(20%);
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
|
||||
-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
|
||||
transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
|
||||
}
|
||||
|
||||
.md-show.md-effect-2 .md-content {
|
||||
-webkit-transform: translateX(0);
|
||||
-moz-transform: translateX(0);
|
||||
-ms-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Effect 3: Slide from the bottom */
|
||||
.md-effect-3 .md-content {
|
||||
-webkit-transform: translateY(20%);
|
||||
-moz-transform: translateY(20%);
|
||||
-ms-transform: translateY(20%);
|
||||
transform: translateY(20%);
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.3s;
|
||||
-moz-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.md-show.md-effect-3 .md-content {
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Effect 4: Newspaper */
|
||||
.md-effect-4 .md-content {
|
||||
-webkit-transform: scale(0) rotate(720deg);
|
||||
-moz-transform: scale(0) rotate(720deg);
|
||||
-ms-transform: scale(0) rotate(720deg);
|
||||
transform: scale(0) rotate(720deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.md-show.md-effect-4 ~ .md-overlay,
|
||||
.md-effect-4 .md-content {
|
||||
-webkit-transition: all 0.5s;
|
||||
-moz-transition: all 0.5s;
|
||||
transition: all 0.5s;
|
||||
}
|
||||
|
||||
.md-show.md-effect-4 .md-content {
|
||||
-webkit-transform: scale(1) rotate(0deg);
|
||||
-moz-transform: scale(1) rotate(0deg);
|
||||
-ms-transform: scale(1) rotate(0deg);
|
||||
transform: scale(1) rotate(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Effect 5: fall */
|
||||
.md-effect-5.md-modal {
|
||||
-webkit-perspective: 1300px;
|
||||
-moz-perspective: 1300px;
|
||||
perspective: 1300px;
|
||||
}
|
||||
|
||||
.md-effect-5 .md-content {
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-moz-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
-webkit-transform: translateZ(600px) rotateX(20deg);
|
||||
-moz-transform: translateZ(600px) rotateX(20deg);
|
||||
-ms-transform: translateZ(600px) rotateX(20deg);
|
||||
transform: translateZ(600px) rotateX(20deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.md-show.md-effect-5 .md-content {
|
||||
-webkit-transition: all 0.3s ease-in;
|
||||
-moz-transition: all 0.3s ease-in;
|
||||
transition: all 0.3s ease-in;
|
||||
-webkit-transform: translateZ(0px) rotateX(0deg);
|
||||
-moz-transform: translateZ(0px) rotateX(0deg);
|
||||
-ms-transform: translateZ(0px) rotateX(0deg);
|
||||
transform: translateZ(0px) rotateX(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Effect 6: side fall */
|
||||
.md-effect-6.md-modal {
|
||||
-webkit-perspective: 1300px;
|
||||
-moz-perspective: 1300px;
|
||||
perspective: 1300px;
|
||||
}
|
||||
|
||||
.md-effect-6 .md-content {
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-moz-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
-webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
|
||||
-moz-transform: translate(30%) translateZ(600px) rotate(10deg);
|
||||
-ms-transform: translate(30%) translateZ(600px) rotate(10deg);
|
||||
transform: translate(30%) translateZ(600px) rotate(10deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.md-show.md-effect-6 .md-content {
|
||||
-webkit-transition: all 0.3s ease-in;
|
||||
-moz-transition: all 0.3s ease-in;
|
||||
transition: all 0.3s ease-in;
|
||||
-webkit-transform: translate(0%) translateZ(0) rotate(0deg);
|
||||
-moz-transform: translate(0%) translateZ(0) rotate(0deg);
|
||||
-ms-transform: translate(0%) translateZ(0) rotate(0deg);
|
||||
transform: translate(0%) translateZ(0) rotate(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Effect 7: slide and stick to top */
|
||||
.md-effect-7{
|
||||
top: 0;
|
||||
-webkit-transform: translateX(-50%);
|
||||
-moz-transform: translateX(-50%);
|
||||
-ms-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.md-effect-7 .md-content {
|
||||
-webkit-transform: translateY(-200%);
|
||||
-moz-transform: translateY(-200%);
|
||||
-ms-transform: translateY(-200%);
|
||||
transform: translateY(-200%);
|
||||
-webkit-transition: all .3s;
|
||||
-moz-transition: all .3s;
|
||||
transition: all .3s;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.md-show.md-effect-7 .md-content {
|
||||
-webkit-transform: translateY(0%);
|
||||
-moz-transform: translateY(0%);
|
||||
-ms-transform: translateY(0%);
|
||||
transform: translateY(0%);
|
||||
border-radius: 0 0 3px 3px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Effect 8: 3D flip horizontal */
|
||||
.md-effect-8.md-modal {
|
||||
-webkit-perspective: 1300px;
|
||||
-moz-perspective: 1300px;
|
||||
perspective: 1300px;
|
||||
}
|
||||
|
||||
.md-effect-8 .md-content {
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-moz-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
-webkit-transform: rotateY(-70deg);
|
||||
-moz-transform: rotateY(-70deg);
|
||||
-ms-transform: rotateY(-70deg);
|
||||
transform: rotateY(-70deg);
|
||||
-webkit-transition: all 0.3s;
|
||||
-moz-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.md-show.md-effect-8 .md-content {
|
||||
-webkit-transform: rotateY(0deg);
|
||||
-moz-transform: rotateY(0deg);
|
||||
-ms-transform: rotateY(0deg);
|
||||
transform: rotateY(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Effect 9: 3D flip vertical */
|
||||
.md-effect-9.md-modal {
|
||||
-webkit-perspective: 1300px;
|
||||
-moz-perspective: 1300px;
|
||||
perspective: 1300px;
|
||||
}
|
||||
|
||||
.md-effect-9 .md-content {
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-moz-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
-webkit-transform: rotateX(-70deg);
|
||||
-moz-transform: rotateX(-70deg);
|
||||
-ms-transform: rotateX(-70deg);
|
||||
transform: rotateX(-70deg);
|
||||
-webkit-transition: all 0.3s;
|
||||
-moz-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.md-show.md-effect-9 .md-content {
|
||||
-webkit-transform: rotateX(0deg);
|
||||
-moz-transform: rotateX(0deg);
|
||||
-ms-transform: rotateX(0deg);
|
||||
transform: rotateX(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Effect 10: 3D sign */
|
||||
.md-effect-10.md-modal {
|
||||
-webkit-perspective: 1300px;
|
||||
-moz-perspective: 1300px;
|
||||
perspective: 1300px;
|
||||
}
|
||||
|
||||
.md-effect-10 .md-content {
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-moz-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
-webkit-transform: rotateX(-60deg);
|
||||
-moz-transform: rotateX(-60deg);
|
||||
-ms-transform: rotateX(-60deg);
|
||||
transform: rotateX(-60deg);
|
||||
-webkit-transform-origin: 50% 0;
|
||||
-moz-transform-origin: 50% 0;
|
||||
transform-origin: 50% 0;
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.3s;
|
||||
-moz-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.md-show.md-effect-10 .md-content {
|
||||
-webkit-transform: rotateX(0deg);
|
||||
-moz-transform: rotateX(0deg);
|
||||
-ms-transform: rotateX(0deg);
|
||||
transform: rotateX(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Effect 11: Super scaled */
|
||||
.md-effect-11 .md-content {
|
||||
-webkit-transform: scale(2);
|
||||
-moz-transform: scale(2);
|
||||
-ms-transform: scale(2);
|
||||
transform: scale(2);
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.3s;
|
||||
-moz-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.md-show.md-effect-11 .md-content {
|
||||
-webkit-transform: scale(1);
|
||||
-moz-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Effect 12: Just me */
|
||||
.md-effect-12 .md-content {
|
||||
-webkit-transform: scale(0.8);
|
||||
-moz-transform: scale(0.8);
|
||||
-ms-transform: scale(0.8);
|
||||
transform: scale(0.8);
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.3s;
|
||||
-moz-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.md-show.md-effect-12 ~ .md-overlay {
|
||||
background: rgba(255,255,255,1);
|
||||
}
|
||||
|
||||
.md-effect-12 .md-content h3,
|
||||
.md-effect-12 .md-content {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.md-show.md-effect-12 .md-content {
|
||||
-webkit-transform: scale(1);
|
||||
-moz-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Effect 13: 3D slit */
|
||||
.md-effect-13.md-modal {
|
||||
-webkit-perspective: 1300px;
|
||||
-moz-perspective: 1300px;
|
||||
perspective: 1300px;
|
||||
}
|
||||
|
||||
.md-effect-13 .md-content {
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-moz-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
-webkit-transform: translateZ(-3000px) rotateY(90deg);
|
||||
-moz-transform: translateZ(-3000px) rotateY(90deg);
|
||||
-ms-transform: translateZ(-3000px) rotateY(90deg);
|
||||
transform: translateZ(-3000px) rotateY(90deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.md-show.md-effect-13 .md-content {
|
||||
-webkit-animation: slit .7s forwards ease-out;
|
||||
-moz-animation: slit .7s forwards ease-out;
|
||||
animation: slit .7s forwards ease-out;
|
||||
}
|
||||
|
||||
@-webkit-keyframes slit {
|
||||
50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;}
|
||||
100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; }
|
||||
}
|
||||
|
||||
@-moz-keyframes slit {
|
||||
50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;}
|
||||
100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; }
|
||||
}
|
||||
|
||||
@keyframes slit {
|
||||
50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;}
|
||||
100% { transform: translateZ(0) rotateY(0deg); opacity: 1; }
|
||||
}
|
||||
|
||||
/* Effect 14: 3D Rotate from bottom */
|
||||
.md-effect-14.md-modal {
|
||||
-webkit-perspective: 1300px;
|
||||
-moz-perspective: 1300px;
|
||||
perspective: 1300px;
|
||||
}
|
||||
|
||||
.md-effect-14 .md-content {
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-moz-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
-webkit-transform: translateY(100%) rotateX(90deg);
|
||||
-moz-transform: translateY(100%) rotateX(90deg);
|
||||
-ms-transform: translateY(100%) rotateX(90deg);
|
||||
transform: translateY(100%) rotateX(90deg);
|
||||
-webkit-transform-origin: 0 100%;
|
||||
-moz-transform-origin: 0 100%;
|
||||
transform-origin: 0 100%;
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.3s ease-out;
|
||||
-moz-transition: all 0.3s ease-out;
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
|
||||
.md-show.md-effect-14 .md-content {
|
||||
-webkit-transform: translateY(0%) rotateX(0deg);
|
||||
-moz-transform: translateY(0%) rotateX(0deg);
|
||||
-ms-transform: translateY(0%) rotateX(0deg);
|
||||
transform: translateY(0%) rotateX(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Effect 15: 3D Rotate in from left */
|
||||
.md-effect-15.md-modal {
|
||||
-webkit-perspective: 1300px;
|
||||
-moz-perspective: 1300px;
|
||||
perspective: 1300px;
|
||||
}
|
||||
|
||||
.md-effect-15 .md-content {
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-moz-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
-webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
|
||||
-moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
|
||||
-ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
|
||||
transform: translateZ(100px) translateX(-30%) rotateY(90deg);
|
||||
-webkit-transform-origin: 0 100%;
|
||||
-moz-transform-origin: 0 100%;
|
||||
transform-origin: 0 100%;
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.3s;
|
||||
-moz-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.md-show.md-effect-15 .md-content {
|
||||
-webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
|
||||
-moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
|
||||
-ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
|
||||
transform: translateZ(0px) translateX(0%) rotateY(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Effect 16: Blur */
|
||||
.md-show.md-effect-16 ~ .md-overlay {
|
||||
background: rgba(1,1,1,0.6);
|
||||
}
|
||||
|
||||
.md-show.md-effect-16 ~ .container {
|
||||
-webkit-filter: blur(3px);
|
||||
-moz-filter: blur(3px);
|
||||
filter: blur(3px);
|
||||
}
|
||||
|
||||
.md-effect-16 .md-content {
|
||||
-webkit-transform: translateY(-5%);
|
||||
-moz-transform: translateY(-5%);
|
||||
-ms-transform: translateY(-5%);
|
||||
transform: translateY(-5%);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.md-show.md-effect-16 ~ .container,
|
||||
.md-effect-16 .md-content {
|
||||
-webkit-transition: all 0.3s;
|
||||
-moz-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.md-show.md-effect-16 .md-content {
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Effect 17: Slide in from bottom with perspective on container */
|
||||
.md-show.md-effect-17 ~ .container {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
-webkit-transition: -webkit-transform 0.3s;
|
||||
-moz-transition: -moz-transform 0.3s;
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
|
||||
.md-show.md-effect-17 ~ .container,
|
||||
.md-show.md-effect-17 ~ .md-overlay {
|
||||
-webkit-transform: rotateX(-2deg);
|
||||
-moz-transform: rotateX(-2deg);
|
||||
-ms-transform: rotateX(-2deg);
|
||||
transform: rotateX(-2deg);
|
||||
-webkit-transform-origin: 50% 0%;
|
||||
-moz-transform-origin: 50% 0%;
|
||||
transform-origin: 50% 0%;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-moz-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
|
||||
.md-effect-17 .md-content {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(200%);
|
||||
-moz-transform: translateY(200%);
|
||||
-ms-transform: translateY(200%);
|
||||
transform: translateY(200%);
|
||||
}
|
||||
|
||||
.md-show.md-effect-17 .md-content {
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
-webkit-transition: all 0.3s 0.2s;
|
||||
-moz-transition: all 0.3s 0.2s;
|
||||
transition: all 0.3s 0.2s;
|
||||
}
|
||||
|
||||
/* Effect 18: Slide from right with perspective on container */
|
||||
.md-show.md-effect-18 ~ .container {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.md-show.md-effect-18 ~ .md-overlay {
|
||||
background: rgba(1,1,1,0.6);
|
||||
-webkit-transition: all 0.5s;
|
||||
-moz-transition: all 0.5s;
|
||||
transition: all 0.5s;
|
||||
}
|
||||
|
||||
.md-show.md-effect-18 ~ .container,
|
||||
.md-show.md-effect-18 ~ .md-overlay {
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-webkit-transform-origin: 0% 50%;
|
||||
-webkit-animation: rotateRightSideFirst 0.5s forwards ease-in;
|
||||
-moz-transform-style: preserve-3d;
|
||||
-moz-transform-origin: 0% 50%;
|
||||
-moz-animation: rotateRightSideFirst 0.5s forwards ease-in;
|
||||
transform-style: preserve-3d;
|
||||
transform-origin: 0% 50%;
|
||||
animation: rotateRightSideFirst 0.5s forwards ease-in;
|
||||
}
|
||||
|
||||
@-webkit-keyframes rotateRightSideFirst {
|
||||
50% { -webkit-transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; }
|
||||
100% { -webkit-transform: translateZ(-200px); }
|
||||
}
|
||||
|
||||
@-moz-keyframes rotateRightSideFirst {
|
||||
50% { -moz-transform: translateZ(-50px) rotateY(5deg); -moz-animation-timing-function: ease-out; }
|
||||
100% { -moz-transform: translateZ(-200px); }
|
||||
}
|
||||
|
||||
@keyframes rotateRightSideFirst {
|
||||
50% { transform: translateZ(-50px) rotateY(5deg); animation-timing-function: ease-out; }
|
||||
100% { transform: translateZ(-200px); }
|
||||
}
|
||||
|
||||
.md-effect-18 .md-content {
|
||||
-webkit-transform: translateX(200%);
|
||||
-moz-transform: translateX(200%);
|
||||
-ms-transform: translateX(200%);
|
||||
transform: translateX(200%);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.md-show.md-effect-18 .md-content {
|
||||
-webkit-transform: translateX(0);
|
||||
-moz-transform: translateX(0);
|
||||
-ms-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
opacity: 1;
|
||||
-webkit-transition: all 0.5s 0.1s;
|
||||
-moz-transition: all 0.5s 0.1s;
|
||||
transition: all 0.5s 0.1s;
|
||||
}
|
||||
|
||||
/* Effect 19: Slip in from the top with perspective on container */
|
||||
.md-show.md-effect-19 ~ .container {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.md-show.md-effect-19 ~ .md-overlay {
|
||||
-webkit-transition: all 0.5s;
|
||||
-moz-transition: all 0.5s;
|
||||
transition: all 0.5s;
|
||||
}
|
||||
|
||||
.md-show.md-effect-19 ~ .container,
|
||||
.md-show.md-effect-19 ~ .md-overlay {
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-webkit-transform-origin: 50% 100%;
|
||||
-webkit-animation: OpenTop 0.5s forwards ease-in;
|
||||
-moz-transform-style: preserve-3d;
|
||||
-moz-transform-origin: 50% 100%;
|
||||
-moz-animation: OpenTop 0.5s forwards ease-in;
|
||||
transform-style: preserve-3d;
|
||||
transform-origin: 50% 100%;
|
||||
animation: OpenTop 0.5s forwards ease-in;
|
||||
}
|
||||
|
||||
@-webkit-keyframes OpenTop {
|
||||
50% {
|
||||
-webkit-transform: rotateX(10deg);
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes OpenTop {
|
||||
50% {
|
||||
-moz-transform: rotateX(10deg);
|
||||
-moz-animation-timing-function: ease-out;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes OpenTop {
|
||||
50% {
|
||||
transform: rotateX(10deg);
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
}
|
||||
|
||||
.md-effect-19 .md-content {
|
||||
-webkit-transform: translateY(-200%);
|
||||
-moz-transform: translateY(-200%);
|
||||
-ms-transform: translateY(-200%);
|
||||
transform: translateY(-200%);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.md-show.md-effect-19 .md-content {
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
-webkit-transition: all 0.5s 0.1s;
|
||||
-moz-transition: all 0.5s 0.1s;
|
||||
transition: all 0.5s 0.1s;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 32em) {
|
||||
body { font-size: 75%; }
|
||||
}
|
||||
@@ -0,0 +1,354 @@
|
||||
body{
|
||||
background: #EAE8E9;
|
||||
padding: 10px;
|
||||
font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
|
||||
min-width: 1670px;
|
||||
}
|
||||
.header{
|
||||
border: 1px solid #DAD6D6;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
}
|
||||
.header_title{
|
||||
width: 20%;
|
||||
float: left;
|
||||
border-right: 1px solid #DAD6D6;
|
||||
font-size: 20px;
|
||||
}
|
||||
.logout{
|
||||
font-size: 14px;
|
||||
background-color: red;
|
||||
padding: 4px;
|
||||
line-height: 40px;
|
||||
color: #fff;
|
||||
border-radius: 4px;
|
||||
margin-left: 5%;
|
||||
cursor: pointer;
|
||||
}
|
||||
.member_bet{
|
||||
width: 15%;
|
||||
float: left;
|
||||
border-right: 1px solid #DAD6D6;
|
||||
text-align: center;
|
||||
}
|
||||
.button{
|
||||
background-color: #475f7c;
|
||||
padding: 5px;
|
||||
color: #fff;
|
||||
border-radius: 5px;
|
||||
margin-left: 10px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.header_button{
|
||||
width: 43%;
|
||||
float: left;
|
||||
border-right: 1px solid #DAD6D6;
|
||||
text-align: center;
|
||||
}
|
||||
.select_input{
|
||||
margin-left: 10px;
|
||||
}
|
||||
.table_info{
|
||||
display: inline-block;
|
||||
background-color: #fff;
|
||||
/*margin-top: 10px;*/
|
||||
margin-bottom: 10px;
|
||||
margin-right: 6px;
|
||||
cursor:pointer;
|
||||
vertical-align: top;
|
||||
}
|
||||
.info_left{
|
||||
height: 150px;
|
||||
width: 150px;
|
||||
background-color: #4985a1;
|
||||
float: left;
|
||||
}
|
||||
.info_right{
|
||||
height: 150px;
|
||||
width: 360px;
|
||||
background-color: #fff;
|
||||
float: left;
|
||||
}
|
||||
.table_name{
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
line-height: 30px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
.table_result{
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
font-size: 30px;
|
||||
line-height: 70px;
|
||||
}
|
||||
.table_number{
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.info_card{
|
||||
width: 30%;
|
||||
}
|
||||
.number_bet{
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
width: 40%;
|
||||
float: left;
|
||||
padding-top: 5px;
|
||||
height: 100px;
|
||||
}
|
||||
.result_word{
|
||||
width: 50%;
|
||||
float: left;
|
||||
text-align: center;
|
||||
}
|
||||
.forecast_word{
|
||||
width: 50%;
|
||||
float: left;
|
||||
text-align: center;
|
||||
}
|
||||
.number_forecast{
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
width: 60%;
|
||||
float: right;
|
||||
color: red;
|
||||
padding-top: 5px;
|
||||
height: 100px;
|
||||
}
|
||||
.difference{
|
||||
font-size: 26px;
|
||||
line-height: 45px;
|
||||
text-align: center;
|
||||
height: 45px;
|
||||
float: left;
|
||||
width: 360px;
|
||||
background-color: #DAD6D6;
|
||||
border-radius: 10px;
|
||||
color: #9e9e9e;
|
||||
}
|
||||
.green{
|
||||
background-color: #147b14;
|
||||
}
|
||||
.blue{
|
||||
color: blue;
|
||||
}
|
||||
.red{
|
||||
color: red;
|
||||
}
|
||||
.yellow{
|
||||
color: yellow;
|
||||
}
|
||||
/*滑动开关*/
|
||||
.btn-switch{
|
||||
width: 80px;
|
||||
height: 27px;
|
||||
padding: 0;
|
||||
transition: all .3s;
|
||||
margin-left: 10px;
|
||||
border: 1px solid #6e6e6e;
|
||||
background: #475f7c;
|
||||
border-radius: 32px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
box-sizing: border-box;
|
||||
top:6.5px;
|
||||
}
|
||||
.btn-switch:after{
|
||||
position: absolute;
|
||||
content: "不占成";
|
||||
width: 48px;
|
||||
height: 27px;
|
||||
font-size: 16px;
|
||||
top: -6px;
|
||||
right: 5px;
|
||||
color: #fff;
|
||||
transition: all .5s;
|
||||
}
|
||||
.btn-switch.on {
|
||||
background: #475f7c;
|
||||
}
|
||||
.btn-switch.on:after {
|
||||
content: "占成";
|
||||
-webkit-transform: translateX(-26px);
|
||||
transform: translateX(-26px);
|
||||
}
|
||||
.btn-switch.on:before {
|
||||
-webkit-transform: translateX(52px);
|
||||
transform: translateX(52px);
|
||||
}
|
||||
.btn-switch:before {
|
||||
position: absolute;
|
||||
content: " ";
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
background: #fff;
|
||||
border-radius: 13px;
|
||||
left: 0px;
|
||||
right: auto;
|
||||
transition: all .5s;
|
||||
}
|
||||
.box_title{
|
||||
background-color: #4985a1;
|
||||
font-size: 24px;
|
||||
text-align: center;
|
||||
padding: 10px 0;
|
||||
color: #000;
|
||||
}
|
||||
.table_list{
|
||||
padding: 10px 20px;
|
||||
text-align: left;
|
||||
}
|
||||
.check_box{
|
||||
width: 180px;
|
||||
padding: 5px 0;
|
||||
display: inline-block;
|
||||
}
|
||||
.box_button{
|
||||
padding-bottom: 15px;
|
||||
text-align: center;
|
||||
}
|
||||
.md-content .md-ensure {
|
||||
padding: 5px 15px;
|
||||
width: 40px;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
border-radius: 10px;
|
||||
background-color: #0473f9;
|
||||
font-size: 16px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.md-content .md-close {
|
||||
padding: 5px 15px;
|
||||
width: 40px;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
border-radius: 10px;
|
||||
background-color: #e62525;
|
||||
font-size: 16px;
|
||||
cursor:pointer;
|
||||
margin-left: 15px;
|
||||
}
|
||||
.font_70_size{
|
||||
font-size: 70px;
|
||||
}
|
||||
.font_22_size{
|
||||
font-size: 22px;
|
||||
}
|
||||
.little_table_info {
|
||||
float: left;
|
||||
background-color: #fff;
|
||||
height: 150px;
|
||||
width: 400px;
|
||||
}
|
||||
.waybill{
|
||||
float: right;
|
||||
width: 670px;
|
||||
height: 150px;
|
||||
margin-left: 20px;
|
||||
|
||||
}
|
||||
.online_info{
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.gridtable_box{
|
||||
background-color: #fff;
|
||||
height: 500px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
table.gridtable {
|
||||
font-size:11px;
|
||||
color:#333333;
|
||||
border-width: 1px;
|
||||
border-color: #666666;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
table.gridtable th {
|
||||
border-width: 1px;
|
||||
padding: 8px;
|
||||
border-style: solid;
|
||||
border-color: #666666;
|
||||
background-color: #e8e7e7;
|
||||
}
|
||||
table.gridtable td {
|
||||
text-align: center;
|
||||
border-width: 1px;
|
||||
padding: 6px;
|
||||
border-style: solid;
|
||||
border-color: #666666;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
table.gridtable tbody{
|
||||
height: 300px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.gridtable_button{
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
border-radius: 15px;
|
||||
background-color: #fff;
|
||||
cursor:pointer;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.offline{
|
||||
background-color: #475f7c;
|
||||
padding: 4px;
|
||||
color: #fff;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.red{
|
||||
color: red;
|
||||
}
|
||||
.blue{
|
||||
color: blue;
|
||||
}
|
||||
.info_bottom table{
|
||||
font-size: 10px;
|
||||
color:#333333;
|
||||
border-width: 1px;
|
||||
border-color: #666666;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
.info_bottom table th {
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #666666;
|
||||
background-color: #e8e7e7;
|
||||
}
|
||||
.info_bottom table td {
|
||||
text-align: center;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #666666;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.on_line table{
|
||||
font-size: 10px;
|
||||
color:#333333;
|
||||
border-width: 1px;
|
||||
border-color: #666666;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
.on_line table th {
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #666666;
|
||||
background-color: #e8e7e7;
|
||||
}
|
||||
.on_line table td {
|
||||
text-align: center;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #666666;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 160 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
@@ -0,0 +1,80 @@
|
||||
/*!
|
||||
* classie - class helper functions
|
||||
* from bonzo https://github.com/ded/bonzo
|
||||
*
|
||||
* classie.has( elem, 'my-class' ) -> true/false
|
||||
* classie.add( elem, 'my-new-class' )
|
||||
* classie.remove( elem, 'my-unwanted-class' )
|
||||
* classie.toggle( elem, 'my-class' )
|
||||
*/
|
||||
|
||||
/*jshint browser: true, strict: true, undef: true */
|
||||
/*global define: false */
|
||||
|
||||
( function( window ) {
|
||||
|
||||
'use strict';
|
||||
|
||||
// class helper functions from bonzo https://github.com/ded/bonzo
|
||||
|
||||
function classReg( className ) {
|
||||
return new RegExp("(^|\\s+)" + className + "(\\s+|$)");
|
||||
}
|
||||
|
||||
// classList support for class management
|
||||
// altho to be fair, the api sucks because it won't accept multiple classes at once
|
||||
var hasClass, addClass, removeClass;
|
||||
|
||||
if ( 'classList' in document.documentElement ) {
|
||||
hasClass = function( elem, c ) {
|
||||
return elem.classList.contains( c );
|
||||
};
|
||||
addClass = function( elem, c ) {
|
||||
elem.classList.add( c );
|
||||
};
|
||||
removeClass = function( elem, c ) {
|
||||
elem.classList.remove( c );
|
||||
};
|
||||
}
|
||||
else {
|
||||
hasClass = function( elem, c ) {
|
||||
return classReg( c ).test( elem.className );
|
||||
};
|
||||
addClass = function( elem, c ) {
|
||||
if ( !hasClass( elem, c ) ) {
|
||||
elem.className = elem.className + ' ' + c;
|
||||
}
|
||||
};
|
||||
removeClass = function( elem, c ) {
|
||||
elem.className = elem.className.replace( classReg( c ), ' ' );
|
||||
};
|
||||
}
|
||||
|
||||
function toggleClass( elem, c ) {
|
||||
var fn = hasClass( elem, c ) ? removeClass : addClass;
|
||||
fn( elem, c );
|
||||
}
|
||||
|
||||
var classie = {
|
||||
// full names
|
||||
hasClass: hasClass,
|
||||
addClass: addClass,
|
||||
removeClass: removeClass,
|
||||
toggleClass: toggleClass,
|
||||
// short names
|
||||
has: hasClass,
|
||||
add: addClass,
|
||||
remove: removeClass,
|
||||
toggle: toggleClass
|
||||
};
|
||||
|
||||
// transport
|
||||
if ( typeof define === 'function' && define.amd ) {
|
||||
// AMD
|
||||
define( classie );
|
||||
} else {
|
||||
// browser global
|
||||
window.classie = classie;
|
||||
}
|
||||
|
||||
})( window );
|
||||
File diff suppressed because it is too large
Load Diff
+3092
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,48 @@
|
||||
|
||||
var ModalEffects = (function() {
|
||||
|
||||
function init() {
|
||||
|
||||
var overlay = document.querySelector( '.md-overlay' );
|
||||
|
||||
[].slice.call( document.querySelectorAll( '.md-trigger' ) ).forEach( function( el, i ) {
|
||||
|
||||
var modal = document.querySelector( '#' + el.getAttribute( 'data-modal' ) ),
|
||||
close = modal.querySelector( '.md-close' );
|
||||
|
||||
function removeModal( hasPerspective ) {
|
||||
classie.remove( modal, 'md-show' );
|
||||
|
||||
if( hasPerspective ) {
|
||||
classie.remove( document.documentElement, 'md-perspective' );
|
||||
}
|
||||
}
|
||||
|
||||
function removeModalHandler() {
|
||||
removeModal( classie.has( el, 'md-setperspective' ) );
|
||||
}
|
||||
|
||||
el.addEventListener( 'click', function( ev ) {
|
||||
classie.add( modal, 'md-show' );
|
||||
overlay.removeEventListener( 'click', removeModalHandler );
|
||||
overlay.addEventListener( 'click', removeModalHandler );
|
||||
|
||||
if( classie.has( el, 'md-setperspective' ) ) {
|
||||
setTimeout( function() {
|
||||
classie.add( document.documentElement, 'md-perspective' );
|
||||
}, 25 );
|
||||
}
|
||||
});
|
||||
|
||||
close.addEventListener( 'click', function( ev ) {
|
||||
ev.stopPropagation();
|
||||
removeModalHandler();
|
||||
});
|
||||
|
||||
} );
|
||||
|
||||
}
|
||||
|
||||
init();
|
||||
|
||||
})();
|
||||
@@ -0,0 +1,503 @@
|
||||
$(function(){
|
||||
$(".win-homepage").click(function(){
|
||||
if(document.all){
|
||||
document.body.style.behavior = 'url(#default#homepage)';
|
||||
document.body.setHomePage(document.URL);
|
||||
}else{alert("设置首页失败，请手动设置！");}
|
||||
});
|
||||
$(".win-favorite").click(function(){
|
||||
var sURL=document.URL;
|
||||
var sTitle=document.title;
|
||||
try {window.external.addFavorite(sURL, sTitle);}
|
||||
catch(e){
|
||||
try{window.sidebar.addPanel(sTitle, sURL, "");}
|
||||
catch(e){alert("加入收藏失败，请使用Ctrl+D进行添加");}
|
||||
}
|
||||
});
|
||||
$(".win-forward").click(function(){
|
||||
window.history.forward(1);
|
||||
});
|
||||
$(".win-back").click(function(){
|
||||
window.history.back(-1);
|
||||
});
|
||||
$(".win-backtop").click(function(){$('body,html').animate({scrollTop:0},1000);return false;});
|
||||
$(".win-refresh").click(function(){
|
||||
window.location.reload();
|
||||
});
|
||||
$(".win-print").click(function(){
|
||||
window.print();
|
||||
});
|
||||
$(".win-close").click(function(){
|
||||
window.close();
|
||||
});
|
||||
$('.checkall').click(function(){
|
||||
var e=$(this);
|
||||
var name=e.attr("name");
|
||||
var checkfor=e.attr("checkfor");
|
||||
var type;
|
||||
if (checkfor!='' && checkfor!=null && checkfor!=undefined){
|
||||
type=e.closest('form').find("input[name='"+checkfor+"']");
|
||||
}else{
|
||||
type=e.closest('form').find("input[type='checkbox']");
|
||||
};
|
||||
if (name=="checkall"){
|
||||
$(type).each(function(index, element){
|
||||
element.checked=true;
|
||||
});
|
||||
e.attr("name","ok");
|
||||
}else{
|
||||
$(type).each(function(index, element){
|
||||
element.checked=false;
|
||||
});
|
||||
e.attr("name","checkall");
|
||||
}
|
||||
});
|
||||
$('.dropdown-toggle').click(function(){
|
||||
$(this).closest('.button-group, .drop').addClass("open");
|
||||
});
|
||||
$(document).bind("click",function(e){
|
||||
if($(e.target).closest(".button-group.open, .drop.open").length == 0){
|
||||
$(".button-group, .drop").removeClass("open");
|
||||
}
|
||||
});
|
||||
$checkplaceholder=function(){
|
||||
var input = document.createElement('input');
|
||||
return 'placeholder' in input;
|
||||
};
|
||||
if(!$checkplaceholder()){
|
||||
$("textarea[placeholder], input[placeholder]").each(function(index, element){
|
||||
var content=false;
|
||||
if($(this).val().length ===0 || $(this).val()==$(this).attr("placeholder")){content=true};
|
||||
if(content){
|
||||
$(element).val($(element).attr("placeholder"));
|
||||
$(element).css("color","rgb(169,169,169)");
|
||||
$(element).data("pintuerholder",$(element).css("color"));
|
||||
$(element).focus(function(){$hideplaceholder($(this));});
|
||||
$(element).blur(function(){$showplaceholder($(this));});
|
||||
}
|
||||
})
|
||||
};
|
||||
$showplaceholder=function(element){
|
||||
if( ($(element).val().length ===0 || $(element).val()==$(element).attr("placeholder")) && $(element).attr("type")!="password"){
|
||||
$(element).val($(element).attr("placeholder"));
|
||||
$(element).data("pintuerholder",$(element).css("color"));
|
||||
$(element).css("color","rgb(169,169,169)");
|
||||
}
|
||||
};
|
||||
var $hideplaceholder=function(element){
|
||||
if($(element).data("pintuerholder")){
|
||||
$(element).val("");
|
||||
$(element).css("color", $(element).data("pintuerholder"));
|
||||
$(element).removeData("pintuerholder");
|
||||
}
|
||||
};
|
||||
$('textarea, input, select').blur(function(){
|
||||
var e=$(this);
|
||||
if(e.attr("data-validate")){
|
||||
e.closest('.field').find(".input-help").remove();
|
||||
var $checkdata=e.attr("data-validate").split(',');
|
||||
var $checkvalue=e.val();
|
||||
var $checkstate=true;
|
||||
var $checktext="";
|
||||
if(e.attr("placeholder")==$checkvalue){$checkvalue="";}
|
||||
if($checkvalue!="" || e.attr("data-validate").indexOf("required")>=0){
|
||||
for(var i=0;i<$checkdata.length;i++){
|
||||
var $checktype=$checkdata[i].split(':');
|
||||
if(! $pintuercheck(e,$checktype[0],$checkvalue)){
|
||||
$checkstate=false;
|
||||
$checktext=$checktext+"<li>"+$checktype[1]+"</li>";
|
||||
}
|
||||
}
|
||||
};
|
||||
if($checkstate){
|
||||
e.closest('.form-group').removeClass("check-error");
|
||||
e.parent().find(".input-help").remove();
|
||||
e.closest('.form-group').addClass("check-success");
|
||||
}else{
|
||||
e.closest('.form-group').removeClass("check-success");
|
||||
e.closest('.form-group').addClass("check-error");
|
||||
e.closest('.field').append('<div class="input-help"><ul>'+$checktext+'</ul></div>');
|
||||
}
|
||||
}
|
||||
});
|
||||
$pintuercheck=function(element,type,value){
|
||||
$pintu=value.replace(/(^\s*)|(\s*$)/g, "");
|
||||
switch(type){
|
||||
case "required":return /[^(^\s*)|(\s*$)]/.test($pintu);break;
|
||||
case "chinese":return /^[\u0391-\uFFE5]+$/.test($pintu);break;
|
||||
case "number":return /^\d+$/.test($pintu);break;
|
||||
case "integer":return /^[-\+]?\d+$/.test($pintu);break;
|
||||
case "plusinteger":return /^[+]?\d+$/.test($pintu);break;
|
||||
case "double":return /^[-\+]?\d+(\.\d+)?$/.test($pintu);break;
|
||||
case "plusdouble":return /^[+]?\d+(\.\d+)?$/.test($pintu);break;
|
||||
case "english":return /^[A-Za-z]+$/.test($pintu);break;
|
||||
case "username":return /^[a-z]\w{3,}$/i.test($pintu);break;
|
||||
case "mobile":return /^((\(\d{3}\))|(\d{3}\-))?13[0-9]\d{8}?$|15[89]\d{8}?$|170\d{8}?$|147\d{8}?$/.test($pintu);break;
|
||||
case "phone":return /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/.test($pintu);break;
|
||||
case "tel":return /^((\(\d{3}\))|(\d{3}\-))?13[0-9]\d{8}?$|15[89]\d{8}?$|170\d{8}?$|147\d{8}?$/.test($pintu) || /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/.test($pintu);break;
|
||||
case "email":return /^[^@]+@[^@]+\.[^@]+$/.test($pintu);break;
|
||||
case "url":return /^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/.test($pintu);break;
|
||||
case "ip":return /^[\d\.]{7,15}$/.test($pintu);break;
|
||||
case "qq":return /^[1-9]\d{4,10}$/.test($pintu);break;
|
||||
case "currency":return /^\d+(\.\d+)?$/.test($pintu);break;
|
||||
case "zip":return /^[1-9]\d{5}$/.test($pintu);break;
|
||||
case "radio":
|
||||
var radio=element.closest('form').find('input[name="'+element.attr("name")+'"]:checked').length;
|
||||
return eval(radio==1);
|
||||
break;
|
||||
default:
|
||||
var $test=type.split('#');
|
||||
if($test.length>1){
|
||||
switch($test[0]){
|
||||
case "compare":
|
||||
return eval(Number($pintu)+$test[1]);
|
||||
break;
|
||||
case "regexp":
|
||||
return new RegExp($test[1],"gi").test($pintu);
|
||||
break;
|
||||
case "length":
|
||||
var $length;
|
||||
if(element.attr("type")=="checkbox"){
|
||||
$length=element.closest('form').find('input[name="'+element.attr("name")+'"]:checked').length;
|
||||
}else{
|
||||
$length=$pintu.replace(/[\u4e00-\u9fa5]/g,"***").length;
|
||||
}
|
||||
return eval($length+$test[1]);
|
||||
break;
|
||||
case "ajax":
|
||||
var $getdata;
|
||||
var $url=$test[1]+$pintu;
|
||||
$.ajaxSetup({async:false});
|
||||
$.getJSON($url,function(data){
|
||||
//alert(data.getdata);
|
||||
$getdata=data.getdata;
|
||||
});
|
||||
if($getdata=="true"){return true;}
|
||||
break;
|
||||
case "repeat":
|
||||
return $pintu==jQuery('input[name="'+$test[1]+'"]').eq(0).val();
|
||||
break;
|
||||
default:return true;break;
|
||||
}
|
||||
break;
|
||||
}else{
|
||||
return true;
|
||||
}
|
||||
}
|
||||
};
|
||||
$('form').submit(function(){
|
||||
$(this).find('input[data-validate],textarea[data-validate],select[data-validate]').trigger("blur");
|
||||
$(this).find('input[placeholder],textarea[placeholder]').each(function(){$hideplaceholder($(this));});
|
||||
var numError = $(this).find('.check-error').length;
|
||||
if(numError){
|
||||
$(this).find('.check-error').first().find('input[data-validate],textarea[data-validate],select[data-validate]').first().focus().select();
|
||||
return false;
|
||||
}
|
||||
});
|
||||
$('.form-reset').click(function(){
|
||||
$(this).closest('form').find(".input-help").remove();
|
||||
$(this).closest('form').find('.form-submit').removeAttr('disabled');
|
||||
$(this).closest('form').find('.form-group').removeClass("check-error");
|
||||
$(this).closest('form').find('.form-group').removeClass("check-success");
|
||||
});
|
||||
$('.tab .tab-nav li').each(function(){
|
||||
var e=$(this);
|
||||
var trigger=e.closest('.tab').attr("data-toggle");
|
||||
if (trigger=="hover"){
|
||||
e.mouseover(function(){
|
||||
$showtabs(e);
|
||||
});
|
||||
e.click(function(){
|
||||
return false;
|
||||
});
|
||||
}else{
|
||||
e.click(function(){
|
||||
$showtabs(e);
|
||||
return false;
|
||||
});
|
||||
}
|
||||
});
|
||||
$showtabs=function(e){
|
||||
var detail=e.children("a").attr("href");
|
||||
e.closest('.tab .tab-nav').find("li").removeClass("active");
|
||||
e.closest('.tab').find(".tab-body .tab-panel").removeClass("active");
|
||||
e.addClass("active");
|
||||
$(detail).addClass("active");
|
||||
};
|
||||
$('.dialogs').each(function(){
|
||||
var e=$(this);
|
||||
var trigger=e.attr("data-toggle");
|
||||
if (trigger=="hover"){
|
||||
e.mouseover(function(){
|
||||
$showdialogs(e);
|
||||
});
|
||||
}else if(trigger=="click"){
|
||||
e.click(function(){
|
||||
$showdialogs(e);
|
||||
});
|
||||
}
|
||||
});
|
||||
$showdialogs=function(e){
|
||||
var trigger=e.attr("data-toggle");
|
||||
var getid=e.attr("data-target");
|
||||
var data=e.attr("data-url");
|
||||
var mask=e.attr("data-mask");
|
||||
var width=e.attr("data-width");
|
||||
var detail="";
|
||||
var masklayout=$('<div class="dialog-mask"></div>');
|
||||
if(width==null){width="80%";}
|
||||
|
||||
if (mask=="1"){
|
||||
$("body").append(masklayout);
|
||||
}
|
||||
detail='<div class="dialog-win" style="position:fixed;width:'+width+';z-index:11;">';
|
||||
if(getid!=null){detail=detail+$(getid).html();}
|
||||
if(data!=null){detail=detail+$.ajax({url:data,async:false}).responseText;}
|
||||
//alert(detail);
|
||||
detail=detail+'</div>';
|
||||
|
||||
var win=$(detail);
|
||||
win.find(".dialog").addClass("open");
|
||||
$("body").append(win);
|
||||
var x=parseInt($(window).width()-win.outerWidth())/2;
|
||||
var y=parseInt($(window).height()-win.outerHeight())/2;
|
||||
if (y<=10){y="10"}
|
||||
win.css({"left":x,"top":y});
|
||||
win.find(".dialog-close,.close").each(function(){
|
||||
$(this).click(function(){
|
||||
win.remove();
|
||||
$('.dialog-mask').remove();
|
||||
});
|
||||
});
|
||||
masklayout.click(function(){
|
||||
win.remove();
|
||||
$(this).remove();
|
||||
});
|
||||
};
|
||||
$('.tips').each(function(){
|
||||
var e=$(this);
|
||||
var title=e.attr("title");
|
||||
var trigger=e.attr("data-toggle");
|
||||
e.attr("title","");
|
||||
if (trigger=="" || trigger==null){trigger="hover";}
|
||||
if (trigger=="hover"){
|
||||
e.mouseover(function(){
|
||||
$showtips(e,title);
|
||||
});
|
||||
}else if(trigger=="click"){
|
||||
e.click(function(){
|
||||
$showtips(e,title);
|
||||
});
|
||||
}else if(trigger=="show"){
|
||||
e.ready(function(){
|
||||
$showtips(e,title);
|
||||
});
|
||||
}
|
||||
});
|
||||
$showtips=function(e,title){
|
||||
var trigger=e.attr("data-toggle");
|
||||
var place=e.attr("data-place");
|
||||
var width=e.attr("data-width");
|
||||
var css=e.attr("data-style");
|
||||
var image=e.attr("data-image");
|
||||
var content=e.attr("content");
|
||||
var getid=e.attr("data-target");
|
||||
var data=e.attr("data-url");
|
||||
var x=0;
|
||||
var y=0;
|
||||
var html="";
|
||||
var detail="";
|
||||
|
||||
if(image!=null){detail=detail+'<img class="image" src="'+image+'" />';}
|
||||
if(content!=null){detail=detail+'<p class="tip-body">'+content+'</p>';}
|
||||
if(getid!=null){detail=detail+$(getid).html();}
|
||||
if(data!=null){detail=detail+$.ajax({url:data,async:false}).responseText;}
|
||||
if(title!=null && title!=""){
|
||||
if(detail!=null && detail!=""){detail='<p class="tip-title"><strong>'+title+'</strong></p>'+detail;}else{detail='<p class="tip-line">'+title+'</p>';}
|
||||
}
|
||||
detail='<div class="tip">'+detail+'</div>';
|
||||
html=$(detail);
|
||||
|
||||
$("body").append( html );
|
||||
if(width!=null){
|
||||
html.css("width",width);
|
||||
}
|
||||
if(place=="" || place==null){place="top";}
|
||||
if(place=="left"){
|
||||
x=e.offset().left - html.outerWidth()-5;
|
||||
y=e.offset().top - html.outerHeight()/2 + e.outerHeight()/2;
|
||||
}else if(place=="top"){
|
||||
x=e.offset().left - html.outerWidth()/2 + e.outerWidth()/2;
|
||||
y=e.offset().top - html.outerHeight()-5;
|
||||
}else if(place=="right"){
|
||||
x=e.offset().left + e.outerWidth()+5;
|
||||
y=e.offset().top - html.outerHeight()/2 + e.outerHeight()/2;
|
||||
}else if(place=="bottom"){
|
||||
x=e.offset().left - html.outerWidth()/2 + e.outerWidth()/2;
|
||||
y=e.offset().top + e.outerHeight()+5;
|
||||
}
|
||||
if (css!=""){html.addClass(css);}
|
||||
html.css({"left":x+"px","top":y+"px","position":"absolute"});
|
||||
if (trigger=="hover" || trigger=="click" || trigger==null){
|
||||
e.mouseout(function(){html.remove();e.attr("title",title)});
|
||||
}
|
||||
};
|
||||
$('.alert .close').each(function(){
|
||||
$(this).click(function(){
|
||||
$(this).closest('.alert').remove();
|
||||
});
|
||||
});
|
||||
$('.radio label').each(function(){
|
||||
var e=$(this);
|
||||
e.click(function(){
|
||||
e.closest('.radio').find("label").removeClass("active");
|
||||
e.addClass("active");
|
||||
});
|
||||
});
|
||||
$('.checkbox label').each(function(){
|
||||
var e=$(this);
|
||||
e.click(function(){
|
||||
if(e.find('input').is(':checked')){
|
||||
e.addClass("active");
|
||||
}else{
|
||||
e.removeClass("active");
|
||||
};
|
||||
});
|
||||
});
|
||||
$('.collapse .panel-head').each(function(){
|
||||
var e=$(this);
|
||||
e.click(function(){
|
||||
e.closest('.collapse').find(".panel").removeClass("active");
|
||||
e.closest('.panel').addClass("active");
|
||||
});
|
||||
});
|
||||
$('.icon-navicon').each(function(){
|
||||
var e=$(this);
|
||||
var target=e.attr("data-target");
|
||||
e.click(function(){
|
||||
$(target).toggleClass("nav-navicon");
|
||||
});
|
||||
});
|
||||
$('.banner').each(function(){
|
||||
var e=$(this);
|
||||
var pointer=e.attr("data-pointer");
|
||||
var interval=e.attr("data-interval");
|
||||
var style=e.attr("data-style");
|
||||
var items=e.attr("data-item");
|
||||
var items_s=e.attr("data-small");
|
||||
var items_m=e.attr("data-middle");
|
||||
var items_b=e.attr("data-big");
|
||||
var num=e.find(".carousel .item").length;
|
||||
var win=$(window).width();
|
||||
var i=1;
|
||||
|
||||
if(interval==null){interval=5};
|
||||
if(items==null || items<1){items=1};
|
||||
if(items_s!=null && win>760){items=items_s};
|
||||
if(items_m!=null && win>1000){items=items_m};
|
||||
if(items_b!=null && win>1200){items=items_b};
|
||||
|
||||
var itemWidth=Math.ceil(e.outerWidth()/items);
|
||||
var page=Math.ceil(num/items);
|
||||
e.find(".carousel .item").css("width",itemWidth+ "px");
|
||||
e.find(".carousel").css("width",itemWidth*num + "px");
|
||||
|
||||
var carousel=function(){
|
||||
i++;
|
||||
if(i>page){i=1;}
|
||||
$showbanner(e,i,items,num);
|
||||
};
|
||||
var play=setInterval(carousel,interval*600);
|
||||
|
||||
e.mouseover(function(){clearInterval(play);});
|
||||
e.mouseout(function(){play=setInterval(carousel,interval*600);});
|
||||
|
||||
if(pointer!=0 && page>1){
|
||||
var point='<ul class="pointer"><li value="1" class="active"></li>';
|
||||
for (var j=1;j<page;j++){
|
||||
point=point+' <li value="'+(j+1)+'"></li>';
|
||||
};
|
||||
point=point+'</ul>';
|
||||
var pager=$(point);
|
||||
if(style!=null){pager.addClass(style);};
|
||||
e.append(pager);
|
||||
pager.css("left",e.outerWidth()*0.5 - pager.outerWidth()*0.5+"px");
|
||||
pager.find("li").click(function(){
|
||||
$showbanner(e,$(this).val(),items,num);
|
||||
});
|
||||
var lefter=$('<div class="pager-prev icon-angle-left"></div>');
|
||||
var righter=$('<div class="pager-next icon-angle-right"></div>');
|
||||
if(style!=null){lefter.addClass(style);righter.addClass(style);};
|
||||
e.append(lefter);
|
||||
e.append(righter);
|
||||
|
||||
lefter.click(function(){
|
||||
i--;
|
||||
if(i<1){i=page;}
|
||||
$showbanner(e,i,items,num);
|
||||
});
|
||||
righter.click(function(){
|
||||
i++;
|
||||
if(i>page){i=1;}
|
||||
$showbanner(e,i,items,num);
|
||||
});
|
||||
};
|
||||
});
|
||||
$showbanner=function(e,i,items,num){
|
||||
var after=0,leftx=0;
|
||||
leftx = - Math.ceil(e.outerWidth()/items)*(items)*(i-1);
|
||||
if(i*items > num){after=i*items-num;leftx= - Math.ceil(e.outerWidth()/items)*(num-items);};
|
||||
e.find(".carousel").stop(true, true).animate({"left":leftx+"px"},800);
|
||||
e.find(".pointer li").removeClass("active");
|
||||
e.find(".pointer li").eq(i-1).addClass("active");
|
||||
};
|
||||
$(".spy a").each(function(){
|
||||
var e=$(this);
|
||||
var t=e.closest(".spy");
|
||||
var target=t.attr("data-target");
|
||||
var top=t.attr("data-offset-spy");
|
||||
var thistarget="";
|
||||
var thistop="";
|
||||
if(top==null){top=0;};
|
||||
if(target==null){thistarget=$(window);}else{thistarget=$(target);};
|
||||
|
||||
thistarget.bind("scroll",function(){
|
||||
if(target==null){
|
||||
thistop=$(e.attr("href")).offset().top - $(window).scrollTop() - parseInt(top);
|
||||
}else{
|
||||
thistop=$(e.attr("href")).offset().top - thistarget.offset().top - parseInt(top);
|
||||
};
|
||||
|
||||
if(thistop<0){
|
||||
t.find('li').removeClass("active");
|
||||
e.parents('li').addClass("active");
|
||||
};
|
||||
|
||||
});
|
||||
});
|
||||
$(".fixed").each(function(){
|
||||
var e=$(this);
|
||||
var style=e.attr("data-style");
|
||||
var top=e.attr("data-offset-fixed");
|
||||
if(top==null){top=e.offset().top;}else{top=e.offset().top - parseInt(top);};
|
||||
if(style==null){style="fixed-top";};
|
||||
|
||||
$(window).bind("scroll",function(){
|
||||
var thistop=top - $(window).scrollTop();
|
||||
if(style=="fixed-top" && thistop<0){
|
||||
e.addClass("fixed-top");
|
||||
}else{
|
||||
e.removeClass("fixed-top");
|
||||
};
|
||||
|
||||
var thisbottom=top - $(window).scrollTop()-$(window).height();
|
||||
if(style=="fixed-bottom" && thisbottom>0){
|
||||
e.addClass("fixed-bottom");
|
||||
}else{
|
||||
e.removeClass("fixed-bottom");
|
||||
};
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
})
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,2 @@
|
||||
/*! layer mobile-v2.0.0 Web弹层组件 MIT License http://layer.layui.com/mobile By 贤心 */
|
||||
;!function(e){"use strict";var t=document,n="querySelectorAll",i="getElementsByClassName",a=function(e){return t[n](e)},s={type:0,shade:!0,shadeClose:!0,fixed:!0,anim:"scale"},l={extend:function(e){var t=JSON.parse(JSON.stringify(s));for(var n in e)t[n]=e[n];return t},timer:{},end:{}};l.touch=function(e,t){e.addEventListener("click",function(e){t.call(this,e)},!1)};var r=0,o=["layui-m-layer"],c=function(e){var t=this;t.config=l.extend(e),t.view()};c.prototype.view=function(){var e=this,n=e.config,s=t.createElement("div");e.id=s.id=o[0]+r,s.setAttribute("class",o[0]+" "+o[0]+(n.type||0)),s.setAttribute("index",r);var l=function(){var e="object"==typeof n.title;return n.title?'<h3 style="'+(e?n.title[1]:"")+'">'+(e?n.title[0]:n.title)+"</h3>":""}(),c=function(){"string"==typeof n.btn&&(n.btn=[n.btn]);var e,t=(n.btn||[]).length;return 0!==t&&n.btn?(e='<span yes type="1">'+n.btn[0]+"</span>",2===t&&(e='<span no type="0">'+n.btn[1]+"</span>"+e),'<div class="layui-m-layerbtn">'+e+"</div>"):""}();if(n.fixed||(n.top=n.hasOwnProperty("top")?n.top:100,n.style=n.style||"",n.style+=" top:"+(t.body.scrollTop+n.top)+"px"),2===n.type&&(n.content='<i></i><i class="layui-m-layerload"></i><i></i><p>'+(n.content||"")+"</p>"),n.skin&&(n.anim="up"),"msg"===n.skin&&(n.shade=!1),s.innerHTML=(n.shade?"<div "+("string"==typeof n.shade?'style="'+n.shade+'"':"")+' class="layui-m-layershade"></div>':"")+'<div class="layui-m-layermain" '+(n.fixed?"":'style="position:static;"')+'><div class="layui-m-layersection"><div class="layui-m-layerchild '+(n.skin?"layui-m-layer-"+n.skin+" ":"")+(n.className?n.className:"")+" "+(n.anim?"layui-m-anim-"+n.anim:"")+'" '+(n.style?'style="'+n.style+'"':"")+">"+l+'<div class="layui-m-layercont">'+n.content+"</div>"+c+"</div></div></div>",!n.type||2===n.type){var d=t[i](o[0]+n.type),y=d.length;y>=1&&layer.close(d[0].getAttribute("index"))}document.body.appendChild(s);var u=e.elem=a("#"+e.id)[0];n.success&&n.success(u),e.index=r++,e.action(n,u)},c.prototype.action=function(e,t){var n=this;e.time&&(l.timer[n.index]=setTimeout(function(){layer.close(n.index)},1e3*e.time));var a=function(){var t=this.getAttribute("type");0==t?(e.no&&e.no(),layer.close(n.index)):e.yes?e.yes(n.index):layer.close(n.index)};if(e.btn)for(var s=t[i]("layui-m-layerbtn")[0].children,r=s.length,o=0;o<r;o++)l.touch(s[o],a);if(e.shade&&e.shadeClose){var c=t[i]("layui-m-layershade")[0];l.touch(c,function(){layer.close(n.index,e.end)})}e.end&&(l.end[n.index]=e.end)},e.layer={v:"2.0",index:r,open:function(e){var t=new c(e||{});return t.index},close:function(e){var n=a("#"+o[0]+e)[0];n&&(n.innerHTML="",t.body.removeChild(n),clearTimeout(l.timer[e]),delete l.timer[e],"function"==typeof l.end[e]&&l.end[e](),delete l.end[e])},closeAll:function(){for(var e=t[i](o[0]),n=0,a=e.length;n<a;n++)layer.close(0|e[0].getAttribute("index"))}},"function"==typeof define?define(function(){return layer}):function(){var e=document.scripts,n=e[e.length-1],i=n.src,a=i.substring(0,i.lastIndexOf("/")+1);n.getAttribute("merge")||document.head.appendChild(function(){var e=t.createElement("link");return e.href=a+"need/layer.css?2.0",e.type="text/css",e.rel="styleSheet",e.id="layermcss",e}())}()}(window);
|
||||
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 5.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 701 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
Binary file not shown.
Reference in New Issue
Block a user