forked from apache/echarts
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
example页面升级
- Loading branch information
Showing
21 changed files
with
55,391 additions
and
1,700 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,85 @@ | ||
/* | ||
* jQuery FlexSlider v2.0 | ||
* http://www.woothemes.com/flexslider/ | ||
* | ||
* Copyright 2012 WooThemes | ||
* Free to use under the GPLv2 license. | ||
* http://www.gnu.org/licenses/gpl-2.0.html | ||
* | ||
* Contributing author: Tyler Smith (@mbmufffin) | ||
*/ | ||
|
||
|
||
/* Browser Resets */ | ||
.flex-container a:active, | ||
.flexslider a:active, | ||
.flex-container a:focus, | ||
.flexslider a:focus {outline: none;} | ||
.slides, | ||
.flex-control-nav, | ||
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} | ||
|
||
/* FlexSlider Necessary Styles | ||
*********************************/ | ||
.flexslider {margin: 0; padding: 0;overflow:hidden;} | ||
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ | ||
.flexslider .slides img {width: 100%; display: block;} | ||
.flex-pauseplay span {text-transform: capitalize;} | ||
|
||
/* Clearfix for the .slides element */ | ||
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} | ||
html[xmlns] .slides {display: block;} | ||
* html .slides {height: 1%;} | ||
|
||
/* No JavaScript Fallback */ | ||
/* If you are not using another script, such as Modernizr, make sure you | ||
* include js that eliminates this class on page load */ | ||
.no-js .slides > li:first-child {display: block;} | ||
|
||
|
||
/* FlexSlider Default Theme | ||
*********************************/ | ||
.flexslider {margin: 0 0 60px; background: #fff; border: 1px solid #c3e7fd; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;} | ||
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} | ||
.loading .flex-viewport {max-height: 300px;} | ||
.flexslider .slides {zoom: 1;} | ||
|
||
.carousel li {margin-right: 5px} | ||
|
||
|
||
/* Direction Nav */ | ||
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} | ||
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; } | ||
.flex-direction-nav .flex-prev {left: -36px;} | ||
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;} | ||
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;} | ||
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} | ||
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} | ||
|
||
/* Control Nav */ | ||
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} | ||
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} | ||
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} | ||
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } | ||
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } | ||
|
||
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} | ||
.flex-control-thumbs li {width: 25%; float: left; margin: 0;} | ||
.flex-control-thumbs img {width: 100%; display: block; opacity: .8; cursor: pointer;border-bottom:10px solid #fff} | ||
.flex-control-thumbs img:hover {opacity: 1;border-bottom:10px solid #90ee90} | ||
.flex-control-thumbs img.active {opacity: 1; cursor: default;} | ||
img.flex-active {border-bottom:10px solid #c3e7fd} | ||
|
||
@media screen and (max-width: 860px) { | ||
.flex-direction-nav .flex-prev {opacity: 1; left: 0;} | ||
.flex-direction-nav .flex-next {opacity: 1; right: 0;} | ||
} | ||
|
||
.thumb5 .flex-control-thumbs li {width: 20%;} | ||
.thumb3 .flex-control-thumbs li {width: 33.3%;} | ||
.thumb2 .flex-control-thumbs li {width: 50%;} | ||
.slides p{ | ||
font-weight: bolder; | ||
text-align:center; | ||
background-color:#c3e7fd; | ||
} |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.