Examining colorguard (npm) and analyze-css (npm) terminal output

analyze-css.student.txt

analyze-css --file student.css -p
{
  "generator": "analyze-css v0.9.1",
  "metrics": {
    "base64Length": 0,
    "redundantBodySelectors": 0,
    "redundantChildNodesSelectors": 0,
    "colors": 35,
    "comments": 10,
    "commentsLength": 338,
    "complexSelectors": 0,
    "complexSelectorsByAttribute": 0,
    "duplicatedSelectors": 0,
    "duplicatedProperties": 1,
    "emptyRules": 1,
    "expressions": 0,
    "oldIEFixes": 4,
    "imports": 0,
    "importants": 3,
    "mediaQueries": 0,
    "multiClassesSelectors": 0,
    "oldPropertyPrefixes": 30,
    "qualifiedSelectors": 0,
    "specificityIdAvg": 0.21,
    "specificityIdTotal": 10,
    "specificityClassAvg": 1.04,
    "specificityClassTotal": 50,
    "specificityTagAvg": 0.31,
    "specificityTagTotal": 15,
    "selectorsByAttribute": 0,
    "selectorsByClass": 44,
    "selectorsById": 10,
    "selectorsByPseudo": 6,
    "selectorsByTag": 15,
    "universalSelectors": 0,
    "length": 9526,
    "rules": 46,
    "selectors": 48,
    "declarations": 239
  },
  "offenders": {
    "oldPropertyPrefixes": [
      ".advisor-card { -webkit-box-shadow: 0 0 0 1px #eeebdc } // was required by android 3, chrome 9, ios_saf 4.3, safari 5 and earlier @ 81:3",
      ".advisor-card { -moz-box-shadow: 0 0 0 1px #eeebdc } // was required by firefox 3.6 and earlier @ 82:3",
      ".advisor-card { -webkit-box-sizing: border-box } // was required by android 3, chrome 9, ios_saf 4.3, safari 5 and earlier @ 84:3",
      ".advisor-card { -moz-box-sizing: border-box } // was required by firefox 28 and earlier @ 85:3",
      ".week-month-display-header { -webkit-border-radius: 4px } // was required by android 2.1, chrome 4, ios_saf 3.2, safari 4 and earlier @ 108:3",
      ".week-month-display-header { -moz-border-radius: 4px } // was required by firefox 3.6 and earlier @ 109:3",
      ".days-display { -webkit-border-radius: 4px } // was required by android 2.1, chrome 4, ios_saf 3.2, safari 4 and earlier @ 118:3",
      ".days-display { -moz-border-radius: 4px } // was required by firefox 3.6 and earlier @ 119:3",
      ".upcoming-apt-holder { -webkit-box-shadow: 0 0 0 1px #eeebdc } // was required by android 3, chrome 9, ios_saf 4.3, safari 5 and earlier @ 213:3",
      ".upcoming-apt-holder { -moz-box-shadow: 0 0 0 1px #eeebdc } // was required by firefox 3.6 and earlier @ 214:3",
      ".upcoming-apt-holder { -webkit-box-sizing: border-box } // was required by android 3, chrome 9, ios_saf 4.3, safari 5 and earlier @ 216:3",
      ".upcoming-apt-holder { -moz-box-sizing: border-box } // was required by firefox 28 and earlier @ 217:3",
      ".assigned-advisor-view { -webkit-box-shadow: 0 0 0 1px #eeebdc } // was required by android 3, chrome 9, ios_saf 4.3, safari 5 and earlier @ 225:3",
      ".assigned-advisor-view { -moz-box-shadow: 0 0 0 1px #eeebdc } // was required by firefox 3.6 and earlier @ 226:3",
      ".assigned-advisor-view { -webkit-box-sizing: border-box } // was required by android 3, chrome 9, ios_saf 4.3, safari 5 and earlier @ 228:3",
      ".assigned-advisor-view { -moz-box-sizing: border-box } // was required by firefox 28 and earlier @ 229:3",
      ".appointment { -webkit-box-shadow: 0 0 0 1px #eeebdc } // was required by android 3, chrome 9, ios_saf 4.3, safari 5 and earlier @ 237:3",
      ".appointment { -moz-box-shadow: 0 0 0 1px #eeebdc } // was required by firefox 3.6 and earlier @ 238:3",
      ".appointment { -webkit-box-sizing: border-box } // was required by android 3, chrome 9, ios_saf 4.3, safari 5 and earlier @ 240:3",
      ".appointment { -moz-box-sizing: border-box } // was required by firefox 28 and earlier @ 241:3",
      ".appointment-btn { -webkit-box-shadow: inset 0 0 0 1px #37344e,inset 0 1px 0 1px #7d76a6 } // was required by android 3, chrome 9, ios_saf 4.3, safari 5 and earlier @ 278:3",
      ".appointment-btn { -moz-box-shadow: inset 0 0 0 1px #37344e,inset 0 1px 0 1px #7d76a6 } // was required by firefox 3.6 and earlier @ 279:3",
      ".appointment-btn { -webkit-border-radius: 3px } // was required by android 2.1, chrome 4, ios_saf 3.2, safari 4 and earlier @ 285:3",
      ".appointment-btn { -moz-border-radius: 3px } // was required by firefox 3.6 and earlier @ 286:3",
      ".search-box { -webkit-box-shadow: 0 0 0 1px #eeebdc } // was required by android 3, chrome 9, ios_saf 4.3, safari 5 and earlier @ 310:3",
      ".search-box { -moz-box-shadow: 0 0 0 1px #eeebdc } // was required by firefox 3.6 and earlier @ 311:3",
      ".search-box { -webkit-box-sizing: border-box } // was required by android 3, chrome 9, ios_saf 4.3, safari 5 and earlier @ 313:3",
      ".search-box { -moz-box-sizing: border-box } // was required by firefox 28 and earlier @ 314:3",
      ".schedule-appointment-btn { -webkit-border-radius: 3px } // was required by android 2.1, chrome 4, ios_saf 3.2, safari 4 and earlier @ 355:29",
      ".schedule-appointment-btn { -moz-border-radius: 3px } // was required by firefox 3.6 and earlier @ 355:57"
    ],
    "emptyRules": [
      ".upcoming-apts-view @ 89:1"
    ],
    "duplicatedProperties": [
      ".week-month-display-header {border: 1px solid #fbeed5} @ 107:3"
    ],
    "importants": [
      ".selected {color: white !important} @ 154:3",
      "ul, ol {padding-left: 42% !important} @ 336:3",
      ".nav > li > a:hover {background-color: none !important} @ 343:3"
    ],
    "oldIEFixes": [
      ".slot-display-table thead {filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EEEBDC, endColorstr=#E8EEDD)} @ 168:66",
      ".header-text {filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EEEBDD, endColorstr=#DBD4B3)} @ 206:66",
      ".schedule-appointment-btn {filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#D10031, endColorstr=#FF0F47)} @ 361:66",
      ".schedule-appointment-btn:hover {filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#D13800, endColorstr=#FF4D76)} @ 370:68"
    ],
    "colors": [
      "#eeebdc (24 times)",
      "#ffffff (16 times)",
      "#d13800 (8 times)",
      "#d10031 (8 times)",
      "#eeebdd (8 times)",
      "#dbd4b3 (7 times)",
      "#ff4d76 (7 times)",
      "#ff0f47 (7 times)",
      "#e8eedd (7 times)",
      "#4d486d (6 times)",
      "#6f679d (6 times)",
      "#8e8d84 (4 times)",
      "#37344e (3 times)",
      "#7d76a6 (3 times)",
      "#2a2a2a (2 times)",
      "#4b306a (2 times)",
      "#9adcc6 (2 times)",
      "#d00031 (2 times)",
      "#555555 (1 times)",
      "#44697d (1 times)",
      "#7d110c (1 times)",
      "#fbeed5 (1 times)",
      "#6dafbf (1 times)",
      "#4a3c31 (1 times)",
      "#2c2a3f (1 times)",
      "#7d99ca (1 times)",
      "#a79e70 (1 times)",
      "#b5b1cd (1 times)",
      "#990024 (1 times)",
      "rgba(0,0,0,0.3) (1 times)",
      "#c59217 (1 times)",
      "#fbfbf8 (1 times)",
      "#6b0019 (1 times)",
      "#990000 (1 times)",
      "#212121 (1 times)"
    ]
  }
}

