From: stephen@cubedesigners.com Date: Mon, 27 Apr 2015 13:00:53 +0000 (+0000) Subject: Add rollover effect for icons in the contact section. X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=d35bc17b03af9062dc0164c081f85e049c6f1d6c;p=physioassist.git Add rollover effect for icons in the contact section. --- diff --git a/less/contact.less b/less/contact.less index a001843..fcc249d 100644 --- a/less/contact.less +++ b/less/contact.less @@ -12,25 +12,33 @@ a { color: #fff; + display: block; + background-repeat: no-repeat; + background-position: 0 0; &:hover { color: #0080c8; } } - .address { + .address a { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAyCAMAAAAHpFkRAAAATlBMVEUAAABgYGBgYGhiYmpgYGpiYmpjY2tgYGhiYmpjY2pjY2liYmpjY2tiYmtiYmliYmtiYmlgYGhiYmpjY2liYmpiYmtgYGpjY2pgYGBjY2tD442sAAAAGXRSTlMAEEAAMIC/AGDPAN8AjwDvcCCfUK8AAAAAKQ09kgAAAb1JREFUeF6dlN2SgyAMhRMQBClFtPvj+7/oigSDab3Z76JjMzE5h2BAgmoHfwXQBwZjN8Ka4bsD+NH57YJ3+gQ0ocL2RlAjAfUB4/aR+FWB4xe5n8AjW+izkt1JMg8uWWHOVcRgAudR2tIKOd0xt5JLdbpy+Qu5NVHFKQZ+qZCVos74Iiml2ky1fgo5HppCxN6a06BrsXRUcGm76MyJysFQw6ZEzdbhusgAsRYrTZoXVj5iLWfAsn4x1VBi9bAs1NA6TVNXjIOuNqO0YqCbPusl6ZT22LEyzZbof9KwjVZetkxp4TRfxyFOTtURwXKqRU7gs6y+Iqx8RkYY5bNcYUpn19G/GXBtpjryBcHO7Ou4I4Hqgs5dC+1oYMHpwjlwOA+CbrgyO/TFu/PCgtb59C+Y2XHZIYbldORXc0zLARMFkskjkWMLBmwbybFBH41SJvrrdZpgKsipy/k/4PjN6S4r5X4jzXdp8/MAnhV725Kb3rZN2O9e4Va4JKfEcrMreVvebEyPnxb+IOSlQSx8wn0QxtqYKIVJbYSXQ2rAoweDlC8tsA2WLy0wK++2HhgF88f7DlqyNJPCqWRZ9Bt/KhuHjqH+vKEAAAAASUVORK5CYII='); - background-repeat: no-repeat; - background-position: 0 0; padding-left: 54px; min-height: 50px; + + &:hover { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAyCAMAAAAHpFkRAAAAM1BMVEUAAAAAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMh7NNlxAAAAEHRSTlMAEEAwgL9gz9+P73Agn1CvE6qT6wAAAWtJREFUeF6dlN22hSAIhMXwNyvf/2nPLjEwyovzXbJGnEHKPAH7A8yMBV0lHC4fIh/qQPBGY2NVRPt0lOoraVSF+kGAd1V2P7LUaVVcS88clW7rjYZoa2+5tcLOxwZKt3LlhTgcMsVauhkOsnI1p15Nk65DMYE0fZppzfLVwec6+Cy5t1taGc8qVoEXlcWkdhhEFuEcMjVx7D+OssjDcqaVdtWMir45JdkZQL0+mts6ycwP95S5s/ofGZBbtWyFZJHC03M8J2fpibbbLbCAZ5mo784zQh3UxD6azMsSVAB/N0m8ICDCHsDNkLOgOfH0YPF6eH5wHgRtuEXE/sV7ubCF84+snPgE2Y6gHDJxW6pGxnKLUi/G+7DngCGhtZjCuE6Eq5846SN/qXJRod5YzYCbXzm/NvOIdFqZUrHN/pUMhNmfklke9vJiXvFTY0yaGmOCnNg3EOf2OQbbn7Hzv23Kyvs+ZeOQc92ma3+1rTzQFQLnuAAAAABJRU5ErkJggg=='); + } } - .email { + .email a { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAiCAMAAAD8kqB9AAAATlBMVEUAAABiYmljY2tiYmtiYmpjY2lgYGpgYGBgYGhiYmpiYmpgYGpgYGBjY2pgYGhgYGhiYmpjY2liYmpiYmtiYmpiYmljY2tiYmtjY2pjY2uGXuZBAAAAGXRSTlMAcL/vr1AAECAAYDAAz0AA3wCAj58AAAAAmVMa8QAAAS1JREFUeF6N0+2ugyAMx2FAB4Lgu9t6/zd6arPz/1JFmxi35Al1PzPDYx3dTtO+5nk2fFmAGhcdunFMD3Dvfe+NlXtzg4ucORhHTYqxn+o45LwQreYAzEOp4C3GuLFz5v9raC/x+vkER9DMedV2gbFZNJ7MXpWTCNDCOU06LzcIhpZBSV2OtP6VVOVWOtMoqctprUtKuUJa69Ow6U5HKzGGcRzr2r3fnZSUQlw6TGcaCUKRki3HSMcmaao0sKQ5hsuBay3LpRfZfd/x6aU18C/NUAhh0pnmBgvp4Z+6KI1DMGolNB6wxqFVK9UVuo7Bocv3G6ZziVfciMaqy8Fu1hM1IWengPrb90StaZHochDYmgH4ngeTc070ZDi7N9539GimGKPhq7PL/SRukf8Aott9BBLtP7YAAAAASUVORK5CYII='); - background-repeat: no-repeat; line-height: 34px; padding-left: 57px; + + &:hover { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAiCAMAAAD8kqB9AAAAM1BMVEUAAAAAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMgAgMh7NNlxAAAAEHRSTlMAcL/vr1AQIGAwz0DfgI+fu0JscgAAAQxJREFUeF6N0c2ygyAQhNEGdPxBcd7/aa8OSfVi5gZ7k6TqgNYXAEhZhyvTjL6kL1ZMywKsL/AGbECyzzLAu91ZkbWsNz9+YwFO1YYH3Fz2H/gCcN0u4/tTpn9xAyQrtV5ip/345K75ZikuZxGoO9+ANS5XH0zNoiUsp177kr1c00CzpC/ndVCy8XCkeRvLjXQvWSpGOgOLlbRCMyBHoJlAdis5yXPmsqZeE/c0sHLkXpft2yuB3zB7TWy76s4wa6QrcKrfDJxe8xKOj6R2LxhzatfKdaV2OOLUO/+0cBlYykfzbDw+O+PQIkDW32s3V50wMVE8BtaESjzkAjyH3myDbdFXO/Dh6RzPXuMP8Y5NAW+hR4kAAAAASUVORK5CYII='); + } } }