Permalink
Browse files

Merge commit 'ceb7942c844c86202879f98f5c4bb159aca82272'

Conflicts:
	styles/columns-min.css
  • Loading branch information...
2 parents 89aab0b + ceb7942 commit f536807f6da1bcfe3d34823faaa47d64574c82cd Alex committed Jul 10, 2011
Showing with 3,621 additions and 420 deletions.
  1. +10 −0 README
  2. +39 −7 index.html
  3. +4 −2 js/switcher.js
  4. +1 −0 styles/aapl-min.css
  5. +99 −0 styles/aapl.css
  6. +1 −0 styles/adaptype-min.css
  7. +108 −0 styles/adaptype.css
  8. +1 −0 styles/android-min.css
  9. +92 −0 styles/android.css
  10. +1 −0 styles/bbubles-min.css
  11. +121 −0 styles/bbubles.css
  12. +4 −0 styles/boxes-min.css
  13. +104 −0 styles/boxes.css
  14. +1 −1 styles/columns-min.css
  15. +102 −102 styles/default.css
  16. +1 −0 styles/ev-min.css
  17. +127 −0 styles/ev.css
  18. +1 −0 styles/expandable-min.css
  19. +98 −0 styles/expandable.css
  20. +1 −0 styles/facetime-min.css
  21. +28 −0 styles/facetime.css
  22. +1 −0 styles/fancy-min.css
  23. +26 −0 styles/fancy.css
  24. +1 −0 styles/fortyeight1k-min.css
  25. +128 −0 styles/fortyeight1k.css
  26. +1 −0 styles/geocities-min.css
  27. +137 −0 styles/geocities.css
  28. +1 −0 styles/georgia-min.css
  29. +24 −0 styles/georgia.css
  30. +1 −0 styles/greenlemon-min.css
  31. +22 −0 styles/greenlemon.css
  32. +1 −0 styles/greymatter-min.css
  33. +101 −0 styles/greymatter.css
  34. +1 −0 styles/inrainbows-min.css
  35. +110 −0 styles/inrainbows.css
  36. +1 −1 styles/microwave-min.css
  37. +101 −101 styles/microwave.css
  38. +1 −0 styles/mitchiru-min.css
  39. +97 −0 styles/mitchiru.css
  40. +1 −0 styles/molokai-min.css
  41. +104 −0 styles/molokai.css
  42. +1 −0 styles/moonlight-min.css
  43. +85 −0 styles/moonlight.css
  44. +1 −0 styles/notepad-min.css
  45. +99 −0 styles/notepad.css
  46. +1 −0 styles/paper-min.css
  47. +89 −0 styles/paper.css
  48. +98 −98 styles/retro.css
  49. +1 −0 styles/ribbon-min.css
  50. +18 −0 styles/ribbon.css
  51. +1 −0 styles/simpl-min.css
  52. +95 −0 styles/simpl.css
  53. +1 −0 styles/smile-min.css
  54. +93 −0 styles/smile.css
  55. +1 −0 styles/sourcy-min.css
  56. +76 −0 styles/sourcy.css
  57. +1 −0 styles/spartan-min.css
  58. +98 −0 styles/spartan.css
  59. +1 −0 styles/stretchy-min.css
  60. +111 −0 styles/stretchy.css
  61. +1 −0 styles/stripes-min.css
  62. +115 −0 styles/stripes.css
  63. +1 −0 styles/swiss-min.css
  64. +107 −0 styles/swiss.css
  65. +2 −0 styles/terminal-min.css
  66. +88 −0 styles/terminal.css
  67. +1 −0 styles/therhythm-min.css
  68. +142 −0 styles/therhythm.css
  69. +1 −0 styles/toolbar-min.css
  70. +101 −0 styles/toolbar.css
  71. +1 −1 styles/twttr-min.css
  72. +112 −107 styles/twttr.css
  73. +1 −0 styles/typhon-min.css
  74. +136 −0 styles/typhon.css
  75. +1 −0 styles/wolfr-min.css
  76. +88 −0 styles/wolfr.css
  77. +1 −0 styles/yollaw-min.css
  78. +47 −0 styles/yollaw.css