colorguard.student.txt

colorguard --file student.css 
Collision: #212121, #2a2a2a
  - #212121 (#212121) [line: 2] is too close (2.839200578351691) to #2a2a2a (#2a2a2a) [line: 131, 191]
Collision: #ffffff, #fbfbf8
  - #fff (#ffffff) [line: 3, 9, 78, 99, 117, 130, 154, 177, 185, 190, 207, 210, 222, 234, 282, 307, 330, 355] is too close (1.7873739135026958) to #fbfbf8 (#fbfbf8) [line: 70]
Collision: #eeebdc, #eeebdd
  - #eeebdc (#eeebdc) [line: 81, 82, 83, 163, 163, 164, 165, 166, 167, 168, 168, 213, 214, 215, 225, 226, 227, 237, 238, 239, 310, 311, 312, 320] is too close (0.4087317661068284) to #EEEBDD (#eeebdd) [line: 201, 201, 202, 203, 204, 205, 206, 206]
Collision: #d00031, #d10031
  - #D00031 (#d00031) [line: 129, 189] is too close (0.22434911556467688) to #D10031 (#d10031) [line: 356, 356, 357, 358, 359, 360, 361, 361]

student.css

#branding-bar {
    background: #212121 url(../images/bg-bar.gif) repeat-x 0 100%;
    color: #fff;
    min-height: 46px;
    overflow: hidden;
    text-align: right;
}
#branding-bar a {
    color: #fff;    
}
#branding-bar ul {
    list-style: none;
}

