acordeon.css
1.47 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
.acordeon, .acordeonInterno{
font-family: sans-serif;
margin: 0;
position:relative;
}
.acordeon > dl{ margin: 60px auto; }
.acordeon dt, .acordeon dd, .acordeonInterno dt, .acordeonInterno dd{ padding: 10px; }
//.acordeon dt{ background: #333333; color: white; border-bottom: 1px solid #141414; border-top: 1px solid #4E4E4E; cursor: pointer; }
//.acordeon dd{ background: #F5F5F5; line-height: 1.6em; }
.acordeon dt,
.acordeonInterno dt{
background: #efefef;
color: #000;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
cursor: pointer;
}
.acordeon dd
, .acordeonInterno dd
{line-height: 1.6em;margin-left:0 }
.acordeon dt.activo, .acordeonInterno dt.activo, dt:hover{ background: #fff6d3; }
//.acordeon dt:before{ content: url("../css/right.png"); margin-right: 10px; }
//.acordeon dt.activo:before{ content: url("../css/down.png"); }
.acordeon dt
, .acordeonInterno dt{
background-image: url("img/right.png");
background-position: 10px 5px;
background-repeat: no-repeat;
padding-left: 35px;
}
.acordeon dt.activo
, .acordeonInterno dt.activo{
background-image: url("img/down.png");
background-position: 14px 9px;
background-repeat: no-repeat;
padding-left: 35px;
}
.acordeon input[type="submit"] {
position: absolute;
right: 5px;
top: 5px;
border-radius: 5px;
padding: 3px;
}
.tr_1 td, .tr_2 td, .tr_3 td, .tr_4 td,
.tr_5 td, .tr_6 td, .tr_7 td, .tr_8 td {
padding-right: 15px;
}