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

10

11
/*
12
 * Styles used by goog.ui.RoundedTabRenderer.
13
 */
14
.goog-rounded-tab {
15
  border: 0;
16
  cursor: default;
17
  padding: 0;
18
}
19

20
.goog-tab-bar-top .goog-rounded-tab,
21
.goog-tab-bar-bottom .goog-rounded-tab {
22
  float: left;
23
  margin: 0 4px 0 0;
24
}
25

26
.goog-tab-bar-start .goog-rounded-tab,
27
.goog-tab-bar-end .goog-rounded-tab {
28
  margin: 0 0 4px 0;
29
}
30

31
.goog-rounded-tab-caption {
32
  border: 0;
33
  color: #fff;
34
  margin: 0;
35
  padding: 4px 8px;
36
}
37

38
.goog-rounded-tab-caption,
39
.goog-rounded-tab-inner-edge,
40
.goog-rounded-tab-outer-edge {
41
  background: #036;
42
  border-right: 1px solid #003;
43
}
44

45
.goog-rounded-tab-inner-edge,
46
.goog-rounded-tab-outer-edge {
47
  font-size: 1px;
48
  height: 1px;
49
  overflow: hidden;
50
}
51

52
/* State: Hover */
53
.goog-rounded-tab-hover .goog-rounded-tab-caption,
54
.goog-rounded-tab-hover .goog-rounded-tab-inner-edge,
55
.goog-rounded-tab-hover .goog-rounded-tab-outer-edge {
56
  background-color: #69c;
57
  border-right: 1px solid #369;
58
}
59

60
/* State: Disabled */
61
.goog-rounded-tab-disabled .goog-rounded-tab-caption,
62
.goog-rounded-tab-disabled .goog-rounded-tab-inner-edge,
63
.goog-rounded-tab-disabled .goog-rounded-tab-outer-edge {
64
  background: #ccc;
65
  border-right: 1px solid #ccc;
66
}
67

68
/* State: Selected */
69
.goog-rounded-tab-selected .goog-rounded-tab-caption,
70
.goog-rounded-tab-selected .goog-rounded-tab-inner-edge,
71
.goog-rounded-tab-selected .goog-rounded-tab-outer-edge {
72
  background: #369 !important; /* Selected trumps hover. */
73
  border-right: 1px solid #036 !important;
74
}
75

76

77
/*
78
 * Styles for horizontal (top or bottom) tabs.
79
 */
80
.goog-tab-bar-top .goog-rounded-tab {
81
  vertical-align: bottom;
82
}
83

84
.goog-tab-bar-bottom .goog-rounded-tab {
85
  vertical-align: top;
86
}
87

88
.goog-tab-bar-top .goog-rounded-tab-outer-edge,
89
.goog-tab-bar-bottom .goog-rounded-tab-outer-edge {
90
  margin: 0 3px;
91
}
92

93
.goog-tab-bar-top .goog-rounded-tab-inner-edge,
94
.goog-tab-bar-bottom .goog-rounded-tab-inner-edge {
95
  margin: 0 1px;
96
}
97

98

99
/*
100
 * Styles for vertical (start or end) tabs.
101
 */
102
.goog-tab-bar-start .goog-rounded-tab-table,
103
.goog-tab-bar-end .goog-rounded-tab-table {
104
  width: 100%;
105
}
106

107
.goog-tab-bar-start .goog-rounded-tab-inner-edge {
108
  margin-left: 1px;
109
}
110

111
.goog-tab-bar-start .goog-rounded-tab-outer-edge {
112
  margin-left: 3px;
113
}
114

115
.goog-tab-bar-end .goog-rounded-tab-inner-edge {
116
  margin-right: 1px;
117
}
118

119
.goog-tab-bar-end .goog-rounded-tab-outer-edge {
120
  margin-right: 3px;
121
}
122

123

124
/*
125
 * Overrides for start tabs.
126
 */
127
.goog-tab-bar-start .goog-rounded-tab-table,
128
.goog-tab-bar-end .goog-rounded-tab-table {
129
  width: 12ex; /* TODO(attila): Make this work for variable width. */
130
}
131

132
.goog-tab-bar-start .goog-rounded-tab-caption,
133
.goog-tab-bar-start .goog-rounded-tab-inner-edge,
134
.goog-tab-bar-start .goog-rounded-tab-outer-edge {
135
  border-left: 1px solid #003;
136
  border-right: 0;
137
}
138

139
.goog-tab-bar-start .goog-rounded-tab-hover .goog-rounded-tab-caption,
140
.goog-tab-bar-start .goog-rounded-tab-hover .goog-rounded-tab-inner-edge,
141
.goog-tab-bar-start .goog-rounded-tab-hover .goog-rounded-tab-outer-edge {
142
  border-left: 1px solid #369 !important;
143
  border-right: 0 !important;
144
}
145

146
.goog-tab-bar-start .goog-rounded-tab-selected .goog-rounded-tab-outer-edge,
147
.goog-tab-bar-start .goog-rounded-tab-selected .goog-rounded-tab-inner-edge,
148
.goog-tab-bar-start .goog-rounded-tab-selected .goog-rounded-tab-caption {
149
  border-left: 1px solid #036 !important;
150
  border-right: 0 !important;
151
}
152

153
.goog-tab-bar-start .goog-rounded-tab-disabled .goog-rounded-tab-outer-edge,
154
.goog-tab-bar-start .goog-rounded-tab-disabled .goog-rounded-tab-inner-edge,
155
.goog-tab-bar-start .goog-rounded-tab-disabled .goog-rounded-tab-caption {
156
  border-left: 1px solid #ccc !important;
157
  border-right: 0 !important;
158
}
159

160