/*** Bar ***/

#branding-bar .bar {
    border-top: 6px solid #990000;
}

/*** Trident Tab & Campus Name ***/

#branding-bar .campus {
    font-family: "BentonSansCondensedRegular", "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 1em; /* 16px (16/16) */
    left: auto;
    letter-spacing: 0.025em;
    line-height: 1em; /* 16px (16/16) */
    position: absolute;
    text-align: left;
    text-transform: uppercase;
    top: 6px;
    z-index: 400;
}
#branding-bar .campus a {
    display: table-cell;
    height: 40px;
    padding: 0 0 0 45px;
    text-decoration: none;
    vertical-align: middle; 
    font-size:1.2em
}
#branding-bar .campus a:hover {
    text-decoration: none;  
}
#branding-bar .campus img {
    height: auto;
    left: -15px;
    position: absolute;
    top: -6px;
    width: 50px;
}
/* Wrapper */
.wrapper {
    margin: 0 auto;
    max-width: 960px;
}

.user-details{
    text-decoration: none;
     margin-top:10px;
    font-size:1.2em
}

/*****************page content *****************************/

.tab-content{
 padding:10px;
 min-height:800px;
 background-color: #fbfbf8;

  }


/*******************Advisor Card ****************************/

.advisor-card {
       background-color: #fff;
   margin-bottom: 1em;
   padding: 1em;
  -webkit-box-shadow: 0 0 0 1px #eeebdc;
-moz-box-shadow: 0 0 0 1px #eeebdc;
box-shadow: 0 0 0 1px #eeebdc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.upcoming-apts-view{
    
}

/*******************Calendar css ****************************/

.month-navigator{
    font-size:1.0em;
text-align:center;
 background-color: #C59217;
color: white;
}

.week-month-display-header{
     cursor:pointer;
    border: 1px solid #7D110C;
	text-align:center;
    background: #9ADCC6;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;   
    
}

