nyc_gov.css

About this file

This CSS file mainly contains styles set for the header, footer, and navbar of OpenRecords.

Code Check Report




csslint: There are 70 problems in .

nyc_gov.css
1: warning at line 9, col 1
Rule doesn't have all its properties in alphabetical order.
.container-nycidm {

nyc_gov.css
2: warning at line 10, col 5
Property with star prefix found.
    *zoom: 1;

nyc_gov.css
3: warning at line 19, col 1
Rule doesn't have all its properties in alphabetical order.
.container-nycidm:after {

nyc_gov.css
4: warning at line 25, col 1
Rule doesn't have all its properties in alphabetical order.
.container-nycidm:before, .container:after {

nyc_gov.css
5: warning at line 35, col 1
Rule doesn't have all its properties in alphabetical order.
.nycidm-header .upper-header-black {

nyc_gov.css
6: warning at line 50, col 1
Rule doesn't have all its properties in alphabetical order.
.nycidm-header .small-nyc-logo {

nyc_gov.css
7: warning at line 94, col 1
Rule doesn't have all its properties in alphabetical order.
.agency-header .small-nyc-logo {

nyc_gov.css
8: warning at line 119, col 1
Rule doesn't have all its properties in alphabetical order.
.agency-header .upper-header-right {

nyc_gov.css
9: warning at line 133, col 1
Rule doesn't have all its properties in alphabetical order.
.agency-header .upper-header-search {

nyc_gov.css
10: warning at line 171, col 1
Rule doesn't have all its properties in alphabetical order.
footer {

nyc_gov.css
11: warning at line 177, col 1
Rule doesn't have all its properties in alphabetical order.
footer .span3 {

nyc_gov.css
12: warning at line 186, col 9
Use of !important
        float: left !important;

nyc_gov.css
13: warning at line 196, col 9
Expected (inline | block | list-item | inline-block | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | grid | inline-grid | run-in | ruby | ruby-base | ruby-text | ruby-base-container | ruby-text-container | contents | none | -moz-box | -moz-inline-block | -moz-inline-box | -moz-inline-grid | -moz-inline-stack | -moz-inline-table | -moz-grid | -moz-grid-group | -moz-grid-line | -moz-groupbox | -moz-deck | -moz-popup | -moz-stack | -moz-marker | -webkit-box | -webkit-inline-box | -ms-flexbox | -ms-inline-flexbox | flex | -webkit-flex | inline-flex | -webkit-inline-flex) but found 'static'.
        display: static;

nyc_gov.css
14: warning at line 197, col 9
Use of !important
        width: 220px !important;

nyc_gov.css
15: warning at line 205, col 9
Use of !important
        width: 100% !important;

nyc_gov.css
16: warning at line 211, col 1
Rule is empty.
footer .span3:last-child {

nyc_gov.css
17: warning at line 225, col 5
Rule doesn't have all its properties in alphabetical order.
    footer .span3:last-child {

nyc_gov.css
18: warning at line 232, col 1
Rule doesn't have all its properties in alphabetical order.
footer .footer-links {

nyc_gov.css
19: warning at line 253, col 1
Rule doesn't have all its properties in alphabetical order.
footer .footer-links a {

nyc_gov.css
20: warning at line 268, col 5
Rule doesn't have all its properties in alphabetical order.
    footer .footer-links a {

nyc_gov.css
21: warning at line 276, col 5
Rule doesn't have all its properties in alphabetical order.
    footer .footer-links a {

nyc_gov.css
22: warning at line 320, col 1
Rule doesn't have all its properties in alphabetical order.
footer .form-search {

nyc_gov.css
23: warning at line 325, col 1
Rule doesn't have all its properties in alphabetical order.
footer .form-search .input-search {

nyc_gov.css
24: warning at line 325, col 1
Outlines should only be modified using :focus.
footer .form-search .input-search {

nyc_gov.css
25: warning at line 328, col 5
Using height with padding can sometimes make elements larger than you expect.
    padding: 4px 6px;

nyc_gov.css
26: warning at line 328, col 5
Using width with padding can sometimes make elements larger than you expect.
    padding: 4px 6px;

nyc_gov.css
27: warning at line 333, col 5
Using width with border-left can sometimes make elements larger than you expect.
    border-left: 2px solid #727272;

nyc_gov.css
28: warning at line 334, col 5
Using height with border-top can sometimes make elements larger than you expect.
    border-top: 2px solid #727272;

nyc_gov.css
29: warning at line 335, col 5
Using width with border-right can sometimes make elements larger than you expect.
    border-right: none;

nyc_gov.css
30: warning at line 336, col 5
Using height with border-bottom can sometimes make elements larger than you expect.
    border-bottom: 2px solid #727272;

nyc_gov.css
31: warning at line 342, col 5
Use of !important
    color: #ffffff !important;

nyc_gov.css
32: warning at line 346, col 5
Use of !important
    color: #ffffff !important;

nyc_gov.css
33: warning at line 350, col 5
Use of !important
    color: #ffffff !important;

nyc_gov.css
34: warning at line 353, col 1
Rule doesn't have all its properties in alphabetical order.
footer form input:focus,

nyc_gov.css
35: warning at line 357, col 5
Expected ({1,4}) but found 'none'.
    border-color: none;

nyc_gov.css
36: warning at line 360, col 1
Rule doesn't have all its properties in alphabetical order.
footer .form-search .ico-search {

nyc_gov.css
37: warning at line 370, col 5
Using width with border-right can sometimes make elements larger than you expect.
    border-right: 2px solid #727272;

nyc_gov.css
38: warning at line 371, col 5
Using height with border-top can sometimes make elements larger than you expect.
    border-top: 2px solid #727272;

nyc_gov.css
39: warning at line 372, col 5
Using height with border-bottom can sometimes make elements larger than you expect.
    border-bottom: 2px solid #727272;

nyc_gov.css
40: warning at line 373, col 5
Using width with border-left can sometimes make elements larger than you expect.
    border-left: none;

nyc_gov.css
41: warning at line 381, col 1
Rule doesn't have all its properties in alphabetical order.
footer .logo-nyc {

nyc_gov.css
42: warning at line 396, col 5
Rule doesn't have all its properties in alphabetical order.
    footer .logo-nyc {

nyc_gov.css
43: warning at line 397, col 9
Background image '../img/nyc_white@x2.png' was used multiple times, first declared at line 388, col 5.
        background-image: url("../img/nyc_white@x2.png");

nyc_gov.css
44: warning at line 412, col 1
Rule doesn't have all its properties in alphabetical order.
footer .copyright p {

nyc_gov.css
45: warning at line 418, col 1
Rule doesn't have all its properties in alphabetical order.
.subscription-container {

nyc_gov.css
46: warning at line 425, col 13
Heading (h2) should not be qualified.
.footer-bar h2 {

nyc_gov.css
47: warning at line 425, col 1
Rule doesn't have all its properties in alphabetical order.
.footer-bar h2 {

nyc_gov.css
48: warning at line 432, col 5
Use of !important
    padding: 0 !important;

nyc_gov.css
49: warning at line 435, col 13
Heading (h2) should not be qualified.
.footer-bar h2 .agencies-count {

nyc_gov.css
50: warning at line 441, col 17
Heading (h2) should not be qualified.
    .footer-bar h2 {

nyc_gov.css
51: warning at line 441, col 17
Heading (h2) has already been defined.
    .footer-bar h2 {

nyc_gov.css
52: warning at line 441, col 5
Rule doesn't have all its properties in alphabetical order.
    .footer-bar h2 {

nyc_gov.css
53: warning at line 450, col 17
Heading (h2) should not be qualified.
    .footer-bar h2 {

nyc_gov.css
54: warning at line 450, col 17
Heading (h2) has already been defined.
    .footer-bar h2 {

nyc_gov.css
55: warning at line 450, col 5
Rule doesn't have all its properties in alphabetical order.
    .footer-bar h2 {

nyc_gov.css
56: warning at line 459, col 17
Heading (h2) should not be qualified.
    .footer-bar h2 {

nyc_gov.css
57: warning at line 459, col 17
Heading (h2) has already been defined.
    .footer-bar h2 {

nyc_gov.css
58: warning at line 459, col 5
Rule doesn't have all its properties in alphabetical order.
    .footer-bar h2 {

nyc_gov.css
59: warning at line 466, col 1
Rule doesn't have all its properties in alphabetical order.
.container {

nyc_gov.css
60: warning at line 467, col 5
Property with star prefix found.
    *zoom: 1;

nyc_gov.css
61: warning at line 469, col 5
Property with underscore prefix found.
    _width: 940px;

nyc_gov.css
62: warning at line 470, col 5
Using width with padding-left can sometimes make elements larger than you expect.
    padding-left: 20px;

nyc_gov.css
63: warning at line 471, col 5
Using width with padding-right can sometimes make elements larger than you expect.
    padding-right: 20px;

nyc_gov.css
64: warning at line 476, col 1
Rule doesn't have all its properties in alphabetical order.
.container:after {

nyc_gov.css
65: warning at line 482, col 1
Rule doesn't have all its properties in alphabetical order.
.container:before,

nyc_gov.css
66: warning at line 493, col 1
Rule doesn't have all its properties in alphabetical order.
.header_logo {

nyc_gov.css
67: warning at line 512, col 5
Use of !important
    padding-left: .75rem !important;

nyc_gov.css
68: warning at line 513, col 5
Use of !important
    padding-right: .75rem !important;

nyc_gov.css
69: warning
Too many font-size declarations (11), abstraction needed.

nyc_gov.css
70: warning
You have 4 h2s defined in this stylesheet.
                        

Documentation drawn from source code

body {
}

a img {
}

.container-nycidm {
}

.container-nycidm:after {
}

.container-nycidm:before, .container:after {
}

.container-nycidm:after {
}

.nycidm-header .upper-header-black {
}

.nycidm-header .upper-header-black a {
}

.nycidm-header .small-nyc-logo {
}

.nycidm-header .upper-header-black-title {
}

.nycidm-header .upper-header-b, .nycidm-header .upper-header-a {
}

.nycidm-header .vert-divide {
}

.vert-divide-right {
}

@media only screen and (max-width: 767px) {
  .nycidm-header .upper-header-black-title {
  }

}

/* Styles from the NYC global stylesheet relevant to the header and footer. */
/* NYC - Agency Header
.agency-header .upper-header-left {
}

.agency-header .small-nyc-logo {
}

.agency-header .upper-header-black-title {
  /* Tablet Portrait size to standard 960 (devices and browsers) */
}

@media only screen and (max-width: 767px) {
  .agency-header .upper-header-black-title {
  }

}

.agency-header .upper-header-padding {
}

.agency-header .upper-header-right {
  /* Tablet Portrait size to standard 960 (devices and browsers) */
}

@media only screen and (max-width: 767px) {
  .agency-header .upper-header-right {
  }

}

.agency-header .upper-header-search {
}

.agency-header .upper-header-search a {
}

.agency-header .upper-header-three-one-one {
}

.agency-header .upper-header-three-one-one a {
}

.lt-ie8 header .logo {
}

.agency-header .upper-header-black {
}

/* NYC - Main Footer
/* link color */
/* rounded corners */
/* box-shadow - see Programs & Initiatives hover state */
footer {
}

footer .span3 {
  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
}

@media only screen and (max-width: 485px) {
  footer .span3 {
  }

}

@media only screen and (max-width: 767px) {
  footer .span9 {
  }

}

@media only screen and (max-width: 479px) {
  footer .span9 {
  }

}

/* footer search */
footer .span3:last-child {
  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
}

@media only screen and (max-width: 485px) {
  footer .span3:last-child {
  }

}

@media only screen and (min-width: 486px) {
  footer .span3:last-child {
  }

}

footer .footer-links {
  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  /* Tablet Portrait size to standard 960 (devices and browsers) */
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  footer .footer-links {
  }

}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  footer .footer-links {
  }

}

footer .footer-links a {
  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  /* Tablet Portrait size to standard 960 (devices and browsers) */
}

@media only screen and (max-width: 479px) {
  footer .footer-links a {
  }

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  footer .footer-links a {
  }

}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  footer .footer-links a {
  }

}

@media only screen and (min-width: 960px) {
  footer .footer-links a {
  }

}

.ie7 footer .footer-links a {
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  footer .footer-links a:nth-child(2n+0) {
  }

}

/* Desktop */
@media only screen and (min-width: 960px) {
  footer .footer-links a:nth-child(3n+0) {
  }

}

footer .footer-links a:hover {
}

footer .form-search {
}

footer .form-search .input-search {
}

footer .form-search .input-search:-moz-placeholder {
}

footer .form-search .input-search:-ms-input-placeholder {
}

footer .form-search .input-search::-webkit-input-placeholder {
}

footer form input:active {
}

footer .form-search .ico-search {
}

.ie7 footer .form-search .ico-search {
}

footer .logo-nyc {
}

@media (-webkit-min-device-pixel-ratio: 2) {
  footer .logo-nyc {
  }

}

footer .copyright {
}

footer .copyright a {
}

footer .copyright p {
}

.subscription-container {
}

.footer-bar h2 {
}

.footer-bar h2 .agencies-count {
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .footer-bar h2 {
  }

}

@media (min-width: 768px) and (max-width: 979px) {
  .footer-bar h2 {
  }

}

@media only screen and (max-width: 767px) {
  .footer-bar h2 {
  }

}

.container {
}

.container:after {
}

.container:after {
}

.container:after {
}

.header_logo {
  /*width: 328px;*/
  /*height: 104px;*/
}

.navbar .navbar-nav {
}

.navbar .navbar-collapse {
}

.openrecords_nav > a {
}

Source code