/** * Define os valores CSS padrão do sistema. * * CSS Reset, baseado no trabalho de Eric Meyer: * http://meyerweb.com/eric/tools/css/reset/ * v2.0 | 20110126 * License: none (public domain) * * @autor: Émerson Januário * @data: 12/03/2015 *********************************************************/ /** * * */ 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, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button { margin: 0; /***/ padding: 0; /***/ border: 0; /***/ outline: 0; /***/ /*font: inherit;*/ font-size: 100%; /** define que todos os elementos terão o mesmo tamanho de fonte. */ vertical-align: baseline; /***/ } /** * Define o estilo da tag * A tag define o corpo do documento. * A tag contém todo o conteúdo de um documento HTML, como textos, hiperlinks, imagens, tabelas, listas, etc. * * ATENÇÃO: Todos os atributos de layout da tag foram removidos do HTML5. */ html, body { /*height:100%; Necessário para forçar a DIV #footer ir para parte de baixo da tela*/ } body { line-height:1.2;/***/ font-family:Arial, Helvetica, sans-serif; font-size: 12px; /*height:100%;*/ /*color:#333;*/ background-color: #fff; } h1, h2, h3, h4, h5, h6 { clear: both; /***/ font-weight: normal; /***/ } /** * Define o estilo das tags

para definir os itens da lista. */ ol, ul { list-style: none; /***/ list-style-type: none; /***/ } /** * Define o estilo das tags

e * A tag
especifica uma seção que é citada de outra fonte. * A tag define uma breve citação. * * Use
para definir uma longa citação ou para citadação de outra fonte. * Use para citações na linha (citações curtas). */ blockquote, q { quotes: "" ""; /***/ quotes: none; /***/ } /** * Define o estilo para os seletores :before e :after * O seletor :before insere conteúdo antes do conteúdo do elemento ser seleccionado. * O selector :after insere conteúdo após o elemento ser selecionado * * A tag
especifica uma seção que é citada de outra fonte. * A tag define uma breve citação. * Os browsers normalmente inserem aspas em torno da citação. * * Use propriedade content para especificar o conteúdo a ser inserido. */ blockquote:before, blockquote:after, q:before, q:after { content: ""; /***/ content: none; /***/ } /** * Define o estilo datag * A tag define um texto que foi inserido num documento. * Use juntamente com */ ins { text-decoration: none; /***/ } /** * Define o estilo da tag * A tag define o texto que foi excluído de um documento. * Use juntamente com */ del { text-decoration: line-through; /***/ } /** * Define o estilo da tag * A tag
define uma tabela HTML. * Uma tabela HTML consiste numa tag
e uma ou mais tags ,
e . * * tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: collapse; /***/ border-spacing: 0; /***/ } /** * Define o estilo das tags
,
e * A tag
define a legenda da tabela. * A tag deve ser inserido imediatamente após a tag . * A tag
define uma célula de cabeçalho em uma tabela HTML. * A tag define uma célula normal em uma tabela HTML.. */ caption, th, td { text-align: left; font-weight: normal; } /** * Define o estilo para o seletor :focus * Seleciona o estilo quando um campo de entrada recebe foco * O seletor :focus é usado para selecionar o elemento que tem o foco. * * Lembrar de definir o estilo para o :focus */ :focus { outline: 0; /***/ } /** * Resolve um problema específico do Firefox. * Criamos um ponto que ocupará uma linha por se * tornar um elemento “block” e quebrar o “float” * das “div”s que tiverem antes dele, a partir daí * a gente esconde esse ponto tanto visualmente * quanto definindo sua altura para um valor nulo * (zero). * * @autor: Bernard De Luna * @http://bernarddeluna.com/xhtml/nunca-mais-use-br-clear-ou-div-clear-faca-como-a-web-evolua/ * @data: 18/05/2010 */ div:after, ol:after, form:after, ul:after, dl:after { content: ".";/***/ display: block;/***/ clear: both;/***/ visibility: hidden;/***/ height: 0;/***/ overflow: hidden;/***/ } /** * * */ a { font-size: 12px; color: #09C; text-decoration: none; } a:hover { text-decoration: underline; } /** * * */ p { padding: 5px 0; } button { color: #FFF; background: #005F7D; position: absolute; padding: 8px 20px; bottom: 14px; right: 18px; cursor: pointer; /* estilo da borda com cantos arredondados */ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }