techblog

Looking at the source of the output of the tag cloud (sidebar) widget I saw that the entries have a "taglevel<n>" class on them, but the entry-tag list items don't. First change, in any templates with an entry-tag-list, add the following class to the list entries:

taglevel<$MTTagRank$>

Now to style it. I have used a scale of font sizes from 75% up to 200% with 25% steps for the tag ranks. Other attributes would be easy enough to fix (font-face, color, etc).

Add the following to the styles-site.css template:

.module.module-tag-cloud .module-list, .entry-tags {
  list-style: none;
}

.taglevel1  {
  display: inline;
  background: none;
  padding: 0;
  font-size: 200%;
}

.taglevel2 {
  display: inline;
  background: none;
  padding: 0;
  font-size: 175%;
}

.taglevel3 {
  display: inline;
  background: none;
  padding: 0;
  font-size: 150%;
}

.taglevel4 {
  display: inline;
  background: none;
  padding: 0;
  font-size: 125%;
}

.taglevel5 {
  display: inline;
  background: none;
  padding: 0;
  font-size: 100%;
}

.taglevel6 {
  display: inline;
  background: none;
  padding: 0;
  font-size: 75%;
}