1
/*
2
 * Copyright 2009 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] (Daniel Pupius) */
9
/* Author: [email protected] (Cibu Johny) */
10

11
.goog-char-picker {
12
  background-color: #ddd;
13
  padding: 16px;
14
  border: 1px solid #777;
15
}
16

17
/* goog.ui.HoverCard */
18
.goog-char-picker-hovercard {
19
  border: solid 5px #ffcc33;
20
  min-width: 64px;
21
  max-width: 160px;
22
  padding: 16px;
23
  background-color: white;
24
  text-align: center;
25
  position: absolute;
26
  visibility: hidden;
27
}
28

29
.goog-char-picker-name {
30
  font-size: x-small;
31
}
32

33
.goog-char-picker-unicode {
34
  font-size: x-small;
35
  color: GrayText;
36
}
37

38
.goog-char-picker-char-zoom {
39
  font-size: xx-large;
40
}
41

42
/*
43
 * grid
44
 */
45
.goog-char-picker-grid-container {
46
  border: 1px solid #777;
47
  background-color: #fff;
48
  width: 272px;
49
}
50

51
.goog-char-picker-grid {
52
  overflow: hidden;
53
  height: 250px;
54
  width: 250px;
55
  position: relative;
56
}
57

58
.goog-stick {
59
  width: 1px;
60
  overflow: hidden;
61
}
62
.goog-stickwrap {
63
  width: 17px;
64
  height: 250px;
65
  float: right;
66
  overflow: auto;
67
}
68

69
.goog-char-picker-recents {
70
  border: 1px solid #777;
71
  background-color: #fff;
72
  height: 25px;
73
  width: 275px;
74
  margin: 0 0 16px 0;
75
  position: relative;
76
}
77

78
.goog-char-picker-notice {
79
  font-size: x-small;
80
  height: 16px;
81
  color: GrayText;
82
  margin: 0 0 16px 0;
83
}
84

85
/*
86
 * Hex entry
87
 */
88

89
.goog-char-picker-uplus {
90
}
91

92
.goog-char-picker-input-box {
93
  width: 96px;
94
}
95

96
.label-input-label {
97
  color: GrayText;
98
}
99

100
.goog-char-picker-okbutton {
101
}
102

103
/*
104
 * Grid buttons
105
 */
106
.goog-char-picker-grid .goog-flat-button {
107
  position: relative;
108
  width: 24px;
109
  height: 24px;
110
  line-height: 24px;
111
  border-bottom: 1px solid #ddd;
112
  border-right: 1px solid #ddd;
113
  text-align: center;
114
  cursor: pointer;
115
  outline: none;
116
}
117

118
.goog-char-picker-grid .goog-flat-button-hover,
119
.goog-char-picker-grid .goog-flat-button-focus {
120
  background-color: #ffcc33;
121
}
122

123
/*
124
 * goog.ui.Menu
125
 */
126

127
/* State: resting. */
128
.goog-char-picker-button {
129
  border-width: 0px;
130
  margin: 0;
131
  padding: 0;
132
  position: absolute;
133
  background-position: center left;
134
}
135

136
/* State: resting. */
137
.goog-char-picker-menu {
138
  background-color: #fff;
139
  border-color: #ccc #666 #666 #ccc;
140
  border-style: solid;
141
  border-width: 1px;
142
  cursor: default;
143
  margin: 0;
144
  outline: none;
145
  padding: 0;
146
  position: absolute;
147
  max-height: 400px;
148
  overflow-y: auto;
149
  overflow-x: hide;
150
}
151

152
/*
153
 * goog.ui.MenuItem
154
 */
155

156
/* State: resting. */
157
.goog-char-picker-menu .goog-menuitem {
158
  color: #000;
159
  list-style: none;
160
  margin: 0;
161
  /* 28px on the left for icon or checkbox; 10ex on the right for shortcut. */
162
  padding: 1px 32px 1px 8px;
163
  white-space: nowrap;
164
}
165

166
.goog-char-picker-menu2 .goog-menuitem {
167
  color: #000;
168
  list-style: none;
169
  margin: 0;
170
  /* 28px on the left for icon or checkbox; 10ex on the right for shortcut. */
171
  padding: 1px 32px 1px 8px;
172
  white-space: nowrap;
173
}
174

175
.goog-char-picker-menu .goog-subtitle {
176
  color: #fff !important;
177
  background-color: #666;
178
  font-weight: bold;
179
  list-style: none;
180
  margin: 0;
181
  /* 28px on the left for icon or checkbox; 10ex on the right for shortcut. */
182
  padding: 3px 32px 3px 8px;
183
  white-space: nowrap;
184
}
185

186
/* BiDi override for the resting state. */
187
.goog-char-picker-menu .goog-menuitem-rtl {
188
  /* Flip left/right padding for BiDi. */
189
  padding: 2px 16px 2px 32px !important;
190
}
191

192
/* State: hover. */
193
.goog-char-picker-menu .goog-menuitem-highlight {
194
  background-color: #d6e9f8;
195
}
196
/*
197
 * goog.ui.MenuSeparator
198
 */
199

200
/* State: resting. */
201
.goog-char-picker-menu .goog-menuseparator {
202
  border-top: 1px solid #ccc;
203
  margin: 2px 0;
204
  padding: 0;
205
}
206

207

208