This css makes this:
Look like this:
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset=utf-8 /> | |
| <title>JS Bin</title> | |
| </head> | |
| <body> | |
| # yolo | |
| <input type="text" autofocus> | |
| </body> |
| jTypes('struct Color', function(red, green, blue) | |
| { | |
| this.red = red; | |
| this.green = green; | |
| this.blue = blue; | |
| }, | |
| { | |
| 'public int red': 0, | |
| 'public int green': 0, | |
| 'public int blue': 0 |
| if (!document.querySelectorAll) { | |
| document.querySelectorAll = function (selectors) { | |
| var style = document.createElement('style'), elements = [], element; | |
| document.documentElement.firstChild.appendChild(style); | |
| document._qsa = []; | |
| style.styleSheet.cssText = selectors + '{x-qsa:expression(document._qsa && document._qsa.push(this))}'; | |
| window.scrollBy(0, 0); | |
| style.parentNode.removeChild(style); |
| <div id="consolelog" style="font-family: 'Courier New', Courier, monospace; font-size: 12px; margin: 40px 30px 0px; background-color: white; border: 2px solid black; padding: 10px;"></div> | |
| <input type="text" id="consoleinput" style="margin: 0px 30px; width: 400px;" onkeypress="return evalConsoleInput(event, this.value);" /> | |
| <script type="text/javascript"> | |
| var appendConsole = function(message, type) { | |
| var color = "black"; | |
| if (type === "error") { | |
| color = "red"; | |
| } else if (type === "debug") { |
| $.getJSON('https://github.com/users/' + location.pathname.replace(/\//g, '') + '/contributions_calendar_data', weekendWork); | |
| function weekendWork(contribs) { | |
| var inwe = false, streak = 0, highest = 0, total = 0, possible = 0; | |
| contribs.forEach(function (c) { | |
| var d = new Date(c[0]).getDay(); | |
| if (d === 6) { | |
| inwe = true; | |
| } else if (d === 0 && inwe) { | |
| possible++; | |
| if (c[1] !== 0) { |
| 1. Joomla! | |
| 2. Drupal | |
| 3. Mambo | |
| 4. TYPO3 Enterprise CMS | |
| 5. WebGUI | |
| 6. WordPress | |
| 7. Plone | |
| 8. Xoops | |
| 9. PHP Nuke | |
| 10. eZ Publish |
| model mpg cyl! disp hp drat wt qsec vs am! gear! carb! | |
| Mazda RX4 21 6 160 110 3.9 2.62 16.46 0 1 4 4 | |
| Mazda RX4 Wag 21 6 160 110 3.9 2.875 17.02 0 1 4 4 | |
| Datsun 710 22.8 4 108 93 3.85 2.32 18.61 1 1 4 1 | |
| Hornet 4 Drive 21.4 6 258 110 3.08 3.215 19.44 1 0 3 1 | |
| Hornet Sportabout 18.7 8 360 175 3.15 3.44 17.02 0 0 3 2 | |
| Valiant 18.1 6 225 105 2.76 3.46 20.22 1 0 3 1 | |
| Duster 360 14.3 8 360 245 3.21 3.57 15.84 0 0 3 4 | |
| Merc 240D 24.4 4 146.7 62 3.69 3.19 20 1 0 4 2 | |
| Merc 230 22.8 4 140.8 95 3.92 3.15 22.9 1 0 4 2 |
| /** | |
| * Move in a circle without wrapper elements | |
| * Idea by Aryeh Gregor, simplified by Lea Verou | |
| */ | |
| @keyframes rot { | |
| from { |