tabs_wev8.css
2.09 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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
/* root element for tabs */
.tabs {
list-style:none;
margin:0 !important;
padding:0;
height:30px;
border-bottom:1px solid #666;
font-weight:bold;
}
/* single tab */
.tabs li {
float:left;
text-indent:0;
padding:0;
margin:0 !important;
list-style-image:none !important;
}
/* link inside the tab. uses a background image */
.tabs a {
background: url(../../../page/images/tabs_wev8.png) no-repeat -652px 0;
font-size:11px;
display:block;
height: 30px;
line-height:30px;
width: 90px;
text-align:center;
text-decoration:none;
color:#000;
padding:0px;
margin:0px;
position:relative;
top:1px;
}
.tabs a:active {
outline:none;
}
/* when mouse enters the tab move the background image */
.tabs a:hover {
background-position: -652px -31px;
color:#000000;
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {
background-position: -652px -62px;
cursor:default !important;
color:#000 !important;
}
/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */
/* width 1 */
.tabs .w1 { background-position: -519px 0; width:134px; }
.tabs .w1:hover { background-position: -519px -31px; }
.tabs .w1.current { background-position: -519px -62px; }
/* width 2 */
.tabs .w2 { background-position: -366px -0px; width:154px; }
.tabs .w2:hover { background-position: -366px -31px; }
.tabs .w2.current { background-position: -366px -62px; }
/* width 3 */
.tabs .w3 { background-position: -193px -0px; width:174px; }
.tabs .w3:hover { background-position: -193px -31px; }
.tabs .w3.current { background-position: -193px -62px; }
/* width 4 */
.tabs .w4 { background-position: -0px -0px; width:194px; }
.tabs .w4:hover { background-position: -0px -31px; }
.tabs .w4.current { background-position: -0px -62px; }
/* initially all panes are hidden */
.tabls_panes .pane {
display:none;
}
/* 选项卡 */
.tabls_panes div {
display:none;
padding:15px 10px;
border:1px solid #999;
border-top:0;
height:100px;
font-size:14px;
background-color:#fff;
}