new root in black ehmmm0.3

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

@-moz-document domain("root.cz") {

/* Basic Bodies */
html,
body {
background: none #141414 !important;
font-size: unset;
}

/* Make descendents of the body element transparent.  Formerly "DIV + SPAN" rules. */
body * {
background-color: transparent !important;
}

/* Give id's BG hopefully */
div[id] {
background-color: inherit !important;
}

summary,
details {
background-color: inherit !important;
}

abbr,
progress,
time,
label,
.date {
color: #CDEFC2 !important;
}

mark,
code,
pre,
blockquote,
[class*="quote"],
td[style*="inset"][class="alt2"] {
background-color: #00090F !important;
}


/* :::::::: Headings + Header :::::::: */

/* Header gradient rules */

header,
#header {
background: -moz-linear-gradient(#333,#141414) transparent !important;
}

#header h1 {
background-color: transparent !important;
}

h1,
h2 {
background: none #28313E !important;
border-radius: 5px !important;
}

h3,
h4 {
background: none #2A3731 !important;
border-radius: 5px !important;
}

h5,
h6 {
background: none #372A2A !important;
}


/* :::::::: Lists :::::::: */

dt {
background-color: #2B3135 !important;
}

dl,
dd {
background-color: #232323 !important;
}

li,
ul {
background-color: inherit !important;
}

li a:not([class*="icon"]):not([id*="icon"]):not([onclick]),
dt a:not([class*="icon"]):not([id*="icon"]):not([onclick]) {
background-image: none !important;
text-indent: 0 !important;
}

/* :::::::: list Item highlight :::::::: */

li[class*="item"] a:hover,
li[class*="item"]:hover,

/* Not list item, but still useful*/

[class*="menuitem"]:hover {
background-color: #2E2B2F !important;
}

/* :::::::: Tables, cells :::::::: */

table {
background-color: #232323 !important;
border-color: #333 !important;
}

table table {
background: #191919 !important;
}

th,
caption {
background-color: #353535 !important;
}

/* :::::::: Input :::::::: */

/* === Basic === */

/* anonymous divs */

input *,
textarea * {
color: #DDD !important;
}


/* Style reset. */

html body input[type="checkbox"] {
-moz-appearance: checkbox !important;
-webkit-appearance: checkbox !important;
}

html body input[type="radio"] {
-moz-appearance: radio !important;
-webkit-appearance: radio !important;
}

/* :::::::: Custom styling :::::::: */

html:root input[type="button"],
html:root input[type="submit"],
html:root input[type="reset"],
html:root button {

color: #ddd !important;
background-color: #222437 !important;

box-shadow: inset 0 1px rgba(255,255,255,0.2), inset 0 10px rgba(255,255,255,0.1), inset 0 10px 20px rgba(255,255,255,0.15), inset 0 -15px 30px rgba(0,0,0,0.2) !important;
}

html:root input[type="button"]:hover,
html:root input[type="submit"]:hover,
html:root input[type="reset"]:hover,
html:root button:hover {

/* color: #FFF !important; */
background-color: #31344F !important;
border-color: #5F687F !important;

box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3) !important;
}

html:root input[type="image"] {
opacity: .85 !important;
}

html:root input[type="image"]:hover {
opacity: .95 !important;
}

/* Drop-down menu */

select,
option,
optgroup {

background: none #383838 !important;
border-color:#555 !important;
color:#f1f1f1 !important;
-moz-appearance: none !important;
}

/* :::::::: Misc :::::::: */

address {
background: none #333 !important;
}

hr {
background: none #444 !important
}

/*currently viewed page*/
.current {
color: #FFF !important;
}

/* Menus and Navigation */

nav,
menu,

/*Common naming conventions - in case previous declarations fail to give solid BG*/