.days-display{
    cursor:pointer;
	text-align:center;
    background: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.calendar-table tbody td{
    border: 1px solid #9ADCC6;
    
}

.day:hover{
    background-color:#D00031;
    color:#ffffff;
    text-shadow: 0px 0px 0px #2a2a2a;
}

.weekday{
    text-align:center;
}

.day-expired {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.hasSlot{
    float: left;
    display:inline-block;
    white-space: nowrap;
    vertical-align: baseline;
    width: 0.3em;
    height: 0.3em;
    background-color:#4A3C31;
}

.selected{
	color:white !important;
	background:#6dafbf;
	text-shadow: black 0.1em 0.1em 0.2em;
}
/***************Slot view*************/

.slot-display-table thead{
    font-size:1.0em;
text-align:center;
 background-color: #EEEBDC; background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEBDC), to(#E8EEDD));
 background-image: -webkit-linear-gradient(top, #EEEBDC, #E8EEDD);
 background-image: -moz-linear-gradient(top, #EEEBDC, #E8EEDD);
 background-image: -ms-linear-gradient(top, #EEEBDC, #E8EEDD);
 background-image: -o-linear-gradient(top, #EEEBDC, #E8EEDD);
 background-image: linear-gradient(to bottom, #EEEBDC, #E8EEDD);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EEEBDC, endColorstr=#E8EEDD);
color: #8e8d84;
}

.walk-in-slot{
    font-size:12px;
    font-weight:bold;
	cursor:default;
	color:#4B306A;
	background: #ffffff;
}

.slot{
    font-size:12px;
    font-weight:bold;
	cursor:pointer;
	color:#4B306A;
	background: #ffffff;
}

.slot:hover{
     background-color:#D00031;
    color:#ffffff;
    text-shadow: 0px 0px 0px #2a2a2a;
}

/*************upcoming appointments ********************/

.header-text{
 font-size:15px;
 font-weight:bold;
 color: #8e8d84;
 text-align:center;
 background-color: #EEEBDD; background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEBDD), to(#DBD4B3));
 background-image: -webkit-linear-gradient(top, #EEEBDD, #DBD4B3);
 background-image: -moz-linear-gradient(top, #EEEBDD, #DBD4B3);
 background-image: -ms-linear-gradient(top, #EEEBDD, #DBD4B3);
 background-image: -o-linear-gradient(top, #EEEBDD, #DBD4B3);
 background-image: linear-gradient(to bottom, #EEEBDD, #DBD4B3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EEEBDD, endColorstr=#DBD4B3);
  text-shadow: 0px 1px 0 #fff;
}
.upcoming-apt-holder{
    background-color: #fff;
   margin-bottom: 1em;
   padding: 1em;
  -webkit-box-shadow: 0 0 0 1px #eeebdc;
-moz-box-shadow: 0 0 0 1px #eeebdc;
box-shadow: 0 0 0 1px #eeebdc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.assigned-advisor-view{
     background-color: #fff;
   margin-bottom: 1em;
   padding: 1em;
  -webkit-box-shadow: 0 0 0 1px #eeebdc;
-moz-box-shadow: 0 0 0 1px #eeebdc;
box-shadow: 0 0 0 1px #eeebdc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.appointment{
     background-color: #fff;
   margin-bottom: 1em;
   padding: 1em;
  -webkit-box-shadow: 0 0 0 1px #eeebdc;
-moz-box-shadow: 0 0 0 1px #eeebdc;
box-shadow: 0 0 0 1px #eeebdc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


.advisor-detail{
    display:block;
    color: #44697D;
    line-height: 16px;
    margin-bottom:2px;
    font: 14px/1.231 "Helvetica",Arial,sans-serif; 
}

.appointment-detail{
    display:block;
    color: gray;
    line-height: 16px;
    margin-bottom:2px;
    font: 13px/1.231 "Helvetica",Arial,sans-serif;
}

.advisor-name{
    color: #A79E70;
    font-weight: bold;
    margin-bottom: 2px;
}

.appointment-card{
    padding-left:10px    
}

.appointment-btn{
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6f679d), color-stop(100%, #4d486d));
    background-image: -webkit-linear-gradient(#6f679d,#4d486d);
    background-image: -moz-linear-gradient(#6f679d,#4d486d);
    background-image: -o-linear-gradient(#6f679d,#4d486d);
    background-image: linear-gradient(#6f679d,#4d486d);
    -webkit-box-shadow: inset 0 0 0 1px #37344e,inset 0 1px 0 1px #7d76a6;
    -moz-box-shadow: inset 0 0 0 1px #37344e,inset 0 1px 0 1px #7d76a6;
    box-shadow: inset 0 0 0 1px #37344e,inset 0 1px 0 1px #7d76a6;
    background-color: #4d486d;
    color: #fff;
    text-shadow: 0 -1px #2c2a3f;
    border:1px solid #7d99ca;
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size:12px;
    font-family:arial, helvetica, sans-serif; 
    padding: 7px;
}

.control-label{
    font-weight:bold;
    font-size:1.4em;
    display: inline;
    color: #8e8d84;
    margin-right: 4%;
}

#search-panel{
    margin-right:2%;
    margin-left:2%;
}

.search-box{
   background-color: #fff;
   margin-bottom: 1em;
   padding: 1em;
  -webkit-box-shadow: 0 0 0 1px #eeebdc;
-moz-box-shadow: 0 0 0 1px #eeebdc;
box-shadow: 0 0 0 1px #eeebdc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

}

.nav-tabs {
 border-bottom:5px solid #eeebdc;
}

.nav-tabs > li {
    margin-bottom: -5px 
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
color: #555555;
cursor: default;
background-color: #ffffff;
border:none;
border-bottom: 5px solid #6f679d;
}

ul,ol{
    padding-left:42% !important;
    font-size:17px;
    font-weight:bold
}

.nav > li > a:hover{
    cursor:pointer;
    background-color:none !important;
    border-bottom: 4px solid #B5B1CD;
}

#search-panel .header-text{
    padding:0.4em;
    font-weight:bold;
    color: #8e8d84;
    
}

.schedule-appointment-btn{
border:1px solid #990024; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 5px 5px 5px 5px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #D10031; background-image: -webkit-gradient(linear, left top, left bottom, from(#D10031), to(#FF0F47));
 background-image: -webkit-linear-gradient(top, #D10031, #FF0F47);
 background-image: -moz-linear-gradient(top, #D10031, #FF0F47);
 background-image: -ms-linear-gradient(top, #D10031, #FF0F47);
 background-image: -o-linear-gradient(top, #D10031, #FF0F47);
 background-image: linear-gradient(to bottom, #D10031, #FF0F47);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#D10031, endColorstr=#FF0F47);}

.schedule-appointment-btn:hover{
 border:1px solid #6b0019;
 background-color: #D13800; background-image: -webkit-gradient(linear, left top, left bottom, from(#D13800), to(#FF4D76));
 background-image: -webkit-linear-gradient(top, #D13800, #FF4D76);
 background-image: -moz-linear-gradient(top, #D13800, #FF4D76);
 background-image: -ms-linear-gradient(top, #D13800, #FF4D76);
 background-image: -o-linear-gradient(top, #D13800, #FF4D76);
 background-image: linear-gradient(to bottom, #D13800, #FF4D76);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#D13800, endColorstr=#FF4D76);
}