This file contains hidden or 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
/** | |
* Demo redBall landing page with animation | |
*/ | |
body { background: black; padding: 100px; margin: 0; } | |
hgroup { | |
text-align: center; |
This file contains hidden or 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
/** | |
* Responsive Menu | |
*/ | |
* { | |
box-sizing: border-box; | |
transition: all 0.5s ease; | |
vertical-align: middle; | |
} |
This file contains hidden or 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
/* | |
* Semantic Table + Styling + Charting | |
*/ | |
@import url(http://fonts.googleapis.com/css?family=Share); | |
body { | |
margin: 10px; | |
} | |
#stylised { |
This file contains hidden or 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
/** | |
* Minimal markup form with dynamic same-width labels | |
*/ | |
fieldset { | |
min-width: 100px; | |
display: inline-block; | |
} | |
fieldset input{ |
This file contains hidden or 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
/** | |
* Form styling example with exal length labels in ordered list | |
*/ | |
* { | |
padding:0; | |
margin:0; | |
} | |
This file contains hidden or 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
/** | |
* Pure CSS Tabs | |
*/ | |
ul { | |
padding:0; | |
} | |
.tabs { | |
position: absolute; |
This file contains hidden or 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
/** | |
* Horizontal scrolling (to be enhanced with http://brandonaaron.net/code/mousewheel/docs | |
* | |
* JavaScript to add besides the plugin: | |
* $(function() { | |
* $("body > div#container").mousewheel(function(event, delta) { | |
* this.scrollLeft -= (delta * 30); | |
* event.preventDefault(); | |
* }); | |
* }); |
This file contains hidden or 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
/** | |
* HTML5 Form input types + special attributes | |
*/ | |
@import url(http://fonts.googleapis.com/css?family=PT+Sans); | |
@import url(http://fonts.googleapis.com/css?family=Metamorphous); | |
@import url(http://fonts.googleapis.com/css?family=Allura); | |
@import url(http://fonts.googleapis.com/css?family=PT+Mono); | |
@import url(http://fonts.googleapis.com/css?family=Magra:700); | |
@import url(http://fonts.googleapis.com/css?family=Oswald); |
This file contains hidden or 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
/** | |
* Gastropool tabs | |
*/ | |
/* Type & image presets */ | |
html, | |
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, | |
pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, | |
strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, | |
table, caption, tbody, tfoot, thead, tr, th, td { |
This file contains hidden or 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
/** | |
* Expanding accordion menu (ex-mootols homepage accordion) | |
*/ | |
@import url(http://fonts.googleapis.com/css?family=Magra:700); | |
* { transition: all 0.5s ease;} | |
html, body { |
OlderNewer