html body [class*="open"],
html body [id*="Dropdown"],
html body [id*="dropdown"],
html body [class*="Dropdown"],
html body [class*="dropdown"],
html body [id*="menu"]:not(SELECT),
html body [class*="menu"]:NOT(SELECT),
html body [class*="tooltip"],
html body [class*="popup"],
html body [id*="popup"],

/* Notes, details, etc.  Maybe useful */

html body [class*="note"],
html body [class*="detail"],
html body [class*="description"]

{background-color: #232323 !important}

/* Also common */
[class*="content"],
[class*="container"] {
background-color: #1c1c1c !important;
}

/* Headers, Logos */

[id*="masthead"] a,
[id*="header"] a,
[id*="logo"] a,
[class*="logo"] a {
text-indent: 0 !important;
}

/* Instead of increasing specificity rating by using :not, set rules separately */

html:root body [class*="layer"],
html:root body #lightbox-nav,
html:root body #imageContainer {
background-color: transparent !important;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* Universal - sets color of text, border */

* {
color: #ddd !important;
border-color: #444 !important;
outline-color: #444 !important;
text-shadow: none !important;
}

html *:after,
html *:before {
color: #CCC !important;
border-color: #666 !important;
background: none transparent !important;
}


/* Link */

a:link,
a:link *:not(img){

/* color: #B1CBF7 !important; */
color: #f04c23;
background-color: transparent !important;
border-color: #666 !important;}

a:visited,
a:visited * {
/* color: #CDB4E7 !important; */
text-decoration: none !important;
/* text-decoration-color: -moz-use-text-color; */
text-decoration-line: none;
/* text-decoration-style: solid; */
}

a:hover,
a:hover *:not(img){

/* color: #FFE900 !important; */
color: #f04c23;
background-color: #363037 !important;
border-color: #999 !important;
text-decoration: none !important;;
/* text-decoration-color: -moz-use-text-color; */
text-decoration-line: none;
/* text-decoration-style: solid; */
}

html [href*="#"]:hover {
/* color: #FFE900 !important; */
color: #f04c23;
background-color: transparent !important;
text-decoration: none !important;;
text-decoration-color: -moz-use-text-color;
text-decoration-line: none;
text-decoration-style: solid;
}


/* Event Handlers/Attributes */

[onclick],
[ondblclick],
[onmousedown] {
/* color: #DFD5BC !important; */
text-indent: 0 !important;
text-decoration: none !important;
text-decoration-color: -moz-use-text-color;
text-decoration-line: none;
text-decoration-style: solid;
}

[onclick]:hover,
[ondblclick]:hover,
[onmousedown]:hover {
/* color: #FEFF97 !important; */
text-decoration: none !important;
text-decoration-color: -moz-use-text-color;
text-decoration-line: none;
text-decoration-style: solid;
}

/* Make images transparent */

img {
opacity: .75 !important;
}

img:hover {
opacity: 1 !important;
background-color: #888 !important;
}

svg {
background: none #666 !important;
}



/* :::::::: Specific Fixes :::::::: */

/* google search link fix */
.g .r {
background-color: transparent !important;
}

/* google result hover highlight*/
div.vsc:hover > .vspi, div.vso > .vspi {
background: none transparent !important;
border: none !important;
}


/* Hide share, donate, promo div */
  div[class*="share"] {
    display: none;
  }
  div[class*="donate"] {
    display: none;
  }
  div[class*="section--promo"] {
    display: none;
  }
  #articleInfo,
  div.comments:nth-child(4) {
    background: none transparent !important;
    position: unset;
  }

  /* Move sidebar on other side */
  div[id*="sidebar"] {
    left: unset;
    right: -340px;
    width: 330px;
  }
  .article__heading--sidebar {
    /*font-size: 0.9em !important;*/
  }
  p.article__perex {
    /*font-size: .675em !important;*/
  }
  span.impressum__date {
    font-size: 0.85em !important;
  }
  div.comments.comments--mark,
  div.comments,
  a.impressum__author,
  a.impressum__rubric,
  div.impressum__opener {
    font-size: 0.85em !important;
  }
  div[class*="page"] {
    margin-left: 0px;
  }
  ul[id*="nav-main"] {
    width: auto;
  }
  li.nav__link-normal:nth-child(1) > a:nth-child(1),
  li.nav__link-normal:nth-child(2) > a:nth-child(1),
  li.nav__link-normal:nth-child(3) > a:nth-child(1),
  li.nav__link-normal:nth-child(4) > a:nth-child(1),
  li.nav__link-normal:nth-child(5) > a:nth-child(1),
  li.nav__link-normal:nth-child(6) > a:nth-child(1),
  li.nav__link-normal:nth-child(7) > a:nth-child(1),
  li.nav__link-normal:nth-child(8) > a:nth-child(1),
  li.nav__link-normal:nth-child(9) > a:nth-child(1),
  li.nav__link-normal:nth-child(10) > a:nth-child(1),
  li.nav__link-normal:nth-child(11) > a:nth-child(1),
  li.nav__link-normal:nth-child(12) > a:nth-child(1),
  li.nav__link-normal:nth-child(13) > a:nth-child(1),
  li.nav__link-normal:nth-child(14) > a:nth-child(1),
  li.nav__link-normal:nth-child(15) > a:nth-child(1),
  li.nav__link-normal:nth-child(16) > a:nth-child(1) {
    padding: 3px;
    border-left: solid 0px grey;
    border-bottom: solid 0px grey;
    border-top: solid 0px grey;
    border-right: solid 0px grey;
    font-size-adjust: initial;
  }
  li.nav__link-other:nth-child(17) > a:nth-child(1),
  li.nav__link-normal:nth-child(17) > a:nth-child(1) {
    padding: 3px;
    border-top: solid 0px grey;
    border-bottom: solid 0px grey;
    border-right: solid 0px grey;
    border-left: solid 0px grey;
    font-size-adjust: initial;
  }
  .navbar-header {
    margin-right: 0px;
  }
  nav[id*="nav"] {
    padding-right: unset;
    padding-left: 10px;
    font-size: unset;
    font-size: 13px;
  }
  ul[class*="discussion__topics"] {
    font-size: unset !important;;
  }
  .opener .perex, .opener__heading, .article__heading--content, .article--actuality, .article--content {
    font-size: unset !important;;
  }
  img[class*="opener__img"] {
    width: 300px !important;;
  }
  .opener__img {
    width: 300px !important;;
    height: auto !important;;
  }
  a[class*="opener__link-img"] {
    width: 260px !important;;
  }
  .opener__body {
    max-width: 72% !important;;
  }
  .page-block--opener {
    position: relative !important;;
    top: 55px !important;;
  }
  .tips {
    top: -180px !important;;
  }
  .article__img img {
    height: 146px !important;;
    width: 260px !important;;
    max-width: 260px !important;;
  }
  .article--content .article__img {
    max-width: 260px !important;;
    max-height: 146px !important;;
    vertical-align: middle !important;;
  }
  .article--content .article__img img{
    height: 146px !important;;
    vertical-align: middle !important;;
  }
  .article--content .article__body {
    min-height: 146px !important;;
    vertical-align: middle !important;;
  }
  a[class*="article__img"] {
    height: 146px !important;;
    max-height: 146px !important;;
    max-width: 260px !important;;
  }
  h3[class*="article__heading"],
  h3[class*="opener__heading"] {
    color: #B1CBF7 !important;
  }
  .nav__link--logged {
    padding-left: 0px !important;;
    padding-right: 0px !important;;
    padding-top: 0px !important;;
    padding-bottom: 0px !important;;
  }
  .avatar {
    margin-left: 0px !important;;
    margin-right: 0px !important;;
  }
  ul#nav-aside.nav-top.nav-top--aside::before {
    width: unset !important;;
    left: unset !important;;
  }
  #nav-main {
    width: 1050px !important;;
  }
  .server-lupa > a:nth-child(1),
  .server-mesec > a:nth-child(1),
  .server-podnikatel > a:nth-child(1),
  .server-root > a:nth-child(1),
  .server-digizone > a:nth-child(1),
  .server-slunecnice > a:nth-child(1),
  .server-vitalia > a:nth-child(1),
  .server-120na80 > a:nth-child(1),
  .server-tuesday > a:nth-child(1),
  .server-navrcholu > a:nth-child(1),
  .server-dobryweb > a:nth-child(1),
  .server-woko > a:nth-child(1),
  .server-jagg > a:nth-child(1),
  #nextItemsButton {
    color: #555 !important;
  }
  li.server-mojelinky:nth-child(1) > a:nth-child(1) {
    background-color: grey !important;
  }
  a.comments__count.comments__count--total.comments__count--new {
    color: #f04c23 !important;
    /*font-size: 1em !important;*/
  }
  a.comments__count.comments__count--new,
  .flex_order1 > div:nth-child(1) > h2:nth-child(1) > a:nth-child(1) {
    color: #f04c23 !important;
    /*font-size: 1em !important;*/
  }
  h2.tips__heading {
    color: #f04c23 !important;
  }
  div.impressum.impressum--opener {
    font-size: 0.85em !important;
  }
  .opinion-view {
    margin-bottom: 10px;
  }
  .opinion-text p {
    margin: 0px 0px 0.5em;
  }
  .opinion-text .title {
    margin: 5px 0px 3px;
  }
  span[class*="titleDisplay"] {
    background-color: #343434 !important;;
  }


