Fábio Rocha fabiorochafg
fabiorochafg
/ top-of-the-page-link.html
Last active
December 17, 2015 04:39
Top of the page link with jQuery animation.
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
| <a href="#" id="top-of-the-page">Top of the Page</a> |
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
| @media print { | |
| *, | |
| *:before, | |
| *:after, | |
| *:first-letter, | |
| p:first-line, | |
| div:first-line, | |
| blockquote:first-line, | |
| li:first-line { | |
| background: transparent !important; |
fabiorochafg
/ accessible-resizable-fonts.css
Last active
December 17, 2015 04:59
A way to make resizable fonts accessible.
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
| .fontSize80 { font-size: 80% !important; } | |
| .fontSize90 { font-size: 90% !important; } | |
| .fontSize100 { font-size: 100% !important; } | |
| .fontSize110 { font-size: 110% !important; } | |
| .fontSize120 { font-size: 120% !important; } | |
| .fontSize130 { font-size: 130% !important; } | |
| .fontSize140 { font-size: 140% !important; } | |
| .fontSize150 { font-size: 150% !important; } | |
| .fontSize160 { font-size: 160% !important; } | |
| .fontSize170 { font-size: 170% !important; } |
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
| body.highContrast { | |
| background: #000000; | |
| color: #ffffff; | |
| } | |
| body.highContrast label, | |
| body.highContrast li, | |
| body.highContrast p, | |
| body.highContrast td, | |
| body.highContrast th, | |
| body.highContrast span { |
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
| <?xml version="1.0" encoding="UTF-8"?> | |
| <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> | |
| <url> | |
| <loc>http://url</loc> | |
| <lastmod>2009-01-01</lastmod> | |
| <changefreq>monthly</changefreq> | |
| <priority>0.5</priority> | |
| </url> | |
| </urlset> |
fabiorochafg
/ media-queries.css
Last active
May 8, 2019 17:55
CSS Media Queries example including devices
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
| /* For Mobile */ | |
| @media only screen and (min-device-width: 320px) and (max-device-width: 1024px), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) { | |
| button, | |
| input[type="button"], | |
| input[type="submit"] { | |
| -webkit-appearance: none; | |
| } | |
| } | |
| /* For screens widths larger than 1440px */ |
fabiorochafg
/ fluid-grid-system.css
Last active
December 18, 2015 02:58
A fluid grid system for responsive layout.
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
| *, | |
| *:after, | |
| *:before { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| .box { | |
| margin: 0 -1%; | |
| overflow: hidden; |
fabiorochafg
/ remove-webkit-from-button.css
Last active
December 22, 2015 10:28
Remove webkit appearance from buttons on Apple devices.
fabiorochafg
/ text-selected-attributes.css
Last active
January 2, 2016 00:29
Allow change attributes from any selected layout item on the page.
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
| ::selection { | |
| background: black; | |
| color: white; | |
| } | |
| ::-moz-selection { | |
| background: black; | |
| color: white; | |
| } |
OlderNewer