/* AGENT_SHEET */
@namespace url(http://www.w3.org/1999/xhtml);

/**
 *  TeamLiquid minimalistic dark theme by ulan-bat
 *
 *  Dark and minimalistic theme for TeamLiquid.net. Bring lovely [quote] to your browser!
 *  Feel free to customize the stylesheet to your likings, everything is nice and dandy (with comments on top!).
 *  Just dig in and comment/uncomment styles as you like.
 *
 *  Coding: ulan-bat with work from datscilly and eagl3s1ght, Artwork: eagl3s1ght
 *
 *  Version: 1.0 beta 3 (nov 1 2013)
 *  Visit http://userstyles.org/styles/56104/teamliquid-minimalistic-dark-theme for more info
 */

/*
TODO:
news background (remove catchall coloring)

FIXME:
as of nov 1st, the sidebars stopped using tables, a lot of stuff can now be removed from here
*/

@-moz-document domain("www.teamliquid.net") {

/**
 * Global properties
 */

/* everything must be light-grey on dark-grey */
* { color: #eee !important; background-color: #2c2c2c !important; }
b, u, i, h1, h2, h3, h4, h5 { background-color: transparent !important; }
td { background-image: none !important; }
input * { background: transparent !important; }
input, input *, button, select { color: black !important; }

/* "so many borders", let's remove them */
:not(li):not(table):not(h1):not(hr):not(.spr):not(.spr2):not(.lichtb):not(.quote):not(.streambox):not(.forummsg):not(.calendar):not(.calendar_today):not(.newstag) { border: none !important; }

/* "so many links", let's make them prettier */
a { text-decoration: none !important; background-color: inherit; }
a:hover { color: #79c !important; }

body { background-color: #2c2c2c !important; }

/**
 * Header and menu
 */

/* top menu background */
div.topmenubar,
div.topmenubar *,
#userpanel,
#userpanel *
{ background-color: inherit !important; }

div.topmenubar { height: 20px !important; }
div.topmenubar * { line-height: 18px !important; }

#userpanel ul { background-image: none !important; height: 20px !important; line-height: 20px !important; min-width: 0px !important;}
#userpanel .upicons { margin-top: 0px !important; height: 20px !important; }
#userpanelend { display: none !important; }

/* user panel popup box */
#up_dropdown { top: 20px !important; z-index: 9000; box-shadow: 4px 4px 5px rgba(25,25,25,0.5); }
#up_dropdown_content,
#up_dropdown_content *
{ background: inherit !important; }
#up_dropdown_end { display: none !important; }
#dropdown-lock { background: transparent !important; }

/* main banner */
#homelink {  display: none !important; }
#tlverytopbanner { height: 0px !important;  } /* comment to show the top banner */
/*#tlverytopbanner:hover { height: 128px !important;  }*/

/* main banner is hidden, put the timebar and the countdown in the header */
#timebar { opacity: 0.05; position: absolute; left: 50%; margin-left: -93px; top: 3px; }
#timebar:hover { opacity: 1; }
#timebar br { display: none; }

#countdown { position: absolute; left: 30%; margin-left: -160px; top: 3px; }
#countdown > div { margin-top: 0px !important; }

/* main menu */
#navwrap { background: #555 !important;  margin-top: 0 !important; }
#navwrap * { background-color: #555 !important; }

#navwrap .smallnav li a { padding-top: 12px !important; padding-bottom: 12px !important; }
#navwrap .smallnav li.wcs-portal a { padding-top: 11px !important; padding-bottom: 11px !important; }
.smallnav.subnav  { box-shadow: 1px 1px 7px rgba(0,0,0,0.5); height: 32px !important; }
.smallnav.subnav li { height: 20px !important; background-color: #373737 !important; }
.smallnav.subnav a { padding-top: 8px !important; }

/* hide elements of design */
.tb-sprite.spacer { display: none; }
.tb-sprite.smallnavend { display: none; }
li.spacer_on_on { display: none; }
li.spacer_on_off { display: none; }
li.spacer_off_off { display: none; }

#filters { background: transparent !important; } 
#filters li.switch_off { background: transparent !important; }

/* search area */
#searchbox { margin: 0 5px 0 0 !important; }
#searchbox a { background-color: transparent !important;}
input#searchicon { background-position: -7px -242px !important; background-color: #373737 !important;  height: 16px; margin-top: 10px; width: 185px !important; }
input#searchicon * { color: #eee !important; background-color: inherit !important; }

/**
 * Sidebars
 */

/* replace sections titles images with plain text */ 
.spr, .spr2
{
  background-image: none !important;
  background-color: #373737 !important;
  font-weight: bold;
  height: 19px !important;
  padding-top: 5px;
  margin-top: 2px;
  border: 1px solid #666 !important;
  width: auto !important;
}

/* add some air under each section */
td table.sidemenu { margin-bottom: 5px; }
    
/* left sidebar titles definition */
.spr#nav_news_left_mid:before { content: "News"; }
.spr#nav_general:before       { content: "General"; }
.spr#nav_starcraft2:before    { content: "Starcraft 2"; }
.spr#nav_broodwar:before      { content: "Broodwar"; }
.spr#nav_games:before         { content: "Games"; }
.spr#nav_blogs:before         { content: "Blogs"; }
.spr#nav_replays:before       { content: "Replays"; }

/* sidebar topic titles made longer by using the title attribute */
#main-left-sidebar table.sidemenu { width: auto !important;}
#main-left-sidebar table.sidemenu td.sidemenu { width: 210px !important; padding-left: 5px !important; }
#main-left-sidebar table.sidemenu td.sidemenu a { display: block; white-space:nowrap; width:100%; overflow: hidden; text-overflow: ellipsis; margin-top: 1px; }
#main-left-sidebar table.sidemenu td.sidemenu br { display: none; }
#main-left-sidebar table.sidemenu td.sidemenu a[title]:before {
    content: attr(title); 
    position: absolute; 
    left: 5px; /* same as #main-left-sidebar table.sidemenu td.sidemenu left padding */
    width: 210px; 
    overflow: hidden; 
    text-overflow: ellipsis;
    background-color: inherit; 
    z-index: 9001;
}
/* show the whole title when hovering */
#main-left-sidebar table.sidemenu td.sidemenu a[title]:hover:before { width: auto; }

/* collapsible titles give some space to the arrow icon */
#main-left-sidebar table.sidemenu td.sidemenu a.sb_title { width: 90% !important; padding-top: 2px;}

/* blogs titles, hide the name on the right */
#sidebar91 td.sidemenu div + div,
#sidebar18 td.sidemenu div + div
{ display: none; }

/* remove the shadow under comments count */
.sidebar_block .block-news_left_mid a.comments {
  text-shadow: none !important;
}

/* forum sections titles (TL Community, Tech Support, etc) */
.sb_title { color: #7aa !important; }
/*.sb_title:before { content: ":: "; }*/ /* uncomment this if you want to add something before each title */

/* right sidebar titles definition */
.spr2#nav_calendar:before      { content: "Calendar"; }
.spr2#nav_streams:before      { content: "Live streams"; }
.spr2#nav_tlpd:before         { content: "TLPD"; }
.spr2#nav_wiki:before         { content: "Liquipedia"; }

/* put streamers' race icon on the left side */
td.sidemenu img[src*="/images/race"] { float: left; margin: 0px 2px; margin-top: 2px; }

/* right sidebar option popup */
#sidebar_options { background-color: #2C2C2C !important; }

/* Calendar */

/* global table */
#calendar { border-left: 1px solid #666 !important; margin-left: 22px !important; }

/* month name */ 
div.calendar *
{
  border: 1px solid #666 !important;
  border-left: none !important;
  background-color: #666 !important;
}

/* days name */
th.calendar 
{
  border: 1px solid #666 !important;
  border-left: none !important;
  background-color: #555 !important;
}

/* day cell borders, we don't want double borders */
td.calendar, 
td.calendar_today
{
  border: none !important;
  border-right: 1px solid #666 !important;
  border-bottom: 1px solid #666 !important;  
}

/* day cell background (except today) */
td.calendar,
td.calendar *
{ background-color: #373737 !important; }

/* today cell background*/
td.calendar_today,
td.calendar_today *
{ background-color: #555 !important; }

/* day with no event */
td.calendar { color: grey !important; }

/* days with events in the past */
a.past_event { color: grey !important; }

/* days with events in the future */
a.default { color: white !important; }

/* remove the shadow under viewers count */
span.viewers {
  text-shadow: none !important;
}

/**
 * Central area
 */

#main-content { background: transparent !important; width: 800px !important; }

/* page title on top of the central area */
h1.title
{
  border: 1px solid #666 !important;
  background: #373737 !important;
  height: 24px !important;
  line-height: 22px !important;
  margin-top: 2px !important;
  padding: 0px !important;
  /* uncomment to make borders round border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;*/
}

/* announcement box in the top-center */
td.greenbox,
td.greenbox *
{ background-color: #555 !important; }

/*** Home ***/

/* top news wrapper */
#fp_wrap #news_main { width: auto !important; }

/* give the horizontal space we gained to both left and right columns */
#news_column_left, #news_column_left > div { width: 202px !important; }
#news_column_right, #news_column_right > div { width: 202px !important; }

/* sections background */
#event_videos h3 img,
#right_news *,
#news_column_left *,
#news_column_right h3,
#news_column_right h3 img,
#news_articles h3,
#news_articles h3 *,
#news_poll *,
#news_spotlight,
#news_spotlight *
{ background-color: transparent !important; }


#news_spotlight h3, #fp_wrap h3.normal a, #fp_wrap h3.normal a:visited, #fp_wrap h3.normal a:hover {
    background: #373737 !important;
}

/* Community news section width */
#right_news { width: 290px !important; }
#news_community { width: 100% !important; }
#news_community ul li h4.thread_title { width: 275px !important; }
#news_community ul li h4.thread_title a { width: auto !important; }

/* lighter bottom border */
li.cn_tournament,
li.thread
{ border-color: #444 !important; }

.newstag { border-bottom: 1px solid #444 !important; }

/* thiner bottom border */
#news_community ul li { border-bottom: 1px solid #444 !important; padding: 2.5px 0px !important; }
#news_community ul li.noborder { border: none !important; }
#news_community ul li a { font-weight: normal !important;}

/* alternate background color for results*/
div.result,
div.result *
{ background: #555 !important; }

div.result:nth-child(2n),
div.result:nth-child(2n) *
{ background: #373737 !important; }

/* sections titles */
#event_videos h3,
#news_main h3,
#news_spotlight>h3,
#news_column_left h3 > a,
#news_column_mid h3 > a,
#news_column_right h3 > a
{
  background: none !important; 
  border: 1px solid #666 !important;
  /* uncomment to make borders round border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;*/
}

/* videos */
#event_videos .video-duration { background-color: rgba(0,0,0,0.5) !important; }
#event_videos .video-new { color: #77AAAA !important }

#news_spotlight > h3 > a { border: none !important; }

/* keep the black and transparent background on news headlines */
.news_headline { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8) !important; }
.news_headline * { background-color: transparent !important; }

/* keep the dark transparent background on news picture text */
.newsitem .subtext { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8) !important;  }

/* give news picture some air */
#news_feed { margin-top: 4px !important; }
a.newsitem { padding-right: 2px !important; background-color: inherit !important;}
#news_main div.newsitem { width: auto !important; }
.news_headline { width: 498px !important; }

/* keep a transparent background on game icons */
.tagimages, .tagimages * { background-color: transparent !important; }

/* keep a transparent the three columns section */
#fp_wrap #fp_content { background-color: transparent !important; }

/*** Starcraft 2 ***/
/* hide image borders */
.tp, .md, .bt { background: none !important; }

/* add alternating row color in News and Headlines */
div.vod_1v1 li:nth-child(odd),
div.vod_1v1 li:nth-child(odd) *
{ background-color: #373737 !important; }

/* make streams info prettier */
.featurebox { background-color: inherit !important; }
.streambox { border: 1px solid #555 !important; }

.streambox .title,
.streambox .title *
{ background-color: #555 !important; }

/* fix alternating background in Youtube VODs */
li.alt,
li.alt *
{ background-color: #373737 !important; }

/* add a specific color in SC2 Forums list */
tr.beta-header td,
tr.beta-header td a
{ background-color: #373737 !important; }

/*** Forums index ***/
/* remove the border for once */
table.solid[style="margin-top: 3px;"] { border: none !important; }

/* add a specific background color to column titles */
table.solid table[style="margin-left: 3px;"] tr:first-child,
table.solid table[style="margin-left: 3px;"] tr:first-child *
{ background-color: #555 !important; }

/* add alternating background colors */
table.solid table[style="margin-left: 3px;"] tr:nth-child(even),
table.solid table[style="margin-left: 3px;"] tr:nth-child(even) *
{ background-color: #373737 !important; }

/* sub-forum index: fix column titles background color */
table.solid tr:first-child .donkerb,
table.solid tr:first-child .donkerb *
{ background-color: #555 !important; }

/* sub-forum index: fix alternating background colors */
.lichtb { background-color: #373737 !important; }
td.forumindex * { background-color: transparent !important; }

/*** Search ***/
/* fix headers background */
td[bgcolor="#6A7C97"],
td[bgcolor="#6A7C97"] *
{ background-color: #555 !important; }

/* fix alternating background colors */
td.srch_res1,
td.srch_res1 *
{ background-color: #373737 !important; }

/*** Event coverage ***/
/* keep green dates in a specific color */
.eventTable font[style*="green"] { color: #09A !important; }

/* add a specific header background color */
.eventTable thead * { background-color: #555 !important; }

/* add a nice hovering color */
.eventTable tr:hover * { background-color: #555 !important; }

/*** Tournament tracker ***/
/* fix table headers background */
.tournaments,
.tournaments thead *
{ background-color: #555 !important; }

/* keep alternative row color */
tr.odd * { background-color: #373737 !important; }

/* brackets cells background */
div.set[style*="B3BFD1"],
div.set[style*="B3BFD1"] *
{ background-color: #373737 !important; }

div.set[style*="D9DDE0"],
div.set[style*="D9DDE0"] *
{ background-color: #555 !important; }

/* brackets: add a distinguishable color for winners' score */
table.fixedlayout b { color: #09A !important; }

/*** BW vods ***/
/* fix vod search form */
#vod_search form * { color: black !important; background: transparent !important; }

/*** Live streams ***/

/*** Liquibet ***/
/* replace borders with background color variation */
td[valign="top"] table[style="border: 1px solid black; width: 100%"],
td[valign="top"] table[style="border: 1px solid black; width: 100%"] *
{ border: none !important; }

td[valign="top"] table[style="border: 1px solid black; width: 100%"] * { background-color: #555 !important; }
td[valign="top"] table[style="border: 1px solid black; width: 100%"] td[colspan="5"] * { background-color: #373737 !important; }

/* fix statistics background colors */
table[style=""],
table[style=""] *
{ background-color: #373737 !important; }

td[bgcolor="#EBEFF2"],
td[bgcolor="#EBEFF2"] *
{ background-color: #555 !important; }

/*** Fantasy ***/
/* replace up/down colors in tables */
th[style*="#060"] *,
td[style*="#060"],
td[style*="#060"] *
{ color: #09A !important; }

th[style*="#600"] *,
td[style*="#600"],
td[style*="#600"] *
{ color: #A60 !important; }

/* fix titles row background */
div.content > table > tbody > tr > th,
div.content > table > tbody > tr > th *
{ background-color: #555 !important; }

/* fix alternating row background color */
div.content > table > tbody > tr.even * { background-color: transparent !important; }
div.content > table > tbody > tr.odd * { background-color: #373737 !important; }

/* fix hovering and replace its color */
div.content > table.highlight  > tbody > tr:hover * { background-color: #555 !important; }

/*** TLPD ***/
/* hide corner images  */
img.corner { width: 0 !important; }

div.roundtop,
div.roundbottom
{ background: none !important; }

/* fix tabs */
#primary span { background-color: #555 !important; }
#primary a { background-color: #373737 !important; }

/* fix Update and Reset buttons */
div > input[value="Update"],
div > input[value="Reset"],
div > form > input[value="Update"],
div > form > input[value="Reset"]
{ color: #eee !important; background-color: #555 !important; }

/* fix titles row background */
#tblt_table tr:first-child *,
#hot_leagues_table tr:first-child *,
#hot_maps_table tr:first-child *
{ background-color: #555 !important }

/* fix even/odd row background color */
#tblt_table tr:nth-child(even) *,
#hot_leagues_table tr:nth-child(even) *,
#hot_maps_table tr:nth-child(even) *
{ background-color: #373737 !important }

/* fix announcement box in VODs */
div[style*="background-color:#bbddbb;"],
div[style*="background-color:#bbddbb;"] *
{ background-color: #373737 !important }

/*** Final edits ***/
/* fix writers div background */
div [style*="float: right; width: 200px;"],
div [style*="float: right; width: 200px;"] *
{ background-color: #373737 !important; }

/* fix archive table background */
table [style*="width: 774px; border-bottom: 1px solid #808080;"] * { background-color: #373737 !important; }
table [style*="width: 774px; border-bottom: 1px solid #808080;"] tr:first-child * { background-color: #555 !important; }

/*** Power rank ***/
/* add alternating background colors */
table.pr_table tr:nth-child(even) * { background-color: #373737 !important }
table.pr_table tr:nth-child(odd) * { background-color: #555 !important }

/* replace green/red text color */
td.pr_prevtd font[style="color:green;"] { color: #09A !important; }
td.pr_prevtd font[style="color:red;"] { color: #A60 !important; }

/*** Replays ***/
/* fix alternating background colors */
td.replaydark,
td.replaydark *
{ background-color: #373737 !important; }

/*** BarCrafts ***/
#barcraftinfo,
#filters
{ background-color: transparent !important; }

#barcrafttable tr:nth-child(odd) * { background-color: #555 !important; }

/*** My TL ***/
/* fix colors in left sidebar customization */
.ui-state-highlight { color: #2c2c2c !important; }
.ui-state-disabled { color: grey !important; }

/* fix public profile table background */
td.p_heading { background-color: #555 !important; }

td.p_data,
td.p_data *,
td.p_links,
td.p_links *
{ background-color: #373737 !important; }

/* fix top menu-box left-border */
td[align="center"] table[bgcolor="#EBEFF2"] { border-left: 1px solid #555 !important; }

/*** Private messages ***/
/* fix top-left menu-box background */
table[width="90"] * { background-color: #373737 !important; }

/* fix column titles background */
.pm_boxtop { background-color: #555 !important; }

/* fix alternating background colors */
.pm_row * { background-color: #373737 !important; }
.pm_boxhead *,
.pm_row_even *
{ background-color: transparent !important; }

/*** My posts ***/
/* fix table headers background */
.srch_hd,
.srch_hd *
{ background-color: #555 !important; }

/* keep alternative row color */
.res1,
.res1 *
{ background-color: #373737 !important; }

/* fix "View as posts" backgrounds */
#solid .lichtb * { background-color: #373737 !important; }
#solid .lichtb .quote { background-color: #2c2c2c !important; /* fixme: quote divs width is wrong in this page, R1CH! */}
#solid .lichtb .quote * { background-color: transparent !important; } 

/*** Blogs index ***/
/* add a specific background color to column titles */
table.forumindex tr:first-child,
table.forumindex tr:first-child *
{ background-color: #555 !important; }

/* add alternating background colors */
table.forumindex tr:nth-child(even),
table.forumindex tr:nth-child(even) *
{ background-color: #373737 !important; }

/*** Polls ***/
/* fix "All polls" bars color */
td [bgcolor="#00005D"] { background-color: #555 !important; }

/*** Forums ***/

/* wider forum */
#main-content table tr td[valign="bottom"] + td[align="right"] { width: 582px !important; }
#main-content table[width="742"] { width: auto !important; }
#main-content table[width="752"] { width: 100% !important; }
td.lichtb table { width: 100% !important; }

/* forum borders */
table.solid,
td.lichtb,
.grijs table
{ border-color: #555 !important; }

/* announcements */
table + div[style*="padding:4px;margin-top:2px"] { margin-bottom: 10px !important; background-color: #555 !important; }
table + div[style*="padding:4px;margin-top:2px"] * { background-color: #555 !important; }

/* warnings, bans, any colored text */
font[style="color: red"] { color: red !important; }
font[style="color: green"] { color: green !important; }
font[style="color: blue"] { color: blue !important; }

/* post headers */
.titelbalk,
.titelbalk *,
.titelhigh,
.titelhigh *
{ background-color: #555 !important; }

.titelbalk { width: 70% !important; }

/* fix Nazgul-like big icons */
.titelbalk div,
.titelbalk img,
.titelhigh div,
.titelhigh img
{ background-color: transparent !important; }

/* post background */
td.lichtb table,
td.forumPost
{ background-color: #373737 !important; }

/* nested quotes background (and everything else in a post really) */
.forumPost * {  background-color: transparent !important; background-image: none !important; }

/* spoilers border */
.forummsg { padding: 10px; background-color: #2C2C2C !important; border-left: 1px solid #77AAAA !important; }

/* fix Poll bars */
.forumPost div[style*="#9AB3D7"] { background-color: #555 !important; }

/* fix FlashBlocked videos icon */
.forumPost div[role="button"] { background: url("chrome://flashblock/content/flashplay.png") no-repeat scroll center center transparent !important; }

/* make links clearly visible (except local links like "Show spoiler") */
.forumPost a { text-decoration: underline !important; }
.forumPost a[href="#"], .forumPost a[href="#"] * { color: #77AAAA !important; text-decoration: none !important; }

/* please login box 
td[colspan="2"] table.solid[style*="margin-top"] tr td { background-color: inherit !important; }
*/
/* replace old post image with a dark one */
img[src="/images/forum/oldpost.gif"]
{
  height: 0 !important;
  width: 0 !important;
  padding-left: 130px !important;
  padding-top: 17px !important;
  background: url(http://localhostr.com/files/dOsOXF9/test.png) no-repeat;
}

/* replace posting buttons with dark ones */
/* note: if you don't want to load images from an external website, comment this part and uncomment the next one */
img[src*="/images/post"] { height: 0 !important; width: 0 !important; padding-left: 25px !important; padding-top: 25px !important; }
img[src="/images/post/b.png"] { background: url(http://localhostr.com/files/Upy0IIo/b.png) no-repeat; }
img[src="/images/post/i.png"] { background: url(http://localhostr.com/files/HD5QMwb/i.png) no-repeat; }
img[src="/images/post/u.png"] { background: url(http://localhostr.com/files/u64Qcb2/u.png) no-repeat; }
img[src="/images/post/img.png"] { background: url(http://localhostr.com/files/L2VvaPO/img.png) no-repeat; }
img[src="/images/post/link.png"] { background: url(http://localhostr.com/files/2OXqwjS/link.png) no-repeat; }
img[src="/images/post/spoiler.png"] { background: url(http://localhostr.com/files/2eesasN/spoiler.png) no-repeat; }
img[src="/images/post/quote.png"] { background: url(http://localhostr.com/files/sIjix7z/quote.png) no-repeat; }
img[src="/images/post/wikiize.png"] { background: url(http://localhostr.com/files/oaWdQcs/wikiize.png) no-repeat; }
img[src="/images/post/tlpdize.png"] { background: url(http://localhostr.com/files/gVVvNHe/tlpdize.png) no-repeat; }
img[src="/images/post/untlpdize.png"] { background: url(http://localhostr.com/files/Ir2LTop/untlpdize.png) no-repeat; }

/* fix buttons background in the new message form */
/* note: commented out by default because we use alternate images */
/* form[name="theform"] img { background-color: #d9dde0 !important;} */

/* fix borders in the poll creation page */
form[name="theform"] * { border: #d9dde0 !important; }

/* beautiful quotes */
.quote 
{
  background-color: #2c2c2c !important;
  margin-left: 15px !important;
  padding-left: 10px !important;
  border-left: 1px solid grey !important;
}

.quote hr { background-color: transparent !important; }

/**
 * Bottom 
 */

/* credits */
a[href="http://www.jimwarren.com"]:after { content: ", Additional artwork: eagl3s1ght, Coding: ulan-bat, datscilly, eagl3s1ght"; }

/* give the credits some air */
body { padding-bottom: 20px; }


/**
 * Responsive stuff
 */

}