#grayscale"); filter: gray; -webkit-filter: grayscale(100%); } .sticky li:hover{ width: 250px; /*margin-right: -119px;*/ /*-webkit-transform: translateX(-115px); -moz-transform: translateX(-115px); -o-transform: translateX(-115px); -ms-transform: translateX(-115px); transform:translateX(-115px);*/ /*background-color: #8e44ad;*/ filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); } .sticky li img{ float: right; display: inline-block; margin: 5px 5px; /*margin-right: 10px;*/ } .sticky li p{ padding: 0px; margin: 0px; float: right; text-transform: uppercase; line-height: 43px; } /** content **/ .sticky .content{ margin-top: 150px; margin-left: 100px; width: 700px; } /*h1, h2{ font-family: "Source Sans Pro",sans-serif; color: #ecf0f1; padding: 0px; margin: 0px; font-weight: normal; }*/ .sticky h1{ font-weight: 900; font-size: 64px; } .sticky h2{ font-size:26px; } .sticky p{ color: #ecf0f1; font-family: "Lato"; line-height: 28px; font-size: 15px; padding-top: 50px; } .sticky p.credit{ padding-top: 20px; font-size: 12px; } .sticky p a{ color: #ecf0f1; } /** fork icon**/ .fork{ position: absolute; top:0px; left: 0px; }