Marco Lago marcolago
marcolago
/ dabblet.css
Created
July 18, 2014 12:37
— forked from anonymous/dabblet.css
2nd box Fluid with 1st, 3rd and 4th fixed width
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
| /** | |
| * 2nd box Fluid with 1st, 3rd and 4th fixed width | |
| */ | |
| .box { | |
| float: left; | |
| box-sizing: border-box; | |
| border: 1px solid black; | |
| } |
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 html5> | |
| <html"> | |
| <head> | |
| <meta http-equiv="content-type" content="text/html; charset=utf-8"/> | |
| <title>Google Maps V3 API Sample</title> | |
| <script type="text/javascript" src="//maps.google.com/maps/api/js?sensor=false"></script> | |
| <script type="text/javascript"> | |
| function initialize() { | |
| var mapDiv = document.getElementById('map-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
| var isMobile = (function() { | |
| var ret = {}; | |
| ret.Android = navigator.userAgent.match(/Android/i) !== null; | |
| ret.BlackBerry = navigator.userAgent.match(/BlackBerry/i) !== null; | |
| ret.iPhone = navigator.userAgent.match(/iPhone|iPod/i) !== null; | |
| ret.iPad = navigator.userAgent.match(/iPad/i) !== null; | |
| ret.iOS = (ret.iPhone || ret.iPad); | |
| ret.Opera = navigator.userAgent.match(/Opera Mini/i) !== null; | |
| ret.Windows = navigator.userAgent.match(/IEMobile/i) !== null; | |
| ret.any = (ret.Android || ret.BlackBerry || ret.iOS || ret.Opera || ret.Windows); |
marcolago
/ dabblet.css
Created
July 15, 2013 08:26
— forked from LeaVerou/dabblet.css
CSS Puzzle: Reverse the z-order of the <li>s without setting a separate z-index on each one in a way that works in IE9 and up
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
| /** | |
| * CSS Puzzle: Reverse the z-order of the <li>s without setting a separate z-index on each one in a way that works in IE9 and up | |
| */ | |
| li { | |
| list-style: none; | |
| display: inline-block; | |
| padding: 1em 2em 1em 1em; | |
| border: 1px solid rgba(0,0,0,.3); | |
| border-radius: 0 999px 999px 0; |
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 { | |
| color: green; | |
| } | |
| a:link:hover { | |
| color: yellow; | |
| } | |
| div a { | |
| color: brown; |
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 { | |
| color: green; | |
| } | |
| a:hover { | |
| color: yellow; | |
| } | |
| div a { | |
| color: brown; |
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
| /** | |
| * Per Enrico | |
| * header e footer con stack z-index corretto per l'annidamento misto | |
| * aggiungi a .b la classe "top" | |
| * per vedere come si sposta sopra ma resta sotto ad .a | |
| */ | |
| * { | |
| margin: 0; | |
| padding: 0; |
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
| /** | |
| * FluidSquares in a wrapper | |
| * for Levan Khutsishvili | |
| */ | |
| body { | |
| background-color: #00ffff; | |
| } | |
| #someotherdiv { |
marcolago
/ dabblet.css
Created
November 23, 2012 12:54
:first-child, :nth-child() and :nth-of-type() spiegati
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
| /** | |
| * :first-child, :nth-child() and :nth-of-type() spiegati | |
| * per Jacopo | |
| * da http://www.w3.org/TR/CSS2/selector.html#first-child | |
| * "The :first-child pseudo-class matches an element that is the first child element of some other element." | |
| * ^ ONLY IF | |
| */ | |
| .box { | |
| width: 100px; |
marcolago
/ dabblet.css
Created
November 9, 2012 16:54
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 | |
| */ | |
| .fl { | |
| float: left; | |
| width: 200px; | |
| height: 100px; | |
| background: #ff0000; | |
| } |
NewerOlder