~helene-verhaeghe27/cairo-dock-core/bugfix

« back to all changes in this revision

Viewing changes to doc/html/tabs.css

  • Committer: fabounet
  • Date: 2008-11-14 01:51:17 UTC
  • Revision ID: vcs-imports@canonical.com-20081114015117-854dznkw3lfva52x
The commit of the year \!

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
/* tabs styles, based on http://www.alistapart.com/articles/slidingdoors */
 
2
 
 
3
DIV.tabs
 
4
{
 
5
   float            : left;
 
6
   width            : 100%;
 
7
   background       : url("tab_b.gif") repeat-x bottom;
 
8
   margin-bottom    : 4px;
 
9
}
 
10
 
 
11
DIV.tabs UL
 
12
{
 
13
   margin           : 0px;
 
14
   padding-left     : 10px;
 
15
   list-style       : none;
 
16
}
 
17
 
 
18
DIV.tabs LI, DIV.tabs FORM
 
19
{
 
20
   display          : inline;
 
21
   margin           : 0px;
 
22
   padding          : 0px;
 
23
}
 
24
 
 
25
DIV.tabs FORM
 
26
{
 
27
   float            : right;
 
28
}
 
29
 
 
30
DIV.tabs A
 
31
{
 
32
   float            : left;
 
33
   background       : url("tab_r.gif") no-repeat right top;
 
34
   border-bottom    : 1px solid #84B0C7;
 
35
   font-size        : x-small;
 
36
   font-weight      : bold;
 
37
   text-decoration  : none;
 
38
}
 
39
 
 
40
DIV.tabs A:hover
 
41
{
 
42
   background-position: 100% -150px;
 
43
}
 
44
 
 
45
DIV.tabs A:link, DIV.tabs A:visited,
 
46
DIV.tabs A:active, DIV.tabs A:hover
 
47
{
 
48
       color: #1A419D;
 
49
}
 
50
 
 
51
DIV.tabs SPAN
 
52
{
 
53
   float            : left;
 
54
   display          : block;
 
55
   background       : url("tab_l.gif") no-repeat left top;
 
56
   padding          : 5px 9px;
 
57
   white-space      : nowrap;
 
58
}
 
59
 
 
60
DIV.tabs INPUT
 
61
{
 
62
   float            : right;
 
63
   display          : inline;
 
64
   font-size        : 1em;
 
65
}
 
66
 
 
67
DIV.tabs TD
 
68
{
 
69
   font-size        : x-small;
 
70
   font-weight      : bold;
 
71
   text-decoration  : none;
 
72
}
 
73
 
 
74
 
 
75
 
 
76
/* Commented Backslash Hack hides rule from IE5-Mac \*/
 
77
DIV.tabs SPAN {float : none;}
 
78
/* End IE5-Mac hack */
 
79
 
 
80
DIV.tabs A:hover SPAN
 
81
{
 
82
   background-position: 0% -150px;
 
83
}
 
84
 
 
85
DIV.tabs LI.current A
 
86
{
 
87
   background-position: 100% -150px;
 
88
   border-width     : 0px;
 
89
}
 
90
 
 
91
DIV.tabs LI.current SPAN
 
92
{
 
93
   background-position: 0% -150px;
 
94
   padding-bottom   : 6px;
 
95
}
 
96
 
 
97
DIV.nav
 
98
{
 
99
   background       : none;
 
100
   border           : none;
 
101
   border-bottom    : 1px solid #84B0C7;
 
102
}