Ynon Perek ynonp
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
| div#viewport { | |
| border: 5px solid hotpink; | |
| width: 320px; | |
| height: 180px; | |
| position:relative; | |
| margin: 0 auto; | |
| } | |
| div div { | |
| width: 320px; |
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
| body { padding: 0; margin: 0; } | |
| h1 { margin: 0; padding: 0; } | |
| footer { | |
| background: yellow; | |
| padding: 5px; | |
| } | |
| header { | |
| background: cyan; |
ynonp
/ dabblet.css
Created
November 25, 2012 06:44
The first commented line is your dabblet’s title
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
| /** | |
| * The first commented line is your dabblet’s title | |
| */ | |
| background: #f06; | |
| background: linear-gradient(45deg, #f06, yellow); | |
| min-height: 100%; |
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
| input.pretty { | |
| border:1px solid #ccc; | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| border-radius: 8px; | |
| width:134px; | |
| height:15px; | |
| margin:0; | |
| padding: 2px 7px 0px 7px; | |
| font-family:Verdana, Arial, Helvetica, sans-serif; | |
| font-size:11px; |
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
| div { | |
| position: absolute; | |
| left: 200px; | |
| top: 200px; | |
| z-index: 99; | |
| background: #333; | |
| padding: 20px; | |
| border-radius: 8px; | |
| color: white; | |
| } |
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>MagicIdea</title> | |
| <meta name="viewport" content="width=device-width" > | |
| <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> | |
| <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> | |
| <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> | |
| </head> |
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Camera Demo</title> | |
| <meta name="viewport" content="width=device-width" /> | |
| </head> | |
| <body> | |
| <input type="file" accept="image/*" id="imageLoader"/> | |
| <canvas id="imageCanvas" width=300 height="300"></canvas> |
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
| <a href="#"> | |
| <img width=200 height=auto src="http://fc02.deviantart.net/fs21/f/2007/306/d/6/Chibi_turtle_by_blackcattlc.jpg"> | |
| </a> |
ynonp
/ grid.html
Created
December 14, 2012 15:35
— forked from anonymous/grid.html
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Image Grid Lab</title> | |
| <style> | |
| </style> | |
| </head> | |
| <body> | |
| <ul> |
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
| nav ul { list-style: none; padding-left: 0;} | |
| nav li { display: inline-block; } | |
| nav a { | |
| padding: 10px; | |
| background: #a7a7a7; | |
| display: inline-block; | |
| text-decoration: none; | |
| margin-right: 10px; | |
| color: white; | |
| border-radius: 12px; |