FolhaDeEstilos < Estruturas

Estruturas Web>WebPreferences>FolhaDeEstilos (06 Oct 2011, DeniseBandeira? ) (raw view)EditAttach
<verbatim>

%STARTINCLUDE%

html, body {height:100%;} 

body {
       /*background: #CCCC66 url('body2.jpg') top left;*/
	background: #F3F3DE url('body2.jpg') top left;
        margin:0; 
	padding:0;
	color:#000;
	font:75%/1.4 Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

#fundoesq, #fundodir {
  position: absolute;
  width: 100px;
  height: 100%;
}

#fundoesq {
  left: -101px;
  background-image: url(/twiki/pub/Estruturas/FolhaDeEstilos/degclresc.jpg);
}

#fundodir{
  left: 961px;
  background-image: url(/twiki/pub/Estruturas/FolhaDeEstilos/degescclr.jpg);
}

#total { 
	width:960px;
	position:relative; 
	background:#fff url(%ATTACHURLPATH%/bg-esquerda.gif) repeat-y left;
	margin:0 auto;
	text-align:left;
	min-height:100%;
        border: 1px solid #000000;

}

* html #total {height: 100%;}

#topo {
	background-color:#FFFFFF;
	background: url(%ATTACHURLPATH%/topo4_06_2011.jpg) no-repeat;
	height:225px;
	text-align:right;
	padding-top:1px;
        border-bottom: 0px solid #000000;
}

#email {
        position: relative;
	height:20px;
	text-align: right;
	padding-top: 2px;
	margin: 176px 70px 0 0;
	color:#fff;
        border: 0px solid #FF0000;
}

#email a {
	color:#fff;
}
#email a:hover {
	color:#fff;
	text-decoration:none;
}

#conteudo {padding-bottom:30px;}

#outer {
       width:100%;
       float: right;
       margin-top: 10px;
       padding: 0px;
       padding-bottom: 45px;
       border: 0px solid #FFCC00;
}

#principal {
	width:80%;
	padding-right: 20px;
	float:left;
	padding-top: 10px;
	text-align:justify;
        border: 0px solid #0099FF;
	padding-left: 10px;

}

#interno{
        width:120px;
	float:right;
	padding-top:10px;
	padding-left:6px;
        background-color: #ffffee;
}

/* Formatando lateral esquerda */

#esquerda {
	width:150px;
	float:left;
	padding-top:10px;
	padding-left:6px;
        border: 0px solid #33FF99;
}

#esquerda ul {
	width:150px;
	margin:0px;
	padding:0;
	list-style:none;
}

#esquerda ul li {margin:5px 0; }

#esquerda ul li a, #esquerda ul li a:visited {
	height:1%;
	font:12px Verdana, Helvetica, sans-serif;
	display:block;
	background:#060;
	color:#fff;
	text-decoration:none;
	padding:2px 5px;
}

#esquerda ul li a:hover {
	background:#ECF6D8;
	color:#000;
	border-bottom:0px solid #999;	
}
/*Fim esquerda*/

#rodape {
	background:#FAEB98;
/*  background: url(%ATTACHURLPATH%/fundo_destaques.jpg); */
	width:960px;
	position: absolute;
	bottom:0;
	border:dotted #999;
	border-width:0px 0;
	text-align:center;
	font-size: 9px;
	padding-top:3px;
        padding-bottom:3px;
	
}

#rodape p {
	margin:0;
	font-weight:normal;
	color:#060;
}

#rodape a {
	font:9px Verdana, Helvetica, sans-serif;
	color:blue;
	text-decoration:none;
}

#rodape a:visited {
	font:9px Verdana, Helvetica, sans-serif;
	color:blue;
	text-decoration:none;
}
#rodape a:hover{
	font:9px Verdana, Helvetica, sans-serif;
	color:#blue;
	text-decoration:underline;
}

/* Formatando Div LinKs */

#links a {
	font:12px Verdana, Helvetica, sans-serif;
	color:white;
        text-decoration:underline;

}

