Version Description
- Fixed issues with category short-code
- Fixed issue with tinymce button for category short-code
Download this release
Release Info
Developer | codename065 |
Plugin | ![]() |
Version | 2.5.96 |
Comparing to | |
See all releases |
Code changes from version 2.3.0 to 2.5.96
- css/chosen-sprite.png +0 -0
- css/chosen.css +339 -0
- css/demo_table.css +576 -0
- css/demo_table_jui.css +380 -0
- css/front.css +3 -0
- css/jquery.dataTables.css +335 -0
- download-manager.php +308 -118
- download.php +8 -6
- editor_plugin.js +1 -1
- functions.php +6 -0
- icon/35.png +0 -0
- icon/Box Download.png +0 -0
- icon/Cloud Download Off.png +0 -0
- icon/Cloud Download On.png +0 -0
- icon/Download file.png +0 -0
- icon/Download-01.png +0 -0
- icon/Download_Blue.png +0 -0
- icon/Download_Crate.png +0 -0
- icon/Download_Green.png +0 -0
- icon/Globe-Download.png +0 -0
- icon/Gnome-Document-Save-32.png +0 -0
- icon/Gnome-Emblem-Downloads-32.png +0 -0
- icon/Package-Download.png +0 -0
- icon/Torrents.png +0 -0
- icon/agt_add-to-desktop.png +0 -0
- icon/agt_update_drivers.png +0 -0
- icon/agt_update_misc.png +0 -0
- icon/agt_update_recommended.png +0 -0
- icon/agt_update_recommended1.png +0 -0
- icon/application-x-kgetlist.png +0 -0
- icon/archive.png +0 -0
- icon/ark.png +0 -0
- icon/ark2.png +0 -0
- icon/arrow down.png +0 -0
- icon/arrow_down.png +0 -0
- icon/arrow_down_alt1.png +0 -0
- icon/basket_download.png +0 -0
- icon/bottom.png +0 -0
- icon/cloud-download.png +0 -0
- icon/down2.png +0 -0
- icon/down_arrow.png +0 -0
- icon/download off.png +0 -0
- icon/download on.png +0 -0
- icon/download-box-open.png +0 -0
- icon/download-database.png +0 -0
- icon/download_32.png +0 -0
- icon/download_accept_32.png +0 -0
- icon/download_cancel_32.png +0 -0
- icon/download_cloud.png +0 -0
- icon/download_down_arrow.png +0 -0
- icon/download_for_linux.png +0 -0
- icon/download_for_mac.png +0 -0
- icon/download_for_windows.png +0 -0
- icon/download_information_32.png +0 -0
- icon/download_manager.png +0 -0
- icon/download_pause_32.png +0 -0
- icon/download_run_32.png +0 -0
- icon/download_security_32.png +0 -0
- icon/download_settings_32.png +0 -0
- icon/download_stop_32.png +0 -0
- icon/downloads.png +0 -0
- icon/downloads_folder.png +0 -0
- icon/email_download.png +0 -0
- icon/emblem-downloads.png +0 -0
- icon/file_download.png +0 -0
- icon/file_extension_.png +0 -0
- icon/file_extension_bmp.png +0 -0
- icon/file_extension_doc.png +0 -0
- icon/file_extension_flv.png +0 -0
- icon/file_extension_gif.png +0 -0
- icon/file_extension_html.png +0 -0
- icon/file_extension_jpeg.png +0 -0
- icon/file_extension_jpg.png +0 -0
- icon/file_extension_log.png +0 -0
- icon/file_extension_pdf.png +0 -0
- icon/file_extension_png.png +0 -0
- icon/file_extension_psd.png +0 -0
- icon/file_extension_rar.png +0 -0
- icon/file_extension_txt.png +0 -0
- icon/file_extension_xls.png +0 -0
- icon/file_extension_zip.png +0 -0
- icon/find-next.png +0 -0
- icon/folder-download.png +0 -0
- icon/folder-downloads.png +0 -0
- icon/folder_apollon.png +0 -0
- icon/folder_download.png +0 -0
- icon/folder_downloads_32.png +0 -0
- icon/go-bottom.png +0 -0
- icon/human-folder-downloads.png +0 -0
- icon/icontexto-aurora-folders-downloads.png +0 -0
- icon/inbox_download.png +0 -0
- icon/kde-folder-downloads.png +0 -0
- icon/kget_list.png +0 -0
- icon/kthememgr.png +0 -0
- icon/load_download.png +0 -0
- icon/manilla-folder-downloads.png +0 -0
- icon/misc_23.png +0 -0
- icon/note_download.png +0 -0
- icon/old-go-bottom.png +0 -0
- icon/orange-folder-downloads.png +0 -0
- icon/photo_download.png +0 -0
- icon/save_download.png +0 -0
- icon/share.png +0 -0
- icon/system-config-kickstart.png +0 -0
- icon/system-log-out.png +0 -0
- icon/weather_03.png +0 -0
- images/back_disabled.png +0 -0
- images/back_enabled.png +0 -0
- images/back_enabled_hover.png +0 -0
- images/forward_disabled.png +0 -0
- images/forward_enabled.png +0 -0
- images/forward_enabled_hover.png +0 -0
- images/theme.png +0 -0
- images/wpdm.png +0 -0
- images/wpeden.png +0 -0
- images/wpmp.png +0 -0
- js/chosen.jquery.min.js +10 -0
- js/jquery.dataTables.js +12099 -0
- js/jquery.dataTables.min.js +154 -0
- process.php +39 -12
- readme.txt +156 -30
- screenshot-1.png +0 -0
- screenshot-6.png +0 -0
- screenshot-7.png +0 -0
- screenshot-8.png +0 -0
- wpdc.ppj +0 -67
- wpdc.ppx +0 -1
- wpdm-add-new-file.php +213 -32
- wpdm-all-downloads.php +146 -0
- wpdm-categories.php +12 -4
- wpdm-file-icon.php +50 -0
- wpdm-free-mce-button.php +387 -34
- wpdm-list-files.php +46 -46
- wpdm-server-file-browser.php +2 -2
- wpdm-settings.php +20 -10
- wpdm-widgets.php +62 -3
css/chosen-sprite.png
ADDED
Binary file
|
css/chosen.css
ADDED
@@ -0,0 +1,339 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
/* @group Base */
|
2 |
+
select.chzn-select {
|
3 |
+
visibility: hidden;
|
4 |
+
height: 28px !important;
|
5 |
+
min-height: 28px !important;
|
6 |
+
}
|
7 |
+
.chzn-container {
|
8 |
+
font-size: 12px;
|
9 |
+
position: relative;
|
10 |
+
display: inline-block;
|
11 |
+
zoom: 1;
|
12 |
+
*display: inline;
|
13 |
+
}
|
14 |
+
.chzn-container .chzn-drop {
|
15 |
+
background: #fff;
|
16 |
+
border: 1px solid #aaa;
|
17 |
+
border-top: 0;
|
18 |
+
position: absolute;
|
19 |
+
top: 29px;
|
20 |
+
left: 0;
|
21 |
+
-webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
|
22 |
+
-moz-box-shadow : 0 4px 5px rgba(0,0,0,.15);
|
23 |
+
-o-box-shadow : 0 4px 5px rgba(0,0,0,.15);
|
24 |
+
box-shadow : 0 4px 5px rgba(0,0,0,.15);
|
25 |
+
z-index: 999;
|
26 |
+
}
|
27 |
+
/* @end */
|
28 |
+
|
29 |
+
/* @group Single Chosen */
|
30 |
+
.chzn-container-single .chzn-single {
|
31 |
+
background-color: #fff;
|
32 |
+
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
|
33 |
+
background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
|
34 |
+
background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
|
35 |
+
background-image: -o-linear-gradient(top, #eeeeee 0%,#ffffff 50%);
|
36 |
+
background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 50%);
|
37 |
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
|
38 |
+
background-image: linear-gradient(top, #eeeeee 0%,#ffffff 50%);
|
39 |
+
-webkit-border-radius: 4px;
|
40 |
+
-moz-border-radius : 4px;
|
41 |
+
border-radius : 4px;
|
42 |
+
-moz-background-clip : padding;
|
43 |
+
-webkit-background-clip: padding-box;
|
44 |
+
background-clip : padding-box;
|
45 |
+
border: 1px solid #aaa;
|
46 |
+
display: block;
|
47 |
+
overflow: hidden;
|
48 |
+
white-space: nowrap;
|
49 |
+
position: relative;
|
50 |
+
height: 26px;
|
51 |
+
line-height: 26px;
|
52 |
+
padding: 0 0 0 8px;
|
53 |
+
color: #444;
|
54 |
+
text-decoration: none;
|
55 |
+
}
|
56 |
+
.chzn-container-single .chzn-single span {
|
57 |
+
margin-right: 26px;
|
58 |
+
display: block;
|
59 |
+
overflow: hidden;
|
60 |
+
white-space: nowrap;
|
61 |
+
-o-text-overflow: ellipsis;
|
62 |
+
-ms-text-overflow: ellipsis;
|
63 |
+
text-overflow: ellipsis;
|
64 |
+
}
|
65 |
+
.chzn-container-single .chzn-single div {
|
66 |
+
-webkit-border-radius: 0 4px 4px 0;
|
67 |
+
-moz-border-radius : 0 4px 4px 0;
|
68 |
+
border-radius : 0 4px 4px 0;
|
69 |
+
-moz-background-clip : padding;
|
70 |
+
-webkit-background-clip: padding-box;
|
71 |
+
background-clip : padding-box;
|
72 |
+
background: #ccc;
|
73 |
+
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
|
74 |
+
background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
|
75 |
+
background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
|
76 |
+
background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%);
|
77 |
+
background-image: -ms-linear-gradient(top, #cccccc 0%,#eeeeee 60%);
|
78 |
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );
|
79 |
+
background-image: linear-gradient(top, #cccccc 0%,#eeeeee 60%);
|
80 |
+
border-left: 1px solid #aaa;
|
81 |
+
position: absolute;
|
82 |
+
right: 0;
|
83 |
+
top: 0;
|
84 |
+
display: block;
|
85 |
+
height: 100%;
|
86 |
+
width: 18px;
|
87 |
+
}
|
88 |
+
.chzn-container-single .chzn-single div b {
|
89 |
+
background: url('chosen-sprite.png') no-repeat 0 1px;
|
90 |
+
display: block;
|
91 |
+
width: 100%;
|
92 |
+
height: 100%;
|
93 |
+
}
|
94 |
+
.chzn-container-single .chzn-search {
|
95 |
+
padding: 3px 4px;
|
96 |
+
margin: 0;
|
97 |
+
white-space: nowrap;
|
98 |
+
}
|
99 |
+
.chzn-container-single .chzn-search input {
|
100 |
+
background: #fff url('chosen-sprite.png') no-repeat 100% -20px;
|
101 |
+
background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
|
102 |
+
background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
|
103 |
+
background: url('chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
|
104 |
+
background: url('chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
|
105 |
+
background: url('chosen-sprite.png') no-repeat 100% -20px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
|
106 |
+
background: url('chosen-sprite.png') no-repeat 100% -20px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
|
107 |
+
background: url('chosen-sprite.png') no-repeat 100% -20px, linear-gradient(top, #ffffff 85%,#eeeeee 99%);
|
108 |
+
margin: 1px 0;
|
109 |
+
padding: 4px 20px 4px 5px;
|
110 |
+
outline: 0;
|
111 |
+
border: 1px solid #aaa;
|
112 |
+
font-family: sans-serif;
|
113 |
+
font-size: 1em;
|
114 |
+
}
|
115 |
+
.chzn-container-single .chzn-drop {
|
116 |
+
-webkit-border-radius: 0 0 4px 4px;
|
117 |
+
-moz-border-radius : 0 0 4px 4px;
|
118 |
+
border-radius : 0 0 4px 4px;
|
119 |
+
-moz-background-clip : padding;
|
120 |
+
-webkit-background-clip: padding-box;
|
121 |
+
background-clip : padding-box;
|
122 |
+
}
|
123 |
+
/* @end */
|
124 |
+
|
125 |
+
/* @group Multi Chosen */
|
126 |
+
.chzn-container-multi .chzn-choices {
|
127 |
+
background-color: #fff;
|
128 |
+
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
|
129 |
+
background-image: -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
|
130 |
+
background-image: -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
|
131 |
+
background-image: -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
|
132 |
+
background-image: -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
|
133 |
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
|
134 |
+
background-image: linear-gradient(top, #ffffff 85%,#eeeeee 99%);
|
135 |
+
border: 1px solid #aaa;
|
136 |
+
margin: 0;
|
137 |
+
padding: 0;
|
138 |
+
cursor: text;
|
139 |
+
overflow: hidden;
|
140 |
+
height: auto !important;
|
141 |
+
height: 1%;
|
142 |
+
position: relative;
|
143 |
+
}
|
144 |
+
.chzn-container-multi .chzn-choices li {
|
145 |
+
float: left;
|
146 |
+
list-style: none;
|
147 |
+
}
|
148 |
+
.chzn-container-multi .chzn-choices .search-field {
|
149 |
+
white-space: nowrap;
|
150 |
+
margin: 0;
|
151 |
+
padding: 0;
|
152 |
+
}
|
153 |
+
.chzn-container-multi .chzn-choices .search-field input {
|
154 |
+
color: #666;
|
155 |
+
background: transparent !important;
|
156 |
+
border: 0 !important;
|
157 |
+
padding: 5px;
|
158 |
+
margin: 1px 0;
|
159 |
+
outline: 0;
|
160 |
+
-webkit-box-shadow: none;
|
161 |
+
-moz-box-shadow : none;
|
162 |
+
-o-box-shadow : none;
|
163 |
+
box-shadow : none;
|
164 |
+
}
|
165 |
+
.chzn-container-multi .chzn-choices .search-field .default {
|
166 |
+
color: #999;
|
167 |
+
}
|
168 |
+
.chzn-container-multi .chzn-choices .search-choice {
|
169 |
+
-webkit-border-radius: 3px;
|
170 |
+
-moz-border-radius : 3px;
|
171 |
+
border-radius : 3px;
|
172 |
+
-moz-background-clip : padding;
|
173 |
+
-webkit-background-clip: padding-box;
|
174 |
+
background-clip : padding-box;
|
175 |
+
background-color: #e4e4e4;
|
176 |
+
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e4e4e4), color-stop(0.7, #eeeeee));
|
177 |
+
background-image: -webkit-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%);
|
178 |
+
background-image: -moz-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%);
|
179 |
+
background-image: -o-linear-gradient(bottom, #e4e4e4 0%, #eeeeee 70%);
|
180 |
+
background-image: -ms-linear-gradient(top, #e4e4e4 0%,#eeeeee 70%);
|
181 |
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#eeeeee',GradientType=0 );
|
182 |
+
background-image: linear-gradient(top, #e4e4e4 0%,#eeeeee 70%);
|
183 |
+
color: #333;
|
184 |
+
border: 1px solid #b4b4b4;
|
185 |
+
line-height: 13px;
|
186 |
+
padding: 3px 19px 3px 6px;
|
187 |
+
margin: 3px 0 3px 5px;
|
188 |
+
position: relative;
|
189 |
+
}
|
190 |
+
.chzn-container-multi .chzn-choices .search-choice span {
|
191 |
+
cursor: default;
|
192 |
+
}
|
193 |
+
.chzn-container-multi .chzn-choices .search-choice-focus {
|
194 |
+
background: #d4d4d4;
|
195 |
+
}
|
196 |
+
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
|
197 |
+
display: block;
|
198 |
+
position: absolute;
|
199 |
+
right: 5px;
|
200 |
+
top: 6px;
|
201 |
+
width: 8px;
|
202 |
+
height: 9px;
|
203 |
+
font-size: 1px;
|
204 |
+
background: url(chosen-sprite.png) right top no-repeat;
|
205 |
+
}
|
206 |
+
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
|
207 |
+
background-position: right -9px;
|
208 |
+
}
|
209 |
+
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
|
210 |
+
background-position: right -9px;
|
211 |
+
}
|
212 |
+
/* @end */
|
213 |
+
|
214 |
+
/* @group Results */
|
215 |
+
.chzn-container .chzn-results {
|
216 |
+
margin: 0 4px 4px 0;
|
217 |
+
max-height: 190px;
|
218 |
+
padding: 0 0 0 4px;
|
219 |
+
position: relative;
|
220 |
+
overflow-x: hidden;
|
221 |
+
overflow-y: auto;
|
222 |
+
}
|
223 |
+
.chzn-container-multi .chzn-results {
|
224 |
+
margin: -1px 0 0;
|
225 |
+
padding: 0;
|
226 |
+
}
|
227 |
+
.chzn-container .chzn-results li {
|
228 |
+
line-height: 80%;
|
229 |
+
padding: 7px 7px 8px;
|
230 |
+
margin: 0;
|
231 |
+
list-style: none;
|
232 |
+
}
|
233 |
+
.chzn-container .chzn-results .active-result {
|
234 |
+
cursor: pointer;
|
235 |
+
}
|
236 |
+
.chzn-container .chzn-results .highlighted {
|
237 |
+
background: #3875d7;
|
238 |
+
color: #fff;
|
239 |
+
}
|
240 |
+
.chzn-container .chzn-results li em {
|
241 |
+
background: #feffde;
|
242 |
+
font-style: normal;
|
243 |
+
}
|
244 |
+
.chzn-container .chzn-results .highlighted em {
|
245 |
+
background: transparent;
|
246 |
+
}
|
247 |
+
.chzn-container .chzn-results .no-results {
|
248 |
+
background: #f4f4f4;
|
249 |
+
}
|
250 |
+
.chzn-container .chzn-results .group-result {
|
251 |
+
cursor: default;
|
252 |
+
color: #999;
|
253 |
+
font-weight: bold;
|
254 |
+
}
|
255 |
+
.chzn-container .chzn-results .group-option {
|
256 |
+
padding-left: 20px;
|
257 |
+
}
|
258 |
+
.chzn-container-multi .chzn-drop .result-selected {
|
259 |
+
display: none;
|
260 |
+
}
|
261 |
+
/* @end */
|
262 |
+
|
263 |
+
/* @group Active */
|
264 |
+
.chzn-container-active .chzn-single {
|
265 |
+
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
|
266 |
+
-moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
267 |
+
-o-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
268 |
+
box-shadow : 0 0 5px rgba(0,0,0,.3);
|
269 |
+
border: 1px solid #5897fb;
|
270 |
+
}
|
271 |
+
.chzn-container-active .chzn-single-with-drop {
|
272 |
+
border: 1px solid #aaa;
|
273 |
+
-webkit-box-shadow: 0 1px 0 #fff inset;
|
274 |
+
-moz-box-shadow : 0 1px 0 #fff inset;
|
275 |
+
-o-box-shadow : 0 1px 0 #fff inset;
|
276 |
+
box-shadow : 0 1px 0 #fff inset;
|
277 |
+
background-color: #eee;
|
278 |
+
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee));
|
279 |
+
background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%);
|
280 |
+
background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%);
|
281 |
+
background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%);
|
282 |
+
background-image: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 50%);
|
283 |
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
|
284 |
+
background-image: linear-gradient(top, #ffffff 0%,#eeeeee 50%);
|
285 |
+
-webkit-border-bottom-left-radius : 0;
|
286 |
+
-webkit-border-bottom-right-radius: 0;
|
287 |
+
-moz-border-radius-bottomleft : 0;
|
288 |
+
-moz-border-radius-bottomright: 0;
|
289 |
+
border-bottom-left-radius : 0;
|
290 |
+
border-bottom-right-radius: 0;
|
291 |
+
}
|
292 |
+
.chzn-container-active .chzn-single-with-drop div {
|
293 |
+
background: transparent;
|
294 |
+
border-left: none;
|
295 |
+
}
|
296 |
+
.chzn-container-active .chzn-single-with-drop div b {
|
297 |
+
background-position: -18px 1px;
|
298 |
+
}
|
299 |
+
.chzn-container-active .chzn-choices {
|
300 |
+
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
|
301 |
+
-moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
302 |
+
-o-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
303 |
+
box-shadow : 0 0 5px rgba(0,0,0,.3);
|
304 |
+
border: 1px solid #5897fb;
|
305 |
+
}
|
306 |
+
.chzn-container-active .chzn-choices .search-field input {
|
307 |
+
color: #111 !important;
|
308 |
+
}
|
309 |
+
/* @end */
|
310 |
+
|
311 |
+
/* @group Right to Left */
|
312 |
+
.chzn-rtl { direction:rtl;text-align: right; }
|
313 |
+
.chzn-rtl .chzn-single { padding-left: 0; padding-right: 8px; }
|
314 |
+
.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; }
|
315 |
+
.chzn-rtl .chzn-single div {
|
316 |
+
left: 0; right: auto;
|
317 |
+
border-left: none; border-right: 1px solid #aaaaaa;
|
318 |
+
-webkit-border-radius: 4px 0 0 4px;
|
319 |
+
-moz-border-radius : 4px 0 0 4px;
|
320 |
+
border-radius : 4px 0 0 4px;
|
321 |
+
}
|
322 |
+
.chzn-rtl .chzn-choices li { float: right; }
|
323 |
+
.chzn-rtl .chzn-choices .search-choice { padding: 3px 6px 3px 19px; margin: 3px 5px 3px 0; }
|
324 |
+
.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 5px; right: auto; background-position: right top;}
|
325 |
+
.chzn-rtl.chzn-container-single .chzn-results { margin-left: 4px; margin-right: 0; padding-left: 0; padding-right: 4px; }
|
326 |
+
.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 20px; }
|
327 |
+
.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }
|
328 |
+
.chzn-rtl .chzn-search input {
|
329 |
+
background: url('chosen-sprite.png') no-repeat -38px -20px, #ffffff;
|
330 |
+
background: url('chosen-sprite.png') no-repeat -38px -20px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
|
331 |
+
background: url('chosen-sprite.png') no-repeat -38px -20px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
|
332 |
+
background: url('chosen-sprite.png') no-repeat -38px -20px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
|
333 |
+
background: url('chosen-sprite.png') no-repeat -38px -20px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
|
334 |
+
background: url('chosen-sprite.png') no-repeat -38px -20px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
|
335 |
+
background: url('chosen-sprite.png') no-repeat -38px -20px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
|
336 |
+
background: url('chosen-sprite.png') no-repeat -38px -20px, linear-gradient(top, #ffffff 85%,#eeeeee 99%);
|
337 |
+
padding: 4px 5px 4px 20px;
|
338 |
+
}
|
339 |
+
/* @end */
|
css/demo_table.css
ADDED
@@ -0,0 +1,576 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
/*
|
2 |
+
* File: demo_table.css
|
3 |
+
* CVS: $Id$
|
4 |
+
* Description: CSS descriptions for DataTables demo pages
|
5 |
+
* Author: Allan Jardine
|
6 |
+
* Created: Tue May 12 06:47:22 BST 2009
|
7 |
+
* Modified: $Date$ by $Author$
|
8 |
+
* Language: CSS
|
9 |
+
* Project: DataTables
|
10 |
+
*
|
11 |
+
* Copyright 2009 Allan Jardine. All Rights Reserved.
|
12 |
+
*
|
13 |
+
* ***************************************************************************
|
14 |
+
* DESCRIPTION
|
15 |
+
*
|
16 |
+
* The styles given here are suitable for the demos that are used with the standard DataTables
|
17 |
+
* distribution (see www.datatables.net). You will most likely wish to modify these styles to
|
18 |
+
* meet the layout requirements of your site.
|
19 |
+
*
|
20 |
+
* Common issues:
|
21 |
+
* 'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
|
22 |
+
* no conflict between the two pagination types. If you want to use full_numbers pagination
|
23 |
+
* ensure that you either have "example_alt_pagination" as a body class name, or better yet,
|
24 |
+
* modify that selector.
|
25 |
+
* Note that the path used for Images is relative. All images are by default located in
|
26 |
+
* ../images/ - relative to this CSS file.
|
27 |
+
*/
|
28 |
+
|
29 |
+
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
30 |
+
* DataTables features
|
31 |
+
*/
|
32 |
+
|
33 |
+
.dataTables_wrapper {
|
34 |
+
position: relative;
|
35 |
+
clear: both;
|
36 |
+
zoom: 1; /* Feeling sorry for IE */
|
37 |
+
}
|
38 |
+
|
39 |
+
.dataTables_processing {
|
40 |
+
position: absolute;
|
41 |
+
top: 50%;
|
42 |
+
left: 50%;
|
43 |
+
width: 250px;
|
44 |
+
height: 30px;
|
45 |
+
margin-left: -125px;
|
46 |
+
margin-top: -15px;
|
47 |
+
padding: 14px 0 2px 0;
|
48 |
+
border: 1px solid #ddd;
|
49 |
+
text-align: center;
|
50 |
+
color: #999;
|
51 |
+
font-size: 14px;
|
52 |
+
background-color: white;
|
53 |
+
}
|
54 |
+
|
55 |
+
.dataTables_length {
|
56 |
+
width: 40%;
|
57 |
+
float: left;
|
58 |
+
}
|
59 |
+
|
60 |
+
.dataTables_filter {
|
61 |
+
width: 50%;
|
62 |
+
float: right;
|
63 |
+
text-align: right;
|
64 |
+
}
|
65 |
+
|
66 |
+
.dataTables_info {
|
67 |
+
width: 60%;
|
68 |
+
float: left;
|
69 |
+
}
|
70 |
+
|
71 |
+
.dataTables_paginate {
|
72 |
+
float: right;
|
73 |
+
text-align: right;
|
74 |
+
}
|
75 |
+
|
76 |
+
/* Pagination nested */
|
77 |
+
.paginate_disabled_previous, .paginate_enabled_previous,
|
78 |
+
.paginate_disabled_next, .paginate_enabled_next {
|
79 |
+
height: 19px;
|
80 |
+
float: left;
|
81 |
+
cursor: pointer;
|
82 |
+
*cursor: hand;
|
83 |
+
color: #111 !important;
|
84 |
+
}
|
85 |
+
.paginate_disabled_previous:hover, .paginate_enabled_previous:hover,
|
86 |
+
.paginate_disabled_next:hover, .paginate_enabled_next:hover {
|
87 |
+
text-decoration: none !important;
|
88 |
+
}
|
89 |
+
.paginate_disabled_previous:active, .paginate_enabled_previous:active,
|
90 |
+
.paginate_disabled_next:active, .paginate_enabled_next:active {
|
91 |
+
outline: none;
|
92 |
+
}
|
93 |
+
|
94 |
+
.paginate_disabled_previous,
|
95 |
+
.paginate_disabled_next {
|
96 |
+
color: #666 !important;
|
97 |
+
}
|
98 |
+
.paginate_disabled_previous, .paginate_enabled_previous {
|
99 |
+
padding-left: 23px;
|
100 |
+
}
|
101 |
+
.paginate_disabled_next, .paginate_enabled_next {
|
102 |
+
padding-right: 23px;
|
103 |
+
margin-left: 10px;
|
104 |
+
}
|
105 |
+
|
106 |
+
.paginate_disabled_previous {
|
107 |
+
background: url('../images/back_disabled.png') no-repeat top left;
|
108 |
+
}
|
109 |
+
|
110 |
+
.paginate_enabled_previous {
|
111 |
+
background: url('../images/back_enabled.png') no-repeat top left;
|
112 |
+
}
|
113 |
+
.paginate_enabled_previous:hover {
|
114 |
+
background: url('../images/back_enabled_hover.png') no-repeat top left;
|
115 |
+
}
|
116 |
+
|
117 |
+
.paginate_disabled_next {
|
118 |
+
background: url('../images/forward_disabled.png') no-repeat top right;
|
119 |
+
}
|
120 |
+
|
121 |
+
.paginate_enabled_next {
|
122 |
+
background: url('../images/forward_enabled.png') no-repeat top right;
|
123 |
+
}
|
124 |
+
.paginate_enabled_next:hover {
|
125 |
+
background: url('../images/forward_enabled_hover.png') no-repeat top right;
|
126 |
+
}
|
127 |
+
|
128 |
+
|
129 |
+
|
130 |
+
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
131 |
+
* DataTables display
|
132 |
+
*/
|
133 |
+
table.display {
|
134 |
+
margin: 0 auto;
|
135 |
+
clear: both;
|
136 |
+
width: 100%;
|
137 |
+
|
138 |
+
/* Note Firefox 3.5 and before have a bug with border-collapse
|
139 |
+
* ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 )
|
140 |
+
* border-spacing: 0; is one possible option. Conditional-css.com is
|
141 |
+
* useful for this kind of thing
|
142 |
+
*
|
143 |
+
* Further note IE 6/7 has problems when calculating widths with border width.
|
144 |
+
* It subtracts one px relative to the other browsers from the first column, and
|
145 |
+
* adds one to the end...
|
146 |
+
*
|
147 |
+
* If you want that effect I'd suggest setting a border-top/left on th/td's and
|
148 |
+
* then filling in the gaps with other borders.
|
149 |
+
*/
|
150 |
+
}
|
151 |
+
|
152 |
+
table.display thead th {
|
153 |
+
padding: 3px 18px 3px 10px;
|
154 |
+
border-bottom: 1px solid black;
|
155 |
+
font-weight: bold;
|
156 |
+
cursor: pointer;
|
157 |
+
* cursor: hand;
|
158 |
+
}
|
159 |
+
|
160 |
+
table.display tfoot th {
|
161 |
+
padding: 3px 18px 3px 10px;
|
162 |
+
border-top: 1px solid black;
|
163 |
+
font-weight: bold;
|
164 |
+
}
|
165 |
+
|
166 |
+
table.display tr.heading2 td {
|
167 |
+
border-bottom: 1px solid #aaa;
|
168 |
+
}
|
169 |
+
|
170 |
+
table.display td {
|
171 |
+
padding: 3px 10px;
|
172 |
+
}
|
173 |
+
|
174 |
+
table.display td.center {
|
175 |
+
text-align: center;
|
176 |
+
}
|
177 |
+
|
178 |
+
|
179 |
+
|
180 |
+
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
181 |
+
* DataTables sorting
|
182 |
+
*/
|
183 |
+
|
184 |
+
.sorting_asc {
|
185 |
+
background: url('../images/sort_asc.png') no-repeat center right;
|
186 |
+
}
|
187 |
+
|
188 |
+
.sorting_desc {
|
189 |
+
background: url('../images/sort_desc.png') no-repeat center right;
|
190 |
+
}
|
191 |
+
|
192 |
+
.sorting {
|
193 |
+
background: url('../images/sort_both.png') no-repeat center right;
|
194 |
+
}
|
195 |
+
|
196 |
+
.sorting_asc_disabled {
|
197 |
+
background: url('../images/sort_asc_disabled.png') no-repeat center right;
|
198 |
+
}
|
199 |
+
|
200 |
+
.sorting_desc_disabled {
|
201 |
+
background: url('../images/sort_desc_disabled.png') no-repeat center right;
|
202 |
+
}
|
203 |
+
|
204 |
+
th:active {
|
205 |
+
outline: none;
|
206 |
+
}
|
207 |
+
|
208 |
+
|
209 |
+
|
210 |
+
|
211 |
+
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
212 |
+
* DataTables row classes
|
213 |
+
*/
|
214 |
+
table.display tr.odd.gradeA {
|
215 |
+
background-color: #ddffdd;
|
216 |
+
}
|
217 |
+
|
218 |
+
table.display tr.even.gradeA {
|
219 |
+
background-color: #eeffee;
|
220 |
+
}
|
221 |
+
|
222 |
+
table.display tr.odd.gradeC {
|
223 |
+
background-color: #ddddff;
|
224 |
+
}
|
225 |
+
|
226 |
+
table.display tr.even.gradeC {
|
227 |
+
background-color: #eeeeff;
|
228 |
+
}
|
229 |
+
|
230 |
+
table.display tr.odd.gradeX {
|
231 |
+
background-color: #ffdddd;
|
232 |
+
}
|
233 |
+
|
234 |
+
table.display tr.even.gradeX {
|
235 |
+
background-color: #ffeeee;
|
236 |
+
}
|
237 |
+
|
238 |
+
table.display tr.odd.gradeU {
|
239 |
+
background-color: #ddd;
|
240 |
+
}
|
241 |
+
|
242 |
+
table.display tr.even.gradeU {
|
243 |
+
background-color: #eee;
|
244 |
+
}
|
245 |
+
|
246 |
+
|
247 |
+
tr.odd {
|
248 |
+
background-color: #E2E4FF;
|
249 |
+
}
|
250 |
+
|
251 |
+
tr.even {
|
252 |
+
background-color: white;
|
253 |
+
}
|
254 |
+
|
255 |
+
|
256 |
+
|
257 |
+
|
258 |
+
|
259 |
+
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
260 |
+
* Misc
|
261 |
+
*/
|
262 |
+
.dataTables_scroll {
|
263 |
+
clear: both;
|
264 |
+
}
|
265 |
+
|
266 |
+
.dataTables_scrollBody {
|
267 |
+
*margin-top: -1px;
|
268 |
+
-webkit-overflow-scrolling: touch;
|
269 |
+
}
|
270 |
+
|
271 |
+
.top, .bottom {
|
272 |
+
padding: 15px;
|
273 |
+
background-color: #F5F5F5;
|
274 |
+
border: 1px solid #CCCCCC;
|
275 |
+
}
|
276 |
+
|
277 |
+
.top .dataTables_info {
|
278 |
+
float: none;
|
279 |
+
}
|
280 |
+
|
281 |
+
.clear {
|
282 |
+
clear: both;
|
283 |
+
}
|
284 |
+
|
285 |
+
.dataTables_empty {
|
286 |
+
text-align: center;
|
287 |
+
}
|
288 |
+
|
289 |
+
tfoot input {
|
290 |
+
margin: 0.5em 0;
|
291 |
+
width: 100%;
|
292 |
+
color: #444;
|
293 |
+
}
|
294 |
+
|
295 |
+
tfoot input.search_init {
|
296 |
+
color: #999;
|
297 |
+
}
|
298 |
+
|
299 |
+
td.group {
|
300 |
+
background-color: #d1cfd0;
|
301 |
+
border-bottom: 2px solid #A19B9E;
|
302 |
+
border-top: 2px solid #A19B9E;
|
303 |
+
}
|
304 |
+
|
305 |
+
td.details {
|
306 |
+
background-color: #d1cfd0;
|
307 |
+
border: 2px solid #A19B9E;
|
308 |
+
}
|
309 |
+
|
310 |
+
|
311 |
+
.example_alt_pagination div.dataTables_info {
|
312 |
+
width: 40%;
|
313 |
+
}
|
314 |
+
|
315 |
+
.paging_full_numbers {
|
316 |
+
width: 400px;
|
317 |
+
height: 22px;
|
318 |
+
line-height: 22px;
|
319 |
+
}
|
320 |
+
|
321 |
+
.paging_full_numbers a:active {
|
322 |
+
outline: none
|
323 |
+
}
|
324 |
+
|
325 |
+
.paging_full_numbers a:hover {
|
326 |
+
text-decoration: none;
|
327 |
+
}
|
328 |
+
|
329 |
+
.paging_full_numbers a.paginate_button,
|
330 |
+
.paging_full_numbers a.paginate_active {
|
331 |
+
border: 1px solid #aaa;
|
332 |
+
-webkit-border-radius: 5px;
|
333 |
+
-moz-border-radius: 5px;
|
334 |
+
padding: 2px 5px;
|
335 |
+
margin: 0 3px;
|
336 |
+
cursor: pointer;
|
337 |
+
*cursor: hand;
|
338 |
+
color: #333 !important;
|
339 |
+
}
|
340 |
+
|
341 |
+
.paging_full_numbers a.paginate_button {
|
342 |
+
background-color: #ddd;
|
343 |
+
}
|
344 |
+
|
345 |
+
.paging_full_numbers a.paginate_button:hover {
|
346 |
+
background-color: #ccc;
|
347 |
+
text-decoration: none !important;
|
348 |
+
}
|
349 |
+
|
350 |
+
.paging_full_numbers a.paginate_active {
|
351 |
+
background-color: #99B3FF;
|
352 |
+
}
|
353 |
+
|
354 |
+
table.display tr.even.row_selected td {
|
355 |
+
background-color: #B0BED9;
|
356 |
+
}
|
357 |
+
|
358 |
+
table.display tr.odd.row_selected td {
|
359 |
+
background-color: #9FAFD1;
|
360 |
+
}
|
361 |
+
|
362 |
+
|
363 |
+
/*
|
364 |
+
* Sorting classes for columns
|
365 |
+
*/
|
366 |
+
/* For the standard odd/even */
|
367 |
+
tr.odd td.sorting_1 {
|
368 |
+
background-color: #D3D6FF;
|
369 |
+
}
|
370 |
+
|
371 |
+
tr.odd td.sorting_2 {
|
372 |
+
background-color: #DADCFF;
|
373 |
+
}
|
374 |
+
|
375 |
+
tr.odd td.sorting_3 {
|
376 |
+
background-color: #E0E2FF;
|
377 |
+
}
|
378 |
+
|
379 |
+
tr.even td.sorting_1 {
|
380 |
+
background-color: #EAEBFF;
|
381 |
+
}
|
382 |
+
|
383 |
+
tr.even td.sorting_2 {
|
384 |
+
background-color: #F2F3FF;
|
385 |
+
}
|
386 |
+
|
387 |
+
tr.even td.sorting_3 {
|
388 |
+
background-color: #F9F9FF;
|
389 |
+
}
|
390 |
+
|
391 |
+
|
392 |
+
/* For the Conditional-CSS grading rows */
|
393 |
+
/*
|
394 |
+
Colour calculations (based off the main row colours)
|
395 |
+
Level 1:
|
396 |
+
dd > c4
|
397 |
+
ee > d5
|
398 |
+
Level 2:
|
399 |
+
dd > d1
|
400 |
+
ee > e2
|
401 |
+
*/
|
402 |
+
tr.odd.gradeA td.sorting_1 {
|
403 |
+
background-color: #c4ffc4;
|
404 |
+
}
|
405 |
+
|
406 |
+
tr.odd.gradeA td.sorting_2 {
|
407 |
+
background-color: #d1ffd1;
|
408 |
+
}
|
409 |
+
|
410 |
+
tr.odd.gradeA td.sorting_3 {
|
411 |
+
background-color: #d1ffd1;
|
412 |
+
}
|
413 |
+
|
414 |
+
tr.even.gradeA td.sorting_1 {
|
415 |
+
background-color: #d5ffd5;
|
416 |
+
}
|
417 |
+
|
418 |
+
tr.even.gradeA td.sorting_2 {
|
419 |
+
background-color: #e2ffe2;
|
420 |
+
}
|
421 |
+
|
422 |
+
tr.even.gradeA td.sorting_3 {
|
423 |
+
background-color: #e2ffe2;
|
424 |
+
}
|
425 |
+
|
426 |
+
tr.odd.gradeC td.sorting_1 {
|
427 |
+
background-color: #c4c4ff;
|
428 |
+
}
|
429 |
+
|
430 |
+
tr.odd.gradeC td.sorting_2 {
|
431 |
+
background-color: #d1d1ff;
|
432 |
+
}
|
433 |
+
|
434 |
+
tr.odd.gradeC td.sorting_3 {
|
435 |
+
background-color: #d1d1ff;
|
436 |
+
}
|
437 |
+
|
438 |
+
tr.even.gradeC td.sorting_1 {
|
439 |
+
background-color: #d5d5ff;
|
440 |
+
}
|
441 |
+
|
442 |
+
tr.even.gradeC td.sorting_2 {
|
443 |
+
background-color: #e2e2ff;
|
444 |
+
}
|
445 |
+
|
446 |
+
tr.even.gradeC td.sorting_3 {
|
447 |
+
background-color: #e2e2ff;
|
448 |
+
}
|
449 |
+
|
450 |
+
tr.odd.gradeX td.sorting_1 {
|
451 |
+
background-color: #ffc4c4;
|
452 |
+
}
|
453 |
+
|
454 |
+
tr.odd.gradeX td.sorting_2 {
|
455 |
+
background-color: #ffd1d1;
|
456 |
+
}
|
457 |
+
|
458 |
+
tr.odd.gradeX td.sorting_3 {
|
459 |
+
background-color: #ffd1d1;
|
460 |
+
}
|
461 |
+
|
462 |
+
tr.even.gradeX td.sorting_1 {
|
463 |
+
background-color: #ffd5d5;
|
464 |
+
}
|
465 |
+
|
466 |
+
tr.even.gradeX td.sorting_2 {
|
467 |
+
background-color: #ffe2e2;
|
468 |
+
}
|
469 |
+
|
470 |
+
tr.even.gradeX td.sorting_3 {
|
471 |
+
background-color: #ffe2e2;
|
472 |
+
}
|
473 |
+
|
474 |
+
tr.odd.gradeU td.sorting_1 {
|
475 |
+
background-color: #c4c4c4;
|
476 |
+
}
|
477 |
+
|
478 |
+
tr.odd.gradeU td.sorting_2 {
|
479 |
+
background-color: #d1d1d1;
|
480 |
+
}
|
481 |
+
|
482 |
+
tr.odd.gradeU td.sorting_3 {
|
483 |
+
background-color: #d1d1d1;
|
484 |
+
}
|
485 |
+
|
486 |
+
tr.even.gradeU td.sorting_1 {
|
487 |
+
background-color: #d5d5d5;
|
488 |
+
}
|
489 |
+
|
490 |
+
tr.even.gradeU td.sorting_2 {
|
491 |
+
background-color: #e2e2e2;
|
492 |
+
}
|
493 |
+
|
494 |
+
tr.even.gradeU td.sorting_3 {
|
495 |
+
background-color: #e2e2e2;
|
496 |
+
}
|
497 |
+
|
498 |
+
|
499 |
+
/*
|
500 |
+
* Row highlighting example
|
501 |
+
*/
|
502 |
+
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
|
503 |
+
background-color: #ECFFB3;
|
504 |
+
}
|
505 |
+
|
506 |
+
.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
|
507 |
+
background-color: #E6FF99;
|
508 |
+
}
|
509 |
+
|
510 |
+
.ex_highlight_row #example tr.even:hover {
|
511 |
+
background-color: #ECFFB3;
|
512 |
+
}
|
513 |
+
|
514 |
+
.ex_highlight_row #example tr.even:hover td.sorting_1 {
|
515 |
+
background-color: #DDFF75;
|
516 |
+
}
|
517 |
+
|
518 |
+
.ex_highlight_row #example tr.even:hover td.sorting_2 {
|
519 |
+
background-color: #E7FF9E;
|
520 |
+
}
|
521 |
+
|
522 |
+
.ex_highlight_row #example tr.even:hover td.sorting_3 {
|
523 |
+
background-color: #E2FF89;
|
524 |
+
}
|
525 |
+
|
526 |
+
.ex_highlight_row #example tr.odd:hover {
|
527 |
+
background-color: #E6FF99;
|
528 |
+
}
|
529 |
+
|
530 |
+
.ex_highlight_row #example tr.odd:hover td.sorting_1 {
|
531 |
+
background-color: #D6FF5C;
|
532 |
+
}
|
533 |
+
|
534 |
+
.ex_highlight_row #example tr.odd:hover td.sorting_2 {
|
535 |
+
background-color: #E0FF84;
|
536 |
+
}
|
537 |
+
|
538 |
+
.ex_highlight_row #example tr.odd:hover td.sorting_3 {
|
539 |
+
background-color: #DBFF70;
|
540 |
+
}
|
541 |
+
|
542 |
+
|
543 |
+
/*
|
544 |
+
* KeyTable
|
545 |
+
*/
|
546 |
+
table.KeyTable td {
|
547 |
+
border: 3px solid transparent;
|
548 |
+
}
|
549 |
+
|
550 |
+
table.KeyTable td.focus {
|
551 |
+
border: 3px solid #3366FF;
|
552 |
+
}
|
553 |
+
|
554 |
+
table.display tr.gradeA {
|
555 |
+
background-color: #eeffee;
|
556 |
+
}
|
557 |
+
|
558 |
+
table.display tr.gradeC {
|
559 |
+
background-color: #ddddff;
|
560 |
+
}
|
561 |
+
|
562 |
+
table.display tr.gradeX {
|
563 |
+
background-color: #ffdddd;
|
564 |
+
}
|
565 |
+
|
566 |
+
table.display tr.gradeU {
|
567 |
+
background-color: #ddd;
|
568 |
+
}
|
569 |
+
|
570 |
+
div.box {
|
571 |
+
height: 100px;
|
572 |
+
padding: 10px;
|
573 |
+
overflow: auto;
|
574 |
+
border: 1px solid #8080FF;
|
575 |
+
background-color: #E5E5FF;
|
576 |
+
}
|
css/demo_table_jui.css
ADDED
@@ -0,0 +1,380 @@
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
|
Â
|
1 |
+
/*
|
2 |
+
* File: demo_table_jui.css
|
3 |
+
* CVS: $Id$
|
4 |
+
* Description: CSS descriptions for DataTables demo pages
|
5 |
+
* Author: Allan Jardine
|
6 |
+
* Created: Tue May 12 06:47:22 BST 2009
|
7 |
+
* Modified: $Date$ by $Author$
|
8 |
+
* Language: CSS
|
9 |
+
* Project: DataTables
|
10 |
+
*
|
11 |
+
* Copyright 2009 Allan Jardine. All Rights Reserved.
|
12 |
+
*
|
13 |
+
* ***************************************************************************
|
14 |
+
* DESCRIPTION
|
15 |
+
*
|
16 |
+
* The styles given here are suitable for the demos that are used with the standard DataTables
|
17 |
+
* distribution (see www.datatables.net). You will most likely wish to modify these styles to
|
18 |
+
* meet the layout requirements of your site.
|
19 |
+
*
|
20 |
+
* Common issues:
|
21 |
+
* 'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
|
22 |
+
* no conflict between the two pagination types. If you want to use full_numbers pagination
|
23 |
+
* ensure that you either have "example_alt_pagination" as a body class name, or better yet,
|
24 |
+
* modify that selector.
|
25 |
+
* Note that the path used for Images is relative. All images are by default located in
|
26 |
+
* ../images/ - relative to this CSS file.
|
27 |
+
*/
|
28 |
+
|
29 |
+
|
30 |
+
/*
|
31 |
+
* jQuery UI specific styling
|
32 |
+
*/
|
33 |
+
|
34 |
+
.paging_two_button .ui-button {
|
35 |
+
float: left;
|
36 |
+
cursor: pointer;
|
37 |
+
* cursor: hand;
|
38 |
+
}
|
39 |
+
|
40 |
+
.paging_full_numbers .ui-button {
|
41 |
+
padding: 2px 6px;
|
42 |
+
margin: 0;
|
43 |
+
cursor: pointer;
|
44 |
+
* cursor: hand;
|
45 |
+
color: #333 !important;
|
46 |
+
}
|
47 |
+
|
48 |
+
.dataTables_paginate .ui-button {
|
49 |
+
margin-right: -0.1em !important;
|
50 |
+
}
|
51 |
+
|
52 |
+
|
53 |
+
|
54 |
+
.dataTables_wrapper .ui-toolbar {
|
55 |
+
padding: 5px;
|
56 |
+
}
|
57 |
+
|
58 |
+
.dataTables_paginate {
|
59 |
+
width: auto;
|
60 |
+
}
|
61 |
+
|
62 |
+
.dataTables_info {
|
63 |
+
padding-top: 3px;
|
64 |
+
}
|
65 |
+
|
66 |
+
table.display thead th {
|
67 |
+
padding: 3px 0px 3px 10px;
|
68 |
+
cursor: pointer;
|
69 |
+
* cursor: hand;
|
70 |
+
}
|
71 |
+
|
72 |
+
div.dataTables_wrapper .ui-widget-header {
|
73 |
+
font-weight: normal;
|
74 |
+
}
|
75 |
+
|
76 |
+
|
77 |
+
/*
|
78 |
+
* Sort arrow icon positioning
|
79 |
+
*/
|
80 |
+
table.display thead th div.DataTables_sort_wrapper {
|
81 |
+
position: relative;
|
82 |
+
padding-right: 20px;
|
83 |
+
padding-right: 20px;
|
84 |
+
}
|
85 |
+
|
86 |
+
table.display thead th div.DataTables_sort_wrapper span {
|
87 |
+
position: absolute;
|
88 |
+
top: 50%;
|
89 |
+
margin-top: -8px;
|
90 |
+
right: 0;
|
91 |
+
}
|
92 |
+
|
93 |
+
|
94 |
+
|
95 |
+
|
96 |
+
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
97 |
+
*
|
98 |
+
* Everything below this line is the same as demo_table.css. This file is
|
99 |
+
* required for 'cleanliness' of the markup
|
100 |
+
*
|
101 |
+
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
102 |
+
|
103 |
+
|
104 |
+
|
105 |
+
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
106 |
+
* DataTables features
|
107 |
+
*/
|
108 |
+
|
109 |
+
.dataTables_wrapper {
|
110 |
+
position: relative;
|
111 |
+
clear: both;
|
112 |
+
}
|
113 |
+
|
114 |
+
.dataTables_processing {
|
115 |
+
position: absolute;
|
116 |
+
top: 0px;
|
117 |
+
left: 50%;
|
118 |
+
width: 250px;
|
119 |
+
margin-left: -125px;
|
120 |
+
border: 1px solid #ddd;
|
121 |
+
text-align: center;
|
122 |
+
color: #999;
|
123 |
+
font-size: 11px;
|
124 |
+
padding: 2px 0;
|
125 |
+
}
|
126 |
+
|
127 |
+
.dataTables_length {
|
128 |
+
width: 40%;
|
129 |
+
float: left;
|
130 |
+
}
|
131 |
+
|
132 |
+
.dataTables_filter {
|
133 |
+
width: 50%;
|
134 |
+
float: right;
|
135 |
+
text-align: right;
|
136 |
+
}
|
137 |
+
|
138 |
+
.dataTables_info {
|
139 |
+
width: 50%;
|
140 |
+
float: left;
|
141 |
+
}
|
142 |
+
|
143 |
+
.dataTables_paginate {
|
144 |
+
float: right;
|
145 |
+
text-align: right;
|
146 |
+
}
|
147 |
+
|
148 |
+
/* Pagination nested */
|
149 |
+
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
|
150 |
+
height: 19px;
|
151 |
+
width: 19px;
|
152 |
+
margin-left: 3px;
|
153 |
+
float: left;
|
154 |
+
}
|
155 |
+
|
156 |
+
.paginate_disabled_previous {
|
157 |
+
background-image: url('../images/back_disabled.jpg');
|
158 |
+
}
|
159 |
+
|
160 |
+
.paginate_enabled_previous {
|
161 |
+
background-image: url('../images/back_enabled.jpg');
|
162 |
+
}
|
163 |
+
|
164 |
+
.paginate_disabled_next {
|
165 |
+
background-image: url('../images/forward_disabled.jpg');
|
166 |
+
}
|
167 |
+
|
168 |
+
.paginate_enabled_next {
|
169 |
+
background-image: url('../images/forward_enabled.jpg');
|
170 |
+
}
|
171 |
+
|
172 |
+
|
173 |
+
|
174 |
+
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
175 |
+
* DataTables display
|
176 |
+
*/
|
177 |
+
table.display {
|
178 |
+
margin: 0 auto;
|
179 |
+
width: 100%;
|
180 |
+
clear: both;
|
181 |
+
border-collapse: collapse;
|
182 |
+
}
|
183 |
+
|
184 |
+
table.display tfoot th {
|
185 |
+
padding: 3px 0px 3px 10px;
|
186 |
+
font-weight: bold;
|
187 |
+
font-weight: normal;
|
188 |
+
}
|
189 |
+
|
190 |
+
table.display tr.heading2 td {
|
191 |
+
border-bottom: 1px solid #aaa;
|
192 |
+
}
|
193 |
+
|
194 |
+
table.display td {
|
195 |
+
padding: 3px 10px;
|
196 |
+
}
|
197 |
+
|
198 |
+
table.display td.center {
|
199 |
+
text-align: center;
|
200 |
+
}
|
201 |
+
|
202 |
+
|
203 |
+
|
204 |
+
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
205 |
+
* DataTables sorting
|
206 |
+
*/
|
207 |
+
|
208 |
+
.sorting_asc {
|
209 |
+
background: url('../images/sort_asc.png') no-repeat center right;
|
210 |
+
}
|
211 |
+
|
212 |
+
.sorting_desc {
|
213 |
+
background: url('../images/sort_desc.png') no-repeat center right;
|
214 |
+
}
|
215 |
+
|
216 |
+
.sorting {
|
217 |
+
background: url('../images/sort_both.png') no-repeat center right;
|
218 |
+
}
|
219 |
+
|
220 |
+
.sorting_asc_disabled {
|
221 |
+
background: url('../images/sort_asc_disabled.png') no-repeat center right;
|
222 |
+
}
|
223 |
+
|
224 |
+
.sorting_desc_disabled {
|
225 |
+
background: url('../images/sort_desc_disabled.png') no-repeat center right;
|
226 |
+
}
|
227 |
+
|
228 |
+
|
229 |
+
|
230 |
+
|
231 |
+
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
232 |
+
* DataTables row classes
|
233 |
+
*/
|
234 |
+
table.display tr.odd.gradeA {
|
235 |
+
background-color: #ddffdd;
|
236 |
+
}
|
237 |
+
|
238 |
+
table.display tr.even.gradeA {
|
239 |
+
background-color: #eeffee;
|
240 |
+
}
|
241 |
+
|
242 |
+
|
243 |
+
|
244 |
+
|
245 |
+
table.display tr.odd.gradeA {
|
246 |
+
background-color: #ddffdd;
|
247 |
+
}
|
248 |
+
|
249 |
+
table.display tr.even.gradeA {
|
250 |
+
background-color: #eeffee;
|
251 |
+
}
|
252 |
+
|
253 |
+
table.display tr.odd.gradeC {
|
254 |
+
background-color: #ddddff;
|
255 |
+
}
|
256 |
+
|
257 |
+
table.display tr.even.gradeC {
|
258 |
+
background-color: #eeeeff;
|
259 |
+
}
|
260 |
+
|
261 |
+
table.display tr.odd.gradeX {
|
262 |
+
background-color: #ffdddd;
|
263 |
+
}
|
264 |
+
|
265 |
+
table.display tr.even.gradeX {
|
266 |
+
background-color: #ffeeee;
|
267 |
+
}
|
268 |
+
|
269 |
+
table.display tr.odd.gradeU {
|
270 |
+
background-color: #ddd;
|
271 |
+
}
|
272 |
+
|
273 |
+
table.display tr.even.gradeU {
|
274 |
+
background-color: #eee;
|
275 |
+
}
|
276 |
+
|
277 |
+
|
278 |
+
tr.odd {
|
279 |
+
background-color: #E2E4FF;
|
280 |
+
}
|
281 |
+
|
282 |
+
tr.even {
|
283 |
+
background-color: white;
|
284 |
+
}
|
285 |
+
|
286 |
+
|
287 |
+
|
288 |
+
|
289 |
+
|
290 |
+
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
291 |
+
* Misc
|
292 |
+
*/
|
293 |
+
.dataTables_scroll {
|
294 |
+
clear: both;
|
295 |
+
}
|
296 |
+
|
297 |
+
.dataTables_scrollBody {
|
298 |
+
-webkit-overflow-scrolling: touch;
|
299 |
+
}
|
300 |
+
|
301 |
+
.top, .bottom {
|
302 |
+
padding: 15px;
|
303 |
+
background-color: #F5F5F5;
|
304 |
+
border: 1px solid #CCCCCC;
|
305 |
+
}
|
306 |
+
|
307 |
+
.top .dataTables_info {
|
308 |
+
float: none;
|
309 |
+
}
|
310 |
+
|
311 |
+
.clear {
|
312 |
+
clear: both;
|
313 |
+
}
|
314 |
+
|
315 |
+
.dataTables_empty {
|
316 |
+
text-align: center;
|
317 |
+
}
|
318 |
+
|
319 |
+
tfoot input {
|
320 |
+
margin: 0.5em 0;
|
321 |
+
width: 100%;
|
322 |
+
color: #444;
|
323 |
+
}
|
324 |
+
|
325 |
+
tfoot input.search_init {
|
326 |
+
color: #999;
|
327 |
+
}
|
328 |
+
|
329 |
+
td.group {
|
330 |
+
background-color: #d1cfd0;
|
331 |
+
border-bottom: 2px solid #A19B9E;
|
332 |
+
border-top: 2px solid #A19B9E;
|
333 |
+
}
|
334 |
+
|
335 |
+
td.details {
|
336 |
+
background-color: #d1cfd0;
|
337 |
+
border: 2px solid #A19B9E;
|
338 |
+
}
|
339 |
+
|
340 |
+
|
341 |
+
.example_alt_pagination div.dataTables_info {
|
342 |
+
width: 40%;
|
343 |
+
}
|
344 |
+
|
345 |
+
.paging_full_numbers a.paginate_button,
|
346 |
+
.paging_full_numbers a.paginate_active {
|
347 |
+
border: 1px solid #aaa;
|
348 |
+
-webkit-border-radius: 5px;
|
349 |
+
-moz-border-radius: 5px;
|
350 |
+
padding: 2px 5px;
|
351 |
+
margin: 0 3px;
|
352 |
+
cursor: pointer;
|
353 |
+
*cursor: hand;
|
354 |
+
color: #333 !important;
|
355 |
+
}
|
356 |
+
|
357 |
+
.paging_full_numbers a.paginate_button {
|
358 |
+
background-color: #ddd;
|
359 |
+
}
|
360 |
+
|
361 |
+
.paging_full_numbers a.paginate_button:hover {
|
362 |
+
background-color: #ccc;
|
363 |
+
text-decoration: none !important;
|
364 |
+
}
|
365 |
+
|
366 |
+
.paging_full_numbers a.paginate_active {
|
367 |
+
background-color: #99B3FF;
|
368 |
+
}
|
369 |
+
|
370 |
+
table.display tr.even.row_selected td {
|
371 |
+
background-color: #B0BED9;
|
372 |
+
}
|
373 |
+
|
374 |
+
table.display tr.odd.row_selected td {
|
375 |
+
background-color: #9FAFD1;
|
376 |
+
}
|
377 |
+
|
378 |
+
.css_right{
|
379 |
+
float: right;
|
380 |
+
}
|