Dark theme for majestic12.co.uk (MJ-12) by skilla

/* ==UserStyle==
@name         Dark theme for majestic12.co.uk (MJ-12)
@version      20220114.18.51
@namespace    userstyles.world/user/skilla
@description  Extensive Dark theme for majestic12.co.uk
@author       skilla
@license      Creative Commons Attribution-ShareAlike
==/UserStyle== */

@-moz-document domain("majestic12.co.uk") {
body            { background: #181818; color: #fff; font: 10pt default  }

table, tr       { background-color: Transparent; border: none; margin: 0 0 8px 0 }
td              { color: #fff; padding: 2px 5px; background-color: Transparent; border: none }
table td table td table td table { border: 1px solid #282828; border-radius: 10px; padding: 5px; background-color: #202020 }

img             { border-radius: 5px }

p               { line-height: 130%; font-size: 90% }
li              { font-size: 90% }

a:visited,
a:link      { color: #ccf; font-weight: normal; text-decoration: none }


/* Shiny headers with a red-glow */
h1, h2, h3, font[size='4'] b { color: #fff; text-shadow: 0 0 5px red }


/* Fix hardcoded table and td withs for the /teaminfo.php page */
table[width='330']  { float: left }
td[width='200']     { width: 176px }


@media only screen and (min-width: 1150px) {
    table[width='330'] { width: 500px }
}



/* Auto-scale URL Traffic graphs and invert the colors too to match the theme */
img[src*='.php?w='] { filter: invert(93%) hue-rotate(315deg); width: 100% }

/* Auto-scale URL crawled per day graph */
img[src*='.php?w=800&h=400'] { min-width: 800px; filter: invert(97%) hue-rotate(180deg) }

/* Make the legend at the bottom a bit more pretty */ 
a[name='datanote'] { display: block; padding: 10px; background-color: #202020; border-radius: 5px; border: 1px solid #282828 }
a[name='datanote'] small { font-size: 90% }

/* Override global font scaling */
font            { font-size: 100% }
font[size='1']  { font-size: 80% }

/* Swap the usernames and flag-images order around; names first. And do some proper text hyphen overflowing */ 
font[size='1'] img { float: right }
font[size='1']    { font-size: 80%; display: block; white-space:nowrap; overflow: hidden; text-overflow: ellipsis }

/* ... but don't mess up the bottom table row 'Totals (xx users/Team)' layout */
tr:last-child td[colspan='2'] font[size='1'] a { display: inline }

/* Make the userinfo.php tables pretty */
table[border='0'][width='100%'] table[border='1'] { width: 100%; background-color: #282828; border-spacing: 0 }
table[border='0'][width='100%'] table[border='1'] tr:nth-child(even) { background-color: #2c2c2c}


/* Stretch Top 5 countries and Top platforms tables on the dsearch/stats.php page */
table[bgcolor='#EEEEEE'][width='300'] { width: 100% }
td[valign='middle'] { text-align: left; vertical-align: top }

}