Subversion Repositories SmartDukaan

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
6388 amar.kumar 1
/*
2
 * File:        TableTools.css
3
 * Description: Styles for TableTools 2
4
 * Author:      Allan Jardine (www.sprymedia.co.uk)
5
 * Language:    Javascript
6
 * License:     LGPL / 3 point BSD
7
 * Project:     DataTables
8
 * 
9
 * Copyright 2010 Allan Jardine, all rights reserved.
10
 *
11
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
12
 *
13
 * CSS name space:
14
 *   DTTT                  DataTables TableTools
15
 *
16
 * Colour dictionary:
17
 *   Button border         #d0d0d0
18
 *   Button border hover   #999999
19
 *   Hover background      #f0f0f0
20
 *   Action blue           #4b66d9
21
 *
22
 * Style sheet provides:
23
 *   CONTAINER             TableTools container element and styles applying to all components
24
 *   BUTTON_STYLES         Action specific button styles
25
 *   SELECTING             Row selection styles
26
 *   COLLECTIONS           Drop down list (collection) styles
27
 *   PRINTING              Print display styles
28
 *   MISC                  Minor misc styles
29
 */
30
 
31
 
32
/*
33
 * CONTAINER
34
 * TableTools container element and styles applying to all components
35
 */
36
div.DTTT_container {
37
	float: right;
38
	margin-bottom: 1em;
39
}
40
 
41
button.DTTT_button {
42
	position: relative;
43
	float: left;
44
	height: 30px;
45
	margin-right: 3px;
46
	padding: 3px 5px;
47
	border: 1px solid #d0d0d0;
48
	background-color: #fff;
49
	cursor: pointer;
50
	*cursor: hand;
51
}
52
 
53
button.DTTT_button::-moz-focus-inner { 
54
	border: none !important;
55
	padding: 0;
56
}
57
 
58
 
59
/*
60
 * BUTTON_STYLES
61
 * Action specific button styles
62
 */
63
 
64
button.DTTT_button_csv {
65
	padding-right: 30px;
66
	background: url(../images/csv.png) no-repeat center right;
67
}
68
 
69
button.DTTT_button_csv_hover {
70
	padding-right: 30px;
71
	border: 1px solid #999;
72
	background: #f0f0f0 url(../images/csv_hover.png) no-repeat center right;
73
}
74
 
75
 
76
button.DTTT_button_xls {
77
	padding-right: 30px;
78
	background: url(../images/xls.png) no-repeat center right;
79
}
80
 
81
button.DTTT_button_xls_hover {
82
	padding-right: 30px;
83
	border: 1px solid #999;
84
	background: #f0f0f0 url(../images/xls_hover.png) no-repeat center right;
85
}
86
 
87
 
88
button.DTTT_button_copy {
89
	padding-right: 30px;
90
	background: url(../images/copy.png) no-repeat center right;
91
}
92
 
93
button.DTTT_button_copy_hover {
94
	padding-right: 30px;
95
	border: 1px solid #999;
96
	background: #f0f0f0 url(../images/copy_hover.png) no-repeat center right;
97
}
98
 
99
 
100
button.DTTT_button_pdf {
101
	padding-right: 30px;
102
	background: url(../images/pdf.png) no-repeat center right;
103
}
104
 
105
button.DTTT_button_pdf_hover {
106
	padding-right: 30px;
107
	border: 1px solid #999;
108
	background: #f0f0f0 url(../images/pdf_hover.png) no-repeat center right;
109
}
110
 
111
 
112
button.DTTT_button_print {
113
	padding-right: 30px;
114
	background: url(../images/print.png) no-repeat center right;
115
}
116
 
117
button.DTTT_button_print_hover {
118
	padding-right: 30px;
119
	border: 1px solid #999;
120
	background: #f0f0f0 url(../images/print_hover.png) no-repeat center right;
121
}
122
 
123
 
124
button.DTTT_button_text {
125
}
126
 
127
button.DTTT_button_text_hover {
128
	border: 1px solid #999;
129
	background-color: #f0f0f0;
130
}
131
 
132
 
133
button.DTTT_button_collection {
134
	padding-right: 17px;
135
	background: url(../images/collection.png) no-repeat center right;
136
}
137
 
138
button.DTTT_button_collection_hover {
139
	padding-right: 17px;
140
	border: 1px solid #999;
141
	background: #f0f0f0 url(../images/collection_hover.png) no-repeat center right;
142
}
143
 
144
 
145
/*
146
 * SELECTING
147
 * Row selection styles
148
 */
149
table.DTTT_selectable tbody tr {
150
	cursor: pointer;
151
	*cursor: hand;
152
}
153
 
154
tr.DTTT_selected.odd {
155
	background-color: #9FAFD1;
156
}
157
 
158
tr.DTTT_selected.odd td.sorting_1 {
159
	background-color: #9FAFD1;
160
}
161
 
162
tr.DTTT_selected.odd td.sorting_2 {
163
	background-color: #9FAFD1;
164
}
165
 
166
tr.DTTT_selected.odd td.sorting_3 {
167
	background-color: #9FAFD1;
168
}
169
 
170
 
171
tr.DTTT_selected.even {
172
	background-color: #B0BED9;
173
}
174
 
175
tr.DTTT_selected.even td.sorting_1 {
176
	background-color: #B0BED9;
177
}
178
 
179
tr.DTTT_selected.even td.sorting_2 {
180
	background-color: #B0BED9;
181
}
182
 
183
tr.DTTT_selected.even td.sorting_3 {
184
	background-color: #B0BED9;
185
}
186
 
187
 
188
/*
189
 * COLLECTIONS
190
 * Drop down list (collection) styles
191
 */
192
 
193
div.DTTT_collection {
194
	width: 150px;
195
	padding: 3px;
196
	border: 1px solid #ccc;
197
	background-color: #f3f3f3;
198
	overflow: hidden;
199
	z-index: 2002;
200
}
201
 
202
div.DTTT_collection_background {
203
	background: transparent url(../images/background.png) repeat top left;
204
	z-index: 2001;
205
}
206
 
207
div.DTTT_collection button.DTTT_button {
208
	float: none;
209
	width: 100%;
210
	margin-bottom: 2px;
211
	background-color: white;
212
}
213
 
214
 
215
/*
216
 * PRINTING
217
 * Print display styles
218
 */
219
 
220
.DTTT_print_info {
221
	position: absolute;
222
	top: 50%;
223
	left: 50%;
224
	width: 400px;
225
	height: 150px;
226
	margin-left: -200px;
227
	margin-top: -75px;
228
	text-align: center;
229
	background-color: #3f3f3f;
230
	color: white;
231
	padding: 10px 30px;
232
 
233
	opacity: 0.9;
234
 
235
	border-radius: 5px;
236
	-moz-border-radius: 5px;
237
	-webkit-border-radius: 5px;
238
 
239
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
240
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
241
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
242
}
243
 
244
.DTTT_print_info h6 {
245
	font-weight: normal;
246
	font-size: 28px;
247
	line-height: 28px;
248
	margin: 1em;
249
}
250
 
251
.DTTT_print_info p {
252
	font-size: 14px;
253
	line-height: 20px;
254
}
255
 
256
 
257
/*
258
 * MISC
259
 * Minor misc styles
260
 */
261
 
262
.DTTT_disabled {
263
	color: #999;
264
}