Commit 0dec546d authored by ms-dev's avatar ms-dev
Browse files

静态资源

parent 7cf2858e
This diff is collapsed.
This diff is collapsed.
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
\ No newline at end of file
/**
* styling for DIVAS slider - skin dark focus
* @author Federica Sibella - Michela Chiucini
* @date 2014/08/01
* @version 0.1
*
1. RESET styles for Divas Slider
2. SPINNER styles
3. MANDATORY Divas Styles
4. DEFAULT slider settings = SPECIFIC styles for demo
5. GENERAL media queries
*/
/************************************************************************
* 1. RESET styles for Divas Slider
*************************************************************************/
*,
*:before,
*:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body { background: none repeat scroll 0 0 #fff; color: #313131; font-family: 'Source Sans Pro',Helvetica,Arial,sans-serif; font-size: 62.5%; line-height: 1.4; min-width: 20em; position: relative; width: 100%; margin: 0;}
header,
section,
footer { position: relative; width: 100%; background: rgba(0, 0, 0, 0); padding-top: 0; height: auto; }
ul,
ol { list-style: none outside none; }
.esc { position: relative; width: 100%; height: 1px; clear: both; }
.clearfix:after { content: ""; display: table; clear: both; }
/************************************************************************
* 2. SPINNER styles
*************************************************************************/
@keyframes spin {
to {
-webkit-transform: rotate(1turn);
-moz-transform: rotate(1turn);
-o-transform: rotate(1turn);
-ms-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes extra-spin {
to {
-webkit-transform: rotate(1.125turn);
-moz-transform: rotate(1.125turn);
-o-transform: rotate(1.125turn);
-ms-transform: rotate(1.125turn);
transform: rotate(1.125turn);
}
}
.spin {
font-size: 36px;
text-align: center;
text-indent: -999em;
}
.spin:before,
.spin:after {
content: "";
width: 0.5em;
height: 0.5em;
border-radius: 0.2em;
position: fixed;
top: 5em;
left: 50%;
display: inline-block;
}
.spin:before {
box-shadow:
/* 1 */
0 1em #eee,
0 1.125em #eee,
0 1.25em #eee,
0 1.375em #eee,
0 1.5em #eee,
/* 3 */
-1em 0 #aaa,
-1.125em 0 #aaa,
-1.25em 0 #aaa,
-1.375em 0 #aaa,
-1.5em 0 #aaa,
/* 5 */
0 -1em #666,
0 -1.125em #666,
0 -1.25em #666,
0 -1.375em #666,
0 -1.5em #666,
/* 7 */
1em 0 #222,
1.125em 0 #222,
1.25em 0 #222,
1.375em 0 #222,
1.5em 0 #222;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-animation: extra-spin 1s infinite steps(8);
-moz-animation: extra-spin 1s infinite steps(8);
-o-animation: extra-spin 1s infinite steps(8);
animation: extra-spin 1s infinite steps(8);
}
.spin:after {
box-shadow:
/* 2 */
-1em 0 #ccc,
-1.125em 0 #ccc,
-1.25em 0 #ccc,
-1.375em 0 #ccc,
-1.5em 0 #ccc,
/* 4 */
0 -1em #888,
0 -1.125em #888,
0 -1.25em #888,
0 -1.375em #888,
0 -1.5em #888,
/* 6 */
1em 0 #444,
1.125em 0 #444,
1.25em 0 #444,
1.375em 0 #444,
1.5em 0 #444,
/* 8 */
0 1em #000,
0 1.125em #000,
0 1.25em #000,
0 1.375em #000,
0 1.5em #000;
-webkit-animation: spin 1s infinite steps(8);
-moz-animation: spin 1s infinite steps(8);
-o-animation: spin 1s infinite steps(8);
animation: spin 1s infinite steps(8);
}
/*end of CSS spinner*/
#loader {
position: fixed;
margin: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
background: rgba(255,255,255,1);
display: block;
text-align: center;
}
#loader > div {
position: relative;
margin-top: 10%;
}
/************************************************************************
* 3. MANDATORY Divas styles
*************************************************************************/
#slider_wrapper {
overflow: hidden;
}
.divas-slider {
position: relative;
margin: 0 auto;
padding: 0;
width: 100%;
height: auto;
overflow: hidden;
}
.divas-slider-container {
position: relative;
margin: 0;
padding: 0;
}
.divas-slider-container:after {
content: "";
display: table;
clear: both;
}
.divas-slide {
position: relative;
margin: 0;
padding: 0;
float: left;
overflow: hidden;
}
.divas-slide img {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: auto;
outline: 0 none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
/************************************************************************
* 4. DEFAULT slider settings
*************************************************************************/
/*
* divas slide transitions
*/
.divas-slide-transition-left {
-webkit-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
-moz-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
-o-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
/*
* divas navigation buttons
*/
.divas-navigation {
clear: both;
position: absolute;
margin: 0px auto;
height: 0;
width: 100%;
text-align: center;
top: 47%;
top: calc(50% - 33px);
}
.divas-has-bullets .divas-navigation {
top: calc(50% - 61px);
}
.divas-navigation span {
height: 66px;
outline: 0 none;
position: absolute;
width: 42px;
z-index: 9999;
cursor: pointer;
margin: 0;
font-size: 3em;
color: #fff;
}
.divas-navigation span:hover {
color: #ffffff;
}
.divas-controls span.divas-start,
.divas-controls span.divas-stop {
display: none;
}
.divas-navigation span.divas-prev {
left: 1em;
background: url("../images/prev.svg") no-repeat top center rgba(0, 0, 0, 0);
}
.divas-navigation span.divas-next {
right: 1em;
background: url("../images/next.svg") no-repeat top center rgba(0, 0, 0, 0);
}
@media screen and (max-width: 40em) {
.divas-navigation span.divas-prev,
.divas-navigation span.divas-next{
background-position:center center;
-webkit-background-size: 75% auto;
-moz-background-size: 75% auto;
-o-background-size: 75% auto;
background-size: 75% auto;
}
.divas-navigation span.divas-prev {
left: 0.5em;
}
.divas-navigation span.divas-next {
right: 0.5em;
}
}
/*
* divas caption styling
*/
.divas-caption {
position: absolute;
top: 50%;
width: auto;
background: rgba(0,0,0,0.7);
color: #f7f7f7;
border: none;
padding: 1em 2em 1.6em;
margin: 0 2em;
}
/*
* divas caption transitions: left
*/
.divas-caption.divas-title-transition-left-start {
left: -999px;
}
.divas-caption.divas-title-transition-left {
-webkit-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
-moz-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
-o-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.divas-caption.divas-title-transition-left-stop {
left: 0px;
}
.divas-caption h1 {
font-weight: 900;
font-size: 4.8em;
line-height: 1.1;
}
.divas-caption p {
font-style: italic;
font-size: 1.6em;
}
/*
* divas navigation bullets
*/
.divas-bullets {
clear: both;
position: relative;
margin: 0 auto;
padding: 20px 0;
text-align: center;
}
.divas-bullets ul {
list-style: none;
}
.divas-bullet {
background-color: rgba(0, 0, 0, 0.1);
border-radius: 1.5em;
display: inline-block;
height: 16px;
margin: 0 0.3em;
text-indent: -9999px;
width: 16px;
}
.divas-bullet-current {
background-color: rgba(0, 0, 0, 0.25);
}
/************************************************************************
* 5. GENERAL media queries
*************************************************************************/
@media screen and (max-width: 87.5em) {
body {
font-size: 54.6875%;
}
}
@media screen and (max-width: 75em) {
body {
font-size: 50.875%;
}
}
@media screen and (max-width: 56.75em) {
body {
font-size: 45%;
}
}
@media screen and (max-width: 35em) {
.divas-caption {
display: none;
}
}
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="43.333px" height="64.667px" viewBox="0 0 43.333 64.667" enable-background="new 0 0 43.333 64.667" xml:space="preserve">
<polyline fill="none" stroke="#FFFFFF" points="10.25,6.917 37.25,33.917 10.25,60.917 "/>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="43.333px" height="64.667px" viewBox="0 0 43.333 64.667" enable-background="new 0 0 43.333 64.667" xml:space="preserve">
<polyline fill="none" stroke="#FFFFFF" points="37.25,6.917 10.25,33.917 37.25,60.917 "/>
</svg>
/*! Divas Slider jQuery plugin v1.0 2014.07.23 - jquery.divas-1.0.js by Federica Sibella (@musingspuntoit) and Michela Chiucini (@webislove) - Coding Divas (@CodingDivas) */
!function(i){function t(i){if("string"==typeof i){var t=i.indexOf("_");-1!=t&&(i=i.substr(t+1))}return i}function e(i,t){var e=t,a=0,n=0;if("string"==typeof i){var s=i.indexOf("%");-1!=s&&(a=parseInt(i.slice(0,-1))/100,n=Math.round(e*a))}else n=i;return n}function a(i){return i%2===0?!0:!1}function n(t){var e=i.Deferred(),a=new Image,n=this;return a.onload=function(){e.resolveWith(n,[a.width,a.height,a.src])},a.onerror=function(){e.rejectWith(n,[a.src])},e.fail(function(){console.log("image failed to load: "+a.src)}),a.src=t,e.promise()}function s(t,e,a,n){e.css3transition?""!==a.titleTransitionClass&&(t.addClass(a.titleTransitionClass+"-start"),t.addClass(a.titleTransitionClass)):""!==a.titleTransitionParameter&&""!==a.titleTransitionDuration&&null!==a.titleTransitionStartValue&&null!==a.titleTransitionStopValue&&(i.isArray(a.titleTransitionParameter)?i.each(a.titleTransitionParameter,function(i){n[a.titleTransitionParameter[i]]=a.titleTransitionStartValue[i]}):n[a.titleTransitionParameter]=a.titleTransitionStartValue,t.css(n))}function r(t,e,a,n){e.css3transition&&""!==a.titleTransitionClass?t.addClass(a.titleTransitionClass+"-stop").one("webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend",function(){}):""!==a.titleTransitionParameter&&""!==a.titleTransitionDuration&&null!==a.titleTransitionStartValue&&null!==a.titleTransitionStopValue&&(i.isArray(a.titleTransitionParameter)?i.each(a.titleTransitionParameter,function(i){n[a.titleTransitionParameter[i]]=a.titleTransitionStopValue[i]}):n[a.titleTransitionParameter]=a.titleTransitionStopValue,t.animate(n,a.titleTransitionDuration,a.titleTransitionEasing,function(){}))}function o(t,e,a,n){e.css3transition&&""!==a.titleTransitionClass?t.removeClass(a.titleTransitionClass+"-stop"):""!==a.titleTransitionParameter&&""!==a.titleTransitionDuration&&null!==a.titleTransitionStartValue&&null!==a.titleTransitionStopValue&&(i.isArray(a.titleTransitionParameter)?i.each(a.titleTransitionParameter,function(i){n[a.titleTransitionParameter[i]]=a.titleTransitionStartValue[i]}):n[a.titleTransitionParameter]=a.titleTransitionStartValue,t.animate(n,a.titleTransitionDuration))}function d(t,e){var a=t.slider,n=t.container,s=t.slide,o=t.prev,d=t.next,l=t.current,c=t.settings,v=t.slide_width,u=t.timer,h=t.css3properties,f=t.titleTransitionParameters,m=t.mm,p=i();if("next"==e?(p=n.children(".divas-slide").first(),s.css({left:"+="+v}),n.append(p)):"prev"==e&&(p=n.children(".divas-slide").last(),s.css({left:"-="+v}),n.prepend(p)),s=n.children(".divas-slide"),s.removeClass("divas-active").eq(l).addClass("divas-active"),"yes"==c.bullets){var g=i(".divas-active").attr("data-position");i(".divas-bullet").removeClass("divas-bullet-current").eq(g).addClass("divas-bullet-current")}if(0!==s.eq(l).find(".divas-caption").length){var T=s.eq(l).find(".divas-caption");r(T,h,c,f)}return i.isFunction(c.afterSlide)&&c.afterSlide.call(a),o.length>0&&d.length>0&&0===u&&(o.on("click",function(){i(this).divas("prev")}),d.on("click",function(){i(this).divas("next")})),i(document).on("touchend",function(i){var t=i.originalEvent.touches[0]||i.originalEvent.changedTouches[0];void 0===i.originalEvent.touches&&(t=i),m.dx=t.pageX-m.ox,m.dy=t.pageY-m.oy,m.endTime=(new Date).getTime()-m.startTime,m.dx<-m.swipeTreshold&&m.endTime<m.allowedTime?a.divas("next"):m.dx>m.swipeTreshold&&m.endTime<m.allowedTime&&a.divas("prev")}),t.current=l,t.slide=s,t.container=n,t.next=d,t.prev=o,t.slider=a,t}var l=[],c=0,v={init:function(t){var o={sliderWidth:"100%",mainImageWidth:"60%",start:"manual",slideInterval:4e3,slideTransitionClass:"",slideTransitionParameter:"",slideTransitionDuration:600,slideTransitionEasing:"swing",slideTransitionStartValue:null,slideTransitionStopValue:null,titleTransitionClass:"",titleTransitionParameter:"",titleTransitionDuration:1e3,titleTransitionEasing:"swing",titleTransitionStartValue:null,titleTransitionStopValue:null,startFrom:"center",imagesToPreload:3,bullets:"no",wingsOverlayColor:"",placeholderImg:"",onImageClick:function(){},beforeSlide:function(){},afterSlide:function(){}},d=i.extend({},o,t);this.each(function(){var t=i(this),v=t.data("divas"),u=0,h=0,f=0,m=0,p=0,g=i(),T=i(),w=i(),b=i(),C=i(),x=i(),_=i(),k=i(),P=i(),y=i(),I=i(),E={},S="images/backup_img.png",D="images/placeholder.gif",W={},M={},V={};E.swipeTreshold=100,E.allowedTime=300,M.start={},M.next={},M.prev={},t.attr("data-id","divas-slider_"+c),g=t.children(".divas-slide-container").attr("data-id","divas-slide-container_"+c),T=g.children(".divas-slide"),T.each(function(t){i(this).attr("data-position",t),i(this).attr("data-id","divas-slide-"+t+"_"+c)}),t.parent().append("<div id='loader'><div class='spin'></div></div>"),h=T.length,f=d.imagesToPreload,3>h&&alert("No Divas with less than 3 slides!\n Please add some slides"),(parseInt(d.sliderWidth)<=0||isNaN(parseInt(d.sliderWidth)))&&alert("No Divas if the slider width is not correctly set!\n Please change 'sliderWidth' value"),(parseInt(d.mainImageWidth)<=0||isNaN(parseInt(d.mainImageWidth)))&&alert("No Divas if the main image width is not correctly set!\n Please change 'mainImageWidth' value"),(3>f||"number"!=typeof f)&&(f=o.imagesToPreload),a(f)&&f++,f>h&&(f=h),""!==d.placeholderImg&&(D=d.placeholderImg);var q=e(d.sliderWidth,t.parent().width()),z=e(d.mainImageWidth,q),A=h*z,F=Math.round((q-z)/2);t.css({width:q,"box-sizing":"content-box"}),g.css({width:A,"box-sizing":"content-box"});var N=i();switch(d.startFrom){case"left":N=T.slice(0,f),u=1;break;case"center":var O=Math.floor(h/2);a(h)&&(O=h/2),u=O,N=T.slice(O-Math.floor(f/2),O+Math.ceil(f/2));break;case"right":N=T.slice(-f),u=h-2;break;default:N=T.slice(0,f),u=1}if(W=i.support.css3Properties,W.css3transition&&""!==d.slideTransitionClass){var j=["divas-slide-transition-left"];if(i.inArray(d.slideTransitionClass,j)>-1)switch(d.slideTransitionClass){case"divas-slide-transition-left":M.next.left="-="+z,M.prev.left="+="+z}else d.slideTransitionClass=""}if(i("img",N).each(function(e){var a=i(this),o=a.attr("data-src");if(o){var h=n(o);h.done(function(n,h){if(a.attr("src",o),0===e&&(v.img_ratio=h/n,l[c]=v,P.css("height",a.height()),y.css("height",a.height()),T.css("height",a.height()),t.divas("resize")),i.isFunction(d.onImageClick)&&a.on("click",d.onImageClick),0===a.parent().find(".divas-caption").length&&void 0!==a.attr("data-title")&&""!==a.attr("data-title")){a.parent().append("<div class='divas-caption'>"+a.attr("data-title")+"</div>");var f=a.parent().find(".divas-caption");s(f,W,d,V)}e==N.length-1&&(i("#loader").remove(),setTimeout(function(){if(0!==T.eq(u).find(".divas-caption").length){var i=T.eq(u).find(".divas-caption");r(i,W,d,V)}},200),T.eq(u).addClass("divas-active"))}),h.fail(function(){console.log("Image loading failed!"),h=n(S),h.done(function(){a.attr("src",S)})})}}),T.css({"box-sizing":"content-box",position:"relative","float":"left",width:z,margin:0,padding:0,left:F-z*u}),P=i("<div class='divas-wing'></div>").appendTo(t),P.css({position:"absolute",top:0,left:0,width:F,background:d.wingsOverlayColor}),y=P.clone().appendTo(t),y.css({right:0,left:"auto"}),t.children(".divas-navigation").length>0&&(w=t.children(".divas-navigation").attr("data-id","divas-navigation_"+c),w.children(".divas-prev").length>0&&w.children(".divas-next").length>0&&(C=w.children(".divas-prev").attr("data-id","divas-prev_"+c),x=w.children(".divas-next").attr("data-id","divas-next_"+c),C.on("click touchstart touchend",function(){i(this).divas("prev")}),x.on("click touchstart touchend",function(){i(this).divas("next")}))),t.children(".divas-controls").length>0&&(b=t.children(".divas-controls").attr("data-id","divas-controls_"+c),b.children(".divas-start").length>0&&b.children(".divas-stop").length>0&&(_=b.children(".divas-start").attr("data-id","divas-start_"+c),k=b.children(".divas-stop").attr("data-id","divas-stop_"+c),_.on("click touchstart touchend",function(){i(this).divas("start")}),k.on("click touchstart touchend",function(){i(this).divas("stop")}),k.addClass("disabled"))),i(document).on("touchstart",t,function(i){var t=i.originalEvent.touches[0]||i.originalEvent.changedTouches[0];void 0===i.originalEvent.touches&&(t=i),E.ox=t.pageX,E.oy=t.pageY,E.startTime=(new Date).getTime()}),i(document).on("touchend",t,function(i){var e=i.originalEvent.touches[0]||i.originalEvent.changedTouches[0];void 0===i.originalEvent.touches&&(e=i),E.dx=e.pageX-E.ox,E.dy=e.pageY-E.oy,E.endTime=(new Date).getTime()-E.startTime,E.dx<-E.swipeTreshold&&E.endTime<E.allowedTime?t.divas("next"):E.dx>E.swipeTreshold&&E.endTime<E.allowedTime&&t.divas("prev")}),"yes"==d.bullets){I=i("<div class='divas-bullets'><ul></ul></div>").appendTo(t);for(var X=i("<li class='divas-bullet'></li>").appendTo(I.children("ul")),Y=1;h>Y;Y++)X.clone().appendTo(I.children("ul"));i(".divas-bullet").eq(u).addClass("divas-bullet-current"),i(".divas-bullet").each(function(t){i(this).attr("data-position",t)}),t.addClass("divas-has-bullets")}return t.data("divas",{settings:d,instance:c,tot_slides:h,current:u,timer:m,img_ratio:p,images_to_preload:f,backup_img:S,placeholder_img:D,css3properties:W,slider:t,container:g,slide:T,left_wing:P,right_wing:y,bullets_container:I,prev:C,next:x,start:_,stop:k,slide_width:z,slideTransitionParameters:M,titleTransitionParameters:V,mm:E}),v=t.data("divas"),l[c]=v,"auto"==d.start&&t.divas("start"),c++,l})},next:function(){var e=t(i(this).attr("data-id")),a=l[e],r=a.current,c=a.settings,v=a.slider,u=a.slide,h=r+Math.ceil(a.images_to_preload/2),f=a.next,m=a.prev,p=a.tot_slides,g=a.css3properties,T=a.slide_width,w=a.slideTransitionParameters,b=a.titleTransitionParameters;f.off(),m.off(),i(document).off("touchend");var C=u.find(".divas-caption");o(C,g,c,b),h>a.tot_slides-1&&(h-=a.tot_slides);var x=u.eq(h);if(x.find("img").attr("src")!=x.find("img").attr("data-src")){var _=x.find("img"),k=_.attr("data-src");if(k){var P=n(k);P.done(function(){if(_.attr("src",k),i.isFunction(c.onImageClick)&&_.on("click",c.onImageClick),0===_.parent().find(".divas-caption").length&&void 0!==_.attr("data-title")&&""!==_.attr("data-title")){_.parent().append("<div class='divas-caption'>"+_.attr("data-title")+"</div>");var t=_.parent().find(".divas-caption");s(t,g,c,b)}}),P.fail(function(){console.log("Image loading failed!"),P=n(a.backup_img),P.done(function(){_.attr("src",a.backup_img)})})}}i.isFunction(c.beforeSlide)&&c.beforeSlide.call(v);var y="next",I=1;g.css3transition&&""!==c.slideTransitionClass?u.addClass(c.slideTransitionClass).css(w.next).one("webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend",function(){return I==p?(I++,u.removeClass(c.slideTransitionClass),a=d(a,y),l[e]=a,l):void I++}):u.animate({left:"-="+T},c.slideTransitionDuration,c.slideTransitionEasing).promise().done(function(){return a=d(a,y),l[e]=a,l})},prev:function(){var e=t(i(this).attr("data-id")),a=l[e],r=a.current,c=a.settings,v=a.slider,u=a.slide,h=r-Math.ceil(a.images_to_preload/2),f=a.next,m=a.prev,p=a.tot_slides,g=a.css3properties,T=a.slide_width,w=a.slideTransitionParameters,b=a.titleTransitionParameters;f.off(),m.off(),i(document).off("touchend");var C=u.find(".divas-caption");o(C,g,c,b),0>h&&(h+=a.tot_slides);var x=u.eq(h);if(x.find("img").attr("src")!=x.find("img").attr("data-src")){var _=x.find("img"),k=_.attr("data-src");if(k){var P=n(k);P.done(function(){if(_.attr("src",k),i.isFunction(c.onImageClick)&&_.on("click",c.onImageClick),0===_.parent().find(".divas-caption").length&&void 0!==_.attr("data-title")&&""!==_.attr("data-title")){_.parent().append("<div class='divas-caption'>"+_.attr("data-title")+"</div>");var t=_.parent().find(".divas-caption");s(t,g,c,b)}}),P.fail(function(){console.log("Image loading failed!"),P=n(a.backup_img),P.done(function(){_.attr("src",a.backup_img)})})}}i.isFunction(c.beforeSlide)&&c.beforeSlide.call(v);var y="prev",I=1;g.css3transition&&""!==c.slideTransitionClass?u.addClass(c.slideTransitionClass).css(w.prev).one("webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend",function(){return I==p?(I++,u.removeClass(c.slideTransitionClass),a=d(a,y),l[e]=a,l):void I++}):u.animate({left:"+="+T},c.slideTransitionDuration,c.slideTransitionEasing).promise().done(function(){return a=d(a,y),l[e]=a,l})},start:function(){var e=t(i(this).attr("data-id")),a=l[e],n=a.slider,s=a.prev,r=a.next,o=a.start,d=a.stop,c=a.settings.slideInterval;return 0!==a.timer&&(clearInterval(a.timer),a.timer=0),s.off().addClass("disabled"),r.off().addClass("disabled"),o.off().addClass("disabled"),i(document).off("touchend"),d.length>0&&d.hasClass("disabled")&&d.on("click",function(){i(this).divas("stop")}).removeClass("disabled"),a.timer=setInterval(function(){n.divas("next")},c),a.prev=s,a.next=r,a.start=o,a.stop=d,l[e]=a,l},stop:function(){var e=t(i(this).attr("data-id")),a=l[e],n=a.prev,s=a.next,r=a.start,o=a.stop,d=a.slider,c=a.mm;return o.off().addClass("disabled"),n.length>0&&s.length>0&&0!==a.timer&&(n.on("click",function(){i(this).divas("prev")}).removeClass("disabled"),s.on("click",function(){i(this).divas("next")}).removeClass("disabled")),r.length>0&&r.on("click",function(){i(this).divas("start")}).removeClass("disabled"),i(document).on("touchend",function(i){var t=i.originalEvent.touches[0]||i.originalEvent.changedTouches[0];void 0===i.originalEvent.touches&&(t=i),c.dx=t.pageX-c.ox,c.dy=t.pageY-c.oy,c.endTime=(new Date).getTime()-c.startTime,c.dx<-c.swipeTreshold&&c.endTime<c.allowedTime?d.divas("next"):c.dx>c.swipeTreshold&&c.endTime<c.allowedTime&&d.divas("prev")}),clearInterval(a.timer),a.timer=0,a.prev=n,a.next=s,a.start=r,a.stop=o,a.slider=d,l[e]=a,l},resize:function(a){"number"!=typeof a&&(a=t(i(this).attr("data-id")));var n=l[a];if(void 0!==n){var s=n.slider,r=n.slide,o=n.container,d=n.left_wing,c=n.right_wing,v=n.settings,u=n.css3properties,h=n.tot_slides,f=n.current,m=n.img_ratio,p=e(v.sliderWidth,s.parent().width()),g=e(v.mainImageWidth,p),T=h*g,w=Math.round((p-g)/2),b=Math.round(g*m),C=w-g*f,x=n.slideTransitionParameters;if(s.css({width:p}),o.css({width:T}),d.css({width:w,height:b}),c.css({width:w,height:b}),r.css({width:g,height:b,left:C}),u.css3transition&&""!==v.slideTransitionClass){var _=["divas-slide-transition-left"];if(i.inArray(v.slideTransitionClass,_)>-1)switch(v.slideTransitionClass){case"divas-slide-transition-left":x.next.left="-="+g,x.prev.left="+="+g}else v.slideTransitionClass=""}return n.slider=s,n.container=o,n.slide=r,n.left_wing=d,n.right_wing=c,n.slide_width=g,n.slideTransitionParameters=x,l[a]=n,l}},destroy:function(){var e=t(i(this).attr("data-id")),a=l[e];a.prev.off(),a.next.off(),i(document).off("touchend"),a.slider.divas("stop"),a.slider.removeClass("divas-has-bullets"),a.slide.find(".divas-caption").remove(),a.slide.children("img").attr("src",a.placeholder_img),i(".divas-slide").sort(function(t,e){return i(t).attr("data-position")-i(e).attr("data-position")}).each(function(t){i(t).parent().append(t)}),a.slide.removeClass("divas-active"),a.left_wing.remove(),a.right_wing.remove(),a.bullets_container.remove(),i.removeData(a,"divas"),this.unbind(),this.element=null},update:function(t){i(this).divas("destroy"),i(this).divas("init",t)}},u=function(){var i={};return function(t,e,a){a||(a="Don't call this twice without a uniqueId"),i[a]&&clearTimeout(i[a]),i[a]=setTimeout(t,e)}}();i(window).resize(function(){u(function(){for(var t=0;c>t;t++)i.fn.divas("resize",t)},100)}),i.support.css3Properties=function(){var i=document.body||document.documentElement,t=i.style,e={css3transition:!1,css3animation:!1,css3transform:!1};return e.css3transition=void 0!==t.transition||void 0!==t.WebkitTransition||void 0!==t.MozTransition||void 0!==t.MsTransition||void 0!==t.OTransition,e.css3animation=void 0!==t.animation||void 0!==t.WebkitAnimation||void 0!==t.MozAnimation||void 0!==t.MsAnimation||void 0!==t.OAnimation,e.css3transform=void 0!==t.transform||void 0!==t.WebkitTransform||void 0!==t.MozTransform||void 0!==t.MsTransform||void 0!==t.OTransform,e}(),i.fn.divas=function(t){return v[t]?v[t].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof t&&t?void i.error("Method "+t+" does not exist on jQuery.divas"):v.init.apply(this,arguments)}}(jQuery);
\ No newline at end of file
.flexslider {
margin: 0px auto 20px;
position: relative;
width: 100%;
height: 482px;
overflow: hidden;
zoom: 1;
}
.flexslider .slides li {
width: 100%;
height: 100%;
}
.flex-direction-nav a {
width: 70px;
height: 70px;
line-height: 99em;
overflow: hidden;
margin: -35px 0 0;
display: block;
background: url(../images/ad_ctr.png) no-repeat;
position: absolute;
top: 50%;
z-index: 10;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .3s ease;
border-radius: 35px;
}
.flex-direction-nav .flex-next {
background-position: 0 -70px;
right: 0;
}
.flex-direction-nav .flex-prev {
left: 0;
}
.flexslider:hover .flex-next {
opacity: 0.8;
filter: alpha(opacity=25);
}
.flexslider:hover .flex-prev {
opacity: 0.8;
filter: alpha(opacity=25);
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
opacity: 1;
filter: alpha(opacity=50);
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: 10px;
text-align: center;
}
.flex-control-nav li {
margin: 0 2px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
background: url(../images/dot.png) no-repeat 0 -16px;
display: block;
height: 16px;
overflow: hidden;
text-indent: -99em;
width: 16px;
cursor: pointer;
}
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
background-position: 0 0;
}
.flexslider .slides a img {
width: 100%;
height: 482px;
display: block;
}
\ No newline at end of file
/**
* slider插件可悬停控制
*/
; $(function ($, window, document, undefined) {
Slider = function (container, options) {
/*
options = {
auto: true,
time: 3000,
event: 'hover' | 'click',
mode: 'slide | fade',
controller: $(),
activeControllerCls: 'className',
exchangeEnd: $.noop
}
*/
"use strict"; //stirct mode not support by IE9-
if (!container) return;
var options = options || {},
currentIndex = 0,
cls = options.activeControllerCls,
delay = options.delay,
isAuto = options.auto,
controller = options.controller,
event = options.event,
interval,
slidesWrapper = container.children().first(),
slides = slidesWrapper.children(),
length = slides.length,
childWidth = container.width(),
totalWidth = childWidth * slides.length;
function init() {
var controlItem = controller.children();
mode();
event == 'hover' ? controlItem.mouseover(function () {
stop();
var index = $(this).index();
play(index, options.mode);
}).mouseout(function () {
isAuto && autoPlay();
}) : controlItem.click(function () {
stop();
var index = $(this).index();
play(index, options.mode);
isAuto && autoPlay();
});
isAuto && autoPlay();
}
//animate mode
function mode() {
var wrapper = container.children().first();
options.mode == 'slide' ? wrapper.width(totalWidth) : wrapper.children().css({
'position': 'absolute',
'left': 0,
'top': 0
})
.first().siblings().hide();
}
//auto play
function autoPlay() {
interval = setInterval(function () {
triggerPlay(currentIndex);
}, options.time);
}
//trigger play
function triggerPlay(cIndex) {
var index;
(cIndex == length - 1) ? index = 0 : index = cIndex + 1;
play(index, options.mode);
}
//play
function play(index, mode) {
slidesWrapper.stop(true, true);
slides.stop(true, true);
mode == 'slide' ? (function () {
if (index > currentIndex) {
slidesWrapper.animate({
left: '-=' + Math.abs(index - currentIndex) * childWidth + 'px'
}, delay);
} else if (index < currentIndex) {
slidesWrapper.animate({
left: '+=' + Math.abs(index - currentIndex) * childWidth + 'px'
}, delay);
} else {
return;
}
})() : (function () {
if (slidesWrapper.children(':visible').index() == index) return;
slidesWrapper.children().fadeOut(delay).eq(index).fadeIn(delay);
})();
try {
controller.children('.' + cls).removeClass(cls);
controller.children().eq(index).addClass(cls);
} catch (e) { }
currentIndex = index;
options.exchangeEnd && typeof options.exchangeEnd == 'function' && options.exchangeEnd.call(this, currentIndex);
}
//stop
function stop() {
clearInterval(interval);
}
//prev frame
function prev() {
stop();
currentIndex == 0 ? triggerPlay(length - 2) : triggerPlay(currentIndex - 2);
isAuto && autoPlay();
}
//next frame
function next() {
stop();
currentIndex == length - 1 ? triggerPlay(-1) : triggerPlay(currentIndex);
isAuto && autoPlay();
}
//init
init();
//expose the Slider API
return {
prev: function () {
prev();
},
next: function () {
next();
}
}
};
}(jQuery, window, document));
\ No newline at end of file
.flexslider{position:relative;height:400px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:400px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:45%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:60px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../images/next.png) center center no-repeat;}
\ No newline at end of file
.fixed-table-container .bs-checkbox,.fixed-table-container .no-records-found{text-align:center}.fixed-table-body thead th .th-inner,.table td,.table th{box-sizing:border-box}.bootstrap-table .table{margin-bottom:0!important;border-bottom:1px solid #ddd;border-collapse:collapse!important;border-radius:1px}.bootstrap-table .table:not(.table-condensed),.bootstrap-table .table:not(.table-condensed)>tbody>tr>td,.bootstrap-table .table:not(.table-condensed)>tbody>tr>th,.bootstrap-table .table:not(.table-condensed)>tfoot>tr>td,.bootstrap-table .table:not(.table-condensed)>tfoot>tr>th,.bootstrap-table .table:not(.table-condensed)>thead>tr>td{padding:8px}.bootstrap-table .table.table-no-bordered>tbody>tr>td,.bootstrap-table .table.table-no-bordered>thead>tr>th{border-right:2px solid transparent}.bootstrap-table .table.table-no-bordered>tbody>tr>td:last-child{border-right:none}.fixed-table-container{position:relative;clear:both;border:1px solid #ddd;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}.fixed-table-container.table-no-bordered{border:1px solid transparent}.fixed-table-footer,.fixed-table-header{overflow:hidden}.fixed-table-footer{border-top:1px solid #ddd}.fixed-table-body{overflow-x:auto;overflow-y:auto;height:100%}.fixed-table-container table{width:100%}.fixed-table-container thead th{height:0;padding:0;margin:0;border-left:1px solid #ddd}.fixed-table-container thead th:focus{outline:transparent solid 0}.fixed-table-container thead th:first-child{border-left:none;border-top-left-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px}.fixed-table-container tbody td .th-inner,.fixed-table-container thead th .th-inner{padding:8px;line-height:24px;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fixed-table-container thead th .sortable{cursor:pointer;background-position:right;background-repeat:no-repeat;padding-right:30px}.fixed-table-container thead th .both{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC')}.fixed-table-container thead th .asc{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==)}.fixed-table-container thead th .desc{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII=)}.fixed-table-container th.detail{width:30px}.fixed-table-container tbody td{border-left:1px solid #ddd}.fixed-table-container tbody tr:first-child td{border-top:none}.fixed-table-container tbody td:first-child{border-left:none}.fixed-table-container tbody .selected td{background-color:#f5f5f5}.fixed-table-container .bs-checkbox .th-inner{padding:8px 0}.fixed-table-container input[type=radio],.fixed-table-container input[type=checkbox]{margin:0 auto!important}.fixed-table-pagination .pagination-detail,.fixed-table-pagination div.pagination{margin-top:10px;margin-bottom:10px}.fixed-table-pagination div.pagination .pagination{margin:0}.fixed-table-pagination .pagination a{padding:6px 12px;line-height:1.428571429}.fixed-table-pagination .pagination-info{line-height:34px;margin-right:5px}.fixed-table-pagination .btn-group{position:relative;display:inline-block;vertical-align:middle}.fixed-table-pagination .dropup .dropdown-menu{margin-bottom:0}.fixed-table-pagination .page-list{display:inline-block}.fixed-table-toolbar .columns-left{margin-right:5px}.fixed-table-toolbar .columns-right{margin-left:5px}.fixed-table-toolbar .columns label{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.428571429}.fixed-table-toolbar .bs-bars,.fixed-table-toolbar .columns,.fixed-table-toolbar .search{position:relative;margin-top:10px;margin-bottom:10px;line-height:34px}.fixed-table-pagination li.disabled a{pointer-events:none;cursor:default}.fixed-table-loading{display:none;position:absolute;top:42px;right:0;bottom:0;left:0;z-index:99;background-color:#fff;text-align:center}.fixed-table-body .card-view .title{font-weight:700;display:inline-block;min-width:30%;text-align:left!important}.table td,.table th{vertical-align:middle}.fixed-table-toolbar .dropdown-menu{text-align:left;max-height:300px;overflow:auto}.fixed-table-toolbar .btn-group>.btn-group{display:inline-block;margin-left:-1px!important}.fixed-table-toolbar .btn-group>.btn-group>.btn{border-radius:0}.fixed-table-toolbar .btn-group>.btn-group:first-child>.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.fixed-table-toolbar .btn-group>.btn-group:last-child>.btn{border-top-right-radius:4px;border-bottom-right-radius:4px}.bootstrap-table .table>thead>tr>th{vertical-align:bottom;border-bottom:1px solid #ddd}.bootstrap-table .table thead>tr>th{padding:0;margin:0}.bootstrap-table .fixed-table-footer tbody>tr>td{padding:0!important}.bootstrap-table .fixed-table-footer .table{border-bottom:none;border-radius:0;padding:0!important}.pull-right .dropdown-menu{right:0;left:auto}p.fixed-table-scroll-inner{width:100%;height:200px}div.fixed-table-scroll-outer{top:0;left:0;visibility:hidden;width:200px;height:150px;overflow:hidden}
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment