Jace wenjul
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
| /*! normalize.css v1.0.1 | MIT License | git.io/normalize */ | |
| /* ========================================================================== | |
| HTML5 display definitions | |
| ========================================================================== */ | |
| /* | |
| * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. | |
| */ |
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
| /*! normalize.css v2.0.1 | MIT License | git.io/normalize */ | |
| /* ========================================================================== | |
| HTML5 display definitions | |
| ========================================================================== */ | |
| /* | |
| * Corrects `block` display not defined in IE 8/9. | |
| */ |
wenjul
/ index.html
Created
November 22, 2012 15:22
— forked from anonymous/index.html
Advanced Checkbox Hack - This works for both iOS and Android! You can use almost the default checkbox-hack syntax and just need to add two things:## 1. Android smaller than / equal 4.1.2pseudo-class + general/adjacent siblin
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
| <h1>Advanced Checkbox Hack</h1> | |
| <input type="checkbox" id="button" /> | |
| <label for="button" onclick>click / touch</label> | |
| <div> | |
| Change my color! | |
| <br> | |
| <span>even mine :D</span> | |
| </div> |
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
| <div class="container"> | |
| <ul class="flip minutePlay"> | |
| <li> | |
| <a href="#"> | |
| <div class="up"> | |
| <div class="shadow"></div> | |
| <div class="inn">0</div> | |
| </div> | |
| <div class="down"> | |
| <div class="shadow"></div> |
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
| <!doctype html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Untitled Document</title> | |
| <link rel="stylesheet" src="//normalize-css.googlecode.com/svn/trunk/normalize.css" /> | |
| <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> | |
| </head> | |
| <body> |
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
| /***气泡样式 ***/ | |
| .bubble{ | |
| position:absolute; | |
| border:1px solid #C4C4C4; | |
| background-color:#F7F7F7; | |
| border-radius:10px; | |
| color:#333; | |
| margin:50px; | |
| text-align:center; |
wenjul
/ index.html
Created
November 22, 2012 16:18
A CodePen by wenjul. css border bubble - www.topcss.org
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
| <!doctype html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Untitled Document</title> | |
| </head> | |
| <body> | |
| <div class="bubble bubble-top" style="top:20px;"> | |
| <i class="arrow-before"></i> | |
| <i class="arrow-after"></i> |
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
| #selector{ | |
| min-height: 30px; | |
| _height: 30px; | |
| height: auto !important; | |
| } | |
| #selector{ | |
| min-width: 30px; | |
| _width: 30px; | |
| width: auto !important; |
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
| <!doctype html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>宽度自适应的输入框</title> | |
| <link rel="stylesheet" src="http://normalize-css.googlecode.com/svn/trunk/normalize.css" /> | |
| <style type="text/css"> | |
| .col{margin:0 auto; padding:10px; width:600px; background-color:#999;} | |
| .fluid-input{display:inline-block; width:100%; _overflow:hidden;} |
wenjul
/ menu-button-arrow.png
Created
November 29, 2012 15:14
— forked from kloots/menu-button-arrow.png
ARIA Widget Examples Using jQuery
OlderNewer