Font Awesome Node Icons

Oxygen · 23-12-2015, 01:30 PM

I actually use this so you can see how it looks Smile

You need font awesome for this.

Now edit your EXTRA.css and add

Code:
body .node .forumNodeInfo.unread .nodeIcon, body .node .categoryForumNodeInfo.unread .nodeIcon,
 body .node .forumNodeInfo .nodeIcon, body .node .categoryForumNodeInfo .nodeIcon,
 body .node .linkNodeInfo .nodeIcon,
 body .node .pageNodeInfo .nodeIcon {
 background-image: none;
 }
 
 .node.node .forumNodeInfo .nodeIcon:after, .node.node .categoryForumNodeInfo .nodeIcon:after
 {
 font-family: "FontAwesome";
 font-size: 34px;
 content: "\f009";
 color: @primaryLighter;
 padding: 4px;
 }
 
 .node.node .forumNodeInfo.unread .nodeIcon:after, .node.node .categoryForumNodeInfo.unread .nodeIcon:after
 {
 font-family: "FontAwesome";
 font-size: 34px;
 content: "\f009";
 color: #ea2e49;
 padding: 4px;
 }
 
 .node.node .pageNodeInfo .nodeIcon:after
 {
 font-family: "FontAwesome";
 font-size: 34px;
 content:"\f016";
 color: @primaryMedium;
 padding: 4px;
 }
 
 .node.node .linkNodeInfo .nodeIcon:after
 {
 font-family: "FontAwesome";
 font-size: 34px;
 content: "\f0a9";
 color: @primaryMedium;
 padding: 4px;
 }

Font Awesome Node Icons

Submitted by Oxygen, 23-12-2015, 01:30 PM, Thread ID: 16044