| <?php | |
| /** | |
| * Tree behavior class | |
| * | |
| * | |
| * PHP 5 | |
| * | |
| * Licensed under The MIT License | |
| * Redistributions of files must retain the above copyright notice |
In this document I am using Sass's SCSS syntax. You can choose to use the indented syntax in sass, if you prefer it, it has no functional differences from the SCSS syntax.
For Less, I'm using the JavaScript version because this is what they suggest on the website. The ruby version may be different.
| dispatch:beforeDispatchLoop | |
| dispatch:beforeDispatch | |
| dispatch:beforeNotFoundAction | |
| dispatch:beforeExecuteRoute | |
| dispatch:afterInitialize | |
| dispatch:afterExecuteRoute | |
| dispatch:afterDispatch | |
| dispatch:afterDispatchLoop | |
| dispatch:beforeException |
Attention: if you attempt to fork this gist, github will think that you are a spammer and you will have to confirm that you are human with them. Apparantly there are too many links in this list. Also I update it rather frequently (see revisions on the left), so it's probably wise to not fork it anyway.
| <!doctype html> | |
| <title>Site Maintenance</title> | |
| <style> | |
| body { text-align: center; padding: 150px; } | |
| h1 { font-size: 50px; } | |
| body { font: 20px Helvetica, sans-serif; color: #333; } | |
| article { display: block; text-align: left; width: 650px; margin: 0 auto; } | |
| a { color: #dc8100; text-decoration: none; } | |
| a:hover { color: #333; text-decoration: none; } | |
| </style> |
| /** | |
| * Visually correct vertical centering with Flexbox + margin fallback | |
| * Lea Verou & David Storey | |
| * Slight adjustment by Vasilis van Gemert | |
| */ | |
| html, body { height: 100%; } | |
| body { | |
| width: 100%; /* needed for FF */ |
| /** | |
| * A simple menu with a :hover action | |
| */ | |
| html { | |
| background: #f06; | |
| background: linear-gradient(45deg, #f06, yellow); | |
| min-height: 100%; | |
| font: 100%/2.5 helvetica, arial; | |
| } |
| .slider { | |
| /* set initial width */ | |
| width: 520px; | |
| /* hide the content that overflows (to allow second box to show through) */ | |
| overflow: hidden; | |
| display: inline-block; | |
| /* skew container so that it has angled edge, and set up transition */ | |
| transform: skewX(-20deg); |
| /* Code Forward */ | |
| @import url(http://fonts.googleapis.com/css?family=Old+Standard+TT:400,700); | |
| body{ | |
| background-color: #bec4b5; | |
| background-image: url('http://jakob.cosoroaba.ro/demos/Tools/miniplayer/dot.png'), url('http://30.media.tumblr.com/tumblr_lvsuuuw7lI1qe0eclo1_r8_500.gif'); | |
| background-size: auto, cover; | |
| font-family: 'Old Standard TT', serif; | |
| } | |
| #svg3214{ |
| /* | |
| YouTube Footer Buttons | |
| */ | |
| .button { | |
| border: 1px solid #DDD; | |
| border-radius: 3px; | |
| text-shadow: 0 1px 1px white; | |
| box-shadow: 0 1px 1px #fff; | |
| font: bold 11px Sans-Serif; |