-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Luis Cameroon
committed
Jul 27, 2012
1 parent
8293b52
commit 9ffb1bb
Showing
1 changed file
with
232 additions
and
0 deletions.
There are no files selected for viewing
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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,232 @@ | ||
| /*! | ||
| * Abril Bootstrap v0.1.5 | ||
| * | ||
| * Copyright 2012 Editora Abril | ||
| * Designed and built by @luiscameroon | ||
| * Date: 27-07-2012 | ||
| */ | ||
| /* CSS Resets */ | ||
| * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } | ||
| html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {border:0;margin:0;padding:0} | ||
| article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block} | ||
| a img{border:0} | ||
| figure{position:relative;margin:0} | ||
| img, object, embed { max-width: 100%; } | ||
| img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } | ||
| sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } | ||
| sup { top: -0.5em; } | ||
| sub { bottom: -0.25em; } | ||
| pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } | ||
| hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } | ||
| ul, ol { list-style: none; list-style-image: none; } | ||
| mark { background: #ff0; color: #000; } | ||
| svg:not(:root) { overflow: hidden; } | ||
| audio:not([controls]) { display: none; } | ||
| audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } | ||
| ::-moz-selection { background: #9ebd24; color: #fff; text-shadow: none; } | ||
| ::selection { background: #9ebd24; color: #fff; text-shadow: none; } | ||
| /* Global Style */ | ||
| html { font-size: 62.5%; } | ||
| body { background: #fff; font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; font-size: 1.4rem; line-height: 1; color: #333; position: relative; -webkit-font-smoothing: antialiased; } | ||
| /* Links */ | ||
| a { color: #5b891b; text-decoration: none; line-height: inherit; } | ||
| a:hover { color: #4d7417; } | ||
| a:focus { color: #5b891b; outline: none; } | ||
| p a, | ||
| p a:visited { line-height: inherit; } | ||
| /* Paragraph */ | ||
| p { font-size: 14px; line-height: 1.6; margin-bottom: 17px; } | ||
| p img.left, | ||
| p img.esquerda, | ||
| p img { margin: 16px; margin-left: 0; } | ||
| p img.right, | ||
| p img.direita { margin: 16px; margin-right: 0; } | ||
| /* Misc */ | ||
| em, i { font-style: italic; line-height: inherit; } | ||
| strong, b { font-weight: bold; line-height: inherit; } | ||
| small { font-size: 60%; line-height: inherit; } | ||
| code { padding: 2px 4px; color: #D14; background-color: #F7F7F9; border: 1px solid #E1E1E8; } | ||
| abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; } | ||
| abbr { text-transform: none; } | ||
| hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; } | ||
| /* Misc Classes */ | ||
| .left, | ||
| .esquerda { float: left; } | ||
| .right, | ||
| .direita { float: right; } | ||
| .text-left, | ||
| .texto-esquerda { text-align: left; } | ||
| .text-right, | ||
| .texto-direita { text-align: right; } | ||
| .text-center, | ||
| .texto-centro { text-align: center; } | ||
| .hide, | ||
| .hidden { display: none; } | ||
| .highlight { background: #ff9; } | ||
| /* Header Titles */ | ||
| h1, h2, h3, h4, h5, h6 { text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; } | ||
| h1 { font-size: 44px; } | ||
| h2 { font-size: 37px; } | ||
| h3 { font-size: 27px; } | ||
| h4 { font-size: 23px; } | ||
| h5 { font-size: 17px; } | ||
| h6 { font-size: 14px; } | ||
| h1 small, | ||
| h2 small, | ||
| h3 small, | ||
| h4 small, | ||
| h5 small, | ||
| h6 small { font-size: 60%; color: #888; line-height: 0; } | ||
| /* Grid */ | ||
| /* .mosaico = para grid sem margin/padding entre as colunas */ | ||
| .linha { width: 1020px; max-width: 100%; min-width: 768px; margin: 0 auto; } | ||
| .linha .linha { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } | ||
| .linha.mosaico .coluna, | ||
| .linha.mosaico .colunas { padding: 0; } | ||
| .linha .linha { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } | ||
| .linha .linha.mosaico { margin: 0; } | ||
| .coluna, | ||
| .colunas { float: left; min-height: 1px; padding: 0 15px; position: relative; } | ||
| .coluna.centralizada, | ||
| .colunas.centralizadas { float: none; margin: 0 auto; } | ||
| [class*="coluna"] + [class*="coluna"]:last-child { float: left; } | ||
| [class*="coluna"] + [class*="coluna"].fim { float: right; } | ||
| .linha .um, | ||
| .linha .uma { width: 8.333%; } | ||
| .linha .duas { width: 16.667%; } | ||
| .linha .tres { width: 25%; } | ||
| .linha .quatro { width: 33.333%; } | ||
| .linha .cinco { width: 41.667%; } | ||
| .linha .seis { width: 50%; } | ||
| .linha .sete { width: 58.333%; } | ||
| .linha .oito { width: 66.667%; } | ||
| .linha .nove { width: 75%; } | ||
| .linha .dez { width: 83.333%; } | ||
| .linha .onze { width: 91.667%; } | ||
| .linha .doze { width: 100%; } | ||
| .linha .deslocar-uma { margin-left: 8.333%; } | ||
| .linha .deslocar-duas { margin-left: 16.667%; } | ||
| .linha .deslocar-tres { margin-left: 25%; } | ||
| .linha .deslocar-quatro { margin-left: 33.333%; } | ||
| .linha .deslocar-cinco { margin-left: 41.667%; } | ||
| .linha .deslocar-seis { margin-left: 50%; } | ||
| .linha .deslocar-sete { margin-left: 58.333%; } | ||
| .linha .deslocar-oito { margin-left: 66.667%; } | ||
| .linha .deslocar-nove { margin-left: 75%; } | ||
| .linha .deslocar-dez { margin-left: 83.333%; } | ||
| .empurrar-duas { left: 16.667%; } | ||
| .empurrar-tres { left: 25%; } | ||
| .empurrar-quatro { left: 33.333%; } | ||
| .empurrar-cinco { left: 41.667%; } | ||
| .empurrar-seis { left: 50%; } | ||
| .empurrar-sete { left: 58.333%; } | ||
| .empurrar-oito { left: 66.667%; } | ||
| .empurrar-nove { left: 75%; } | ||
| .empurrar-dez { left: 83.333%; } | ||
| .puxar-duas { right: 16.667%; } | ||
| .puxar-tres { right: 25%; } | ||
| .puxar-quatro { right: 33.333%; } | ||
| .puxar-cinco { right: 41.667%; } | ||
| .puxar-seis { right: 50%; } | ||
| .puxar-sete { right: 58.333%; } | ||
| .puxar-oito { right: 66.667%; } | ||
| .puxar-nove { right: 75%; } | ||
| .puxar-dez { right: 83.333%; } | ||
| /* linha clearfix */ | ||
| .linha { *zoom: 1; } | ||
| .linha:before, | ||
| .linha:after { content: ""; display: table; } | ||
| .linha:after { clear: both; } | ||
| /* Block Grids */ | ||
| .block-grid { display: block; overflow: hidden; padding: 0; } | ||
| .block-grid > li { display: block; height: auto; float: left; } | ||
| .block-grid.uma-col, | ||
| .block-grid.um-col { margin: 0; } | ||
| .block-grid.uma-col > li, | ||
| .block-grid.um-col > li { width: 100%; padding: 0 0 15px; } | ||
| .block-grid.duas-col { margin: 0 -15px; } | ||
| .block-grid.duas-col > li { width: 50%; padding: 0 15px 15px; } | ||
| .block-grid.tres-col { margin: 0 -12px; } | ||
| .block-grid.tres-col > li { width: 33.33%; padding: 0 12px 12px; } | ||
| .block-grid.quatro-col { margin: 0 -10px; } | ||
| .block-grid.quatro-col > li { width: 25%; padding: 0 10px 10px; } | ||
| .block-grid.cinco-col { margin: 0 -8px; } | ||
| .block-grid.cinco-col > li { width: 20%; padding: 0 8px 8px; } | ||
| /* Lists */ | ||
| ul, ol { font-size: 14px; line-height: 1.6; margin-bottom: 17px; list-style-position: outside; } | ||
| ul li ul { margin-left: 20px; margin-bottom: 0; list-style: outside; } | ||
| ul.square, ul.circle, ul.disc { margin-left: 17px; } | ||
| ul.square { list-style-type: square; } | ||
| ul.square li ul { list-style: inherit; } | ||
| ul.circle { list-style-type: circle; } | ||
| ul.circle li ul { list-style: inherit; } | ||
| ul.disc { list-style-type: disc; } | ||
| ul.disc li ul { list-style: inherit; } | ||
| ul.no-bullet { list-style: none; } | ||
| ul.large li { line-height: 21px; } | ||
| /* Blockquotes */ | ||
| blockquote, blockquote p { line-height: 1.5; color: #777; } | ||
| blockquote { margin: 0 0 17px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } | ||
| blockquote cite { display: block; font-size: 13px; color: #555; } | ||
| blockquote cite:before { content: "\2014 \0020"; } | ||
| blockquote cite a, blockquote cite a:visited { color: #555; } | ||
|
|
||
| /* Tablet Grid */ | ||
| @media (min-width: 768px) and (max-width: 1000px) { | ||
| .linha { width: 730px; max-width: 100%; min-width: 690px; margin: 0 auto; } | ||
| } | ||
|
|
||
| /* Mobile Grid */ | ||
| @media only screen and (max-width: 767px) { | ||
| body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } | ||
| .linha { width: auto; min-width: 0; margin-left: 0; margin-right: 0; } | ||
| .coluna, .colunas { width: auto !important; float: none; } | ||
| .coluna:last-child, .colunas:last-child { float: none; } | ||
| [class*="coluna"] + [class*="coluna"]:last-child { float: none; } | ||
| .coluna:before, .colunas:before, .coluna:after, .colunas:after { content: ""; display: table; } | ||
| .coluna:after, .colunas:after { clear: both; } | ||
| .deslocar-uma, .deslocar-duas, .deslocar-tres, .deslocar-quatro, .deslocar-cinco, .deslocar-seis, .deslocar-sete, .deslocar-oito, .deslocar-nove, .deslocar-dez { margin-left: 0 !important; } | ||
| .empurrar-duas, .empurrar-tres, .empurrar-quatro, .empurrar-cinco, .empurrar-seis, .empurrar-sete, .empurrar-oito, .empurrar-nove, .empurrar-dez { left: auto; } | ||
| .puxar-duas, .puxar-tres, .puxar-quatro, .puxar-cinco, .puxar-seis, .puxar-sete, .puxar-oito, .puxar-nove, .puxar-dez { right: auto; } | ||
| /* Grid Mobile 4-colunas */ | ||
| .linha .mobile-uma { width: 25% !important; float: left; padding: 0 15px; } | ||
| .linha .mobile-uma:last-child { float: right; } | ||
| .linha.mosaico .mobile-uma { padding: 0; } | ||
| .linha .mobile-duas { width: 50% !important; float: left; padding: 0 15px; } | ||
| .linha .mobile-duas:last-child { float: right; } | ||
| .linha.mosaico .mobile-duas { padding: 0; } | ||
| .linha .mobile-tres { width: 75% !important; float: left; padding: 0 15px; } | ||
| .linha .mobile-tres:last-child { float: right; } | ||
| .linha.mosaico .mobile-tres { padding: 0; } | ||
| .linha .mobile-quatro { width: 100% !important; float: left; padding: 0 15px; } | ||
| .linha .mobile-quatro:last-child { float: right; } | ||
| .linha.mosaico .mobile-quatro { padding: 0; } | ||
| .empurrar-one-mobile { left: 25%; } | ||
| .puxar-one-mobile { right: 25%; } | ||
| .empurrar-two-mobile { left: 50%; } | ||
| .puxar-two-mobile { right: 50%; } | ||
| .empurrar-three-mobile { left: 75%; } | ||
| .puxar-three-mobile { right: 75%; } | ||
| } | ||
|
|
||
| /* Media Print ( para Impressão ) */ | ||
| .print-only { display: none !important; } | ||
| @media print { | ||
| * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } | ||
| /* Black prints faster: h5bp.com/s */ | ||
| a, a:visited { text-decoration: underline; } | ||
| a[href]:after { content: " (" attr(href) ")"; } | ||
| abbr[title]:after { content: " (" attr(title) ")"; } | ||
| .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } | ||
| /* Don't show links for images, or javascript/internal links */ | ||
| pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } | ||
| thead { display: table-header-group; } | ||
| /* h5bp.com/t */ | ||
| tr, img { page-break-inside: avoid; } | ||
| img { max-width: 100% !important; } | ||
| @page { margin: 0.5cm; } | ||
| p, h2, h3 { orphans: 3; widows: 3; } | ||
| h2, h3 { page-break-after: avoid; } | ||
| .hide-on-print { display: none !important; } | ||
| .print-only { display: block !important; } | ||
| } |