View
10 README
@@ -5,3 +5,13 @@ Fork to participate!
Available at http://css1k.com
News at http://twitter.com/css1k
+
+If you want to make life easier for me, please follow these guidelines:
+
+ * Submit one easily readable main CSS file with all necessary vendor prefixes included
+ * Also submit one minified version of the same file, with only the non prefixed properties included. This is the file that needs to be 1024 bytes or less.
+ * Add a link to your stylesheet in index.html
+
+You should be able to figure it out by looking at the current examples.
+
+Thanks!
View
@@ -4,16 +4,48 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="A demonstration of what can be accomplished visually through just 1 K of CSS.">
+ <meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>CSS1K</title>
<link rel="stylesheet" href="styles/default.css">
+ <link rel="stylesheet alternate" href="styles/ribbon.css" title="ribbon" data-id="ribbon" data-author-name="David King" data-author-url="http://oodavid.com">
+ <link rel="stylesheet alternate" href="styles/therhythm.css" title="The Rhythm" data-id="therhythm" data-author-name="Roman Komarov" data-author-url="http://kizu.ru/en/">
+ <link rel="stylesheet alternate" href="styles/fancy.css" title="Fancy" data-id="fancy" data-author-name="Michele Cipriani" data-author-url="http://www.trustweb.it">
+ <link rel="stylesheet alternate" href="styles/boxes.css" title="Boxes" data-id="boxes" data-author-name="Frank B&uuml;ltge" data-author-url="http://bueltge.de">
+ <link rel="stylesheet alternate" href="styles/ev.css" title="Ev" data-id="ev" data-author-name="Mathieu Rochette" data-author-url="http://evangeneer.net">
+ <link rel="stylesheet alternate" href="styles/wolfr.css" title="Wolfr" data-id="wolfr" data-author-name="Johan Ronsse" data-author-url="http://twitter.com/wolfr_">
+ <link rel="stylesheet alternate" href="styles/terminal.css" title="Terminal" data-id="terminal" data-author-name="Mikhail Korepanov" data-author-url="http://twitter.com/PanyaKor">
+ <link rel="stylesheet alternate" href="styles/inrainbows.css" title="In Rainbows" data-id="inrainbows" data-author-name="Maaike de Laat" data-author-url="http://maaikedelaat.nl">
+ <link rel="stylesheet alternate" href="styles/facetime.css" title="Facetime" data-id="facetime" data-author-name="Bernard Nijenhuis" data-author-url="http://twitter.com/bnijenhuis">
+ <link rel="stylesheet alternate" href="styles/stripes.css" title="Stripes" data-id="stripes" data-author-name="Vasilis van Gemert" data-author-url="http://vasilis.nl">
+ <link rel="stylesheet alternate" href="styles/notepad.css" title="Notepad" data-id="notepad" data-author-name="Wout Mager" data-author-url="http://twitter.com/eworm_">
+ <link rel="stylesheet alternate" href="styles/typhon.css" title="Typhon" data-id="typhon" data-author-name="ESWAT" data-author-url="http://eswat.ca">
+ <link rel="stylesheet alternate" href="styles/spartan.css" title="Spartan" data-id="spartan" data-author-name="Trent Mick" data-author-url="http://trentm.com">
+ <link rel="stylesheet alternate" href="styles/expandable.css" title="Expandable" data-id="expandable" data-author-name="Dennis Madvedovsky" data-author-url="http://twitter.com/curlybrace">
+ <link rel="stylesheet alternate" href="styles/aapl.css" title="AAPL" data-id="aapl" data-author-name="Joffrey Jaffeux" data-author-url="http://twitter.com/joffreyjaffeux">
+ <link rel="stylesheet alternate" href="styles/bbubles.css" title="Bbubles" data-id="bbubles" data-author-name="akella & Genn" data-author-url="http://cssing.org.ua">
+ <link rel="stylesheet alternate" href="styles/greenlemon.css" title="Green Lemon" data-id="greenlemon" data-author-name="Dirk Radunz" data-author-url="http://twitter.com/d_radunz">
+ <link rel="stylesheet alternate" href="styles/yollaw.css" title="Yollaw" data-id="yollaw" data-author-name="Yan Ivanov" data-author-url="http://franzose.in">
+ <link rel="stylesheet alternate" href="styles/adaptype.css" title="Adaptype" data-id="adaptype" data-author-name="Vasilis van Gemert" data-author-url="http://vasilis.nl">
+ <link rel="stylesheet alternate" href="styles/stretchy.css" title="Stretchy" data-id="stretchy" data-author-name="Denis Koltsov" data-author-url="http://twitter.com/mistadikay">
+ <link rel="stylesheet alternate" href="styles/android.css" title="Android" data-id="android" data-author-name="Aleksej Romanovskij" data-author-url="http://agat.in">
+ <link rel="stylesheet alternate" href="styles/smile.css" title="smile" data-id="smile" data-author-name="Michael Scharnagl" data-author-url="http://twitter.com/realmuecke">
+ <link rel="stylesheet alternate" href="styles/geocities.css" title="GeoCities" data-id="geocities" data-author-name="Alexey Savartsov" data-author-url="https://github.com/asavartsov/">
+ <link rel="stylesheet alternate" href="styles/sourcy.css" title="Sourcy" data-id="sourcy" data-author-name="Roman Komarov" data-author-url="http://kizu.ru/en/">
+ <link rel="stylesheet alternate" href="styles/greymatter.css" title="Grey Matter" data-id="greymatter" data-author-name="Vadim Makeev" data-author-url="http://pepelsbey.net">
+ <link rel="stylesheet alternate" href="styles/paper.css" title="paper" data-id="paper" data-author-name="Daniel Rauber" data-author-url="http://daniel-rauber.de">
+ <link rel="stylesheet alternate" href="styles/mitchiru.css" title="Mitchiru" data-id="mitchiru" data-author-name="Michael Fritz" data-author-url="http://banquo.de">
+ <link rel="stylesheet alternate" href="styles/fortyeight1k.css" title="fortyeight1k" data-id="fortyeight1k" data-author-name="Michael Haschke" data-author-url="http://michael.haschke.biz">
+ <link rel="stylesheet alternate" href="styles/moonlight.css" title="Moonlight" data-id="moonlight" data-author-name="Christian &quot;Schepp&quot; Schaefer" data-author-url="http://twitter.com/derSchepp">
+ <link rel="stylesheet alternate" href="styles/simpl.css" title="Simpl" data-id="simpl" data-author-name="Neofyt" data-author-url="http://www.neofyt.com">
+ <link rel="stylesheet alternate" href="styles/molokai.css" title="Molokai" data-id="molokai" data-author-name="Kien Nguyen" data-author-url="http://designtomarkup.com">
+ <link rel="stylesheet alternate" href="styles/swiss.css" title="Swiss" data-id="swiss" data-author-name="Chris Lee" data-author-url="http://chrsl.net">
<link rel="stylesheet alternate" href="styles/columns.css" title="Columns" data-id="columns" data-author-name="Alexander Makarov" data-author-url="http://rmcreative.ru">
- <link rel="stylesheet alternate" href="styles/retro.css" title="Retro" data-id="retro" data-author-name="Bart de Bruin" data-author-url="http://bartdebruin.nl">
- <link rel="stylesheet alternate" href="styles/microwave.css" title="Microwave" data-id="microwave" data-author-name="Christoph Ook" data-author-url="http://twitter.com/chrisook">
- <link rel="stylesheet alternate" href="styles/twttr.css" title="Twttr" data-id="twttr" data-author-name="Eugene Isakov" data-author-url="http://twitter.com/mem0ry_">
<!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<script>
- var _gaq=[['_setAccount','UA-8018150-3'],['_trackPageview']];
- (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script'));
+ if (window.location.host === 'css1k.com') {
+ var _gaq=[['_setAccount','UA-8018150-3'],['_trackPageview']];
+ (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script'));
+ }
</script>
</head>
<body>
@@ -56,8 +88,8 @@
<li>The page <a href="http://dowebsitesneedtolookexactlythesameineverybrowser.com">does not</a> have to look the same in every browser, but graceful degradation is encouraged
<li>The submitted code is licensed under the <a href="http://www.opensource.org/licenses/mit-license.php">MIT License</a>
</ol>
- <p>To participate, fork <a href="https://github.com/jacobrask/CSS1K/">CSS1K</a> at GitHub and send your submission as a pull request. You are free to update your style at any time by sending a new pull request. Please specify the name of the style, your own name, and an URL you want us to link to (such as your homepage). If you don't have a GitHub account, you can send in your submission via <a href="mailto:admin@css1k.com?subject=Submission">e-mail</a>.</p>
- <p>New entries and updates will be announced by <a href="http://twitter.com/CSS1K">@CSS1K on Twitter</a>.
+ <p>To participate, fork <a href="https://github.com/jacobrask/CSS1K/">CSS1K</a> at GitHub and send your submission as a pull request. You are free to update your style at any time by sending a new pull request. Please specify the name of the style, your own name, and an URL you want us to link to (such as your homepage). If you don't have a GitHub account, you can send in your submission via <a href="mailto:admin@css1k.com?subject=CSS1K Submission [Design name]">e-mail</a>.</p>
+ <p>New entries and updates will be announced by <a href="http://twitter.com/CSS1K">@CSS1K on Twitter</a>.</p>
</section>
</article>
View
@@ -13,8 +13,10 @@
newStyle = window.location.hash.slice(1);
}
styles[0].href = 'styles/' + newStyle + '.css';
- // track style change as page view in Google Analytics
- _gaq.push(['_trackPageview', window.location.hash]);
+ // track style change as page view in Google Analytics if on the live site
+ if (window.location.host === 'css1k.com') {
+ _gaq.push(['_trackPageview', window.location.hash]);
+ }
}
// for hash permalinks
View

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
View
@@ -0,0 +1,99 @@
+/* CSS1K entry
+ * "AAPL" by Joffrey Jaffeux (http://twitter.com/joffreyjaffeux)
+ * This file is unminified for legibility, for size proof add '-min' to the end of the filename */
+
+body{
+ background: #f5f6f7;
+ font: 14px/1.5 'Lucida Grande';
+ margin: 0 auto;
+ width: 800px
+}
+
+h1{
+ color: #222;
+ -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.2)), to(rgba(0,0,0,1)));
+ mask-image: linear-gradient(top, rgba(0,0,0,.2), rgba(0,0,0,1));
+}
+
+a{color: #08C}
+
+header{
+ position: relative
+}
+
+ header p{
+ font-size: 20px;
+ color: #9A9A9A
+ }
+
+article{
+ background: #FFF;
+ border: 1px solid #ccc;
+ border-radius: 5px;
+ -webkit-box-shadow: 1px 1px 2px #CECECE;
+ box-shadow: 1px 1px 2px #ccc;
+ overflow: auto;
+ padding: 10px
+}
+
+section{
+ width: 500px
+}
+
+nav{
+ position: absolute;
+ top: 200px;
+ right: 10px;
+ width: 200px
+}
+
+ ul{
+ padding: 0;
+ height: 670px;
+ overflow-y: scroll;
+ }
+
+ ::-webkit-scrollbar {
+ width: 9px;
+ height: 9px }
+
+ ::-webkit-scrollbar-thumb:vertical {
+ background: #ccc;
+ }
+
+ ul li{
+ border: 1px solid #ccc;
+ border-bottom: 0;
+ background-image: -webkit-linear-gradient(top, #F1F1F1, #E1E1E1);
+ background-image: -moz-linear-gradient(top, #F1F1F1, #E1E1E1);
+ background-image: -ms-linear-gradient(top, #F1F1F1, #E1E1E1);
+ background-image: -o-linear-gradient(top, #F1F1F1, #E1E1E1);
+ background-image: linear-gradient(top, #F1F1F1, #E1E1E1);
+ height: 17px;
+ list-style: none;
+ overflow: hidden;
+ padding: 5px;
+ position: relative;
+ text-shadow: 1px 1px 0 #FFF
+ }
+
+ ul li a:first-child{
+ color: #777;
+ display: block
+ }
+
+ ul li:hover{
+ background: #FFF;
+ height: 38px
+ }
+
+ ul li:hover:after{
+ content: '';
+ position: absolute;
+ right: 5px;
+ top: 15px
+ }
+
+ ul li:last-child{
+ border-bottom: 1px solid #ccc
+ }
View

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
View
@@ -0,0 +1,108 @@
+/* CSS1K entry
+ * "Adaptype" by Vasilis van Gemert (http://vasilis.nl)
+ * This file is unminified for legibility, for size proof add '-min' to the end of the filename */
+
+* {
+ font-family: georgia;
+ margin: 0;
+ padding: 0;
+ -webkit-transition: .3s;
+ -moz-transition: .3s;
+ -o-transition: .3s;
+ transition: .3s;
+}
+body {
+ padding: 1.5em;
+ line-height: 1.5;
+ max-width: 900px;
+ margin: 0 auto;
+}
+a {
+ color: #f60;
+ background: #fff;
+
+}
+a:hover,
+a:focus {
+ color: #fff;
+ background: #f60;
+}
+h1,
+h2 {
+ font-size: 120%;
+}
+p,
+ol,
+ul {
+ margin: 1em 0;
+ list-style: none;
+}
+p + p {
+ margin-top: -1em;
+ text-indent: 1.5em;
+}
+h2 + p:first-letter {
+ float: left;
+ font-size: 5em;
+ margin: .1em .1em 0 0;
+ line-height: .8;
+}
+p:last-child {
+ margin-bottom: 2em;
+}
+h1 {
+ float: left;
+ margin-right: .3em;
+}
+h1:after {
+ content: ", ";
+}
+nav h2 {
+ text-transform: lowercase;
+}
+ul a + a,
+footer {
+ color: #000;
+ text-decoration: none;
+ font-style: italic;
+}
+ul a + a:before {
+ content: " by ";
+}
+[href="#adaptype"],
+[href="#adaptype"] + a{
+ font-weight: bold;
+}
+ol {
+ counter-reset: o;
+}
+ol li {
+}
+ol li:before {
+ counter-increment: o;
+ content: counters(o,"");
+ color: #f60;
+ position: absolute;
+ margin-left: -1em;
+}
+footer,
+nav {
+ line-height: 1.7;
+ font-size: 90%;
+}
+
+@media (min-width:550px){
+body {
+ font-size: 120%;
+}
+h2 + p:first-letter {
+ font-size: 340%;
+ line-height: .7;
+}
+nav {
+ float: right;
+ margin-left: 1em;
+ padding-left: 1em;
+ max-width: 40%;
+}
+}
View

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
Oops, something went wrong.

0 comments on commit f536807

Please sign in to comment.