a:visited {
	font:12px Verdana, Helvetica, sans-serif;
	color:white;
        text-decoration:underline;

}

a:hover{
	font:12px Verdana, Helvetica, sans-serif;
	color:white;
        text-decoration:underline;
	
}

/* Fim Div Links */

/* Formatando Links em Textos*/

a {
	font:12px Verdana, Helvetica, sans-serif;
	color:navy;
	text-decoration:none;
}

a:visited {
	font:12px Verdana, Helvetica, sans-serif;
	color:#000080;
	text-decoration:none;
}
a:hover{
	font:12px Verdana, Helvetica, sans-serif;
	color:#ff0000;
             text-decoration:underline;
	
}


ul li a {
	font:12px Verdana, Helvetica, sans-serif;
	color:blue;
	text-decoration:none;
}

ul li a:visited {
	font:12px Verdana, Helvetica, sans-serif;
	color: #0088FF;
	text-decoration:none;
}
ul li a:hover{
	font:12px Verdana, Helvetica, sans-serif;
	color:#ff0000;
	text-decoration:underline;
}
/* Fim Links */

/* Formatando os títulos */

h1, h2, h3, h4, h5, h6 {    
   font:bold 18px Verdana, Helvetica, sans-serif;
   color:#123E74;
   margin:0 0 1.0em 0;
}

h1 {font-size:22px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:10px;}

/* Fim títulos */

.clear {clear:both;}

/* Formata DESTAQUES - REVER*/
#destaques {
  position: relative;
  float: right;
  width: 20%;
  border: 1px solid #000000;
  clear: both;
  margin: 4.0em 0.2em 0.2em 1em;
  padding: 0;
  padding-bottom: 0.3em;
  background: url(%ATTACHURLPATH%/fundo_destaques1.jpg); 
  color: #000000;
  text-align:left;
}

#destaques  div.header {
  padding: 0.2em 0.5em 0.2em 0.1em;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  background-color: #4f81bd;
  border-color: #f4f4b3;
  border-style: solid;
  border-width: 0px;
}
#destaques  div.header2 {
  padding: 0.2em 0.5em 0.2em 0.1em;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  background-color: #4f81bd;
  border-color: #f4f4b3;
  border-style: solid;
  border-width: 0px;
}

#destaques ul {
  list-style: none;
  margin: 0;
/*  padding: 0.1em 0 0.5em 0.1em;*/
   padding:0px 1px;
       font:11px Verdana, Helvetica, sans-serif;
  width: 95%;
}

#destaques li {
  list-style: none;
  margin: 0;
/*  padding: 0.5em 0 0.5em 0.5em;*/
   padding:2px 1px;
       font:11px Verdana, Helvetica, sans-serif;
}
#destaques ul li a, #destaques ul li a:visited {
   height:1%;
   font: 11px Verdana, Helvetica, sans-serif;
   display:block;
   background:#FFF;
   color:#000;
   text-decoration:none;
   padding:2px 1px;
}

#destaques ul li a:hover {
   background:#F3F3DE;
   color:#000;
       font:11px Verdana, Helvetica, sans-serif;
      padding:2px 1px;
  /*padding: 0.5em 0 0.5em 0.5em;*/
   border-bottom:0px solid #999;   
}

/*FORMATA MENU popup*/

