template.css
3.03 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
@charset "utf-8";
/* CSS Document */
*{margin:0px;}
a {text-decoration: none; }
a img {border: none; }
p img { width:30%; }
body {
font-family:Arial !important;
margin:0px;
min-width:926px;
}
.imgMapa {
position:absolute;
z-index:99;
margin-top:-20px;
max-height:103px;
}
/* Banner GeoSaúde */
#topo {
background:url(../Imagens/fundoTopo02.png) repeat-x;
height:83px;
position:relative;
width:100%;
}
/* Menu superior */
#wrapper { width:100%; }
ul.barra-superior { width:100%; float: right; position:relative; display: inline; background-color: rgba(255,255,255,0.3); width: 100%; }
ul:hover.barra-superior{ background-image: linear-gradient(#ccc, #fff); }
.barra-superior li{ position:relative; float: right; list-style-type:none; line-height: 31px; }
.barra-superior li a {color:#333; text-decoration:none; padding:5px 25px; display:block; }
.barra-superior li:hover a, .barra-superior li.over a { background-image: linear-gradient(#fff, #CCC); }
.barra-superior li:hover ul, .barra-superior li.over ul{ display:block; }
.barra-superior li ul {position:absolute; top:41px; left:0; display:none; border-radius: 0 0 8px 8px; }
.barra-superior li ul li{ float:none; position:relative; display:block; background-color:none; }
.barra-superior li:hover a li a { padding:5px 25px; background-color: rgba(255,255,255,0.3); }
/* Final menu superior */
/* Menu lateral */
.menuLateral { position:absolute; float:right; max-width: 20%; top:45%; right:2%;}
.menuLateral ul { float:right; }
.menuLateral ul li { position:relative; }
.menuLateral li,
.menuLateral li ul li { list-style-type:none; text-align:right; background: rgba(255,255,255,0.3); border-radius: 8px; line-height:30px; margin-top:3%; right:21px; }
.menuLateral li a { padding: 0 10px; }
.menuLateral li:hover a, .menuLateral li.over a { list-style-type:none; text-align:right; background-image: linear-gradient(#ccc, #fff); border-radius: 8px; line-height:30px; width: 110% !important; float:right;}
/*segundo nível do menu */
.menuLateral ul ul {background: rgba(255,255,255,0.3); border-radius: 8px;}
.menuLateral li ul { position:absolute; right:110%; display:none;}
.menuLateral li:hover ul { display:block; }
.menuLateral ul li li:hover, .menuLateral ul li li.over { background-image: linear-gradient(#ccc, #fff); border-radius: 8px; }
/* Final - Menu lateral */
/*Div para teste de funcionalidade com imagens*/
#imagensTeste { background-color:#CCC; border-radius: 5px; margin:150px 0 100px 30%; width: 30%; height: 180px; display:none; }
.topoJanela { background-image: linear-gradient(#999, #fff); float:left; width: 100%; line-height: 31px; height: 31px; position:relative; text-align:center; font-weight:bold; border-radius: 5px 5px 0 0; }
.conteudoJanela { margin: 40px; float:left; width:80%; }
.conteudoJanela img {margin-left: 15px;}
.botoes {width:48%; background-image: linear-gradient(#666, #fff); border-radius: 8px; border-color:#000; border-width:2px; line-height: 31px; float:left; margin-left:1%; margin-top:20px;}