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 {
}

Source code