view_request.css

This CSS file contains style for viewing a request. The styles are style for previous, next, and submit buttons; styles ar also set for the request and responses' display. Padding and displays are also set for offline instructions and for adding notes.

csslint: There are 23 problems in .

view_request.css
1: warning at line 2, col 1
Rule doesn't have all its properties in alphabetical order.
.prev-btn {

view_request.css
2: warning at line 24, col 1
Don't use IDs in selectors.
#request-responses .response-row,

view_request.css
3: warning at line 24, col 1
Rule doesn't have all its properties in alphabetical order.
#request-responses .response-row,

view_request.css
4: warning at line 25, col 1
Don't use IDs in selectors.
#request-history .event-row {

view_request.css
5: warning at line 31, col 1
Don't use IDs in selectors.
#request-history .event-row:not(.has-modal) {

view_request.css
6: warning at line 36, col 1
Don't use IDs in selectors.
#request-responses .response-row:hover,

view_request.css
7: warning at line 36, col 1
Rule doesn't have all its properties in alphabetical order.
#request-responses .response-row:hover,

view_request.css
8: warning at line 37, col 18
Adjoining classes: #request-history   .event-row.has-modal:hover
#request-history .event-row.has-modal:hover {

view_request.css
9: warning at line 37, col 18
Adjoining classes: #request-history   .event-row.has-modal:hover
#request-history .event-row.has-modal:hover {

view_request.css
10: warning at line 37, col 1
Don't use IDs in selectors.
#request-history .event-row.has-modal:hover {

view_request.css
11: warning at line 42, col 1
Don't use IDs in selectors.
#responses-nav-buttons,

view_request.css
12: warning at line 43, col 1
Don't use IDs in selectors.
#history-nav-buttons {

view_request.css
13: warning at line 66, col 1
Don't use IDs in selectors.
#add-note-public-user {

view_request.css
14: warning at line 71, col 1
Don't use IDs in selectors.
#agency-contact-modal-text .MainNavText {

view_request.css
15: warning at line 76, col 20
Values of 0 shouldn't have units specified.
    margin-bottom: 0px;

view_request.css
16: warning at line 83, col 1
Rule doesn't have all its properties in alphabetical order.
.loading-container {

view_request.css
17: warning at line 89, col 1
Rule doesn't have all its properties in alphabetical order.
.loading-spinner {

view_request.css
18: warning at line 90, col 5
Using height with border can sometimes make elements larger than you expect.
    border: 5px solid #f3f3f3;

view_request.css
19: warning at line 90, col 5
Using width with border can sometimes make elements larger than you expect.
    border: 5px solid #f3f3f3;

view_request.css
20: warning at line 92, col 5
Using height with border-top can sometimes make elements larger than you expect.
    border-top: 5px solid #3498db;

view_request.css
21: warning at line 105, col 9
Missing standard property 'transform' to go along with '-webkit-transform'.
        -webkit-transform: rotate(0deg);

view_request.css
22: warning at line 108, col 9
Missing standard property 'transform' to go along with '-webkit-transform'.
        -webkit-transform: rotate(360deg);

view_request.css
23: warning at line 121, col 1
Rule doesn't have all its properties in alphabetical order.
.summary {
                        

/* set the position for the previous buttons */
.prev-btn {
}

/* set the position for the next buttons */
.next-btn {
}

/* set the position for the submit button */
.submit-btn {
}

/* set divs to display none */
.hide-div {
}

#request-history .event-row {
}

#request-history .event-row:not(.has-modal) {
}

#request-history .event-row.has-modal:hover {
}

#history-nav-buttons {
}

.history-row-content {
}

.metadata-preview {
}

.offline-instructions-row {
}

.re-opened-row {
}

#add-note-public-user {
}

#agency-contact-modal-text .MainNavText {
}

.no-email-alert {
}

.loading {
}

.loading-container {
}

.loading-spinner {
  /* Safari */
}

/* Safari */
@-webkit-keyframes spin {
  0% {
  }

  100% {
  }

}

@keyframes spin {
  0% {
  }

  100% {
  }

}

.summary {
}