1 |
/* |
2 |
* File: TableTools.css |
3 |
* Description: Styles for TableTools 2 with JUI theming |
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 |
* Notes: |
14 |
* Generally speaking, please refer to the TableTools.css file - this file contains basic |
15 |
* modifications to that 'master' stylesheet for ThemeRoller. |
16 |
* |
17 |
* CSS name space: |
18 |
* DTTT DataTables TableTools |
19 |
* |
20 |
* Colour dictionary: |
21 |
* Button border #d0d0d0 |
22 |
* Button border hover #999999 |
23 |
* Hover background #f0f0f0 |
24 |
* Action blue #4b66d9 |
25 |
* |
26 |
* Style sheet provides: |
27 |
* CONTAINER TableTools container element and styles applying to all components |
28 |
* SELECTING Row selection styles |
29 |
* COLLECTIONS Drop down list (collection) styles |
30 |
* PRINTING Print display styles |
31 |
* MISC Minor misc styles |
32 |
*/ |
33 |
|
34 |
|
35 |
/* |
36 |
* CONTAINER |
37 |
* TableTools container element and styles applying to all components |
38 |
*/ |
39 |
div.DTTT_container { |
40 |
position: relative; |
41 |
float: left; |
42 |
} |
43 |
|
44 |
.DTTT_button { |
45 |
position: relative; |
46 |
float: left; |
47 |
margin-right: 3px; |
48 |
padding: 3px 10px; |
49 |
border: 1px solid #d0d0d0; |
50 |
background-color: #fff; |
51 |
color: #333 !important; |
52 |
cursor: pointer; |
53 |
*cursor: hand; |
54 |
} |
55 |
|
56 |
.DTTT_button::-moz-focus-inner { |
57 |
border: none !important; |
58 |
padding: 0; |
59 |
} |
60 |
|
61 |
|
62 |
|
63 |
/* |
64 |
* SELECTING |
65 |
* Row selection styles |
66 |
*/ |
67 |
table.DTTT_selectable tbody tr { |
68 |
cursor: pointer; |
69 |
*cursor: hand; |
70 |
} |
71 |
|
72 |
table.dataTable tr.DTTT_selected.odd { |
73 |
background-color: #9FAFD1; |
74 |
} |
75 |
|
76 |
table.dataTable tr.DTTT_selected.odd td.sorting_1 { |
77 |
background-color: #9FAFD1; |
78 |
} |
79 |
|
80 |
table.dataTable tr.DTTT_selected.odd td.sorting_2 { |
81 |
background-color: #9FAFD1; |
82 |
} |
83 |
|
84 |
table.dataTable tr.DTTT_selected.odd td.sorting_3 { |
85 |
background-color: #9FAFD1; |
86 |
} |
87 |
|
88 |
|
89 |
table.dataTable tr.DTTT_selected.even { |
90 |
background-color: #B0BED9; |
91 |
} |
92 |
|
93 |
table.dataTable tr.DTTT_selected.even td.sorting_1 { |
94 |
background-color: #B0BED9; |
95 |
} |
96 |
|
97 |
table.dataTable tr.DTTT_selected.even td.sorting_2 { |
98 |
background-color: #B0BED9; |
99 |
} |
100 |
|
101 |
table.dataTable tr.DTTT_selected.even td.sorting_3 { |
102 |
background-color: #B0BED9; |
103 |
} |
104 |
|
105 |
|
106 |
/* |
107 |
* COLLECTIONS |
108 |
* Drop down list (collection) styles |
109 |
*/ |
110 |
|
111 |
div.DTTT_collection { |
112 |
width: 150px; |
113 |
background-color: #f3f3f3; |
114 |
overflow: hidden; |
115 |
z-index: 2002; |
116 |
|
117 |
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); |
118 |
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); |
119 |
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); |
120 |
} |
121 |
|
122 |
div.DTTT_collection_background { |
123 |
background: url(../images/background.png) repeat top left; |
124 |
z-index: 2001; |
125 |
} |
126 |
|
127 |
div.DTTT_collection button.DTTT_button, |
128 |
div.DTTT_collection div.DTTT_button, |
129 |
div.DTTT_collection a.DTTT_button { |
130 |
float: none; |
131 |
width: 100%; |
132 |
margin-bottom: -0.1em; |
133 |
} |
134 |
|
135 |
|
136 |
/* |
137 |
* PRINTING |
138 |
* Print display styles |
139 |
*/ |
140 |
|
141 |
.DTTT_print_info { |
142 |
position: absolute; |
143 |
top: 50%; |
144 |
left: 50%; |
145 |
width: 400px; |
146 |
height: 150px; |
147 |
margin-left: -200px; |
148 |
margin-top: -75px; |
149 |
text-align: center; |
150 |
background-color: #3f3f3f; |
151 |
color: white; |
152 |
padding: 10px 30px; |
153 |
|
154 |
opacity: 0.9; |
155 |
|
156 |
border-radius: 5px; |
157 |
-moz-border-radius: 5px; |
158 |
-webkit-border-radius: 5px; |
159 |
|
160 |
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); |
161 |
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); |
162 |
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); |
163 |
} |
164 |
|
165 |
.DTTT_print_info h6 { |
166 |
font-weight: normal; |
167 |
font-size: 28px; |
168 |
line-height: 28px; |
169 |
margin: 1em; |
170 |
} |
171 |
|
172 |
.DTTT_print_info p { |
173 |
font-size: 14px; |
174 |
line-height: 20px; |
175 |
} |
176 |
|
177 |
|
178 |
/* |
179 |
* MISC |
180 |
* Minor misc styles |
181 |
*/ |
182 |
|
183 |
.DTTT_disabled { |
184 |
color: #999; |
185 |
} |