A.template:link {
   COLOR: #01418E; TEXT-DECORATION: none !important;}

A.template:visited {
   COLOR: navy; TEXT-DECORATION: none !important
}
A.template:hover {
   COLOR: 3980f4; TEXT-DECORATION: underline
}
A.template:active {
   COLOR: #090b64
}
A.linkTopo1:link {
   VERTICAL-ALIGN: top; COLOR: white
}
A.linkTopo1:visited {
   VERTICAL-ALIGN: top; COLOR: white
}
A.linkTopo2:link {
   VERTICAL-ALIGN: top; COLOR: white; PADDING-TOP: 0px; HEIGHT: 15px
}
A.linkTopo2:hover {
   VERTICAL-ALIGN: top; COLOR: white; PADDING-TOP: 0px; HEIGHT: 15px
}
A.linkTopo2:visited {
   VERTICAL-ALIGN: top; COLOR: white; PADDING-TOP: 0px; HEIGHT: 15px
}
A.linkTitulos:link {
   COLOR: #FFFFFF;  
}
A.linkTitulos:visited {
   COLOR: #FFFFFF; 
}
A.linkTitulos:hover {
   COLOR: #CCCC33;  
}
A.linkTitulos:active {
   COLOR: #FFFFFF; 
}


/*
a.pagelink:link { color: navy; text-decoration: none; font-weight:bold; }
a.pagelink:visited { color: #929289; text-decoration: none}
a.pagelink:active { color: #8B008B; text-decoration: none}
a.pagelink:hover { color: #FF0000; text-decoration: underline}

.pagelink a{
   font-weight:bold;
}

*/

/* Inicio comentado titulo2
A.linkTitulos2:link {
   COLOR: #660000; 
   TEXT-DECORATION: underline;
   font-weight:bold;
}


A.linkTitulos2:visited {
   COLOR: #2C1FAA; 
   TEXT-DECORATION: none 
}
Fim comentado titulo2 */



A.linkTitulos2:hover {
   COLOR: navy;
   font-weight:bold;  
   TEXT-DECORATION: underline; 
}


A.linkTitulos2:active {
   COLOR: #000000; 
   TEXT-DECORATION: none 
}

.menuNivel2Sel {
   COLOR: white; BACKGROUND-COLOR: #e4d6a9
}
.subMenu {
   BACKGROUND-COLOR: #e9edf4;
}
.linhaSubMenu {
   BORDER-BOTTOM: #F90D5B 1px solid
}
.textoSubMenu {
   PADDING-RIGHT: 3px; PADDING-LEFT: 5px; FONT-SIZE: 100%; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BORDER-BOTTOM: #1f407f  1px solid
}
.linkTitulos {
   FONT-SIZE: 11px; BACKGROUND-COLOR: #A98F38; COLOR: #ff0033;
}
/*links com submenus*/
.linkTitulos2 {
   FONT-SIZE: 12px; 
   COLOR:navy;  
   font-weight:bold;
}

.linkTitulos2 a{
   font-weight:bold;
}

.celula { 
        border-top-width:0px; 
        border-left-width:0px; 
        border-right-width:0px; 
        border-bottom-width:1px;
        border-color:rgb(25,60,101);
        border-style:solid;
        BACKGROUND-COLOR: #ffffff;
        padding-left : 3px; 
}


hr {
  color: green;
}

%STOPINCLUDE%

</verbatim>
Attachments
Topic attachments
I	Attachment	Action	Size	Date	Who
jpg	azul_fundo.jpg	manage	7.8 K	08 Jun 2011 - 15:00	UnknownUser
jpg	bege_fundo.jpg	manage	8.0 K	08 Jun 2011 - 15:07	UnknownUser
jpg	degclresc.jpg	manage	0.4 K	08 Jun 2011 - 15:11	UnknownUser
jpg	degescclr.jpg	manage	0.4 K	08 Jun 2011 - 15:11	UnknownUser
jpg	topo.jpg	manage	56.0 K	06 Jun 2011 - 15:03	UnknownUser
jpg	topo2.jpg	manage	54.8 K	06 Jun 2011 - 16:19	UnknownUser
jpg	topo4_06_2011.jpg	manage	79.0 K	06 Oct 2011 - 16:04	UnknownUser
jpg	topo_1e3_acs.jpg	manage	63.1 K	14 Jun 2011 - 11:04	AgnaldoCostaSantos
Topic revision: r25 - 06 Oct 2011 - 16:05:16 - DeniseBandeira?
Estruturas
Copyright &Â© by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki? Send feedback