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
/** | |
* Rounded image | |
*/ | |
img { | |
max-width: 400px; | |
max-height: 300px; | |
border-radius: 100px; | |
} |
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
/** rounded corner streteched image with padding on IE8 **/ | |
img { | |
height: 100%; | |
display: block; | |
float: left; | |
z-index: -1; | |
} | |
.gonzdrinnen { |
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
/* | |
White on White | |
*/ | |
font-size: 30px; | |
color: #fff; | |
background-color: #fff; | |
text-shadow: 1px 1px 1px #000000; | |
filter: dropshadow(color=#000000, offx=1, offy=1); |
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
/** | |
* Gastropool offline | |
*/ | |
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400); | |
html { | |
background: #ed6e09; | |
padding:0; | |
margin: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
/** | |
* Layout doodles | |
*/ | |
* { | |
box-sizing: border-box; | |
transition: all 0.5s ease; | |
vertical-align: middle; | |
} | |
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
/** | |
* doodling menu | |
*/ | |
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
/** | |
* doodling menu | |
*/ | |
* { | |
box-sizing: border-box; | |
transition: all 0.5s ease; | |
vertical-align: middle; | |
} | |
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 | |
*/ | |
.container { | |
width: 800px; | |
height: 800px; | |
position: relative; | |
} |
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
/** | |
* Collapsing menu using flexbox | |
*/ | |
ul { | |
list-style: none; | |
display: block; | |
position: relative; | |
padding: 0; | |
margin: 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
/** | |
* Example for images with copyable code sample on click | |
*/ | |
*:focus { | |
outline: none; | |
} | |
figure { | |
box-sizing: border-box; | |
width: 440px; |