Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
2 changed files
with
123 additions
and
123 deletions.
There are no files selected for viewing
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
| Original file line number | Original file line | Diff line number | Diff line change |
|---|---|---|---|
| @@ -1,122 +1,122 @@ | |||
| <!DOCTYPE html> | <!DOCTYPE html> | ||
| <html> | <html> | ||
|
|
|
||
| <head> | <head> | ||
| <meta charset="utf-8"> | <meta charset="utf-8"> | ||
|
|
|
||
| <title>AnythingSlider Themes</title> | <title>AnythingSlider Themes</title> | ||
| <link rel="shortcut icon" href="http://proloser.github.com/AnythingSlider/demos/images/favicon.ico"> | <link rel="shortcut icon" href="http://css-tricks.github.com/AnythingSlider/demos/images/favicon.ico"> | ||
| <link rel="apple-touch-icon" href="http://proloser.github.com/AnythingSlider/demos/images/apple-touch-icon.png"> | <link rel="apple-touch-icon" href="http://css-tricks.github.com/AnythingSlider/demos/images/apple-touch-icon.png"> | ||
|
|
|
||
| <!-- jQuery (required) --> | <!-- jQuery (required) --> | ||
| <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script> | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script> | ||
| <script>window.jQuery || document.write('<script src="http://proloser.github.com/AnythingSlider/js/jquery.min.js"><\/script>')</script> | <script>window.jQuery || document.write('<script src="http://css-tricks.github.com/AnythingSlider/js/jquery.min.js"><\/script>')</script> | ||
|
|
|
||
| <!-- demo stuff --> | <!-- demo stuff --> | ||
| <link rel="stylesheet" href="demos/demo.css"> | <link rel="stylesheet" href="demos/demo.css"> | ||
| <script src="demos/demo.js"></script> | <script src="demos/demo.js"></script> | ||
| <link href="http://fonts.googleapis.com/css?family=Bowlby+One+SC" rel="stylesheet"> | <link href="http://fonts.googleapis.com/css?family=Bowlby+One+SC" rel="stylesheet"> | ||
|
|
|
||
| <!-- wrapper css, grab the desired css from the file - no need to use the whole thing --> | <!-- wrapper css, grab the desired css from the file - no need to use the whole thing --> | ||
| <link rel="stylesheet" href="css/wrappers.css"> | <link rel="stylesheet" href="css/wrappers.css"> | ||
|
|
|
||
| <!-- Ideally, add the stylesheet(s) you are going to use here, | <!-- Ideally, add the stylesheet(s) you are going to use here, | ||
| otherwise they are loaded and appended to the <head> automatically and will over-ride the IE stylesheet below --> | otherwise they are loaded and appended to the <head> automatically and will over-ride the IE stylesheet below --> | ||
| <link rel="stylesheet" href="css/theme-default1.css"> | <link rel="stylesheet" href="css/theme-default1.css"> | ||
| <link rel="stylesheet" href="css/theme-default2.css"> | <link rel="stylesheet" href="css/theme-default2.css"> | ||
| <link rel="stylesheet" href="css/theme-mini-dark.css"> | <link rel="stylesheet" href="css/theme-mini-dark.css"> | ||
| <link rel="stylesheet" href="css/theme-mini-light.css"> | <link rel="stylesheet" href="css/theme-mini-light.css"> | ||
| <link rel="stylesheet" href="css/theme-office.css"> | <link rel="stylesheet" href="css/theme-office.css"> | ||
| <link rel="stylesheet" href="css/theme-polished.css"> | <link rel="stylesheet" href="css/theme-polished.css"> | ||
| <link rel="stylesheet" href="css/theme-ribbon.css"> | <link rel="stylesheet" href="css/theme-ribbon.css"> | ||
| <link rel="stylesheet" href="css/theme-shiny.css"> | <link rel="stylesheet" href="css/theme-shiny.css"> | ||
| <link rel="stylesheet" href="css/theme-tabs-light.css"> | <link rel="stylesheet" href="css/theme-tabs-light.css"> | ||
| <link rel="stylesheet" href="css/theme-tabs-dark.css"> | <link rel="stylesheet" href="css/theme-tabs-dark.css"> | ||
| <link rel="stylesheet" href="css/theme-wedge.css"> | <link rel="stylesheet" href="css/theme-wedge.css"> | ||
|
|
|
||
| <!-- AnythingSlider --> | <!-- AnythingSlider --> | ||
| <script src="http://proloser.github.com/AnythingSlider/js/jquery.anythingslider.min.js"></script> | <script src="http://css-tricks.github.com/AnythingSlider/js/jquery.anythingslider.min.js"></script> | ||
|
|
|
||
| <!-- Optional extension --> | <!-- Optional extension --> | ||
| <script src="http://proloser.github.com/AnythingSlider/js/jquery.anythingslider.fx.min.js"></script> | <script src="http://css-tricks.github.com/AnythingSlider/js/jquery.anythingslider.fx.min.js"></script> | ||
|
|
|
||
| </head> | </head> | ||
| <body> | <body> | ||
|
|
|
||
| <div id="nav"> | <div id="nav"> | ||
| <a href="http://proloser.github.com/AnythingSlider/">AnythingSlider Demos</a> | <a href="http://css-tricks.github.com/AnythingSlider/">AnythingSlider Demos</a> | ||
| <a class="current" href="index.html">Themes Demo</a> | <a class="current" href="index.html">Themes Demo</a> | ||
| <a class="git" href="https://github.com/ProLoser/AnythingSlider/wiki/Themes">Documentation</a> | <a class="git" href="https://github.com/CSS-Tricks/AnythingSlider/wiki/Themes">Documentation</a> | ||
| <a class="git" href="https://github.com/CSS-Tricks/AnythingSlider-Themes/downloads">Download</a> | <a class="git" href="https://github.com/CSS-Tricks/AnythingSlider-Themes/downloads">Download</a> | ||
| <a class="issue" href="https://github.com/CSS-Tricks/AnythingSlider-Themes/issues">Issues</a> | <a class="issue" href="https://github.com/CSS-Tricks/AnythingSlider-Themes/issues">Issues</a> | ||
| </div> | </div> | ||
|
|
|
||
| <h1>AnythingSlider Themes</h1> | <h1>AnythingSlider Themes</h1> | ||
|
|
|
||
| <div class="theme-list"> | <div class="theme-list"> | ||
| <div>Wrapper : <select id="wrap"></select></div> | <div>Wrapper : <select id="wrap"></select></div> | ||
| <div>Themes : <select id="theme"></select></div> | <div>Themes : <select id="theme"></select></div> | ||
| <button>Make Active</button> | <button>Make Active</button> | ||
| <button>Make Inactive</button> | <button>Make Inactive</button> | ||
| </div> | </div> | ||
|
|
|
||
| <div id="wrapper"> | <div id="wrapper"> | ||
|
|
|
||
| <ul id="slider"> | <ul id="slider"> | ||
|
|
|
||
| <li> | <li> | ||
| <div class="caption-top"> | <div class="caption-top"> | ||
| Montana Dream <a target="_blank" href="http://www.flickr.com/photos/29247222@N08/6055244096/" title="See this on Flickr">*</a> | Montana Dream <a target="_blank" href="http://www.flickr.com/photos/29247222@N08/6055244096/" title="See this on Flickr">*</a> | ||
| </div> | </div> | ||
| <img alt="" src="demos/1.jpg"> | <img alt="" src="demos/1.jpg"> | ||
| </li> | </li> | ||
|
|
|
||
| <li> | <li> | ||
| <div class="caption-top">Providence <a target="_blank" href="http://www.flickr.com/photos/29247222@N08/6039406081/" title="See this on Flickr">*</a> | <div class="caption-top">Providence <a target="_blank" href="http://www.flickr.com/photos/29247222@N08/6039406081/" title="See this on Flickr">*</a> | ||
| </div> | </div> | ||
| <img alt="" src="demos/2.jpg"> | <img alt="" src="demos/2.jpg"> | ||
| </li> | </li> | ||
|
|
|
||
| <li> | <li> | ||
| <div class="caption-top">Sierra Twilight <a target="_blank" href="http://www.flickr.com/photos/29247222@N08/5999232533/" title="See this on Flickr">*</a> | <div class="caption-top">Sierra Twilight <a target="_blank" href="http://www.flickr.com/photos/29247222@N08/5999232533/" title="See this on Flickr">*</a> | ||
| </div> | </div> | ||
| <img alt="" src="demos/3.jpg"> | <img alt="" src="demos/3.jpg"> | ||
| </li> | </li> | ||
|
|
|
||
| <li> | <li> | ||
| <div class="caption-top">Eagle Lake Sunset <a target="_blank" href="http://www.flickr.com/photos/29247222@N08/5980121010/" title="See this on Flickr">*</a> | <div class="caption-top">Eagle Lake Sunset <a target="_blank" href="http://www.flickr.com/photos/29247222@N08/5980121010/" title="See this on Flickr">*</a> | ||
| </div> | </div> | ||
| <img alt="" src="demos/4.jpg"> | <img alt="" src="demos/4.jpg"> | ||
| </li> | </li> | ||
|
|
|
||
| <li> | <li> | ||
| <div class="caption-top">Mossbrae 2 <a target="_blank" href="http://www.flickr.com/photos/29247222@N08/5967540623/" title="See this on Flickr">*</a> | <div class="caption-top">Mossbrae 2 <a target="_blank" href="http://www.flickr.com/photos/29247222@N08/5967540623/" title="See this on Flickr">*</a> | ||
| </div> | </div> | ||
| <img alt="" src="demos/5.jpg"> | <img alt="" src="demos/5.jpg"> | ||
| </li> | </li> | ||
|
|
|
||
| <li> | <li> | ||
| <div class="caption-top">Mossbrae Falls <a target="_blank" href="http://www.flickr.com/photos/29247222@N08/5944141777/" title="See this on Flickr">*</a> | <div class="caption-top">Mossbrae Falls <a target="_blank" href="http://www.flickr.com/photos/29247222@N08/5944141777/" title="See this on Flickr">*</a> | ||
| </div> | </div> | ||
| <img alt="" src="demos/6.jpg"> | <img alt="" src="demos/6.jpg"> | ||
| </li> | </li> | ||
|
|
|
||
| <li> | <li> | ||
| <div class="caption-top">7 <a target="_blank" href="http://www.flickr.com/photos/29247222@N08/5913021445/" title="See this on Flickr">*</a> | <div class="caption-top">7 <a target="_blank" href="http://www.flickr.com/photos/29247222@N08/5913021445/" title="See this on Flickr">*</a> | ||
| </div> | </div> | ||
| <img alt="" src="demos/7.jpg"> | <img alt="" src="demos/7.jpg"> | ||
| </li> | </li> | ||
|
|
|
||
| </ul> | </ul> | ||
|
|
|
||
| </div> | </div> | ||
|
|
|
||
| <p style="text-align: center; margin-top: 20px;"> | <p style="text-align: center; margin-top: 20px;"> | ||
| Photos © <a href="http://www.flickr.com/photos/29247222@N08/">Rob Macklin Photography</a> | Photos © <a href="http://www.flickr.com/photos/29247222@N08/">Rob Macklin Photography</a> | ||
| </p> | </p> | ||
|
|
|
||
| <div id="bkgd"></div> | <div id="bkgd"></div> | ||
|
|
|
||
| </body> | </body> | ||
|
|
|
||
| </html> | </html> | ||