gil00pita
/ polaroid.image.border.css
Last active
August 29, 2015 14:09
CSS: Polaroid Image Border From http://www.hongkiat.com/blog/css-snippets-for-designers/
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
| img.polaroid { | |
| background:#000; /*Change this to a background image or remove*/ | |
| border:solid #fff; | |
| border-width:6px 6px 20px 6px; | |
| box-shadow:1px 1px 5px #333; /* Standard blur at 5px. Increase for more depth */ | |
| -webkit-box-shadow:1px 1px 5px #333; | |
| -moz-box-shadow:1px 1px 5px #333; | |
| height:200px; /*Set to height of your image or desired div*/ | |
| width:200px; /*Set to width of your image or desired div*/ | |
| } |
gil00pita
/ anchor.link.pseudo.classes.css
Last active
August 29, 2015 14:09
CSS: Anchor Link Pseudo Classes From http://www.hongkiat.com/blog/css-snippets-for-designers/
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:link { color: blue; } | |
| a:visited { color: purple; } | |
| a:hover { color: red; } | |
| a:active { color: yellow; } |
gil00pita
/ fancy.css3.pull.css
Last active
August 29, 2015 14:09
CSS: Fancy CSS3 Pull-Quotesb From http://www.hongkiat.com/blog/css-snippets-for-designers/
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
| .has-pullquote:before { | |
| /* Reset metrics. */ | |
| padding: 0; | |
| border: none; | |
| /* Content */ | |
| content: attr(data-pullquote); | |
| /* Pull out to the right, modular scale based margins. */ | |
| float: rightright; | |
| width: 320px; | |
| margin: 12px -140px 24px 36px; |
gil00pita
/ fullscreen.backgrounds.with.css3.css
Last active
August 29, 2015 14:09
CSS: Fullscreen Backgrounds With CSS3 From http://www.hongkiat.com/blog/css-snippets-for-designers/
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
| 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; | |
| } |
gil00pita
/ vertically.centered.content.css
Last active
August 29, 2015 14:09
CSS: Vertically Centered Content From http://www.hongkiat.com/blog/css-snippets-for-designers/
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
| .container { | |
| min-height: 6.5em; | |
| display: table-cell; | |
| vertical-align: middle; | |
| } |
gil00pita
/ css3.gradients.template.css
Last active
August 29, 2015 14:09
CSS: CSS3 Gradients Template From http://www.hongkiat.com/blog/css-snippets-for-designers/
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
| #colorbox { | |
| background: #629721; | |
| background-image: -webkit-gradient(linear, left top, left bottom, from(#83b842), to(#629721)); | |
| background-image: -webkit-linear-gradient(top, #83b842, #629721); | |
| background-image: -moz-linear-gradient(top, #83b842, #629721); | |
| background-image: -ms-linear-gradient(top, #83b842, #629721); | |
| background-image: -o-linear-gradient(top, #83b842, #629721); | |
| background-image: linear-gradient(top, #83b842, #629721); | |
| } |
gil00pita
/ font.face.template.css
Last active
August 29, 2015 14:09
CSS: @font-face Template From http://www.hongkiat.com/blog/css-snippets-for-designers/
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
| @font-face { | |
| font-family: 'MyWebFont'; | |
| src: url('webfont.eot'); /* IE9 Compat Modes */ | |
| src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ | |
| url('webfont.woff') format('woff'), /* Modern Browsers */ | |
| url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ | |
| url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ | |
| } | |
| body { |
gil00pita
/ Zebra_Striping_Table.css
Last active
August 29, 2015 14:09
CSS: Zebra Striping a Table From http://css-tricks.com/snippets/css/css3-zebra-striping-a-table/
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
| tbody tr:nth-child(odd) { | |
| background-color: #ccc; | |
| } |
gil00pita
/ reset.css
Last active
August 29, 2015 14:09
CSS: Reset CSS from http://meyerweb.com/eric/tools/css/reset/
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
| html, body, div, span, applet, object, iframe, | |
| h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
| a, abbr, acronym, address, big, cite, code, | |
| del, dfn, em, img, ins, kbd, q, s, samp, | |
| small, strike, strong, sub, sup, tt, var, | |
| b, u, i, center, | |
| dl, dt, dd, ol, ul, li, | |
| fieldset, form, label, legend, | |
| table, caption, tbody, tfoot, thead, tr, th, td, | |
| article, aside, canvas, details, embed, |
gil00pita
/ normalize.min.css
Last active
August 29, 2015 14:09
CSS: Normalize Compressed from https://github.com/necolas/normalize.css/blob/master/normalize.css
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
| article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80 |