/* Arquivo: site.css Modificado em Dom Out 4 23:23:41 BRT 2009 Por Daniel Darlen gnudarlen@yahoo.com.br Adaptado do arquivo css disponibilizado por Aurélio Marinho Jargas (Verde) no site do projeto txt2tags ------ Formatting for the txt2tags site http://txt2tags.sf.net Author: Aurelio Marinho Jargas http://aurelio.net License: Public Domain ------ */ /***************************** GLOBAL **************************** / Regras gerais utilizadas em toda pagina. */ body { background-color : white; color : #333333; margin : .4em .4em .4em .4em; padding : 0; font-family : helvetica, sans-serif; overflow : scroll; /* Avoids dancing menu */ } p { font-family : helvetica, sans-serif; margin : 0 0 1em 0; padding : 0; } /* Os links sao sublinhados apenas quando o cursor passa sobre ele*/ a { text-decoration : none; } a:link { color : #104E8B; font-weight : bold; } a:hover { text-decoration : underline; } a:visited { color : #4682B4; } code { background-color: #dddddd; border : 1px dotted #dddddd; } pre { background-color: #eeeeee; font-size : 115%; margin-left : 0em; margin-right : 0em; padding : 1em; /* 10px; */ border : 1px outset green; /* border : 1px outset gray; */ } table { font-size : 100%; /* Needed to inherit the body font size*/ border-color : #333333; /* border-style : thin-solid; */ } th { background-color: #dddddd; padding : .5em 0; border-color : #cccccc; border-style : solid; font-size : 100%; } td { border-style : none; padding : .2em .5em; font-size : 100%; } form { margin-bottom : 4em; } /* Secoes abaixo constam do site do aurelio. * Ainda nao utilizei os css * * ------------------------INICIO------------------------ */ /* Mark the tooltip'ed texts (underline and highlight) */ span.tooltip { border-bottom : 1px dashed #444; } span.tooltip:hover { background-color: #cf9; } a.donate { font-size : smaller; text-align : center; margin : 0; padding : 0; } /* ------------------------F I M-------------------------*/ /***************************** HEADERS **************************** */ #header { background : url("imagens/darlen_listras.gif") no-repeat right; background-color : #CCCC99; color : white; margin : 0; padding : 0 0 0 .6em; border-bottom : .15em solid #000060; border-top : .15em solid #000060; } #header * { margin : 0; } #header h1 { color : #000060; padding : 0em 3em 0em 0em; font-size : 165%; } #header h2 { color : #000060; padding : 0em 3em 0em 0em; font-weight : normal; font-size : 150%; } #header h3 { color : #000060; font-weight : normal; padding : .3em 3em 0em 0em; } /***************************** CONTENT **************************** / The page contents are placed inside the #body DIV when using / the --css-suggar option. Don't confuse it with the tag. / I know it would be better to call it #content, but... too late. / / Inside #body there are the sidebar and the page contents. The / sidebar has its own DIV, but the contents doesn't. I could have / made an extra DIV for it, but it is not strictly necessary. So / some special care is needed to format both using the same container. */ /* Headings */ h1, h2, h3, h4, h5, h6 { color : #6B4226; } #body { margin : 0; padding : 2em 1em 1em 1em; /* border-top : solid #000060; /* Required: Fixes spacing bug */ line-height : 130%; font-size : 90%; } /* Normal text is gray, bold is black */ #body b { font-weight : bold; color : black; } #body h1 { margin-top : 0.5em; font-size : x-large; border-bottom : 1px solid #8b6914; line-height : 1em; padding : 1.5em 0em 0em 0em ; } #body h2 { margin : 1em 0em 0em 0em; font-size : large; padding-top : 1em; padding-bottom : 0.8em; } #body h3 { margin : 1em 0px 0px 0px; padding-top : 0.15em; padding-bottom : 0.15em; } /* "principal" eh um div criado por gnudarlen deve ser usado em conjunto com o div "sidebar". */ #principal { /* Colors: aqua black blue fuchsia gray green lime maroon navy olive orange purple red silver teal white yellow */ margin : 0em 7% 3em 12em ; padding : 0em 1.3em 0em 1.3em; background-color: white; border-color : orange; border-style : dashed; /* none solid double dashed dotted groove ridge inset outset */ border-width : 0px 2px 0px 2px ; } .eb { display : block; background-color: #f1f1f1; color : black; font-weight : normal; font-style : italic; /*background-color: #f0f0f0;*/ padding : 1em 1em 1em 0em; text-align : right; } /***************************** SIDEBAR **************************** / The sidebar is a DIV made "by hand", inserting custom HTML code / on the page with %!postproc filters. / / Yes, it is that green strip at the right with the menu links. / This is the most tricky part of the CSS, some magic was necessary. / / The sidebar is floated right with its width set in EMs, so it scales / with the text size, not window. Cute. / / The right margin is negative so the sidebar can "escape" the #body / box padding and stick with the right border of the window. / / The menu links are defined as block so you can click outside the / text and it will work. And they're *always* blue. / / Images are showed as blocks with auto margins, to get centered. */ #logo { float : right; margin : 0; padding : 0; z-index : 0; } #sidebar { float : left; width : 10em; /*background : #000060; */ background-color: #f9f9f9; /* background-color: #C8E2FE; */ /* background-color: #C8F1FE; */ /* background-color: #ADD8E6; */ /* background-color: #BAE8FF; */ /* background-color: #ccd; */ /* color : #030; */ border-color : gray; border-style : none; /* none solid double dashed dotted groove ridge inset outset */ border-width : 3px 3px 3px 3px ; padding : .4em .4em .7em .7em; z-index : 1; font-weight : bold; position : absolute; } #sidebar a { display : block; color : #000060; font-weight : normal; text-decoration : none; } #sidebar a:hover { color: white; /* background-color: #8EB3BE; */ /* background-color: #69A8BA; */ background-color: #6CA6CD; } #sidebar ul { margin : 0 0 0 1em; padding : 0; } #sidebar ul li { list-style-type : none; } #sidebar p { color : black; margin : 0; border-bottom : 1px solid #D0D0D0; padding-top : 1em; } #sidebar b { margin : 0; font-weight : normal; } #sidebar img { display : block; margin : 1em auto 0 auto; } /***************** msuspenso **************** Menu que dever aparecer quando existe uma subseção. Ver estudo bíblico por exemplo. */ #msuspenso { /*float : left;*/ /*width : 8.8em;*/ background : #ADADFF; background-color: #C6C6DC; /* background-color: #C8E2FE; */ /* background-color: #C8F1FE; */ /* background-color: #ADD8E6; */ /* background-color: #BAE8FF; */ /* background-color: #ccd; */ /* color : #030; */ /* border-color : #fff; */ border-style : solid; border-width : 0 0 0 0 ; /* padding : 1em;*/ z-index : 2; font-weight : normal; /* IE: Box model strikes again */ } #msuspenso a { /*display : block;*/ color : #000060; font-weight : bold; font-size : 80%; padding : 0 0.5em 0 0.5em } #msuspenso a:hover { color: #E2E2E2; /* background-color: #8EB3BE; */ /* background-color: #69A8BA; */ background-color: #000060; } #msuspenso ul { margin : 0 0 0 1em; padding : 0; } #msuspenso ul li { list-style-type : none; } #msuspenso p { color : white; margin : 0; } #msuspenso b { margin : 0; font-weight : normal; } #msuspenso img { display : block; margin : 1em auto 0 auto; } /* A special link with the lang ID, placed at the top/right edge */ #msuspenso a#lang { float : right; margin : -1em -1em 0 0; font-size : 80%; } /* Fim do msuspenso */ /****************************** FOOTER **************************** / Not using footer fixed at the bottom because it is strange. / The footer must follow the contents, not the window height. */ #footer { background-color: white; margin : 3em 0 0 0; padding : .3em; border-top : 1px solid #cccccc; font-style : normal; font-size : 80%; } #footer p { padding : 0; margin : 0; color : #777777; } #footer a { font-weight : normal; text-decoration : underline; color : #777777; } #footer a:hover { text-decoration : underline; color : black; } #footer #validate { float : right; } #footer img { float : right; margin-left : 5px; }