@charset "utf-8";
/*==========RESET*/ 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, font, 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 { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:24px; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
/* lembrar de redefinir o estilo de focus (CSS 2) / :focus { outline:0; }
/ lembrando que o highlight sempre insere algum tipo de borda/elemento / ins { text-decoration:none; } del { text-decoration:line-through; }
/ tabelas continuam precisando de 'cellspacing="0"' no código html / table { border-collapse:collapse; border-spacing:0; } body { margin:0; padding:0; font-family: verdana, helvetica, arial, sans-serif; font-size:13px; color:#212;
} img { border:0; } #wrap { float:left; width:986px; background:#fff url(http://www.foswiki.org/pub/Sandbox/WebCss/fundo_menu.jpg) repeat-y; } #wrapHome { float:left; width:986px; background:#fff none; } #btsTWiki { float:left; margin:0; /*position:absolute;*/ font-family:arial,verdana,sans-serif; font-size:85%; line-height:1.8em; width:100%} #btsTWiki a { background-color:#CCE7F1; background-position:0 0; border-color:#FFFFFF #94CCE2 #94CCE2 #FFFFFF; color:#333333; background-image:url(http://www.foswiki.org/pub/Sandbox/WebCss/bg_button_gradient.gif); background-repeat:repeat-x; border-style:solid; border-width:1px; font-weight:bold; margin:0 0 0.2em 0.25em; padding:0.1em 0.35em; text-decoration:none; }
/ limitador específico para a situação de sombras deste layout do twiki / #s-wrap { margin:0 auto; width:965px; }
/ listas / h2, h3, h4, h5, h6 {color:#066da4}
/ <strong><span>================================</span></strong> Header da Aplicação <strong><span>================================</span></strong> / #header { width:100%; height:155px; float:left; background:url(http://www.foswiki.org/pub/Sandbox/WebCss/fundo_topo.jpg) no-repeat -10px 0px; } #header .logoSistema { width:380px; height:75px; float:left; margin:0; } #header .logoPetrobras { width:180px; height:40px; float:right; margin:54px 20px 0 0; } #header .menuTopo { background:transparent; float:left; width:740px; height:22px; font:bold 11px Tahoma, Verdana, Helvetica, Arial, sans-serif; color:#fff; } #header .menuTopo a { color:#fff; text-decoration:none; } #header .menuTopo a:hover { text-decoration:underline; } #header .menuTopo ul { padding:5px 0 0 6px; } #header .menuTopo ul li { display:inline; margin:0 -1px 0 2px; } #header .navegacaoAuxiliar { float:right; width:200px; height:22px; font-size:11px; text-align:right; font:bold 11px Verdana; position: relative; top: 80px; left: 20px; color: #000} #header .navegacaoAuxiliar li { display:inline; border-right:solid 1px #fff; float:left; margin:6px 6px 0 0; } #header .navegacaoAuxiliar li.sair { border:none; } #header .navegacaoAuxiliar li a { color:#fff; text-decoration:none; padding:0 0px 0 8px; } #header .navegacaoAuxiliar li a:hover { color:#fff; } #header .busca { float:right; width:300px; height:22px; font-size:11px; text-align:right; font:bold 11px Verdana; position: relative; top: 80px; left: 0px; color: #000}
/ <strong><span>================================</span></strong> Menu da Aplicação <strong><span>================================</span></strong> / / Menu Vertical / #menu { float:left; width:213px; } #menu .idUsuario { float:left; position:relative; background:url(http://www.foswiki.org/pub/Sandbox/WebCss/fundo_id_twiki.jpg) repeat-y; width:203px; padding:0 0 0 10px; margin:0; color:#fff; / hack de posicionamento específico para IE6 / _margin-bottom:-18px; _top:-18px; } #menu .idUsuario p { float:left; margin:15px 0 -5px 10px; } #menu .idUsuario li a { float:left; width:203px; color:#fff; font-weight:bold; } #menu ul ul { float:left; margin:9px 0 12px 10px; } #menu li.ribbon { float:left; background:url(http://www.foswiki.org/pub/Sandbox/WebCss/item_menu_ribbon.jpg) no-repeat; width:213px; height:39px; font:bold 14px Arial, Helvetica, sans-serif; color:#fff; margin:0 0 -10px 0; padding:6px 0 0 12px; } #menu .bullets li a { margin-left:10px; padding-left:13px; background:url(http://www.foswiki.org/pub/Sandbox/WebCss/seta_lista_subitem.gif) no-repeat 0 6px; } #menu li li a { float:left; position:relative; width:200px; margin-left:-10px; padding:2px 0 2px 11px; color:#78788c; border:none; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; } #menu li.ribbon li a img { margin-right:3px; vertical-align:middle; } #menu li li a:hover, #menu li li a.ativo:hover { color:#f72; border:none; }
/ Menu / #menuHorizontal { width:100%;height: 35px; float:left; margin:45px 0 0 0;} #menuHorizontal li { float:left; display:inline; height:36px; } #menuHorizontal li.primeiro { width:6px; height:36px; background:url(http://www.foswiki.org/pub/Sandbox/WebCss/fundo_menu_busca.jpg) repeat-x; } #menuHorizontal li a { float:left; color:#000; font:bold 15px Arial, Helvetica, sans-serif; text-decoration:none; padding:9px 14px; height:36px; } #menuHorizontal li a:hover { background:url(http://www.foswiki.org/pub/Sandbox/WebCss/fundo_menu_busca_ligado.jpg) repeat-x; } #menuHorizontal li.busca { float:right; text-align:right; width:290px; height:36px; background:url(http://www.foswiki.org/pub/Sandbox/WebCss/fundo_menu_busca.jpg) repeat-x; } #menuHorizontal li.busca label { padding:10px 4px; position:relative; font:normal 14px Arial, Helvetica, sans-serif; color:#999; float:left; / Hack de posicionamento para IE6 / _top:-3px; } #menuHorizontal li.busca input.search { width:200px; padding:5px 0 5px 4px; margin-top:5px; font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#000000; border:solid 1px #d0d0d0; background:#fff url(http://www.foswiki.org/pub/Sandbox/WebCss/fundo_input_search.jpg) repeat-x; float:left; } #menuHorizontal li.busca input.searchButton { vertical-align:middle; margin:4px 0px 0 4px; float: left; } #menuBoxHome { float:left; background:url(http://www.foswiki.org/pub/Sandbox/WebCss/fundo_box_home.jpg) repeat-x; width:100%; height:226px; / Hack de posicionamento para o IE6 */ position:relative; /*_top:-10px;*/
} #menuBoxHome ul { margin:0 auto; width:85%; } #menuBoxHome li { float:left; display:inline; width:25%; height:226px; background:transparent url(http://www.foswiki.org/pub/Sandbox/WebCss/fundo_box_home_desligado.jpg) repeat-x; } #menuBoxHome li:hover { background:transparent url(http://www.foswiki.org/pub/Sandbox/WebCss/fundo_box_home_ligado.jpg) repeat-x; } #menuBoxHome li div { margin:0 auto; text-align:center; width:95%; } #menuBoxHome li p.itemComSeta { / background:transparent url(http://www.foswiki.org/pub/Sandbox/WebCss/marcador_itembox.gif) no-repeat ;*/ margin:3px 0; text-align:center; width:85%; }
#menuBoxHome li a { font-size:12px; font-weight:bold; text-align:left; }
#menuBoxHome li p.itemComSeta a { font-size:12px; color:Black; text-decoration:none; margin-left:10px; font-weight:normal; }
#menuBoxHome li p.itemComSeta a:hover { font-size:12px; color:Black; text-decoration:none; margin-left:10px; font-weight:bold; }
/* <strong><span>================================</span></strong> Rodapé da Aplicação <strong><span>================================</span></strong> / #footer { width:100%; height:150px; background:url(http://www.foswiki.org/pub/Sandbox/WebCss/fundo_rodape.jpg) no-repeat; clear:both; overflow:hidden; } #footerHome { width:100%; height:151px; background:url(http://www.foswiki.org/pub/Sandbox/WebCss/fundo_rodape_home.jpg) no-repeat -30px 0; clear:both; overflow:hidden; }
/ Conteúdo */
Warning: Can't find topic Sandbox.WebConteudoCss
Warning: Can't find topic Sandbox.SolarCSS
This topic: Sandbox > WebCss
Topic revision: 17 Aug 2011, AlessandraChazin
/*==========RESET*/ 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, font, 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 { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:24px; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
/* lembrar de redefinir o estilo de focus (CSS 2) / :focus { outline:0; }
/ lembrando que o highlight sempre insere algum tipo de borda/elemento / ins { text-decoration:none; } del { text-decoration:line-through; }
/ tabelas continuam precisando de 'cellspacing="0"' no código html / table { border-collapse:collapse; border-spacing:0; } body { margin:0; padding:0; font-family: verdana, helvetica, arial, sans-serif; font-size:13px; color:#212;
} img { border:0; } #wrap { float:left; width:986px; background:#fff url(http://www.foswiki.org/pub/Sandbox/WebCss/fundo_menu.jpg) repeat-y; } #wrapHome { float:left; width:986px; background:#fff none; } #btsTWiki { float:left; margin:0; /*position:absolute;*/ font-family:arial,verdana,sans-serif; font-size:85%; line-height:1.8em; width:100%} #btsTWiki a { background-color:#CCE7F1; background-position:0 0; border-color:#FFFFFF #94CCE2 #94CCE2 #FFFFFF; color:#333333; background-image:url(http://www.foswiki.org/pub/Sandbox/WebCss/bg_button_gradient.gif); background-repeat:repeat-x; border-style:solid; border-width:1px; font-weight:bold; margin:0 0 0.2em 0.25em; padding:0.1em 0.35em; text-decoration:none; }
/ limitador específico para a situação de sombras deste layout do twiki / #s-wrap { margin:0 auto; width:965px; }
/ listas / h2, h3, h4, h5, h6 {color:#066da4}
/ <strong><span>================================</span></strong> Header da Aplicação <strong><span>================================</span></strong> / #header { width:100%; height:155px; float:left; background:url(http://www.foswiki.org/pub/Sandbox/WebCss/fundo_topo.jpg) no-repeat -10px 0px; } #header .logoSistema { width:380px; height:75px; float:left; margin:0; } #header .logoPetrobras { width:180px; height:40px; float:right; margin:54px 20px 0 0; } #header .menuTopo { background:transparent; float:left; width:740px; height:22px; font:bold 11px Tahoma, Verdana, Helvetica, Arial, sans-serif; color:#fff; } #header .menuTopo a { color:#fff; text-decoration:none; } #header .menuTopo a:hover { text-decoration:underline; } #header .menuTopo ul { padding:5px 0 0 6px; } #header .menuTopo ul li { display:inline; margin:0 -1px 0 2px; } #header .navegacaoAuxiliar { float:right; width:200px; height:22px; font-size:11px; text-align:right; font:bold 11px Verdana; position: relative; top: 80px; left: 20px; color: #000} #header .navegacaoAuxiliar li { display:inline; border-right:solid 1px #fff; float:left; margin:6px 6px 0 0; } #header .navegacaoAuxiliar li.sair { border:none; } #header .navegacaoAuxiliar li a { color:#fff; text-decoration:none; padding:0 0px 0 8px; } #header .navegacaoAuxiliar li a:hover { color:#fff; } #header .busca { float:right; width:300px; height:22px; font-size:11px; text-align:right; font:bold 11px Verdana; position: relative; top: 80px; left: 0px; color: #000}
/ <strong><span>================================</span></strong> Menu da Aplicação <strong><span>================================</span></strong> / / Menu Vertical / #menu { float:left; width:213px; } #menu .idUsuario { float:left; position:relative; background:url(http://www.foswiki.org/pub/Sandbox/WebCss/fundo_id_twiki.jpg) repeat-y; width:203px; padding:0 0 0 10px; margin:0; color:#fff; / hack de posicionamento específico para IE6 / _margin-bottom:-18px; _top:-18px; } #menu .idUsuario p { float:left; margin:15px 0 -5px 10px; } #menu .idUsuario li a { float:left; width:203px; color:#fff; font-weight:bold; } #menu ul ul { float:left; margin:9px 0 12px 10px; } #menu li.ribbon { float:left; background:url(http://www.foswiki.org/pub/Sandbox/WebCss/item_menu_ribbon.jpg) no-repeat; width:213px; height:39px; font:bold 14px Arial, Helvetica, sans-serif; color:#fff; margin:0 0 -10px 0; padding:6px 0 0 12px; } #menu .bullets li a { margin-left:10px; padding-left:13px; background:url(http://www.foswiki.org/pub/Sandbox/WebCss/seta_lista_subitem.gif) no-repeat 0 6px; } #menu li li a { float:left; position:relative; width:200px; margin-left:-10px; padding:2px 0 2px 11px; color:#78788c; border:none; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; } #menu li.ribbon li a img { margin-right:3px; vertical-align:middle; } #menu li li a:hover, #menu li li a.ativo:hover { color:#f72; border:none; }
/ Menu / #menuHorizontal { width:100%;height: 35px; float:left; margin:45px 0 0 0;} #menuHorizontal li { float:left; display:inline; height:36px; } #menuHorizontal li.primeiro { width:6px; height:36px; background:url(http://www.foswiki.org/pub/Sandbox/WebCss/fundo_menu_busca.jpg) repeat-x; } #menuHorizontal li a { float:left; color:#000; font:bold 15px Arial, Helvetica, sans-serif; text-decoration:none; padding:9px 14px; height:36px; } #menuHorizontal li a:hover { background:url(http://www.foswiki.org/pub/Sandbox/WebCss/fundo_menu_busca_ligado.jpg) repeat-x; } #menuHorizontal li.busca { float:right; text-align:right; width:290px; height:36px; background:url(http://www.foswiki.org/pub/Sandbox/WebCss/fundo_menu_busca.jpg) repeat-x; } #menuHorizontal li.busca label { padding:10px 4px; position:relative; font:normal 14px Arial, Helvetica, sans-serif; color:#999; float:left; / Hack de posicionamento para IE6 / _top:-3px; } #menuHorizontal li.busca input.search { width:200px; padding:5px 0 5px 4px; margin-top:5px; font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#000000; border:solid 1px #d0d0d0; background:#fff url(http://www.foswiki.org/pub/Sandbox/WebCss/fundo_input_search.jpg) repeat-x; float:left; } #menuHorizontal li.busca input.searchButton { vertical-align:middle; margin:4px 0px 0 4px; float: left; } #menuBoxHome { float:left; background:url(http://www.foswiki.org/pub/Sandbox/WebCss/fundo_box_home.jpg) repeat-x; width:100%; height:226px; / Hack de posicionamento para o IE6 */ position:relative; /*_top:-10px;*/
} #menuBoxHome ul { margin:0 auto; width:85%; } #menuBoxHome li { float:left; display:inline; width:25%; height:226px; background:transparent url(http://www.foswiki.org/pub/Sandbox/WebCss/fundo_box_home_desligado.jpg) repeat-x; } #menuBoxHome li:hover { background:transparent url(http://www.foswiki.org/pub/Sandbox/WebCss/fundo_box_home_ligado.jpg) repeat-x; } #menuBoxHome li div { margin:0 auto; text-align:center; width:95%; } #menuBoxHome li p.itemComSeta { / background:transparent url(http://www.foswiki.org/pub/Sandbox/WebCss/marcador_itembox.gif) no-repeat ;*/ margin:3px 0; text-align:center; width:85%; }
#menuBoxHome li a { font-size:12px; font-weight:bold; text-align:left; }
#menuBoxHome li p.itemComSeta a { font-size:12px; color:Black; text-decoration:none; margin-left:10px; font-weight:normal; }
#menuBoxHome li p.itemComSeta a:hover { font-size:12px; color:Black; text-decoration:none; margin-left:10px; font-weight:bold; }
/* <strong><span>================================</span></strong> Rodapé da Aplicação <strong><span>================================</span></strong> / #footer { width:100%; height:150px; background:url(http://www.foswiki.org/pub/Sandbox/WebCss/fundo_rodape.jpg) no-repeat; clear:both; overflow:hidden; } #footerHome { width:100%; height:151px; background:url(http://www.foswiki.org/pub/Sandbox/WebCss/fundo_rodape_home.jpg) no-repeat -30px 0; clear:both; overflow:hidden; }
/ Conteúdo */
Warning: Can't find topic Sandbox.WebConteudoCss
Warning: Can't find topic Sandbox.SolarCSS
This topic: Sandbox > WebCss
Topic revision: 17 Aug 2011, AlessandraChazin
The copyright of the content on this website is held by the contributing authors, except where stated elsewhere. see CopyrightStatement. 
