Permalink
Browse files

updated to version 1.2.3 with the CSS update to the anchors and conte…

…nt within too
  • Loading branch information...
1 parent 5332e66 commit 4cc950f6e16817d3da99e7bd393d97ad6790435f Dave Gamache (old) committed Mar 22, 2011
View
@@ -1,67 +0,0 @@
-<!DOCTYPE html>
-<!--
- * Markup for jQuery Orbit Plugin 1.2.2
- * www.ZURB.com/playground
- * Copyright 2010, ZURB
- * Free to use under the MIT license.
- * http://www.opensource.org/licenses/mit-license.php
- -->
- <head>
- <meta charset="utf-8" />
- <title>Orbit Demo</title>
-
- <!-- Attach our CSS -->
- <link rel="stylesheet" href="orbit.css">
-
-<!-- NOTE: Use the ID of your slider in styles below to avoid Flash of Unstyled Content -->
- <style type="text/css">
- #featured {
- width: 940px;
- height: 450px;
- background: #000 url('orbit/loading.gif') no-repeat center center;
- overflow: hidden; }
- #featured>img,
- #featured>div { display: none; }
-
-
- /* This is just for the example section */
- .content {
- background: url(coffee.jpg);
- }
- </style>
-
- <!--[if IE]>
- <style type="text/css">
- .timer { display: none !important; }
- div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
- </style>
- <![endif]-->
-
- <!-- Attach necessary scripts -->
- <script type="text/javascript" src="jquery-1.4.4.min.js"></script>
- <script type="text/javascript" src="jquery.orbit.js"></script>
-
- <!-- Run the plugin -->
- <script type="text/javascript">
- $(window).load(function() {
- $('#featured').orbit({
- "animation" : "horizontal-push"
- });
- });
- </script>
-
- </head>
- <body>
- <div id="featured">
- <div class="content" style="">
- <h1>Orbit does content now.</h1>
- <h3>Highlight me...I'm text.</h3>
- </div>
- <img src="overflow.jpg" alt="Overflow: Hidden No More" />
- <img src="captions.jpg" alt="HTML Captions" data-caption="#htmlCaption" />
- <img src="features.jpg" alt="and more features" />
- </div>
- <!-- Captions for Orbit -->
- <span class="orbit-caption" id="htmlCaption"><strong>I'm A Badass Caption:</strong> I can haz <a href="#">links</a>, <em>style</em> or anything that is valid markup :)</span>
- </body>
-</html>
View
@@ -0,0 +1,46 @@
+/* These are just the demo styles and these can be removed and Orbit
+will still work like a champ (except any content block needs a background which
+our demo gets from this sheet) */
+
+.container {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ margin: -300px 0 0 -470px; }
+
+.content { background: url(dummy-images/coffee.jpg); }
+.content h1 {
+ font-size: 40px;
+ text-transform: uppercase;
+ font-weight: bold;
+ text-align: center;
+ margin-top: 180px;
+ color: #222;
+ line-height: 50px; }
+.content h3 {
+ text-align: center;
+ font-size: 22px;
+ color: #222; }
+
+/* --------------------------------------------------
+ Global Reset & Standards
+ -------------------------------------------------- */
+ html, body { margin: 0; padding: 0; }
+ h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, img, small, strike, strong, em, sub, sup, tt, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td, section { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; }
+ table { border-collapse: collapse; border-spacing: 0; }
+ ol, ul { list-style: none; }
+
+ body { background: #fff; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; line-height: 18px; text-shadow: 0 0 1px rgba(0,0,0,0.01); color: #555; }
+
+ h4 {
+ font-weight: bold;
+ color: #222;
+ font-size: 15px; }
+
+ a {
+ color: #00baff;
+ text-decoration: none;
+ font-weight: bold;
+ font-size: 12px; }
+
+ a:hover { text-decoration: underline; }
View
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+
+
+
+<!--
+ * Markup for jQuery Orbit Plugin 1.2.3
+ * www.ZURB.com/playground
+ * Copyright 2010, ZURB
+ * Free to use under the MIT license.
+ * http://www.opensource.org/licenses/mit-license.php
+ -->
+
+
+
+ <head>
+ <meta charset="utf-8" />
+ <title>Orbit Demo</title>
+
+ <!-- Attach our CSS -->
+ <link rel="stylesheet" href="../orbit-1.2.3.css">
+ <link rel="stylesheet" href="demo-style.css">
+
+ <!-- Attach necessary JS -->
+ <script type="text/javascript" src="../jquery-1.5.1.min.js"></script>
+ <script type="text/javascript" src="../jquery.orbit-1.2.3.js"></script>
+
+ <!--[if IE]>
+ <style type="text/css">
+ .timer { display: none !important; }
+ div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
+ </style>
+ <![endif]-->
+
+ <!-- Run the plugin -->
+ <script type="text/javascript">
+ $(window).load(function() {
+ $('#featured').orbit();
+ });
+ </script>
+
+ </head>
+ <body>
+
+ <div class="container">
+ <h4>ZURB's Orbit Slider</h4>
+ <a href="http://www.zurb.com/playground/orbit-jquery-image-slider">View Docs + Playground for Orbit</a>
+
+
+
+
+<!-- =======================================
+
+THE ACTUAL ORBIT SLIDER CONTENT
+
+======================================= -->
+ <div id="featured">
+ <div class="content" style="">
+ <h1>Orbit does content now.</h1>
+ <h3>Highlight me...I'm text.</h3>
+ </div>
+ <a href=""><img src="dummy-images/overflow.jpg" /></a>
+ <img src="dummy-images/captions.jpg" data-caption="#htmlCaption" />
+ <img src="dummy-images/features.jpg" />
+ </div>
+ <!-- Captions for Orbit -->
+ <span class="orbit-caption" id="htmlCaption"><strong>I'm A Badass Caption:</strong> I can haz <a href="#">links</a>, <em>style</em> or anything that is valid markup :)</span>
+
+
+
+ </div>
+ </body>
+</html>
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
Oops, something went wrong.

0 comments on commit 4cc950f

Please sign in to comment.