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
/* F.A.Q */ | |
div { position: relative; } | |
input[type=checkbox] { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
opacity: 0; |
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
.tabs { | |
position: relative; | |
clear: both; | |
margin: 50px; | |
} | |
.tab { | |
float: left; | |
position: relative; | |
} |
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
.tabs { | |
position: relative; | |
clear: both; | |
margin: 50px; | |
} | |
.tab { | |
float: left; | |
position: relative; | |
} |
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
/* Click open/close Dropdown in pure CSS */ | |
.tabs { | |
position: relative; | |
clear: both; | |
margin: 50px; | |
} | |
.tab { | |
float: left; | |
position: relative; |
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
/* Click open/close Dropdown in pure CSS */ | |
/* Disclaimer: Not the most semantic | |
thing in the universe. */ | |
/* Forked from original idea | |
http://jsfiddle.net/paullferguson/Sv54G/3/ */ | |
.tabs { | |
position: relative; |
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
textarea { | |
background: white; | |
border: 0; | |
box-shadow: inset 0 0 5px black; | |
} |
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
/* Super simple textarea with inner shadow test */ | |
/* does not appear in iOS 5 */ | |
textarea { | |
background: white; | |
border: 0; | |
box-shadow: inset 0 0 5px black; | |
} |
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
/* Oprah Thing | |
Saw some movie and there was some Oprah-related commerical before it and it had title things like this during it | |
*/ | |
body { background: black; padding: 100px; margin: 0; } | |
h1 { | |
text-align: center; | |
color: white; | |
text-transform: uppercase; |
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
/* Public Service Announcement: Watching font-weight */ | |
body { | |
font-size: 150%; | |
} | |
h1, h2, h3, h4, h5 { | |
font-family: 'Spicy Rice', cursive; | |
font-weight: 400; | |
/* Your other headings CSS */ | |
} |
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
/* | |
Theme Name: CSS-Tricks (v9) | |
Theme URI: http://css-tricks.com | |
Description: 9th major iteration | |
Author: Chris Coyier | |
Author URI: http://chriscoyier.net | |
Version: 9 | |
*/ | |
/* |