1
/*
2
 * Copyright 2008 The Closure Library Authors. All Rights Reserved.
3
 *
4
 * Use of this source code is governed by the Apache License, Version 2.0.
5
 * See the COPYING file for details.
6
 */
7

8
/* Author: [email protected] (Attila Bodis) */
9
/* Author: [email protected] (Emil A. Eklund) */
10

11

12
/*
13
 * Styles used by goog.ui.TabRenderer.
14
 */
15
.goog-tab {
16
  position: relative;
17
  padding: 4px 8px;
18
  color: #00c;
19
  text-decoration: underline;
20
  cursor: default;
21
}
22

23
.goog-tab-bar-top .goog-tab {
24
  margin: 1px 4px 0 0;
25
  border-bottom: 0;
26
  float: left;
27
}
28

29
.goog-tab-bar-top:after,
30
.goog-tab-bar-bottom:after {
31
  content: " ";
32
  display: block;
33
  height: 0;
34
  clear: both;
35
  visibility: hidden;
36
}
37

38
.goog-tab-bar-bottom .goog-tab {
39
  margin: 0 4px 1px 0;
40
  border-top: 0;
41
  float: left;
42
}
43

44
.goog-tab-bar-start .goog-tab {
45
  margin: 0 0 4px 1px;
46
  border-right: 0;
47
}
48

49
.goog-tab-bar-end .goog-tab {
50
  margin: 0 1px 4px 0;
51
  border-left: 0;
52
}
53

54
/* State: Hover */
55
.goog-tab-hover {
56
  background: #eee;
57
}
58

59
/* State: Disabled */
60
.goog-tab-disabled {
61
  color: #666;
62
}
63

64
/* State: Selected */
65
.goog-tab-selected {
66
  color: #000;
67
  background: #fff;
68
  text-decoration: none;
69
  font-weight: bold;
70
  border: 1px solid #6b90da;
71
}
72

73
.goog-tab-bar-top {
74
  padding-top: 5px !important;
75
  padding-left: 5px !important;
76
  border-bottom: 1px solid #6b90da !important;
77
}
78
/*
79
 * Shift selected tabs 1px towards the contents (and compensate via margin and
80
 * padding) to visually merge the borders of the tab with the borders of the
81
 * content area.
82
 */
83
.goog-tab-bar-top .goog-tab-selected {
84
  top: 1px;
85
  margin-top: 0;
86
  padding-bottom: 5px;
87
}
88

89
.goog-tab-bar-bottom .goog-tab-selected {
90
  top: -1px;
91
  margin-bottom: 0;
92
  padding-top: 5px;
93
}
94

95
.goog-tab-bar-start .goog-tab-selected {
96
  left: 1px;
97
  margin-left: 0;
98
  padding-right: 9px;
99
}
100

101
.goog-tab-bar-end .goog-tab-selected {
102
  left: -1px;
103
  margin-right: 0;
104
  padding-left: 9px;
105
}
106

107