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
/*
9
 * Standard styling for a goog.ui.DatePicker.
10
 *
11
 * @author [email protected] (Erik Arvidsson)
12
 */
13

14
.goog-date-picker,
15
.goog-date-picker th,
16
.goog-date-picker td {
17
  font: 13px Arial, sans-serif;
18
}
19

20
.goog-date-picker {
21
  -moz-user-focus: normal;
22
  -moz-user-select: none;
23
  position: relative;
24
  border: 1px solid #000;
25
  float: left;
26
  padding: 2px;
27
  color: #000;
28
  background: #c3d9ff;
29
  cursor: default;
30
}
31

32
.goog-date-picker th {
33
  text-align: center;
34
}
35

36
.goog-date-picker td {
37
  text-align: center;
38
  vertical-align: middle;
39
  padding: 1px 3px;
40
}
41

42

43
.goog-date-picker-menu {
44
  position: absolute;
45
  background: threedface;
46
  border: 1px solid gray;
47
  -moz-user-focus: normal;
48
  z-index: 1;
49
  outline: none;
50
}
51

52
.goog-date-picker-menu ul {
53
  list-style: none;
54
  margin: 0px;
55
  padding: 0px;
56
}
57

58
.goog-date-picker-menu ul li {
59
  cursor: default;
60
}
61

62
.goog-date-picker-menu-selected {
63
  background: #ccf;
64
}
65

66
.goog-date-picker th {
67
  font-size: .9em;
68
}
69

70
.goog-date-picker td div {
71
  float: left;
72
}
73

74
.goog-date-picker button {
75
  padding: 0px;
76
  margin: 1px 0;
77
  border: 0;
78
  color: #20c;
79
  font-weight: bold;
80
  background: transparent;
81
}
82

83
.goog-date-picker-date {
84
  background: #fff;
85
}
86

87
.goog-date-picker-week,
88
.goog-date-picker-wday {
89
  padding: 1px 3px;
90
  border: 0;
91
  border-color: #a2bbdd;
92
  border-style: solid;
93
}
94

95
.goog-date-picker-week {
96
  border-right-width: 1px;
97
}
98

99
.goog-date-picker-wday {
100
  border-bottom-width: 1px;
101
}
102

103
.goog-date-picker-head td {
104
  text-align: center;
105
}
106

107
/** Use td.className instead of !important */
108
td.goog-date-picker-today-cont {
109
  text-align: center;
110
}
111

112
/** Use td.className instead of !important */
113
td.goog-date-picker-none-cont {
114
  text-align: center;
115
}
116

117
.goog-date-picker-month {
118
  min-width: 11ex;
119
  white-space: nowrap;
120
}
121

122
.goog-date-picker-year {
123
  min-width: 6ex;
124
  white-space: nowrap;
125
}
126

127
.goog-date-picker-monthyear {
128
  white-space: nowrap;
129
}
130

131
.goog-date-picker table {
132
  border-collapse: collapse;
133
}
134

135
.goog-date-picker-other-month {
136
  color: #888;
137
}
138

139
.goog-date-picker-wkend-start,
140
.goog-date-picker-wkend-end {
141
  background: #eee;
142
}
143

144
/** Use td.className instead of !important */
145
td.goog-date-picker-selected {
146
  background: #c3d9ff;
147
}
148

149
.goog-date-picker-today {
150
  background: #9ab;
151
  font-weight: bold !important;
152
  border-color: #246 #9bd #9bd #246;
153
  color: #fff;
154
}
155

156