body { font-family: Arial; font-size: 15px; }
div#sefa.iinfoBar.wide { visibility:hidden; }
nav#nav { margin-top: -50px; }
a.navbar-header { margin-top:10px; }

div.container-fluid { margin-top:-60px; }
div.main { border:0; }
div.breadcrumb { padding-top:10px; }
a.opener__link-img, img.opener__img, a.article__img, div.perex__img { max-height:150px; max-width:250px; }
div.perex__text { padding:0; }
div.detail__info { margin:0;}
div.page-block--tips { max-height:50px; }
div.tips {padding-top:30px;}
div.promo { display:none; }
div.article--content { margin-top:5px; }
a.comments__count, a.comments_count--total, a.comments__count--new { font-size:14px; }
div#jobs, div.flex_order3 { display:none; }
div.page-block--trainings { display:none; }
.section--discussion .section__body { padding:5px; }
a.content__more { margin:5px; }
div.opinion-summary { margin-top:-10px; margin-bottom:10px; }
div.right span.date, div.right span.new { display:inline; }

div.opinion-view.new { border:0; margin-bottom:5px !important; background-color:#333 !important; }
h3.title { background-color:transparent !important; }
a.donor { margin:0; top:-15px; left:200px; font-size:12px; height:0; position:relative; display:block; }
a.whole-tree { display:none; }
div.opinion-text div.text { }
div.link-next-new { position:relative; top:-28px; left:-150px; height:0px; margin-top:0px !important; }
div.opinionButtons { display:none; }
a[name*="newIndex"] { display:none; }

div.reply { width:900px !important; }
pre { font-size:0.9em !important; }

nav.navbar.navbar-default.navbar-static-top { margin-top:-50px; }
div.navigate_section, div.pagesection { margin:0; }
a.navPages, div.pagelinks.floatleft strong { padding:4px; font-size:1.2em; }
div.body_message--ad { visibility:hidden; max-height:0; }
ul.reset.info.navbar-right { display:none; }
li.postcount { font-size:1em !important; }
div.body_message { padding:10px; border-top:1px solid; }
div.body_content { padding:0; }
blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote { font-size:12px; }
div.inner { padding:0; }
span.arrow-left { display:none; }
footer { display:none; }
div.container--footer.container { display:none; }
}