view_all.css
About this file
This CSS file contains styles for viewing all requests: open, closed, in-progress, due-soon, and overdue, as well as new requests. Styles are also set for advanced options.
Code Check Report
csslint: There are 72 problems in .
view_all.css
1: warning at line 1, col 1
Adjoining classes: div.row.search-row
div.row.search-row {
view_all.css
2: warning at line 1, col 1
Element (div.row.search-row) is overqualified, just use .row without element name.
div.row.search-row {
view_all.css
3: warning at line 1, col 1
Element (div.row.search-row) is overqualified, just use .search-row without element name.
div.row.search-row {
view_all.css
4: warning at line 15, col 1
Rule doesn't have all its properties in alphabetical order.
button.helptext-button {
view_all.css
5: warning at line 37, col 1
Rule doesn't have all its properties in alphabetical order.
button.helptext-button span[aria-hidden="true"] {
view_all.css
6: warning at line 47, col 1
Rule doesn't have all its properties in alphabetical order.
button.helptext-button span[aria-hidden="true"]::before {
view_all.css
7: warning at line 70, col 1
Rule doesn't have all its properties in alphabetical order.
button.btn-link {
view_all.css
8: warning at line 79, col 1
Rule doesn't have all its properties in alphabetical order.
button.btn-link::after {
view_all.css
9: warning at line 95, col 1
Don't use IDs in selectors.
#advanced-options .h4 {
view_all.css
10: warning at line 99, col 1
Don't use IDs in selectors.
#advanced-options .fieldset {
view_all.css
11: warning at line 99, col 1
Rule doesn't have all its properties in alphabetical order.
#advanced-options .fieldset {
view_all.css
12: warning at line 105, col 1
Don't use IDs in selectors.
#advanced-options div.checkbox .disabled {
view_all.css
13: warning at line 109, col 1
Don't use IDs in selectors.
#advanced-options div.checkbox .disabled::before {
view_all.css
14: warning at line 109, col 1
Rule doesn't have all its properties in alphabetical order.
#advanced-options div.checkbox .disabled::before {
view_all.css
15: warning at line 115, col 5
Using height with border can sometimes make elements larger than you expect.
border: 2px solid #df0000;
view_all.css
16: warning at line 115, col 5
Using width with border can sometimes make elements larger than you expect.
border: 2px solid #df0000;
view_all.css
17: warning at line 123, col 1
Rule doesn't have all its properties in alphabetical order.
div.search-results .searchResults-heading {
view_all.css
18: warning at line 131, col 43
Heading (h3) should not be qualified.
div.search-results .searchResults-heading h3 {
view_all.css
19: warning at line 131, col 43
Heading (h3) has already been defined.
div.search-results .searchResults-heading h3 {
view_all.css
20: warning at line 135, col 43
Heading (h2) should not be qualified.
div.search-results .searchResults-heading h2, div.search-results .searchResults-heading h3 {
view_all.css
21: warning at line 135, col 89
Heading (h3) should not be qualified.
div.search-results .searchResults-heading h2, div.search-results .searchResults-heading h3 {
view_all.css
22: warning at line 135, col 43
Heading (h2) has already been defined.
div.search-results .searchResults-heading h2, div.search-results .searchResults-heading h3 {
view_all.css
23: warning at line 135, col 89
Heading (h3) has already been defined.
div.search-results .searchResults-heading h2, div.search-results .searchResults-heading h3 {
view_all.css
24: warning at line 139, col 1
Rule doesn't have all its properties in alphabetical order.
div.search-results .searchResults-heading div.table-legend {
view_all.css
25: warning at line 148, col 1
Rule doesn't have all its properties in alphabetical order.
div.search-results .searchResults-heading div.table-legend .legend-closed img {
view_all.css
26: warning at line 155, col 1
Rule doesn't have all its properties in alphabetical order.
div.search-results .searchResults-heading div.table-legend .legend-open img {
view_all.css
27: warning at line 162, col 1
Rule doesn't have all its properties in alphabetical order.
div.search-results .searchResults-heading div.table-legend .legend-progress img {
view_all.css
28: warning at line 169, col 1
Rule doesn't have all its properties in alphabetical order.
div.search-results .searchResults-heading div.table-legend .legend-overdue img {
view_all.css
29: warning at line 176, col 1
Rule doesn't have all its properties in alphabetical order.
div.search-results .searchResults-heading div.table-legend .legend-soon img {
view_all.css
30: warning at line 191, col 1
Rule doesn't have all its properties in alphabetical order.
div.search-results table thead button {
view_all.css
31: warning at line 202, col 5
Use of !important
display: none !important;
view_all.css
32: warning at line 206, col 5
Use of !important
display: none !important;
view_all.css
33: warning at line 210, col 5
Use of !important
display: none !important;
view_all.css
34: warning at line 213, col 39
Element (span.glyphicon) is overqualified, just use .glyphicon without element name.
div.search-results table thead button span.glyphicon {
view_all.css
35: warning at line 217, col 37
The universal selector (*) is known to be slow.
div.search-results table thead tr > *:first-child, div.search-results table tbody tr > *:first-child {
view_all.css
36: warning at line 217, col 88
The universal selector (*) is known to be slow.
div.search-results table thead tr > *:first-child, div.search-results table tbody tr > *:first-child {
view_all.css
37: warning at line 217, col 1
Rule doesn't have all its properties in alphabetical order.
div.search-results table thead tr > *:first-child, div.search-results table tbody tr > *:first-child {
view_all.css
38: warning at line 218, col 5
Negative text-indent doesn't work well with RTL. If you use text-indent for image replacement explicitly set direction for that item to ltr.
text-indent: -9999px;
view_all.css
39: warning at line 224, col 37
The universal selector (*) is known to be slow.
div.search-results table thead tr > *:first-child.open, div.search-results table tbody tr > *:first-child.open {
view_all.css
40: warning at line 224, col 93
The universal selector (*) is known to be slow.
div.search-results table thead tr > *:first-child.open, div.search-results table tbody tr > *:first-child.open {
view_all.css
41: warning at line 228, col 37
The universal selector (*) is known to be slow.
div.search-results table thead tr > *:first-child.closed, div.search-results table tbody tr > *:first-child.closed {
view_all.css
42: warning at line 228, col 95
The universal selector (*) is known to be slow.
div.search-results table thead tr > *:first-child.closed, div.search-results table tbody tr > *:first-child.closed {
view_all.css
43: warning at line 232, col 37
The universal selector (*) is known to be slow.
div.search-results table thead tr > *:first-child.soon, div.search-results table tbody tr > *:first-child.soon {
view_all.css
44: warning at line 232, col 93
The universal selector (*) is known to be slow.
div.search-results table thead tr > *:first-child.soon, div.search-results table tbody tr > *:first-child.soon {
view_all.css
45: warning at line 236, col 37
The universal selector (*) is known to be slow.
div.search-results table thead tr > *:first-child.progress, div.search-results table tbody tr > *:first-child.progress {
view_all.css
46: warning at line 236, col 97
The universal selector (*) is known to be slow.
div.search-results table thead tr > *:first-child.progress, div.search-results table tbody tr > *:first-child.progress {
view_all.css
47: warning at line 240, col 37
The universal selector (*) is known to be slow.
div.search-results table thead tr > *:first-child.overdue, div.search-results table tbody tr > *:first-child.overdue {
view_all.css
48: warning at line 240, col 96
The universal selector (*) is known to be slow.
div.search-results table thead tr > *:first-child.overdue, div.search-results table tbody tr > *:first-child.overdue {
view_all.css
49: warning at line 244, col 37
The universal selector (*) is known to be slow.
div.search-results table thead tr > *:first-child:not([class]), div.search-results table tbody tr > *:first-child:not([class]) {
view_all.css
50: warning at line 244, col 101
The universal selector (*) is known to be slow.
div.search-results table thead tr > *:first-child:not([class]), div.search-results table tbody tr > *:first-child:not([class]) {
view_all.css
51: warning at line 248, col 1
Rule doesn't have all its properties in alphabetical order.
div.search-results .pagination {
view_all.css
52: warning at line 255, col 1
Rule doesn't have all its properties in alphabetical order.
div.search-results .pagination .pagination-wrap {
view_all.css
53: warning at line 283, col 1
Rule doesn't have all its properties in alphabetical order.
.date-required {
view_all.css
54: warning at line 292, col 1
Don't use IDs in selectors.
#advanced-options div:last-child {
view_all.css
55: warning at line 297, col 5
Use of !important
z-index: 99 !important;
view_all.css
56: warning at line 304, col 1
Rule doesn't have all its properties in alphabetical order.
.search-load-container {
view_all.css
57: warning at line 310, col 1
Rule doesn't have all its properties in alphabetical order.
.search-loader {
view_all.css
58: warning at line 311, col 5
Using height with border can sometimes make elements larger than you expect.
border: 5px solid #f3f3f3;
view_all.css
59: warning at line 311, col 5
Using width with border can sometimes make elements larger than you expect.
border: 5px solid #f3f3f3;
view_all.css
60: warning at line 313, col 5
Using height with border-top can sometimes make elements larger than you expect.
border-top: 5px solid #3498db;
view_all.css
61: warning at line 326, col 9
Missing standard property 'transform' to go along with '-webkit-transform'.
-webkit-transform: rotate(0deg);
view_all.css
62: warning at line 329, col 9
Missing standard property 'transform' to go along with '-webkit-transform'.
-webkit-transform: rotate(360deg);
view_all.css
63: warning at line 342, col 1
Don't use IDs in selectors.
#query {
view_all.css
64: warning at line 364, col 1
Adjoining classes: .btn-link.clear-search-agency
.btn-link.clear-search-agency {
view_all.css
65: warning at line 364, col 1
Rule doesn't have all its properties in alphabetical order.
.btn-link.clear-search-agency {
view_all.css
66: warning at line 370, col 1
Adjoining classes: .btn-link.clear-search-public
.btn-link.clear-search-public {
view_all.css
67: warning at line 370, col 1
Rule doesn't have all its properties in alphabetical order.
.btn-link.clear-search-public {
view_all.css
68: warning at line 375, col 1
Don't use IDs in selectors.
input#query {
view_all.css
69: warning at line 375, col 1
Element (input#query) is overqualified, just use #query without element name.
input#query {
view_all.css
70: warning at line 379, col 1
Don't use IDs in selectors.
input#query:focus {
view_all.css
71: warning at line 379, col 1
Element (input#query:focus) is overqualified, just use #query without element name.
input#query:focus {
view_all.css
72: warning
You have 2 h2s, 3 h3s defined in this stylesheet.
Documentation drawn from source code
div.row.search-row {
}
h1, h2, h3, h4, h5, h6 {
}
.helptext-wrapper > p {
}
button.helptext-button {
}
button.helptext-button:hover, button.helptext-button:focus {
}
button.helptext-button span[aria-hidden="true"] {
}
button.helptext-button span[aria-hidden="true"]::before {
}
button.helptext-button[aria-expanded="false"] span[aria-hidden="true"]::before {
}
button.helptext-button[aria-expanded="true"] span[aria-hidden="true"]::before {
}
button.helptext-button[aria-expanded="true"] {
}
button.btn-link {
}
button.btn-link::after {
}
button.btn-link[aria-expanded="true"]::after {
}
#advanced-options .h4 {
}
#advanced-options .fieldset {
}
#advanced-options div.checkbox .disabled {
}
#advanced-options div.checkbox .disabled::before {
}
div.search-results .searchResults-heading {
}
div.search-results .searchResults-heading h3 {
}
div.search-results .searchResults-heading h2, div.search-results .searchResults-heading h3 {
}
div.search-results .searchResults-heading div.table-legend {
}
div.search-results .searchResults-heading div.table-legend .legend-closed img {
}
div.search-results .searchResults-heading div.table-legend .legend-open img {
}
div.search-results .searchResults-heading div.table-legend .legend-progress img {
}
div.search-results .searchResults-heading div.table-legend .legend-overdue img {
}
div.search-results .searchResults-heading div.table-legend .legend-soon img {
}
div.search-results table thead {
}
div.search-results table thead th {
}
div.search-results table thead button {
}
div.search-results table thead button[data-sort-order="none"] span.glyphicon-arrow-up, div.search-results table thead button[data-sort-order="none"] span.glyphicon-arrow-down, div.search-results table thead button[data-sort-order="none"] span.sorted-desc, div.search-results table thead button[data-sort-order="none"] span.sorted-asc {
}
div.search-results table thead button[data-sort-order="asc"] span.glyphicon-arrow-down, div.search-results table thead button[data-sort-order="asc"] span.glyphicon-sort, div.search-results table thead button[data-sort-order="asc"] span.unsorted, div.search-results table thead button[data-sort-order="asc"] span.sorted-desc {
}
div.search-results table thead button[data-sort-order="desc"] span.unsorted, div.search-results table thead button[data-sort-order="desc"] span.sorted-asc, div.search-results table thead button[data-sort-order="desc"] span.glyphicon-arrow-up, div.search-results table thead button[data-sort-order="desc"] span.glyphicon-sort {
}
div.search-results table thead button span.glyphicon {
}
div.search-results table thead tr > *:first-child, div.search-results table tbody tr > *:first-child {
}
div.search-results table thead tr > *:first-child.open, div.search-results table tbody tr > *:first-child.open {
}
div.search-results table thead tr > *:first-child.closed, div.search-results table tbody tr > *:first-child.closed {
}
div.search-results table thead tr > *:first-child.soon, div.search-results table tbody tr > *:first-child.soon {
}
div.search-results table thead tr > *:first-child.progress, div.search-results table tbody tr > *:first-child.progress {
}
div.search-results table thead tr > *:first-child.overdue, div.search-results table tbody tr > *:first-child.overdue {
}
div.search-results table thead tr > *:first-child:not([class]), div.search-results table tbody tr > *:first-child:not([class]) {
}
div.search-results .pagination {
}
div.search-results .pagination .pagination-wrap {
}
div.search-results .pagination .pagination-wrap span {
}
div.search-results .pagination .newrecord-wrap {
}
@media (max-width: 600px) {
div.search-results .pagination .newrecord-wrap, div.search-results .pagination .pagination-wrap {
}
div.search-results .pagination .pagination-wrap {
}
}
.date-required {
}
.errorResults {
}
#advanced-options div:last-child {
}
.ui-datepicker {
}
.advanced-search-col {
}
.search-load-container {
}
.search-loader {
/* Safari */
}
/* Safari */
@-webkit-keyframes spin {
0% {
}
100% {
}
}
@keyframes spin {
0% {
}
100% {
}
}
#query {
/*width: 773px;*/
}
.search-results {
}
.agency-advanced-options {
}
.date-filter-section {
}
.date-filter {
}
.btn-link.clear-search-agency {
}
.btn-link.clear-search-public {
}
input#query {
}
input#query:focus {
}