Clear Metro Lyrics interface

clear-metro-lyrics.js

// Just run it on console, inside metrolyrics.com page

function $ (element) {
  return document.querySelector(element)
}

function $$ (element) {
  return document.querySelectorAll(element)
}

const hide = [
  '.view',
  '.js-sd-middle-disc',
  '#lyrics #lyrics-main .lyrics-top',
  '#lyrics .artist-header',
  '.js-sponsor-wrapper',
  '.page-header .header-top',
  '#lyrics #lyrics-main .lyrics .writers',
  '.lyrics-bottom',
  '#lyrics #lyrics-main .lyrics .lyrics-footer',
  '#lyrics #lyrics-main .right-panel',
  '.page-footer',
  '.bottom-ad',
  '#lyrics #lyrics-main .lyrics .intro'
].forEach((el) => $$(el).forEach((e) => e.style.display = 'none'))


const fullWidth = [
  '#lyrics #lyrics-main .lyrics',
  '#lyrics #lyrics-main .left-panel',
  '#lyrics #lyrics-main'
].forEach((el) => $$(el).forEach((e) => e.style.width = '100%'))

var skin = $('.page-header+#mantle_skin').style
skin.top = '0'
skin.padding = '0'

var st = $('#lyrics #lyrics-main .lyrics .lyrics-body').style
st.columnWidth = '266px'
st.columnGap = '60px'
st.fontSize = '0.8em'