Mike Fielden MikeFielden
MikeFielden
/ dabblet.css
Created
January 21, 2012 20:36
— forked from chriscoyier/dabblet.css
Opening Scene to movie :)
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
| body { background: black; padding: 100px; margin: 0; } | |
| h1 { | |
| text-align: center; | |
| color: white; | |
| text-transform: uppercase; | |
| padding: 1px; | |
| font-family: 'Raleway', cursive; | |
| font-weight: 100; | |
| 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
| /* Movie opening */ | |
| body { background: black; padding: 100px; margin: 0; } | |
| h1 { | |
| position: relative; | |
| 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
| /** | |
| * Inset text | |
| */ | |
| body { | |
| padding-top: 100px; | |
| background-color: #8d9794; | |
| } | |
| h1 { |
MikeFielden
/ dabblet.css
Created
June 22, 2012 20:34
— forked from LeaVerou/dabblet.css
Scrolling shadows by @kizmarh and @LeaVerou
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
| /** | |
| * Scrolling shadows by @kizmarh and @leaverou | |
| * Only works in browsers supporting background-attachment: local; & CSS gradients | |
| * Degrades gracefully | |
| */ | |
| html { | |
| background: white; | |
| font: 120% sans-serif; | |
| } |
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
| /* Movie opening */ | |
| body { background: black; padding: 100px; margin: 0; } | |
| h1 { | |
| position: relative; | |
| 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
| /* New Todo */ | |
| .container { | |
| box-sizing: border-box; | |
| width: 510px; | |
| } | |
| /* input container */ | |
| .container > section { | |
| 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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>"Holy Grail" layout with flexbox · CodePen</title> | |
| <!-- | |
| Copyright (c) 2012 Mike Fielden, http://codepen.io/MikeFielden | |
| Permission is hereby granted, free of charge, to any person obtaining |
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>"Holy Grail" layout with flex box Chrome 22 recommended · CodePen</title> | |
| <!-- | |
| Copyright (c) 2012 Mike Fielden, http://codepen.io/MikeFielden | |
| Permission is hereby granted, free of charge, to any person obtaining |
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
| <link rel="import" href="../paper-input/paper-input.html"> | |
| <link rel="import" href="../core-scaffold/core-scaffold.html"> | |
| <link rel="import" href="../core-header-panel/core-header-panel.html"> | |
| <link rel="import" href="../core-menu/core-menu.html"> | |
| <link rel="import" href="../core-item/core-item.html"> | |
| <link rel="import" href="../core-icon-button/core-icon-button.html"> | |
| <link rel="import" href="../core-toolbar/core-toolbar.html"> | |
| <link rel="import" href="../core-menu/core-submenu.html"> | |
| <polymer-element name="my-element"> |
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
| <link rel="import" href="../core-scaffold/core-scaffold.html"> | |
| <link rel="import" href="../core-header-panel/core-header-panel.html"> | |
| <link rel="import" href="../core-menu/core-menu.html"> | |
| <link rel="import" href="../core-item/core-item.html"> | |
| <link rel="import" href="../core-icon-button/core-icon-button.html"> | |
| <link rel="import" href="../core-toolbar/core-toolbar.html"> | |
| <link rel="import" href="../core-menu/core-submenu.html"> | |
| <polymer-element name="my-element"> |
OlderNewer