Move third-party favicon images from CSS to the profiles page

Author: waldyrious

css/style.css

@@ -85,35 +85,6 @@ hr#footer-top { width: 33%; border: none; border-top: 1px solid silver; }
 	-moz-column-width: 10em;
 	-webkit-column-width: 10em;
 }
-#profiles ul > li > a[id] {
-	background-position: 0 center;
-	padding-left: 20px;
-	background-repeat: no-repeat;
-}
-#profiles #academia-edu {
-	background-image:url(http://www.google.com/s2/favicons?domain=academia.edu);
-}
-#profiles #github {
-	background-image:url(http://www.google.com/s2/favicons?domain=github.com);
-}
-#profiles #google-scholar {
-	background-image:url(http://www.google.com/s2/favicons?domain=scholar.google.com);
-}
-#profiles #linkedin {
-	background-image:url(http://www.google.com/s2/favicons?domain=linkedin.com);
-}
-#profiles a#mendeley {
-	background-image:url(http://www.google.com/s2/favicons?domain=mendeley.com);
-}
-#profiles #researchgate {
-	background-image:url(http://www.google.com/s2/favicons?domain=researchgate.com);
-}
-#profiles #vizualize-me {
-	background-image:url(http://www.google.com/s2/favicons?domain=vizualize.me);
-}
-#profiles #xing {
-	background-image:url(http://www.google.com/s2/favicons?domain=xing.com);
-}
 
 /* CV ----------------------------------------------------------------------- */
 #cv ul {

profiles.xhtml

@@ -93,6 +93,7 @@
 			<a href="http://geni.com/profile/index/1144377" title="user ID: 1144377">Geni</a>
 		</li>
 		<li>
+			<img src="https://www.google.com/s2/favicons?domain=github.com" alt=""/>
 			<a href="https://github.com/waldyrious" title="username: waldyrious" id="github">GitHub</a>
 		</li>
 		<li>
@@ -232,24 +233,30 @@
 	<h3>academic</h3>
 	<ul class="plain">
 		<li>
+			<img src="https://www.google.com/s2/favicons?domain=academia.edu" alt=""/>
 			<a href="http://uminho.academia.edu/WaldirPimenta" title="username: WaldirPimenta" id="academia-edu">Academia.edu</a>
 		</li>
 		<li>
+			<img src="https://www.google.com/s2/favicons?domain=scholar.google.com" alt=""/>
 			<a href="http://scholar.google.com/citations?user=Ya0rD-0AAAAJ" title="user ID: Ya0rD-0AAAAJ" id="google-scholar">Google Scholar</a>
 		</li>
 		<!-- <li>
+			<img src="https://www.google.com/s2/favicons?domain=mendeley.com" alt=""/>
 			<a href="http://www.mendeley.com/profiles/waldir-pimenta/" title="username: waldir-pimenta" id="mendeley">Mendeley</a>
 		</li> -->
 		<li>
+			<img src="https://www.google.com/s2/favicons?domain=researchgate.com" alt=""/>
 			<a href="https://www.researchgate.net/profile/Waldir_Pimenta" title="username: Waldir_Pimenta" id="researchgate">ResearchGate</a>
 		</li>
 	</ul>
 	<h3>professional</h3>
 	<ul class="plain">
 		<li>
+			<img src="https://www.google.com/s2/favicons?domain=linkedin.com" alt=""/>
 			<a href="https://linkedin.com/in/waldir.pimenta" title="username: waldir.pimenta" id="linkedin">LinkedIn</a>
 		</li>
 		<li>
+			<img src="https://www.google.com/s2/favicons?domain=xing.com" alt=""/>
 			<a href="http://xing.com/profile/Waldir_Pimenta" title="username: waldir.pimenta" id="xing">Xing</a>
 		</li>
 	</ul>