worktime/style.css at master · bwoods43/worktime · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
body { font: 14px Arial,Helvetica,Sans-serif; margin: 0; padding: 0; text-align: center;	background: #f0f0f0 url("images/bg.png") top left; line-height: 1.3333; }

/* General */
.success { margin: 1em 0; padding: 1em; color: #0a0; border: 1px solid; background: #fef9cc; }
body #page .success a { color: #0a0; }
.errors { margin: 1em 0; padding: 1em; color: #c00; border: 1px solid; background: #fef9cc; }
.errors ul { margin: 0; padding: 0; list-style: none; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

a { color: #036; }
.indent { margin: 1em 3em; }

.clear { clear: both; }

#page { width: 960px; margin: 0 auto; text-align: left; }

/* Login/Forgot */
body#login { background: #f0f0f0 url("images/login_bg.png") top left repeat-x; padding: 100px 0 0; }
body#login h1 { background: url("images/login_logo.png") top left no-repeat; text-indent: -9999px; height: 100px; margin: 0 245px; }
body#login form { margin: 0 250px; padding: 0; font-size: 14px; color: #666; position: relative; }
body#login form label { display: block; font-size: 16px; font-weight: bold; }
body#login form input.text { font-size: 16px; color: #666; border: 1px solid #ccc; padding: .5em; width: 400px; }
body#login form a { color: #aaa; }
body#login form a.forgot { position: absolute; right: 44px; bottom: 98px; text-transform:lowercase; }
body#login form input.button { font: 18px Arial,Helvetica,Sans-serif; color :#fff; background: url("images/btn_bg.png") top left repeat-x #67000c; border:1px solid #888; padding: .5em; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -webkit-box-shadow: 1px 1px 1px #888; }


#header { background: url("images/header_bg.png") top left repeat-x; color: #f7f7f7; text-align: center; font-size:14px; }
#header .wrap { width: 960px; margin: 0 auto; text-align: right; height: 102px; position: relative; }
#header h1 { margin: 0; padding: 0; height: 94px; width: 347px; overflow: hidden; position: absolute; top: 0; left: 0; }
#header h1 a { display: block; padding: 94px; font-size: 4px; background: url("images/logo.png") top left no-repeat; }
#header a { color: #e7e7e7; }
#header a:hover { color: #fff; }
#header p { margin: 0; padding: 24px 0 0; }

#page #options { float: left; width: 200px; }
#page #options h4 { margin: 0 0 1em; }

#page #options ul { margin: 0; padding: 0; list-style: none; }
#page #options ul li ul { margin: 0 0 1em 1.5em; list-style: square; }

#page #work_area { margin: 0 0 0 220px; line-height: 1.5; }

h1,h2,h3,h4 { color: #1b2934; }
h2 { font-size: 24px; letter-spacing: -1px; }
h3 { font-size: 18px; letter-spacing: -1px; }

.basic_form label { color:#666; display: block; cursor: pointer; font-weight: bold; font-size: 16px; }
.basic_form input.text { border: 1px solid #ccc; padding: .5em; color: #666; font: 14px Arial,Sans-serif; }
.basic_form textarea { border: 1px solid #ccc; padding: .5em; color: #666; font: 14px Arial,Sans-serif; }
.basic_form select { border: 1px solid #ccc; padding: .5em; color: #666; font: 14px Arial,Sans-serif; }
.basic_form .button { font: bold 14px Arial,Sans-serif; border: 1px solid #666; background: url("images/btn_bg_gray.png") 0 -4px repeat-x #a1a1a1; font-size: 14px; color: #fff; padding: .5em 1em; cursor: pointer; }
.basic_form .button {
	border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	-webkit-border-radius: 1.5em;
	text-shadow: 1px 1px 0 #444;
	-moz-text-shadow: 1px 1px 0 #444;
	-webkit-text-shadow: 1px 1px 0 #444;
	box-shadow: 1px 1px 3px #666;
	-moz-box-shadow: 1px 1px 2px #888;
	-webkit-box-shadow: 1px 1px 2px #888;
}
.basic_form label.inline { display: inline; }
.basic_form label.checkbox { font-weight: normal; }
.basic_form .multiple_select { width: 450px; }
.verify_no {
	color: #FFF;
	background-color: #b10037;
	padding-left: 5px;
	margin: 0px;
}
.verify_yes {
	color: #FFF;
	background-color: #006600;
	padding: 5px;
	margin: 0px;
}
table.listing { border-collapse: collapse; width: 92%; border:0; font-size: 14px; margin: 0; }
table.listing a { text-decoration: none; }
table.listing a:hover { text-decoration: underline; }
table.listing a.delete { color: #c00; }
table.listing th { border-bottom: 2px solid #ccc; vertical-align:bottom; padding: .5em 0; }
table.listing td { vertical-align: top; padding: .5em 0; padding: .5em 0; border-bottom: 1px solid #e7e7e7; }
table.listing td .row-actions { font-size: 12px; color: #666; height: 12px;  }

p.note { font-size: 11px; color: #444; margin: 1em 0; font-style: italic; }
p.note strong { background: #ffa; padding: 2px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

p.paging { font-size: 14px; text-align:right; margin: 1em 0 0; }
p.paging a,p.paging span { padding: 3px 6px; border: 1px solid #ccc; text-decoration: none; background: #fff; }
p.paging a:hover { background: #f0f0f0; }
p.paging span { background: #036; color: #fff; }

#footer { clear:both; color: #666; font-size: 12px; padding: 1em 0 0; margin: 2em 0 0; border-top: 1px dotted #ccc;  }
#footer a { color: #666; }

/* Time Entry */
/* 7/3/10 baw - removed position to allow sidebar to work */
/* #time_entry { position: relative; } */
#time_entry h3 { font-weight: normal; }
#time_entry h3 { font-weight: normal; }
#time_entry h4 { font-size: 14px; font-weight: normal; letter-spacing: none; }
#time_entry .softer { color: #878787; }
#time_entry h4.softer { margin-top: -1em; }
#time_entry form label { color: #666; display: block; }
#time_entry form input,#time_entry form select { font-size: 14px; vertical-align: middle; }

#time_entry form textarea { height: 30px; font-size: 11px;}

#time_entry form div.employee,
#time_entry form div.note,
#time_entry form div.task,
#time_entry form div.hours {
	float: left;
	padding: 0 1em;
}
#time_entry form div.clear { float: none; }
#time_entry form div.submit { padding: 1em 0 0; padding-right: 0; }
#time_entry form div.submit input { background: url("images/btn_green_check.png") top left no-repeat #62b42c; padding: 6px 1em 6px 34px; }

#time_entry form div.add input { background: url("images/btn_gray_plus.png") top left no-repeat #a7a7a7; padding: 6px 1em 6px 34px; }
#time_entry form div.add input.remove_button { color :#fff; background: url("images/btn_bg.png") top left repeat-x #67000c; border:1px solid #888; padding-left: 1em;  }

#time_entry div.add { padding-top: 2.5em; font-size: 12px; }
#time_entry form span.add_button { color: #62b42c; padding-right: 1em; cursor: pointer; text-decoration: underline; }
#time_entry form span.remove_button { color: #67000c; cursor: pointer; text-decoration: underline; }

#time_entry .inline_error { padding: 0 1em .5em; color: #ca0000; font-size: 12px; font-style: italic;}
#time_entry .inline_error a { color: #ca0000;}
#time_entry .line { border-bottom: 1px dotted #ddd; padding: .5em 0; float: none; }

#jumper {
	font-size: 12px;
	position: absolute;
	top: 0;
	right: 0;
}

#time_entry form .highlight { background: #fefeaa; }

#time_entry .view_time { float: right; }

/* Review Time */
#time_review { position: relative; }
#time_review table { width: 100%; }
#time_review table tr td.employee { width: 20%; }
#time_review table tr td.task { width: 20%; }
#time_review table tr td.notes { width: 30%; }
#time_review table tr td.hours { width: 10%; }

table.report { border: 0; border-collapse: collaspe; width: 75%; }
table.report tr th,table.report tr td { padding: .25em; border-bottom: 1px dotted #ccc; vertical-align: top; }
table.report tr td { text-align: right; }

.report .positive { color:#62b42c;}
.report .negative { color:#af000c;}

.report .chart { background: #fff; padding: 1em; margin: 1em 0; border: 1px solid #ccc; text-align: center; width: 75%; }
.report .chart h3 { margin: 0; }

.basic_form .the_note { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dotted #ccc; }
.basic_form #the_note { width: 92%; height: 80px; font-size: 1em; }
#time_review .note_text { margin: 0 0 2em; }
#time_review #the_note textarea { border: 1px solid #ccc; padding: .5em; color: #666; font: 14px Arial,Sans-serif; width: 98%; height: 80px; }

/* timesheet */
table.timesheet { border: 0; border-collapse: collaspe; width: 100%; }
table.timesheet tr th,table.timesheet tr td {
	padding: .25em;
	vertical-align: top;
}
table.timesheet tr td { text-align: right; width: 15px; }
table.timesheet .name-row {
	color: #B10037;
	text-align: left;
	border-top: 2px solid #000;
}
table.timesheet .secondary-name-row {
	color: #333333;
	text-align: left;
	border: 0px;
}
table.timesheet .weekdays { text-align: center; }
table.timesheet .header { font-weight: bold;}

table.timesheet .end-cell {
	border-right: 1px solid #000;
}

table.timesheet .shaded-cell {
	background-color: #DFDFDF;
}

.small-header {
	font-size: 60%;
	margin-left: 20px;
}