ressource liens
[auf_savoirs_en_partage_django.git] / auf_savoirs_en_partage / media / css / tabber.css
1 /* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */
2
3 /*--------------------------------------------------
4 REQUIRED to hide the non-active tab content.
5 But do not hide them in the print stylesheet!
6 --------------------------------------------------*/
7 .tabberlive .tabbertabhide {
8 display:none;
9 }
10
11 /*--------------------------------------------------
12 .tabber = before the tabber interface is set up
13 .tabberlive = after the tabber interface is set up
14 --------------------------------------------------*/
15 .tabber {
16 }
17 .tabberlive {
18 margin-top:1em;
19 }
20
21 /*--------------------------------------------------
22 ul.tabbernav = the tab navigation list
23 li.tabberactive = the active tab
24 --------------------------------------------------*/
25 ul.tabbernav
26 {
27 margin:0;
28 padding: 3px 0;
29 border-bottom: 1px solid #e8e8e8;
30 font: bold 12px Verdana, sans-serif;
31 }
32
33 ul.tabbernav li
34 {
35 list-style: none;
36 margin: 0;
37 display: inline;
38 }
39
40 ul.tabbernav li a
41 {
42 padding: 3px 0.5em;
43 margin-left: 3px;
44 border: 1px solid #e8e8e8;
45 border-bottom: none;
46 background: #f0f0f0;
47 text-decoration: none;
48 }
49 ul.tabbernav li:first-child a:first-child { margin-left: 0px; }
50
51 ul.tabbernav li a:link { color: #3A3125; }
52 ul.tabbernav li a:visited { color: #667; }
53
54 ul.tabbernav li.tabberactive a
55 {
56 background-color: #fff;
57 border-bottom: 1px solid #fff;
58 }
59
60
61 /*--------------------------------------------------
62 .tabbertab = the tab content
63 Add style only after the tabber interface is set up (.tabberlive)
64 --------------------------------------------------*/
65 .tabberlive .tabbertab {
66 padding:5px;
67 border:1px solid #e8e8e8;
68 border-top:0;
69
70 /* If you don't want the tab size changing whenever a tab is changed
71 you can set a fixed height */
72
73 /* height:200px; */
74
75 /* If you set a fix height set overflow to auto and you will get a
76 scrollbar when necessary */
77
78 /* overflow:auto; */
79 }
80
81 /* If desired, hide the heading since a heading is provided by the tab */
82 .tabberlive .tabbertab h2 {
83 display:none;
84 }
85 .tabberlive .tabbertab h3 {
86 display:none;
87 }
88
89 /* Example of using an ID to set different styles for the tabs on the page */
90 .tabberlive#tab1 {
91 }
92 .tabberlive#tab2 {
93 }
94 .tabberlive#tab2 .tabbertab {
95 height:200px;
96 overflow:auto;
97 }