Permalink
Browse files

v2.0.1

  • Loading branch information...
1 parent 654d08c commit 3c44e5327c02df49692e1d2df2b9bf7a4c7d33a7 @nikki committed Nov 23, 2011
Showing with 60 additions and 32 deletions.
  1. +5 −0 README.md
  2. +41 −25 css/liteaccordion.css
  3. +3 −2 index.html
  4. +9 −3 js/liteaccordion.jquery.js
  5. +2 −2 js/liteaccordion.jquery.min.js
View
@@ -35,6 +35,11 @@ These are the default settings for the liteAccordion plugin:
***
###Changelog
+**v2.0** - 23/11/2011
+- added css hook on each slide for ie7 & ie8
+- css fixes for ie7 & ie8
+- css improvements for other browsers
+
**v2.0** - 16/11/2011
- new methods:
View
@@ -6,7 +6,7 @@
* url: http://nicolahibbert.com/liteaccordion-v2/
* demo: http://www.nicolahibbert.com/demo/liteAccordion/
*
-* Version: 2.0a
+* Version: 2.0.1
* Copyright: (c) 2010-2011 Nicola Hibbert
* Licence: MIT
*
@@ -47,10 +47,8 @@
.accordion .slide > h2 b {
display: inline-block;
position: absolute;
- top: 12%;
- top: 42%\9;
+ top: 13%;
left: 10%;
- left: 5%\9;
text-align: center;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
@@ -82,16 +80,24 @@
.dark .slide > h2 span { background: #353535; color: white }
.dark .slide > h2 b { background: #353535; color: #030303; text-shadow: -1px 1px 0 #5b5b5b }
.dark .slide > h2.selected span, .dark .slide > h2.selected span:hover {
- background-color: #353535;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#353535), to(#555555)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #353535, #555555); /* Chrome 10+, Saf5.1+, iOS 5+ */
- background-image: -moz-linear-gradient(top, #353535, #555555); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #353535, #555555); /* IE10 */
- background-image: -o-linear-gradient(top, #353535, #555555); /* Opera 11.10+ */
- background-image: linear-gradient(top, #353535, #555555);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#353535', EndColorStr='#555555'); /* IE6-IE9 */
+ background: #353535;
+ background: -moz-linear-gradient(left, #353535 0%, #555555 100%);
+ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#353535), color-stop(100%,#555555));
+ background: -webkit-linear-gradient(left, #353535 0%,#555555 100%);
+ background: -o-linear-gradient(left, #353535 0%,#555555 100%);
+ background: -ms-linear-gradient(left, #353535 0%,#555555 100%);
+ background: linear-gradient(left, #353535 0%,#555555 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#555555',GradientType=1 );
+}
+.dark .slide > h2.selected b {
+ background: #383838;
+ background: -moz-linear-gradient(top, #3a3a3a 0%, #363636 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#363636));
+ background: -webkit-linear-gradient(top, #3a3a3a 0%,#363636 100%);
+ background: -o-linear-gradient(top, #3a3a3a 0%,#363636 100%);
+ background: -ms-linear-gradient(top, #3a3a3a 0%,#363636 100%);
+ background: linear-gradient(top, #3a3a3a 0%,#363636 100%);
}
-.dark .slide > h2.selected b { background: #434343 }
.dark .slide > div { background: #030303; margin-left: 5px }
/***************************************** Light */
@@ -108,21 +114,22 @@
}
.light .slide > h2 { background: #a0a0a0; text-shadow: 0 -1px 0 white; line-height: 265% }
.light .slide > h2 span {
- background: #e0e0e0;
- background: linear-gradient(left top, rgb(224,224,224) 0%, rgb(240,240,240) 100%);
- background: -o-linear-gradient(left top, rgb(224,224,224) 0%, rgb(240,240,240) 100%);
- background: -moz-linear-gradient(left top, rgb(224,224,224) 0%, rgb(240,240,240) 100%);
- background: -webkit-linear-gradient(left top, rgb(224,224,224) 0%, rgb(240,240,240) 100%);
- background: -ms-linear-gradient(left top, rgb(224,224,224) 0%, rgb(240,240,240) 100%);
+ background: #fcfcfc;
+ background: -moz-linear-gradient(left, #fcfcfc 0%, #ededed 100%);
+ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcfcfc), color-stop(100%,#ededed));
+ background: -webkit-linear-gradient(left, #fcfcfc 0%,#ededed 100%);
+ background: -o-linear-gradient(left, #fcfcfc 0%,#ededed 100%);
+ background: -ms-linear-gradient(left, #fcfcfc 0%,#ededed 100%);
+ background: linear-gradient(left, #fcfcfc 0%,#ededed 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=1 );
-webkit-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
-moz-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
-o-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
color: #909090;
}
-.light .slide > h2 b { background: #e0e0e0; color: #909090; font-size: 20px; text-shadow: -1px 1px 0 white }
-.light .slide > h2.selected span, .light .slide h2.selected span:hover { background: #fafafa }
-.light .slide > h2.selected b { background: #fafafa }
+.light .slide > h2 b { background: #ffffff; color: #909090; text-shadow: -1px 1px 0 white }
+.light .slide > h2.selected span, .light .slide h2.selected span:hover, .light .slide > h2.selected b { background: #ffffff }
.light .slide > div { background: #a0a0a0; margin-left: 5px }
/**************************************** Stitch */
@@ -133,9 +140,8 @@
background: #353535;
-webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
- -ms-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
-o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
- box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
+ box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
}
.stitch:before {
content: '';
@@ -194,7 +200,7 @@
.stitch .slide:nth-child(3) > h2 span, .stitch .slide:nth-child(3) > h2:after { background-color: #96ba5f }
.stitch .slide:nth-child(4) > h2 span, .stitch .slide:nth-child(4) > h2:after { background-color: #59abb7 }
.stitch .slide:nth-child(5) > h2 span, .stitch .slide:nth-child(5) > h2:after { background-color: #bb6098 }
-.stitch .slide > h2 b { top: 24%; color: white; text-shadow: 1px 1px 0 #5b5b5b }
+.stitch .slide > h2 b { top: 19%; color: white; text-shadow: 1px 1px 0 #5b5b5b }
.stitch .slide > div { margin-right: 6px }
.stitch.rounded > ol { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0 }
@@ -203,8 +209,18 @@
.rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }
/******************************************** IE */
+.ie .slide > h2 b { top: 42%; left: 5% }
.ie9 .slide > h2 { filter: none; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }
+.ie.dark .slide > h2 b, .ie.light .slide > h2 b { top: 44% }
+.ie9.dark .slide > h2.selected span, .ie9.dark .slide > h2.selected span:hover, .light .slide > h2 span { filter: none }
+.ie9.stitch { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4); }
.ie.stitch .slide > h2 { line-height: 265% }
.ie.stitch .slide > h2 span { height: 89%; padding-right: 8% }
+.ie.stitch .slide > h2 b { top: 33% }
.ie.stitch .slide > h2.selected:after { display: none }
+.ie.stitch .slide-0 > h2 span { background-color: #c25252 }
+.ie.stitch .slide-1 > h2 span { background-color: #ca9859 }
+.ie.stitch .slide-2 > h2 span { background-color: #96ba5f }
+.ie.stitch .slide-3 > h2 span { background-color: #59abb7 }
+.ie.stitch .slide-4 > h2 span { background-color: #bb6098 }
View
@@ -394,7 +394,8 @@ <h2><span>Slide Five</span></h2>
<pre class="brush: js">$('#yourdiv').liteAccordion({
theme : 'light',
firstSlide : 3,
- easing: 'easeOutBounce'
+ easing: 'easeOutBounce',
+ activateOn: 'mouseover'
});</pre>
<h2>Licence</h2>
@@ -425,7 +426,7 @@ <h2>Attribution</h2>
}).find('figcaption:first').show();
$('#two').liteAccordion();
$('#three').liteAccordion({ theme : 'dark', rounded : true, enumerateSlides : true, firstSlide : 2, linkable : true, easing: 'easeInOutQuart' });
- $('#four').liteAccordion({ theme : 'light', firstSlide : 3, easing: 'easeOutBounce' });
+ $('#four').liteAccordion({ theme : 'light', firstSlide : 3, easing: 'easeOutBounce', activateOn: 'mouseover' });
// social links
var js, id = 'facebook-jssdk';
View
@@ -5,7 +5,7 @@
* url: http://nicolahibbert.com/liteaccordion-v2/
* demo: http://www.nicolahibbert.com/demo/liteAccordion/
*
-* Version: 2.0b
+* Version: 2.0.1
* Copyright: (c) 2010-2011 Nicola Hibbert
* Licence: MIT
*
@@ -292,9 +292,15 @@
},
ieClass : function() {
- var version = ($.browser.version).charAt(0);
+ var version = +($.browser.version).charAt(0);
+
+ if (version < 7) methods.destroy();
+ if (version === 7 || version === 8) {
+ slides.each(function(index) {
+ $(this).addClass('slide-' + index);
+ });
+ }
- if (version === '6') methods.destroy();
elem.addClass('ie ie' + version);
},

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.

0 comments on commit 3c44e53

Please sign in to comment.