Permalink
Browse files

clicking two times in an option bug fix

  • Loading branch information...
botelho committed Dec 4, 2012
0 parents commit 7fd9aa0429451b3c2d1d5956382139cc9b721a40
@@ -0,0 +1,11 @@
+
+SimpleDropDownEffects
+=========
+
+A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects.
+
+[article on Codrops](http://tympanus.net/codrops/?p=12452)
+
+[demo](http://tympanus.net/Development/SimpleDropDownEffects)
+
+Licensed under the MIT License
@@ -0,0 +1,7 @@
+Created by Codrops
+Please read about our license: http://tympanus.net/codrops/licensing/
+
+Fonts created with http://icomoon.io/app/
+
+Background by http://subtlepatterns.com/grid/
+
@@ -0,0 +1,83 @@
+.cd-dropdown,
+.cd-select {
+ position: relative;
+ width: 300px;
+ margin: 20px auto;
+ display: block;
+}
+
+.cd-dropdown > span {
+ width: 100%;
+ height: 60px;
+ line-height: 60px;
+ color: #999;
+ font-weight: 700;
+ font-size: 16px;
+ background: #fff;
+ display: block;
+ padding: 0 50px 0 30px;
+ position: relative;
+ cursor: pointer;
+}
+
+.cd-dropdown > span:after {
+ content: '\25BC';
+ position: absolute;
+ right: 0px;
+ top: 15%;
+ width: 50px;
+ text-align: center;
+ font-size: 12px;
+ padding: 10px;
+ height: 70%;
+ line-height: 24px;
+ border-left: 1px solid #ddd;
+}
+
+.cd-dropdown.cd-active > span:after {
+ content: '\25B2';
+}
+
+.cd-dropdown ul {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ display: block;
+ position: relative;
+}
+
+.cd-dropdown ul li {
+ display: block;
+}
+
+.cd-dropdown ul li span {
+ width: 100%;
+ background: #fff;
+ line-height: 60px;
+ padding: 0 30px 0 75px;
+ display: block;
+ color: #bcbcbc;
+ cursor: pointer;
+ font-weight: 700;
+}
+
+.cd-dropdown > span,
+.cd-dropdown ul li span {
+ -webkit-backface-visibility: hidden;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.cd-dropdown > span span[class^="icon-"],
+.cd-dropdown > span span[class*=" icon-"]{
+ padding: 0 30px 0 45px;
+}
+
+/* Select fallback styling */
+.cd-select {
+ border: 1px solid #ddd;
+}
@@ -0,0 +1,161 @@
+/* General Demo Style */
+@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
+
+*,
+*:after,
+*:before {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 0;
+ margin: 0;
+}
+
+/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
+.clearfix:before,
+.clearfix:after {
+ content: " ";
+ display: table;
+}
+
+.clearfix:after {
+ clear: both;
+}
+
+.clearfix {
+ *zoom: 1;
+}
+
+body {
+ font-family: 'Lato', Calibri, Arial, sans-serif;
+ background: #f4f4f4 url(../images/grid_DominikKiss_SubtlePatterns.jpg);
+ font-weight: 300;
+ font-size: 15px;
+ color: #333;
+ overflow: scroll;
+ overflow-x: hidden;
+}
+
+a {
+ color: #555;
+ text-decoration: none;
+}
+
+.container {
+ width: 100%;
+ position: relative;
+}
+
+.main,
+.container > header {
+ width: 90%;
+ max-width: 960px;
+ margin: 0 auto;
+ position: relative;
+ padding: 0 10px;
+}
+
+.container > header {
+ padding: 40px 10px 50px;
+ border-bottom: 1px solid #ddd;
+ box-shadow: 0 1px rgba(255,255,255,0.8);
+ margin-bottom: 30px;
+}
+
+.container > header h1 {
+ font-size: 34px;
+ line-height: 38px;
+ margin: 0;
+ font-weight: 700;
+ color: #333;
+ float: left;
+}
+
+.container > header h1 span {
+ display: block;
+ font-size: 20px;
+ font-weight: 300;
+}
+
+.fleft {
+ float: left;
+ width: 49%;
+ min-width: 300px;
+}
+
+.main p {
+ color: #AAA;
+ padding: 20px 30px 0px 0px;
+ font-size: 20px;
+ line-height: 34px;
+ font-weight: 300;
+ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
+}
+
+/* Header Style */
+.codrops-top {
+ line-height: 24px;
+ font-size: 11px;
+ background: #fff;
+ background: rgba(255, 255, 255, 0.5);
+ text-transform: uppercase;
+ z-index: 9999;
+ position: relative;
+ box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
+}
+
+.codrops-top a {
+ padding: 0px 10px;
+ letter-spacing: 1px;
+ color: #333;
+ display: inline-block;
+}
+
+.codrops-top a:hover {
+ background: rgba(255,255,255,0.8);
+ color: #000;
+}
+
+.codrops-top span.right {
+ float: right;
+}
+
+.codrops-top span.right a {
+ float: left;
+ display: block;
+}
+
+/* Demo Buttons Style */
+.codrops-demos {
+ float: right;
+ padding-top: 10px;
+}
+
+.codrops-demos a {
+ display: inline-block;
+ margin: 10px;
+ color: #666;
+ font-weight: 700;
+ line-height: 30px;
+ border-bottom: 4px solid transparent;
+}
+
+.codrops-demos a:hover {
+ color: #000;
+ border-color: #000;
+}
+
+.codrops-demos a.current-demo,
+.codrops-demos a.current-demo:hover {
+ color: #aaa;
+ border-color: #aaa;
+}
+
+
+@media screen and (max-width: 730px){
+ .fleft {
+ width: 100%;
+ float: none;
+ text-align: center;
+ }
+}
Binary file not shown.
Oops, something went wrong.

0 comments on commit 7fd9aa0

Please sign in to comment.