Skip to content

Commit

Permalink
Version 1.1 re-release
Browse files Browse the repository at this point in the history
  • Loading branch information
Gaspare Sganga committed May 25, 2016
1 parent d0364f7 commit 3faa985
Show file tree
Hide file tree
Showing 4 changed files with 214 additions and 211 deletions.
2 changes: 1 addition & 1 deletion README.md
Expand Up @@ -4,4 +4,4 @@ A jQuery Plugin to turn an element into a collapsible sliding panel with a title

---

Documentation and examples at http://gasparesganga.com/labs/jquery-slide-toggler
Documentation and examples at http://gasparesganga.com/labs/jquery-slide-toggler/
93 changes: 48 additions & 45 deletions src/slidetoggler.css
@@ -1,62 +1,65 @@
/***************************************************************************************************
SlideToggler - A jQuery Plugin to turn an element into a collapsible sliding panel with a title
Author : Gaspare Sganga
Version : 1.1
License : MIT
Documentation : http://gasparesganga.com/labs/jquery-slide-toggler/
***************************************************************************************************/
.slidetoggler, .slidetoggler:before, .slidetoggler:after,
.slidetoggler *, .slidetoggler *:before, .slidetoggler *:after,
.slidetoggler_top, .slidetoggler_top:before, .slidetoggler_top:after,
.slidetoggler_top *, .slidetoggler_top *:before, .slidetoggler_top *:after,
.slidetoggler_bottom, .slidetoggler_bottom:before, .slidetoggler_bottom:after,
.slidetoggler_bottom *, .slidetoggler_bottom *:before, .slidetoggler_bottom *:after {
-moz-box-sizing : border-box;
-webkit-box-sizing : border-box;
box-sizing : border-box;
-moz-box-sizing : border-box;
-webkit-box-sizing : border-box;
box-sizing : border-box;
}
.slidetoggler {
width : 100%;
border : 1px solid #c8c8c8;
border-top : none;
font-family : inherit;
font-size : inherit;
width : 100%;
border : 1px solid #c8c8c8;
border-top : none;
font-family : inherit;
font-size : inherit;
}
.slidetoggler_top {
display : table;
width : 100%;
font-weight : bold;
padding : 5px;
color : #404040;
background-color : #f0f0f0;
border : 1px solid #c8c8c8;
background-image : linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
background-image : -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
background-image : -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
background-image : -o-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
background-image : -ms-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
display : table;
width : 100%;
font-weight : bold;
padding : 5px;
color : #404040;
background-color : #f0f0f0;
border : 1px solid #c8c8c8;
background-image : linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%);
}
.slidetoggler_top_toggler:hover {
background-color : #f4f4f4;
cursor : pointer;
background-color : #f4f4f4;
cursor : pointer;
}
.slidetoggler_top_toggler:active {
background-color : #e6e6e6;
background-color : #e6e6e6;
}
.slidetoggler_top_title,
.slidetoggler_top_status {
display : table-cell;
height : 100%;
vertical-align : middle;
}
.slidetoggler_top_title {
width : 100%;
}
.slidetoggler_top_status {
white-space : nowrap;
text-align : center;
}
.slidetoggler_top_status_left {
padding-right : 5px;
}
.slidetoggler_top_status_right {
padding-left : 5px;
}
.slidetoggler_top_title,
.slidetoggler_top_status {
display : table-cell;
height : 100%;
vertical-align : middle;
}
.slidetoggler_top_title {
width : 100%;
}
.slidetoggler_top_status {
white-space : nowrap;
text-align : center;
}
.slidetoggler_top_status_left {
padding-right : 5px;
}
.slidetoggler_top_status_right {
padding-left : 5px;
}
.slidetoggler_bottom {
margin : auto;
height : 0px;
border : none;
margin : auto;
height : 0px;
border : none;
}

0 comments on commit 3faa985

Please sign in to comment.