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
/* General Media Queries */ | |
/* Smartphones (portrait and landscape) ----------- */ | |
@media only screen | |
and (min-device-width : 320px) and (max-device-width : 480px) { | |
/* Styles */ | |
} | |
/* Smartphones (landscape) ----------- */ | |
@media only screen and (min-width : 321px) { |
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
/* apply a natural box layout model to all elements */ | |
*, | |
*:after, | |
*:before { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} |
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
.transparent { | |
filter: alpha(opacity=50); /* internet explorer */ | |
-khtml-opacity: 0.5; /* khtml, old safari */ | |
-moz-opacity: 0.5; /* mozilla, netscape */ | |
opacity: 0.5; /* fx, safari, opera */ | |
} |
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
/* CSS Blockquote Template */ | |
blockquote { | |
background: #f9f9f9; | |
border-left: 10px solid #ccc; | |
margin: 1.5em 10px; | |
padding: .5em 10px; | |
quotes: "\201C""\201D""\2018""\2019"; | |
} | |
blockquote:before { |
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
/* Fullscreen Backgrounds With CSS3 */ | |
html { | |
background: url('images/bg.jpg') no-repeat center center fixed; | |
-webkit-background-size: cover; | |
-moz-background-size: cover; | |
-o-background-size: cover; | |
background-size: cover; | |
} |
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
/* Vertically Centered Content */ | |
.container { | |
min-height: 6.5em; | |
display: table-cell; | |
vertical-align: middle; | |
} |
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
/* Fancy Ampersand */ | |
.amp { | |
font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif; | |
font-style: italic; | |
font-weight: normal; | |
} |
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
/* Triangular List Bullets */ | |
ul { | |
margin: 0.75em 0; | |
padding: 0 1em; | |
list-style: none; | |
} | |
li:before { | |
content: ""; | |
border-color: transparent #111; |
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
/* CSS3 Glowing Inputs */ | |
input[type=text], textarea { | |
-webkit-transition: all 0.30s ease-in-out; | |
-moz-transition: all 0.30s ease-in-out; | |
-ms-transition: all 0.30s ease-in-out; | |
-o-transition: all 0.30s ease-in-out; | |
outline: none; | |
padding: 3px 0px 3px 3px; | |
margin: 5px 1px 3px 0px; |
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
/* Style Links Based On Filetype */ | |
/* external links */ | |
a[href^="http://"] { | |
padding-right: 13px; | |
background: url('external.gif') no-repeat center rightright; | |
} | |
/* emails */ | |
a[href^="mailto:"] { |
OlderNewer