integratedscaffold 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/Gemfile +6 -0
- data/Manifest +85 -0
- data/README +1 -0
- data/README.rdoc +1 -0
- data/Rakefile +14 -0
- data/integratedscaffold.gemspec +38 -0
- data/lib/integratedscaffold.rb +289 -0
- data/lib/templates/actions/create.rb +8 -0
- data/lib/templates/actions/destroy.rb +5 -0
- data/lib/templates/actions/edit.rb +4 -0
- data/lib/templates/actions/index.rb +5 -0
- data/lib/templates/actions/new.rb +4 -0
- data/lib/templates/actions/parse_save_from_excel.rb +45 -0
- data/lib/templates/actions/show.rb +5 -0
- data/lib/templates/actions/update.rb +8 -0
- data/lib/templates/assets/images/background.jpg +0 -0
- data/lib/templates/assets/images/download.png +0 -0
- data/lib/templates/assets/images/inner_texture.jpeg +0 -0
- data/lib/templates/assets/images/logo.png +0 -0
- data/lib/templates/assets/images/new.png +0 -0
- data/lib/templates/assets/images/upload.png +0 -0
- data/lib/templates/assets/images/welcome_icon_1.png +0 -0
- data/lib/templates/assets/images/welcome_icon_2.png +0 -0
- data/lib/templates/assets/images/welcome_icon_3.png +0 -0
- data/lib/templates/assets/images/welcome_icon_4.png +0 -0
- data/lib/templates/assets/images/welcome_image.png +0 -0
- data/lib/templates/assets/javascripts/exclusions/fiddletabs.js +233 -0
- data/lib/templates/assets/javascripts/exclusions/jquery.mousewheel.min.js +12 -0
- data/lib/templates/assets/javascripts/exclusions/jquery.pageslide.js +202 -0
- data/lib/templates/assets/javascripts/jquery.dataTables.min.js +2475 -0
- data/lib/templates/assets/stylesheets/base_classes.css.scss +107 -0
- data/lib/templates/assets/stylesheets/exclusions/fiddletabs.css +77 -0
- data/lib/templates/assets/stylesheets/exclusions/images/Sorting icons.psd +0 -0
- data/lib/templates/assets/stylesheets/exclusions/images/back_disabled.jpg +0 -0
- data/lib/templates/assets/stylesheets/exclusions/images/back_enabled.jpg +0 -0
- data/lib/templates/assets/stylesheets/exclusions/images/favicon.ico +0 -0
- data/lib/templates/assets/stylesheets/exclusions/images/forward_disabled.jpg +0 -0
- data/lib/templates/assets/stylesheets/exclusions/images/forward_enabled.jpg +0 -0
- data/lib/templates/assets/stylesheets/exclusions/images/sort_asc.png +0 -0
- data/lib/templates/assets/stylesheets/exclusions/images/sort_asc_disabled.png +0 -0
- data/lib/templates/assets/stylesheets/exclusions/images/sort_both.png +0 -0
- data/lib/templates/assets/stylesheets/exclusions/images/sort_desc.png +0 -0
- data/lib/templates/assets/stylesheets/exclusions/images/sort_desc_disabled.png +0 -0
- data/lib/templates/assets/stylesheets/exclusions/jquery_data_table.css +513 -0
- data/lib/templates/assets/stylesheets/images/Sorting icons.psd +0 -0
- data/lib/templates/assets/stylesheets/images/back_disabled.jpg +0 -0
- data/lib/templates/assets/stylesheets/images/back_enabled.jpg +0 -0
- data/lib/templates/assets/stylesheets/images/favicon.ico +0 -0
- data/lib/templates/assets/stylesheets/images/forward_disabled.jpg +0 -0
- data/lib/templates/assets/stylesheets/images/forward_enabled.jpg +0 -0
- data/lib/templates/assets/stylesheets/images/sort_asc.png +0 -0
- data/lib/templates/assets/stylesheets/images/sort_asc_disabled.png +0 -0
- data/lib/templates/assets/stylesheets/images/sort_both.png +0 -0
- data/lib/templates/assets/stylesheets/images/sort_desc.png +0 -0
- data/lib/templates/assets/stylesheets/images/sort_desc_disabled.png +0 -0
- data/lib/templates/assets/stylesheets/images/ui-bg_flat_0_aaaaaa_40x100.png +0 -0
- data/lib/templates/assets/stylesheets/images/ui-bg_flat_75_ffffff_40x100.png +0 -0
- data/lib/templates/assets/stylesheets/images/ui-bg_glass_55_fbf9ee_1x400.png +0 -0
- data/lib/templates/assets/stylesheets/images/ui-bg_glass_65_ffffff_1x400.png +0 -0
- data/lib/templates/assets/stylesheets/images/ui-bg_glass_75_dadada_1x400.png +0 -0
- data/lib/templates/assets/stylesheets/images/ui-bg_glass_75_e6e6e6_1x400.png +0 -0
- data/lib/templates/assets/stylesheets/images/ui-bg_glass_95_fef1ec_1x400.png +0 -0
- data/lib/templates/assets/stylesheets/images/ui-bg_highlight-soft_75_cccccc_1x100.png +0 -0
- data/lib/templates/assets/stylesheets/images/ui-icons_222222_256x240.png +0 -0
- data/lib/templates/assets/stylesheets/images/ui-icons_2e83ff_256x240.png +0 -0
- data/lib/templates/assets/stylesheets/images/ui-icons_454545_256x240.png +0 -0
- data/lib/templates/assets/stylesheets/images/ui-icons_888888_256x240.png +0 -0
- data/lib/templates/assets/stylesheets/images/ui-icons_cd0a0a_256x240.png +0 -0
- data/lib/templates/assets/stylesheets/information_page.css.scss +3 -0
- data/lib/templates/assets/stylesheets/jquery_data_table.css +513 -0
- data/lib/templates/controller.rb +4 -0
- data/lib/templates/file_uploader.rb +48 -0
- data/lib/templates/helper.rb +2 -0
- data/lib/templates/layouts/application.html.erb +69 -0
- data/lib/templates/layouts/dummy_data.html.erb +80 -0
- data/lib/templates/layouts/information_page.html.erb +81 -0
- data/lib/templates/layouts/pageslide_form_at.html.erb +2 -0
- data/lib/templates/layouts/welcome.html.erb +71 -0
- data/lib/templates/migration.rb +18 -0
- data/lib/templates/model.rb +7 -0
- data/lib/templates/views/erb/_form.html.erb +32 -0
- data/lib/templates/views/erb/edit.html.erb +11 -0
- data/lib/templates/views/erb/index.html.erb +216 -0
- data/lib/templates/views/erb/new.html.erb +11 -0
- data/lib/templates/views/erb/show.html.erb +0 -0
- metadata +271 -0
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
// Place all the styles related to the welcome controller here.
|
|
2
|
+
// They will automatically be included in application.css.
|
|
3
|
+
// You can use Sass (SCSS) here: http://sass-lang.com/
|
|
4
|
+
|
|
5
|
+
html, body {
|
|
6
|
+
background-image: url('/assets/background.jpg');
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
body {
|
|
10
|
+
padding-top: 40px; /* 40px to make the container go all the way to the bottom of the topbar */
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.container > footer p {
|
|
14
|
+
text-align: center; /* center align it with the container */
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.container {
|
|
18
|
+
width: 940px; /* downsize our container to make the content feel a bit tighter and more cohesive. NOTE: this removes two full columns from the grid, meaning you only go to 14 columns and not 16. */
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
/* The white background content wrapper */
|
|
22
|
+
.content {
|
|
23
|
+
background-color: #fff;
|
|
24
|
+
padding: 20px;
|
|
25
|
+
margin: 0 -20px; /* negative indent the amount of the padding to maintain the grid system */
|
|
26
|
+
-webkit-border-radius: 0 0 6px 6px;
|
|
27
|
+
-moz-border-radius: 0 0 6px 6px;
|
|
28
|
+
border-radius: 0 0 6px 6px;
|
|
29
|
+
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
|
|
30
|
+
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
|
|
31
|
+
box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
/* Page header tweaks */
|
|
35
|
+
.page-header {
|
|
36
|
+
background-color: #000000;
|
|
37
|
+
opacity: 0.6;
|
|
38
|
+
filter: alpha(opacity = 60); /* For IE8 and earlier */
|
|
39
|
+
|
|
40
|
+
padding: 20px 20px 10px;
|
|
41
|
+
margin: -20px -20px 20px;
|
|
42
|
+
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.page-header h1 {
|
|
46
|
+
color: white;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
/* Styles you shouldn't keep as they are for displaying this base example only */
|
|
50
|
+
.content .span10,
|
|
51
|
+
.content .span4 {
|
|
52
|
+
min-height: 350px;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
/* Give a quick and non-cross-browser friendly divider */
|
|
56
|
+
.content .span6 {
|
|
57
|
+
margin-left: 0;
|
|
58
|
+
padding-left: 19px;
|
|
59
|
+
border-left: 1px solid #eee;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.topbar .btn {
|
|
63
|
+
border: 0;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
th {
|
|
67
|
+
border: none;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
a:link {
|
|
71
|
+
color: #556b2f;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
a:visited {
|
|
75
|
+
color: #556b2f;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
a:hover {
|
|
79
|
+
text-shadow: none;
|
|
80
|
+
background: none;
|
|
81
|
+
text-decoration: none;
|
|
82
|
+
color: #000000;
|
|
83
|
+
font-weight:bold;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.nav a:hover {
|
|
87
|
+
background: black;
|
|
88
|
+
text-decoration: none;
|
|
89
|
+
color: white;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.nav_link a:hover {
|
|
93
|
+
text-decoration: underline;
|
|
94
|
+
color: white;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.activate_pageslide {
|
|
98
|
+
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
td {
|
|
102
|
+
border:none;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
tr {
|
|
106
|
+
border:none;
|
|
107
|
+
}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
.switcher {
|
|
2
|
+
/* this can be whatever selector you want */
|
|
3
|
+
width: 910px; /* the full width of the switcher */
|
|
4
|
+
position: relative; /* important */
|
|
5
|
+
font-family: Georgia;
|
|
6
|
+
margin: 0 auto;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.switcher > div {
|
|
10
|
+
height: 60px; /* the height of the boxes when collapsed */
|
|
11
|
+
position: absolute;
|
|
12
|
+
left: 660px; /* the width of the switcher minus the outer width of the collapsed boxes (including margin, padding and border) */
|
|
13
|
+
right: 0; /* important */
|
|
14
|
+
margin: 4px; /* the margin between collapsed boxes */
|
|
15
|
+
padding: 5px; /* the padding for the collapsed boxes */
|
|
16
|
+
border: 1px solid #C2C2C2; /* the border for collapsed boxes */
|
|
17
|
+
overflow: hidden; /* important */
|
|
18
|
+
cursor: pointer;
|
|
19
|
+
|
|
20
|
+
border-radius: 10px;
|
|
21
|
+
background: #a4b357; /* Old browsers */
|
|
22
|
+
background: -moz-linear-gradient(top, #a4b357 0%, #75890c 100%); /* FF3.6+ */
|
|
23
|
+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a4b357), color-stop(100%, #75890c)); /* Chrome,Safari4+ */
|
|
24
|
+
background: -webkit-linear-gradient(top, #a4b357 0%, #75890c 100%); /* Chrome10+,Safari5.1+ */
|
|
25
|
+
background: -o-linear-gradient(top, #a4b357 0%, #75890c 100%); /* Opera 11.10+ */
|
|
26
|
+
background: -ms-linear-gradient(top, #a4b357 0%, #75890c 100%); /* IE10+ */
|
|
27
|
+
background: linear-gradient(top, #a4b357 0%, #75890c 100%); /* W3C */
|
|
28
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#a4b357', endColorstr = '#75890c', GradientType = 0); /* IE6-9 */
|
|
29
|
+
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.switcher > div .content {
|
|
33
|
+
opacity: 0; /* impotant */
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.switcher > div > h3 {
|
|
37
|
+
text-align: center;
|
|
38
|
+
line-height: 60px; /* used to vertically center the text in collapsed boxes, should be the height of the collapsed boxes */
|
|
39
|
+
font-size: 18px;
|
|
40
|
+
font-family: Helvetica;
|
|
41
|
+
color:white;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.switcher .active {
|
|
45
|
+
height: auto; /* important */
|
|
46
|
+
width: auto; /* important */
|
|
47
|
+
top: 0; /* important */
|
|
48
|
+
left: 0; /* important */
|
|
49
|
+
bottom: 0; /* important */
|
|
50
|
+
right: 250px; /* the outer width of the collapsed boxes */
|
|
51
|
+
cursor: default;
|
|
52
|
+
|
|
53
|
+
background: #fefcea; /* Old browsers */
|
|
54
|
+
background: -moz-radial-gradient(center, ellipse cover, #fefcea 0%, #f1da36 100%); /* FF3.6+ */
|
|
55
|
+
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#fefcea), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
|
|
56
|
+
background: -webkit-radial-gradient(center, ellipse cover, #fefcea 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */
|
|
57
|
+
background: -o-radial-gradient(center, ellipse cover, #fefcea 0%,#f1da36 100%); /* Opera 12+ */
|
|
58
|
+
background: -ms-radial-gradient(center, ellipse cover, #fefcea 0%,#f1da36 100%); /* IE10+ */
|
|
59
|
+
background: radial-gradient(center, ellipse cover, #fefcea 0%,#f1da36 100%); /* W3C */
|
|
60
|
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
|
|
61
|
+
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.switcher .active .content {
|
|
65
|
+
opacity: 1; /* important */
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.switcher .active > h3 {
|
|
69
|
+
line-height: 48px; /* the line height of the box heading when active */
|
|
70
|
+
color:black;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
p {
|
|
74
|
+
line-height: 22px;
|
|
75
|
+
font-size: 14px;
|
|
76
|
+
padding: 5px;
|
|
77
|
+
}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,513 @@
|
|
|
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
|
+
* Additional styling
|
|
31
|
+
*/
|
|
32
|
+
|
|
33
|
+
input, textarea, select, .uneditable-input, label {
|
|
34
|
+
width: auto;
|
|
35
|
+
float: none;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
/*
|
|
40
|
+
* jQuery UI specific styling
|
|
41
|
+
*/
|
|
42
|
+
|
|
43
|
+
.paging_two_button .ui-button {
|
|
44
|
+
float: left;
|
|
45
|
+
cursor: pointer;
|
|
46
|
+
*cursor: hand;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.paging_full_numbers .ui-button {
|
|
50
|
+
padding: 2px 6px;
|
|
51
|
+
margin: 0;
|
|
52
|
+
cursor: pointer;
|
|
53
|
+
*cursor: hand;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.dataTables_paginate .ui-button {
|
|
57
|
+
margin-right: -0.1em !important;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.paging_full_numbers {
|
|
61
|
+
width: 300px !important;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.dataTables_wrapper .ui-toolbar {
|
|
65
|
+
padding: 5px;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.dataTables_paginate {
|
|
69
|
+
width: auto;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.dataTables_info {
|
|
73
|
+
padding-top: 3px;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
table.display thead th {
|
|
77
|
+
padding: 3px 0px 3px 10px;
|
|
78
|
+
cursor: pointer;
|
|
79
|
+
*cursor: hand;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
div.dataTables_wrapper .ui-widget-header {
|
|
83
|
+
font-weight: normal;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
/*
|
|
87
|
+
* Sort arrow icon positioning
|
|
88
|
+
*/
|
|
89
|
+
table.display thead th div.DataTables_sort_wrapper {
|
|
90
|
+
position: relative;
|
|
91
|
+
padding-right: 20px;
|
|
92
|
+
padding-right: 20px;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
table.display thead th div.DataTables_sort_wrapper span {
|
|
96
|
+
position: absolute;
|
|
97
|
+
top: 50%;
|
|
98
|
+
margin-top: -8px;
|
|
99
|
+
right: 0;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
|
103
|
+
*
|
|
104
|
+
* Everything below this line is the same as demo_table.css. This file is
|
|
105
|
+
* required for 'cleanliness' of the markup
|
|
106
|
+
*
|
|
107
|
+
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
|
108
|
+
|
|
109
|
+
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
|
110
|
+
* DataTables features
|
|
111
|
+
*/
|
|
112
|
+
|
|
113
|
+
.dataTables_wrapper {
|
|
114
|
+
position: relative;
|
|
115
|
+
min-height: 302px;
|
|
116
|
+
_height: 302px;
|
|
117
|
+
clear: both;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.dataTables_processing {
|
|
121
|
+
position: absolute;
|
|
122
|
+
top: 0px;
|
|
123
|
+
left: 50%;
|
|
124
|
+
width: 250px;
|
|
125
|
+
margin-left: -125px;
|
|
126
|
+
border: 1px solid #ddd;
|
|
127
|
+
text-align: center;
|
|
128
|
+
color: #999;
|
|
129
|
+
font-size: 11px;
|
|
130
|
+
padding: 2px 0;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
.dataTables_length {
|
|
134
|
+
width: 40%;
|
|
135
|
+
float: left;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
.dataTables_filter {
|
|
139
|
+
width: 50%;
|
|
140
|
+
float: right;
|
|
141
|
+
text-align: right;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
.dataTables_info {
|
|
145
|
+
width: 50%;
|
|
146
|
+
float: left;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.dataTables_paginate {
|
|
150
|
+
float: right;
|
|
151
|
+
text-align: right;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
/* Pagination nested */
|
|
155
|
+
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
|
|
156
|
+
height: 19px;
|
|
157
|
+
width: 19px;
|
|
158
|
+
margin-left: 3px;
|
|
159
|
+
float: left;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
.paginate_disabled_previous {
|
|
163
|
+
background-image: url('../images/back_disabled.jpg');
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
.paginate_enabled_previous {
|
|
167
|
+
background-image: url('../images/back_enabled.jpg');
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
.paginate_disabled_next {
|
|
171
|
+
background-image: url('../images/forward_disabled.jpg');
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
.paginate_enabled_next {
|
|
175
|
+
background-image: url('../images/forward_enabled.jpg');
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
|
179
|
+
* DataTables display
|
|
180
|
+
*/
|
|
181
|
+
table.display {
|
|
182
|
+
margin: 0 auto;
|
|
183
|
+
width: 100%;
|
|
184
|
+
clear: both;
|
|
185
|
+
border-collapse: collapse;
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
table.display tfoot th {
|
|
189
|
+
padding: 3px 0px 3px 10px;
|
|
190
|
+
font-weight: bold;
|
|
191
|
+
font-weight: normal;
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
table.display tr.heading2 td {
|
|
195
|
+
border-bottom: 1px solid #aaa;
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
table.display td {
|
|
199
|
+
padding: 3px 10px;
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
table.display td.center {
|
|
203
|
+
text-align: center;
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
|
207
|
+
* DataTables sorting
|
|
208
|
+
*/
|
|
209
|
+
|
|
210
|
+
.sorting_asc {
|
|
211
|
+
background: url('../images/sort_asc.png') no-repeat center right;
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
.sorting_desc {
|
|
215
|
+
background: url('../images/sort_desc.png') no-repeat center right;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
.sorting {
|
|
219
|
+
background: url('../images/sort_both.png') no-repeat center right;
|
|
220
|
+
}
|
|
221
|
+
|
|
222
|
+
.sorting_asc_disabled {
|
|
223
|
+
background: url('../images/sort_asc_disabled.png') no-repeat center right;
|
|
224
|
+
}
|
|
225
|
+
|
|
226
|
+
.sorting_desc_disabled {
|
|
227
|
+
background: url('../images/sort_desc_disabled.png') no-repeat center right;
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
|
231
|
+
* DataTables row classes
|
|
232
|
+
*/
|
|
233
|
+
table.display tr.odd.ptotem {
|
|
234
|
+
background-color: #ddffdd;
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
table.display tr.even.ptotem {
|
|
238
|
+
background-color: #eeffee;
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
table.display tr.odd.gradeA {
|
|
242
|
+
background-color: #ddffdd;
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
table.display tr.even.gradeA {
|
|
246
|
+
background-color: #eeffee;
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
table.display tr.odd.gradeA {
|
|
250
|
+
background-color: #ddffdd;
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
table.display tr.even.gradeA {
|
|
254
|
+
background-color: #eeffee;
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
table.display tr.odd.gradeC {
|
|
258
|
+
background-color: #ddddff;
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
table.display tr.even.gradeC {
|
|
262
|
+
background-color: #eeeeff;
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
table.display tr.odd.gradeX {
|
|
266
|
+
background-color: #ffdddd;
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
table.display tr.even.gradeX {
|
|
270
|
+
background-color: #ffeeee;
|
|
271
|
+
}
|
|
272
|
+
|
|
273
|
+
table.display tr.odd.gradeU {
|
|
274
|
+
background-color: #ddd;
|
|
275
|
+
}
|
|
276
|
+
|
|
277
|
+
table.display tr.even.gradeU {
|
|
278
|
+
background-color: #eee;
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
tr.odd {
|
|
282
|
+
background-color: #c4c4c4;
|
|
283
|
+
}
|
|
284
|
+
|
|
285
|
+
tr.even {
|
|
286
|
+
background-color: white;
|
|
287
|
+
}
|
|
288
|
+
|
|
289
|
+
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
|
290
|
+
* Misc
|
|
291
|
+
*/
|
|
292
|
+
.dataTables_scroll {
|
|
293
|
+
clear: both;
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
.top, .bottom {
|
|
297
|
+
padding: 15px;
|
|
298
|
+
background-color: #F5F5F5;
|
|
299
|
+
border: 1px solid #CCCCCC;
|
|
300
|
+
}
|
|
301
|
+
|
|
302
|
+
.top .dataTables_info {
|
|
303
|
+
float: none;
|
|
304
|
+
}
|
|
305
|
+
|
|
306
|
+
.clear {
|
|
307
|
+
clear: both;
|
|
308
|
+
}
|
|
309
|
+
|
|
310
|
+
.dataTables_empty {
|
|
311
|
+
text-align: center;
|
|
312
|
+
}
|
|
313
|
+
|
|
314
|
+
tfoot input {
|
|
315
|
+
margin: 0.5em 0;
|
|
316
|
+
width: 100%;
|
|
317
|
+
color: #444;
|
|
318
|
+
}
|
|
319
|
+
|
|
320
|
+
tfoot input.search_init {
|
|
321
|
+
color: #999;
|
|
322
|
+
}
|
|
323
|
+
|
|
324
|
+
td.group {
|
|
325
|
+
background-color: #d1cfd0;
|
|
326
|
+
border-bottom: 2px solid #A19B9E;
|
|
327
|
+
border-top: 2px solid #A19B9E;
|
|
328
|
+
}
|
|
329
|
+
|
|
330
|
+
td.details {
|
|
331
|
+
background-color: #d1cfd0;
|
|
332
|
+
border: 2px solid #A19B9E;
|
|
333
|
+
}
|
|
334
|
+
|
|
335
|
+
.example_alt_pagination div.dataTables_info {
|
|
336
|
+
width: 40%;
|
|
337
|
+
}
|
|
338
|
+
|
|
339
|
+
.paging_full_numbers span.paginate_button,
|
|
340
|
+
.paging_full_numbers span.paginate_active {
|
|
341
|
+
border: 1px solid #aaa;
|
|
342
|
+
-webkit-border-radius: 5px;
|
|
343
|
+
-moz-border-radius: 5px;
|
|
344
|
+
padding: 2px 5px;
|
|
345
|
+
margin: 0 3px;
|
|
346
|
+
cursor: pointer;
|
|
347
|
+
*cursor: hand;
|
|
348
|
+
}
|
|
349
|
+
|
|
350
|
+
.paging_full_numbers span.paginate_button {
|
|
351
|
+
background-color: #ddd;
|
|
352
|
+
}
|
|
353
|
+
|
|
354
|
+
.paging_full_numbers span.paginate_button:hover {
|
|
355
|
+
background-color: #ccc;
|
|
356
|
+
}
|
|
357
|
+
|
|
358
|
+
.paging_full_numbers span.paginate_active {
|
|
359
|
+
background-color: #99B3FF;
|
|
360
|
+
}
|
|
361
|
+
|
|
362
|
+
table.display tr.even.row_selected td {
|
|
363
|
+
background-color: #B0BED9;
|
|
364
|
+
}
|
|
365
|
+
|
|
366
|
+
table.display tr.odd.row_selected td {
|
|
367
|
+
background-color: #9FAFD1;
|
|
368
|
+
}
|
|
369
|
+
|
|
370
|
+
/*
|
|
371
|
+
* Sorting classes for columns
|
|
372
|
+
*/
|
|
373
|
+
/* For the standard odd/even */
|
|
374
|
+
tr.odd td.sorting_1 {
|
|
375
|
+
background-color: #D3D6FF;
|
|
376
|
+
}
|
|
377
|
+
|
|
378
|
+
tr.odd td.sorting_2 {
|
|
379
|
+
background-color: #DADCFF;
|
|
380
|
+
}
|
|
381
|
+
|
|
382
|
+
tr.odd td.sorting_3 {
|
|
383
|
+
background-color: #E0E2FF;
|
|
384
|
+
}
|
|
385
|
+
|
|
386
|
+
tr.even td.sorting_1 {
|
|
387
|
+
background-color: #EAEBFF;
|
|
388
|
+
}
|
|
389
|
+
|
|
390
|
+
tr.even td.sorting_2 {
|
|
391
|
+
background-color: #F2F3FF;
|
|
392
|
+
}
|
|
393
|
+
|
|
394
|
+
tr.even td.sorting_3 {
|
|
395
|
+
background-color: #F9F9FF;
|
|
396
|
+
}
|
|
397
|
+
|
|
398
|
+
/* For the Conditional-CSS grading rows */
|
|
399
|
+
/*
|
|
400
|
+
Colour calculations (based off the main row colours)
|
|
401
|
+
Level 1:
|
|
402
|
+
dd > c4
|
|
403
|
+
ee > d5
|
|
404
|
+
Level 2:
|
|
405
|
+
dd > d1
|
|
406
|
+
ee > e2
|
|
407
|
+
*/
|
|
408
|
+
tr.odd.gradeA td.sorting_1 {
|
|
409
|
+
background-color: #c4ffc4;
|
|
410
|
+
}
|
|
411
|
+
|
|
412
|
+
tr.odd.gradeA td.sorting_2 {
|
|
413
|
+
background-color: #d1ffd1;
|
|
414
|
+
}
|
|
415
|
+
|
|
416
|
+
tr.odd.gradeA td.sorting_3 {
|
|
417
|
+
background-color: #d1ffd1;
|
|
418
|
+
}
|
|
419
|
+
|
|
420
|
+
tr.even.gradeA td.sorting_1 {
|
|
421
|
+
background-color: #d5ffd5;
|
|
422
|
+
}
|
|
423
|
+
|
|
424
|
+
tr.even.gradeA td.sorting_2 {
|
|
425
|
+
background-color: #e2ffe2;
|
|
426
|
+
}
|
|
427
|
+
|
|
428
|
+
tr.even.gradeA td.sorting_3 {
|
|
429
|
+
background-color: #e2ffe2;
|
|
430
|
+
}
|
|
431
|
+
|
|
432
|
+
tr.odd.gradeC td.sorting_1 {
|
|
433
|
+
background-color: #c4c4ff;
|
|
434
|
+
}
|
|
435
|
+
|
|
436
|
+
tr.odd.gradeC td.sorting_2 {
|
|
437
|
+
background-color: #d1d1ff;
|
|
438
|
+
}
|
|
439
|
+
|
|
440
|
+
tr.odd.gradeC td.sorting_3 {
|
|
441
|
+
background-color: #d1d1ff;
|
|
442
|
+
}
|
|
443
|
+
|
|
444
|
+
tr.even.gradeC td.sorting_1 {
|
|
445
|
+
background-color: #d5d5ff;
|
|
446
|
+
}
|
|
447
|
+
|
|
448
|
+
tr.even.gradeC td.sorting_2 {
|
|
449
|
+
background-color: #e2e2ff;
|
|
450
|
+
}
|
|
451
|
+
|
|
452
|
+
tr.even.gradeC td.sorting_3 {
|
|
453
|
+
background-color: #e2e2ff;
|
|
454
|
+
}
|
|
455
|
+
|
|
456
|
+
tr.odd.gradeX td.sorting_1 {
|
|
457
|
+
background-color: #ffc4c4;
|
|
458
|
+
}
|
|
459
|
+
|
|
460
|
+
tr.odd.gradeX td.sorting_2 {
|
|
461
|
+
background-color: #ffd1d1;
|
|
462
|
+
}
|
|
463
|
+
|
|
464
|
+
tr.odd.gradeX td.sorting_3 {
|
|
465
|
+
background-color: #ffd1d1;
|
|
466
|
+
}
|
|
467
|
+
|
|
468
|
+
tr.even.gradeX td.sorting_1 {
|
|
469
|
+
background-color: #ffd5d5;
|
|
470
|
+
}
|
|
471
|
+
|
|
472
|
+
tr.even.gradeX td.sorting_2 {
|
|
473
|
+
background-color: #ffe2e2;
|
|
474
|
+
}
|
|
475
|
+
|
|
476
|
+
tr.even.gradeX td.sorting_3 {
|
|
477
|
+
background-color: #ffe2e2;
|
|
478
|
+
}
|
|
479
|
+
|
|
480
|
+
tr.odd.gradeU td.sorting_1 {
|
|
481
|
+
background-color: #c4c4c4;
|
|
482
|
+
}
|
|
483
|
+
|
|
484
|
+
tr.odd.gradeU td.sorting_2 {
|
|
485
|
+
background-color: #d1d1d1;
|
|
486
|
+
}
|
|
487
|
+
|
|
488
|
+
tr.odd.gradeU td.sorting_3 {
|
|
489
|
+
background-color: #d1d1d1;
|
|
490
|
+
}
|
|
491
|
+
|
|
492
|
+
tr.even.gradeU td.sorting_1 {
|
|
493
|
+
background-color: #d5d5d5;
|
|
494
|
+
}
|
|
495
|
+
|
|
496
|
+
tr.even.gradeU td.sorting_2 {
|
|
497
|
+
background-color: #e2e2e2;
|
|
498
|
+
}
|
|
499
|
+
|
|
500
|
+
tr.even.gradeU td.sorting_3 {
|
|
501
|
+
background-color: #e2e2e2;
|
|
502
|
+
}
|
|
503
|
+
|
|
504
|
+
/*
|
|
505
|
+
* Row highlighting example
|
|
506
|
+
*/
|
|
507
|
+
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
|
|
508
|
+
background-color: #ECFFB3;
|
|
509
|
+
}
|
|
510
|
+
|
|
511
|
+
.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
|
|
512
|
+
background-color: #E6FF99;
|
|
513
|
+
}
|