bierdopje-material-alternative-blue-latest.css

@-moz-document domain("bierdopje.com"), domain("bierdopje.eu") {
/*
Developed by: Tom
Version 0.97.3

Special thanks:
Google (https://material.google.com/)
Material.io (https://material.io/icons/)
Materialize (http://materializecss.com/)
mladenplavsic (https://github.com/mladenplavsic/css-ripple-effect)

ALTERNATIVE BLUE COLOUR SCHEME:
color: #555555;
#f4f9ff blue lighten-5
#d7e9ff blue lighten-4
#bcd9f6 blue lighten-3
#9dbfdf blue lighten-2
#89abcc blue lighten-1
#7296b7 blue

color: #ffffff;
#678aaa blue darken-1
#577995 blue darken-2
#4a6a84 blue darken-3
#344c60 blue darken-4
#a7c7e8 blue accent-1
#799bc1 blue accent-2
#678ab0 blue accent-3
#587ba3 blue accent-4

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

ORANGE COLOUR SCHEME:
color: #555555;
#fff3e0 orange lighten-5
#ffe0b2 orange lighten-4
#ffcc80 orange lighten-3
#ffb74d orange lighten-2
#ffa726 orange lighten-1
#ff9800 orange

color: #ffffff;
#fb8c00 orange darken-1
#f57c00 orange darken-2
#ef6c00 orange darken-3
#e65100 orange darken-4
#ffd180 orange accent-1
#ffab40 orange accent-2
#ff9100 orange accent-3
#ff6d00 orange accent-4

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

colour actions when used on #FFFFFF
filter: invert(0.2);    // used on :hover
filter: invert(0.335);  // used on :active

colour actions when used on #000000
filter: invert(0.335);  // is #55555
filter: invert(0.6);    // used on :hover
filter: invert(0.2);    // used on :active

Dividers (12%):
white background: #e1e1e1
black background: #1e1e1e

*/

*, *:before, *:after {
    box-sizing: inherit;
}

html {
    line-height: 1.5;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    color: rgba(0,0,0,0.87);
}

html {
    font-family: "Roboto", sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

a {
    text-decoration: none;
    background-color: transparent;
}

a:active, a:hover {
    outline: 0;
}

a {
    color: #89abcc;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

a:hover {
    color: #577995;
}

a:active {
    color: #4a6a84;
}

#_lightswitch {
    height: auto !important;
    width: auto !important;
    padding: 24px 0 0 24px !important;
}

#_lightswitch img {
    padding: 24px 0 0 24px !important;
}

.GODARK {
    background: #414141;
}

body.main_body {
    background: #ededed;
    font: 12px "Roboto", sans-serif;
}

h1 {
    color: #4a6a84;
}

h2 {
    font: 14px "Roboto", sans-serif;
}

/* inputs */
input[type=text],
input[type=password] {
	border: none;
    outline: none;
	border-bottom: 1px solid #555555;
    transition: all 0.3s;
}

input[type=text]:hover,
input[type=password]:hover {
	border-bottom: 1px solid #4a6a84;
}

input[type=text]:focus,
input[type=password]:focus {
	border-bottom: 1px solid #4a6a84;
    box-shadow: 0 1px 0 0 #4a6a84;
}

input[type=submit],
input[type=button] {
	border: 0;
    padding: 7px 10px 5px 10px;
}

input[type=radio] {
	position: relative;
    top: 3px;
    margin: 0 5px;
    cursor: pointer;
}

input[type=radio]:hover::before,
input[type=radio]:hover::after {
    border: 2px solid #678aaa !important;
}

input[type=radio]:hover::after {
    background: #678aaa !important;
}

input[type=radio]:active::before,
input[type=radio]:active::after {
    border: 2px solid #4a6a84 !important;
}

input[type=radio]:active::after {
    background: #4a6a84 !important;
}

input[type=radio]:not(:checked)::before {
    border: 2px solid #555555;
}

input[type=radio]:not(:checked)::after {
    background: transparent;
	border: 2px solid transparent;
    transform: scale(0);
}

input[type=radio]:checked::after {
    transform: scale(1);
}

input[type=radio]:checked::before {
    border: 2px solid #4a6a84;
}

input[type=radio]::before {
	content: "";
    position: absolute;
    left: -0.5px;
    top: -0.5px;
    width: 10px;
    height: 10px;
    transition: all .28s ease;
    
    background: #FFFFFF;
    border: 2px solid #4a6a84;
    border-radius: 50%;
}

input[type=radio]::after {
    content: "";
    position: absolute;
    left: 3.25px;
    top: 3.25px;
    width: 2.5px;
    height: 2.5px;
    transition: all .28s ease;
    
    background: #4a6a84;
    border: 2px solid #4a6a84;
    border-radius: 50%;
}

input[type=checkbox] {
	position: relative;
    cursor: pointer;
}

input[type=checkbox]:hover::before,
input[type=checkbox]:not(:checked):hover::after {
    border: 2px solid #678aaa !important;
}

input[type=checkbox]:checked:hover::before {
    background: #678aaa !important;
}

input[type=checkbox]:active::before,
input[type=checkbox]:not(:checked):active::after{
    border: 2px solid #4a6a84 !important;
}

input[type=checkbox]:checked:active::before {
    background: #4a6a84 !important;
}

input[type=checkbox]::before {
	content: "";
    position: absolute;
    left: -0.5px;
    top: -0.5px;
    width: 10px;
    height: 10px;
    transition: .2s;
    
    background: #FFFFFF;
    border: 2px solid #FFFFFF;
    border-radius: 1px;
}

input[type=checkbox]:checked::before {
    width: 10px;
    height: 10px;
    border: 2px solid #4a6a84;
    background-color: #4a6a84;
}

input[type=checkbox]::after {
	content: "";
    position: absolute;
    left: -0.5px;
    top: -0.5px;
    width: 10px;
    height: 10px;
    transition: .2s;
    
    border: 2px solid #555555;
    border-radius: 1px;
}

input[type=checkbox]:checked::after {
    top: -0.5px;
    left: -1px;
    width: 2px;
    height: 8px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    transform: rotate(37deg);
    transform-origin: 100% 100%;
}

input[type=text][name=byear] {
	position: relative;
    top: 1.5px;
}

textarea {
	border: 0;
    outline: none;
    border-bottom: 1px solid #555555;
    transition: border-bottom 0.3s, box-shadow 0.3s;
}

textarea:hover {
    border-bottom: 1px solid #4a6a84;
}

textarea:focus {
    border-bottom: 1px solid #4a6a84;
    box-shadow: 0 1px 0 0 #4a6a84;
}

/* start of page */
#header {
    background: #7296b7;
    height: 115px;
}

#header h1 {
    margin-left: 15px;
}

#logo {
	background: transparent url(https://i.imgur.com/kNhLsvn.png) no-repeat!important;
}

/* current user (top right box) */
.userbox {
    background: #9dbfdf;
    height: 100%;
    box-sizing: border-box;
}

.userbox .fr {
	float: left;
}

.userbox .leftfloat {
	float: right;
}

.userbox .leftfloat > a:first-child,
.userbox .leftfloat br {
    display: none;
}

.userbox .leftfloat .wittetekst {
	font-size: 0;
}

.userbox .leftfloat .wittetekst a::before {
    font-size: 24px;
    position: relative;
    left: 3px;
}

.userbox .fr {
	position: relative;
    top: -5px;
}

.userbox .fr a {
    position: relative;
    top: -2.5px;
	font-size: 15px;
    transition: color .28s ease;
}

.userbox .fr a:hover {
    color: #e6e6e6;
}

.userbox .fr a:active {
    color: #cccccc;
}

.userbox .fr a::before {
    position: relative;
    top: 5px;
    font-size: 24px;
}

.userbox .fr a::before,
.userbox .leftfloat .wittetekst a::before {
    transition: filter .28s ease;
}

.userbox .leftfloat {
    position: relative;
    top: -1px;
}

.userbox .fr a:hover::before,
.userbox .leftfloat .wittetekst a:nth-child(1):hover::before,
.userbox .leftfloat .wittetekst a:nth-child(2):hover::before,
.userbox .leftfloat .wittetekst a:last-child:hover::before,
.userbox .leftfloat .wittetekst a#AddonPreferences:hover::before {
    filter: invert(0.9);
}

.userbox .fr a:active::before,
.userbox .leftfloat .wittetekst a:nth-child(1):active::before,
.userbox .leftfloat .wittetekst a:nth-child(2):active::before,
.userbox .leftfloat .wittetekst a:last-child:active::before,
.userbox .leftfloat .wittetekst a#AddonPreferences:active::before {
    filter: invert(0.8);
}

.userbox .rightfloat {
	float: none;
    position: absolute;
    bottom: 25px;
    right: 5px;
    left: 5px;
}

select {
	padding: 6px;
	border: 0 !important;
    outline: none !important;
    background: transparent;
    color: #555555;
	border-bottom: 1px solid #555555 !important;
    transition: all 0.3s;
    cursor: pointer;
}

select option {
    color: #555555;
}

#FavsPullDown {
    color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF !important;
    width: 100%;
}

#topmenu {
	z-index: 10;
}

/* main navigation */
#nav {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
    display: block;
}

#nav {
    color: #555;
    background-color: #fff;
    width: 100%;
    line-height: 56px;
}

#nav a {
    -webkit-font-smoothing: antialiased;
}

#nav a:hover {
    background-color: rgba(0,0,0,0.1);
}

#nav li {
    transition: background-color .3s ease;
    float: left;
    padding: 0;
    line-height: 40px;
    border-left: 0;
}

#nav li a {
    transition: all .3s ease;
    font-size: 1rem;
    color: #555;
    display: block;
    padding: 0 15px;
    cursor: pointer;
    margin: 0;
}

#nav li a:hover,
#nav li.selected {
    background-color: #577995;
    border: 0;
    color: #fff;
}

#nav li a:active {
    background-color: #4a6a84;
    color: #fff;
}

#nav li.selected a {
    background-color: #577995;
    border: 0;
    color: #fff;
}

#nav li.selected a:hover {
    background-color: #4a6a84;
    border: 0;
    color: #fff;
}

#nav li.selected a:active {
    background-color: #344c60;
    border: 0;
    color: #fff;
}

#nav ul li.selected {
    background-color: rgba(0,0,0,0.1);
}

/* search */
.searchblock {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
}

.searchblock,
.userbox {
    width: 250px;
}

.searchblock form {
    display: inline-block;
}

.searchblock input {
	width: 186px;
}

.searchblock input.searchfield {
    background-color: transparent;
    color: #555;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    outline: none;
    box-shadow: none;
    box-sizing: content-box;
    transition: all 0.3s ease;
}

.searchblock input.searchfield {
    display: block;
    line-height: inherit;
    padding-left: 1rem;
    padding-right: 3rem;
    border: none;
    font-size: 1rem;
    height: 30px;
}

.searchblock input.searchfield:hover {
    background-color: #577995;
    color: #fff;
}

.searchblock input.searchfield:focus {
    background-color: #fff;
    color: #555;
    border: 0;
    box-shadow: none;
    padding-left: 3rem;
    padding-right: 1rem;
}

.searchblock input.searchfield ~ a {
	position: absolute;
    top: 9px;
    right: 10px;
    pointer-events: none;
}

.searchblock input.searchfield:active ~ a {
    left: 0;
}

.searchblock input.searchfield:focus ~ a {
    left: 10px;
    transition: all 0.3s ease;
}

.searchblock input.searchfield ~ a img {
    transition: filter 0.3s ease;
}

.searchblock input.searchfield:hover ~ a img {
    transition: filter 0.3s ease;
    filter: invert(1);
}

.searchblock input.searchfield:focus ~ a img {
    transition: filter 0.3s ease;
    filter: invert(0.355);
}

.content {
	position: relative;
}

.forumline {
	position: relative;
    padding-top: 25px;
}

.go-wide .forumline {
	position: static;
    padding-top: 0px !important;
}

.go-wide {
	width: 960px;
}

#page {
	display: flex;
    flex-direction: column;
    min-height: 100vh;
}

#page .maincontent {
	flex: 1;
}

/* alerts */
.info,
.success,
.warning,
.error,
.question {
	border: 0;
    padding: 10px 15px;
}

.info,
.question {
	background: #d7e9ff;
}

.success {
	background: #bbfbbe;
}

.warning {
	background: #f9fbbb;
}

.error {
	background: #fbbbbb;
}

/* front page columns */
#frontpage #col1,
#frontpage #col2 {
	width: 470px;
}

#frontpage #col1 br:first-of-type {
	display: none;
}

/* billboard */
#billboards {
    height: 290px;
    width: 470px;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    transition: box-shadow .25s ease;
}

#billboards {
    position: relative !important;
	top: 8px !important;
    left: auto !important;
    margin: 0 0 24px 0;
}

#billboard,
#billboard img {
    height: 290px;
    width: 470px;
    border-radius: 2px;
}

#billboard {
    position: relative;
    padding-bottom: 0;
    margin: 0;
}

#billboardtext {
    position: relative;
    top: -117.73px;
    width: 470px;
    height: 117.73px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 0 1px -2px rgba(0,0,0,0.2);
    transition: box-shadow .25s ease;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    pointer-events: none;
}

#billboardtext {
	background: rgba(0, 0, 0, 0.34);
    color: #ffffff;
    opacity: 1;
}

#billboardtext div {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 15px;
}

#billboardtext span.title {
	padding-top: 24px;
    font-weight: normal;
}

#billboardtext span.title img {
    position: relative;
    top: 0.5px;
	left: 5px;
}

#billboardtext span.text {   
    display: block;
    font-size: 14px;
    padding: 7.5px 0 0 0;
}

/* Mijn Bierdopje */
#body_0fc87977db77b6cd2070877c0febfbfb img {
	position: relative;
    top: 5px;
}

#body_0fc87977db77b6cd2070877c0febfbfb .grijs .teksttype1 {
	font-size: 0;
}

#body_0fc87977db77b6cd2070877c0febfbfb .wit .teksttype1 img,
#body_0fc87977db77b6cd2070877c0febfbfb #Ext_BD_Status img,
#body_0fc87977db77b6cd2070877c0febfbfb .grijs .teksttype1 img {
	padding-right: 5px;
}

#body_0fc87977db77b6cd2070877c0febfbfb .grijs .teksttype1 img:first-child {
	padding-right: 8px;
}

#body_0fc87977db77b6cd2070877c0febfbfb .grijs .teksttype1 a {
	font-size: 12px;
}

#body_0fc87977db77b6cd2070877c0febfbfb .grijs .teksttype1 a::after {
    content: "";
    padding-left: 10px;
}

/* series overview banner + navigation */
.headband {
	background: #678aaa;
}

.headband div.headband_filler div h1 {
    font-size: 24px;
	font-weight: normal;
}

.headband,
#submenucontainer {
    position: relative;
    z-index: 20;
}

#submenucontainer {
    background: #4a6a84;
    display: inline-block;
    height: auto;
    float: inherit;
    width: inherit;
    color: inherit;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

#submenu {
    font: 14px "Roboto", sans-serif;
}

#submenu ul {
    background-color: transparent;
    
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    height: 40px;
    width: 100%;
    margin: 0 auto;
    white-space: nowrap;
}

#submenu ul li {
    border-right: 0;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    height: 40px;
    float: left;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    transition: background-color .3s ease;
}

#submenu ul li a {
    color: rgba(255,255,255,0.7);
    
    position: relative;
    left: 20px;
    
    display: block;
    width: auto;
    height: 100%;
    padding: 0 24px;
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: color .28s ease;
    float: none;
}

#submenu ul li a:hover,
#submenu ul li a:focus,
#submenu ul li a.selected:hover {
    background: transparent;
    color: #fff;
}

#submenu ul li a::after {
    content: "";
    margin: 0 auto;
    position: absolute;
    right: 18px;
    bottom: 1px;
    left: 10px;
    height: 2px;
    background-color: #fff;
    will-change: width;
}

#submenu ul li a:not(.selected):after {
    width: 0;
}

#submenu ul li a.selected::after {
    width: 80%;
}

#submenu ul li a:active::after,
#submenu ul li a:focus::after {
    width: 80%;
    transition: width .28s ease;
}

#submenu ul li a.selected {
    background-color: transparent;
    
    color: #ffffff;
}

/* series details */
.grade {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
}

#vote .body .wrap {
	height: auto !important;
}

/* breadcrumbs */
.catHead table tr:first-child td:first-child table {
    background: #4a6a84;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    z-index: 20;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 2px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

.catHead table tr:first-child td:first-child table tr {
	position: relative;
}

/* pagina x van de x */
.catHead table tr:first-child td:nth-child(2):not(.pagination) {
    font-size: 0;
    position: relative;
    bottom: 20px;
}

.catHead table tr:first-child td:first-child table tr:first-child td:first-child:not(.forumHeader) {
    font-size: 0;
    padding: 0 15px;
}

.catHead table tr:first-child td:first-child table tr:first-child td:first-child a:not(:last-child) {
    font-size: 14px;
    margin-right: 5px;
    color: rgba(255,255,255,0.7);
    transition: color .28s ease;
}

.catHead table tr:first-child td:first-child table tr:first-child td:first-child a:not(:last-child)::after {
    filter: opacity(0.7);
    position: relative;
    top: -3px;
    margin-left: 8px;
    pointer-events: none;
    cursor: default;
}

.catHead table tr:first-child td:first-child table tr:first-child td:first-child a:hover {
    color: #ffffff;
}

.forumHeader a {
	position: absolute;
    top: 8px;
    right: 10px;
    filter: opacity(0.7);
    transition: filter .28s ease;
}

.forumHeader a:hover {
    filter: opacity(1);
}

.catHead table tr:first-child td:first-child table tr td h3,
h3.forumHeader {
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    display: inline-block;
}

/* pagination */
.catHead .pagination {
	position: relative;
    top: 18px;
}

.catHead table tr td:last-child .pagination {
	position: relative;
    top: 15px;
}

#pagination:last-child {
	padding-top: 10px;
}

.pagination {
    height: 30px;
    margin: 20px 0 0 0;
}

.pagination ul {
	box-shadow: none;
}

.pagination ul>.disabled>span,
.pagination ul>.disabled>a,
.pagination ul>.disabled>a:hover {
    color: #555555;
}

.pagination ul>li>a:hover,
.pagination ul>.active>a,
.pagination ul>.active>span {
    background: transparent;
    cursor: pointer;
}

.pagination ul>.active>a {
	color: #ffffff;
    background: transparent;
}

.pagination ul>li,
#pagination li {
    display: inline-block;
    border-radius: 2px;
    text-align: center;
    vertical-align: top;
    height: 30px;
}

#pagination li.spacer,
#pagination li.active {
	float: inherit;
}

#pagination li.spacer,
#pagination li.active,
.pagination ul>li>a,
#pagination li a,
#pagination li a:link,
#pagination a:visited {
    border: 0;
    margin-right: 0;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    padding: 0 10px;
    line-height: 30px;
}

.pagination li.disabled,
#pagination li.spacer {
	background: #d7e9ff;
    color: #555555;
    pointer-events: none;
}

.pagination ul>.active,
#pagination li.active {
	background: #577995;
    color: #ffffff;
}

.pagination ul>li>a,
#pagination li a {
    transition: background-color .15s linear;
}

.pagination ul>li.active>a:hover:not(:focus),
#pagination li a:hover:not(:focus) {
	background-color: #7296b7
}

.pagination ul>li.active>a:active,
#pagination li a:active {
	background-color: #344c60
}

.pagination ul>li:not(.active)>a:hover:not(:focus),
#pagination li a:hover:not(:focus) {
	background-color: #f4f9ff;
}

.pagination ul>li:not(.active)>a:active,
#pagination li a:active {
	background-color: #bcd9f6;
}

/* forum */
table.forumline tr td {
    padding: 4px;
}

table.forumline tr td.catHead {
    padding: 0 !important;
}

table.forumline tr:nth-child(3n+3),
table.forumline tr:nth-child(3n+4) {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

table.forumline tr[id="replyspacer-end name="],
table.forumline tr:last-child {
    box-shadow: 0 0 0 0;
}

table.forumline tr[id^="replyheader"] td:first-child a {
    position: relative;
    left: 5px;
}

table.forumline tr[id^="replyheader"] td:nth-child(3) a {
    position: relative;
    right: 5px;
}

table.forumline tr[id^="replyheader"] td:first-child a img {
    position: relative;
    top: 0.5px;
}

table.forumline .postname {
	position: relative;
    top: -0.5px;
}

table.forumline .postname ~ img {
	position: relative;
    top: 3px;
    left: 7.5px;
}

table.forumline .postname + img {
	position: relative;
    top: 3px;
    left: 5px;
}

table.forumline tr[name="replyspacer"] {
    height: 10px;
}

table.forumline .spaceRow {
    background-color: transparent;
}

/* replybox */
.markItUp {
	border: 0;
    position: relative;
    margin: 1rem 0;
    background-color: #fff;
    transition: box-shadow .25s ease;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

.markItUpContainer {
	background: none;
    border: 0;
    font: 12px "Roboto", sans-serif;
    padding: 0;
}

.markItUpPreviewFrame {
    border-top: 1px solid #e1e1e1;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    font: 12px "Roboto", sans-serif;
    padding: 10px;
    width: 580px;
}

.markItUpHeader {
    background: #4a6a84;
    height: 15px;
    padding: 5px;
}

.markItUpHeader ul ul {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    background: #FFFFFF;
    border: none;
}

.markItUpHeader ul ul li {
	border-bottom: none;
}

.markItUpHeader ul a {
    margin: 0 2px;
    padding: 0;
}

.markItUpButton ul a {
    margin: 0 !important;
}

.markItUpHeader ul .markItUpSeparator {
	background-color: #FFFFFF;
    filter: opacity(0.7);
    width: 1.5px;
    color: transparent;
    pointer-events: none;
}

.markItUp a:link,
.markItUp a:visited {
	color: #555555;
}

.markItUpDropMenu ul {
    z-index: 1;
}

.markItUpDropMenu ul a {
    background-position: 5px 50%;
    transition: background .15s linear;
}

.markItUpDropMenu ul a:hover:not(:focus) {
	background-color: #eeeeee;
    color: #555555;
}

.markItUpDropMenu ul a:active {
	background-color: #b5b5b5;
    color: #555555;
}

.bbcode .markItUpEditor {
	background-image: none;
}

.markItUpEditor {
    border: 0;
    border-bottom: 0 !important;
    box-shadow: 0 0 0 0 transparent !important;
    font: 12px "Roboto", sans-serif;
    padding: 10px;
    width: 570px;
    margin-bottom: 10px;
}

.markItUpFooter {
    position: relative;
    bottom: 5px;
    transition: all 0.3s;
	background: #555555;
    height: 1px;
    width: 570px;
    margin: 0 auto;
}

.markItUpEditor:hover + .markItUpFooter {
	background: #4a6a84;
}

.markItUpEditor:focus + .markItUpFooter {
	background: #4a6a84;
    box-shadow: 0 1px 0 0 #4a6a84;
}

/* direct messages and newsitem replies */
table.forumline tr:nth-child(3n):not([id^="replyheader"]) td:first-child img[src="http://cdn.bierdopje.eu/g/if/forum/icon_minipost.gif"] {
    position: relative;
    top: 1px;
    left: 5px;
}

table.forumline tr:nth-child(3n):not([id^="replyheader"]) td:first-child img[src="http://cdn.bierdopje.eu/g/if/forum/icon_minipost.gif"] + a {
    position: relative;
    left: 7px;
}

table.forumline tr:nth-child(3):not([id^="replyheader"]) a[href*="messages/delete"],
table.forumline tr:nth-child(3):not([id^="replyheader"]) a[href*="messages/reply"] {
    position: relative;
    right: 5px;
}

table.forumline tr:nth-child(3):not([id^="replyheader"]) a[href*="messages/delete"] img,
table.forumline tr:nth-child(3):not([id^="replyheader"]) a[href*="messages/reply"] img {
	position: relative;
    top: 3px;
}

/* blocks (front-page, series episode details etc.) */
.block {
	position: relative;
    margin: 0.5rem 0 1rem 0;
    transition: box-shadow .25s ease;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
}

.block .header .wrap {
    padding: 5px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.block .header .wrap h1 {
    font-size: 14px;
    font-weight: 400;
}

.block .header .wrap,
th.bluerow {
	background: #4a6a84;
}

.block .body {
	border: 0;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.block .body .wrap .fr {
    padding-top: 10px;
}

.block .body .wrap .fr a {
    margin-right: 10px;
    transition: color .3s ease;
    text-transform: uppercase;
}

/* tables */
table.listing {
	background: #ffffff;
    border: 0;
    margin: 0;
    padding: 0;
}

table.listing td {
    background: transparent;
	border-bottom: 0;
}

table.listing tr:not(:first-child):hover {
    background: #eeeeee;
}

/* buttons */
/* special MarkAllAsRead button */
.content.go-wide table.forumline + div + div + div span {
    background: #577995 !important;
    position: relative;
    top: 7.5px;
    padding: 7px 10px 5px 10px !important;
}

.content.go-wide table.forumline + div + div + div span a {
    color: #ffffff !important;
}

.content.go-wide table.forumline + div + div + div span:hover {
    background-color: #7296b7 !important;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);
}

.content.go-wide table.forumline + div + div + div span:active {
    background-color: #344c60 !important;
}

input[type=submit],
input[type=button],
.button,
.content.go-wide table.forumline + div + div + div span {
    text-decoration: none;
    font-weight: normal;
    color: #ffffff;
    background: #577995;
    text-align: center;
    letter-spacing: .5px;
    transition: all .3s ease-out;
    cursor: pointer;
    margin: 5px 0px 10px 0px;
    padding-right: 10px;
    height: 28px;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

input[type=submit],
input[type=button],
.button a,
.content.go-wide table.forumline + div + div + div span a {
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    height: 15px;
}

.button a {
    padding: 7px 0px 5px 10px;
	background: transparent;
}

.button:hover a {
	color: #ffffff;
}

input[type=submit]:hover,
input[type=button]:hover,
.button:hover {
    background-color: #7296b7;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);
}

input[type=submit]:active,
input[type=button]:active,
.button:active {
    background-color: #344c60;
}

a.imgbutton {
    text-decoration: none;
    font-weight: normal;
    color: #ffffff;
    background: #fb8c00;
    text-align: center;
    letter-spacing: .5px;
    transition: all .3s ease-out;
    cursor: pointer;
    padding-right: 10px;
    height: 28px;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

a.imgbutton:hover {
    background-color: #ffa726;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);
}

a.imgbutton:active {
    background-color: #ef6c00;
}

a.imgbutton img {
    margin-top: 6px;
    margin-left: 8px;
}

a.imgbutton span {
	background: transparent;
    padding: 7px 0px 5px 2rem;
    text-transform: uppercase;
}

a.imgbutton:active span {
	padding: 7px 0px 5px 2rem;
}

select[name=modaction] {
    margin: 5px 10px 10px 0px;
}

table.forumline tr:not(:last-child):nth-child(2) {
	background: #4a6a84;
}

.row1.rowborder p a img {
	position: relative;
    top: 3px;
    left: 2px;
}

img[id^=aquired],
img[id^=seen] {
	transition: all .28s ease-out;
}

img[src$="green.png"] {
    animation: rotate-in;
    animation-duration: .428s;
    animation-timing-function: ease;
}

@-webkit-keyframes rotate-in {
    from {transform: rotate(-37deg);}
    to {transform: rotate(0deg);}
}

@keyframes rotate-in {
    from {transform: rotate(-37deg);}
    to {transform: rotate(0deg);}
}

#_lightswitch img[src="http://cdn.bierdopje.eu/g/if/icons_png/lightbulb.png"],
table.forumline tr[id^="replyheader"] td:first-child a img,
table.forumline tr[id^="replyheader"] td:nth-child(3) a img,
table.forumline tr[id^="replyside"] .postdetails a img,
table.forumline tr:nth-child(4):not([id^="replyside"]) .postdetails a img,
a[onclick*="DeleteTag"] img,
.content-links .content a[href*="modalbox/tags/"],
.row1.rowborder p a img {
	transition: filter .28s ease;
}

#_lightswitch:hover img[src="http://cdn.bierdopje.eu/g/if/icons_png/lightbulb.png"],
table.forumline tr[id^="replyheader"] td:first-child a:hover img,
table.forumline tr[id^="replyheader"] td:nth-child(3) a:hover img,
table.forumline tr[id^="replyside"] .postdetails a:hover img,
table.forumline tr:nth-child(4):not([id^="replyside"]) .postdetails a:hover img,
a[onclick*="DeleteTag"]:hover img,
.content-links .content a[href*="modalbox/tags/"]:hover,
.row1.rowborder p a:hover img,
img[id^=aquired]:hover,
img[id^=seen]:hover {
    filter: invert(0.6);
}

#_lightswitch:active img[src="http://cdn.bierdopje.eu/g/if/icons_png/lightbulb.png"],
table.forumline tr[id^="replyheader"] td:first-child a:active img,
table.forumline tr[id^="replyheader"] td:nth-child(3) a:active img,
table.forumline tr[id^="replyside"] .postdetails a:active img,
table.forumline tr:nth-child(4):not([id^="replyside"]) .postdetails a:active img,
a[onclick*="DeleteTag"]:active img,
.content-links .content a[href*="modalbox/tags/"]:active,
.row1.rowborder p a:active img,
img[id^=aquired]:active,
img[id^=seen]:active {
    filter: invert(0.2);
}

/* white inverted to black actions */
table.forumline tr:nth-child(3):not([id^="replyheader"]) a img {
	filter: invert(0.665);
	transition: filter .28s ease;
}

table.forumline tr:nth-child(3):not([id^="replyheader"]) a:hover img {
	filter: invert(0.4);
}

table.forumline tr:nth-child(3):not([id^="replyheader"]) a:active img {
	filter: invert(0.8);
}

/* white inverted to gray actions */
#_lightswitch img[src="http://cdn.bierdopje.eu/g/if/icons_png/lightbulb_off.png"] {
	transition: filter .28s ease;
}

#_lightswitch:hover img[src="http://cdn.bierdopje.eu/g/if/icons_png/lightbulb_off.png"] {
	filter: invert(0.2);
}

#_lightswitch:active img[src="http://cdn.bierdopje.eu/g/if/icons_png/lightbulb_off.png"] {
	filter: invert(0.335);
}

img[id^=aquired],
img[id^=seen] {
	position: relative;
    top: 2.5px;
}

.content-links .content a[href*="modalbox/tags/"] {
    position: relative;
    top: 3.5px;
    padding-right: 5px;
}

.content-links .content a[href*="modalbox/tags/"] img[src="http://cdn.bierdopje.eu/g/if/icons/bullet_add.gif"] {
    position: relative;
    top: -1px;
}

th.forumkop {
	background: transparent;
	padding: 5px;
}

th.forumkop.thLeft {
    padding: 5px 10px;
}

/* tags */
/* ugly, but it has to do since there is no way to identify the series genres */
.content-links .content span + span + br + span + br + span + br + span + br + span {
    font-size: 0;
}

.content-links .content a[href*="modalbox/tags/"] ~ a:not([href*="modalbox/tags/"])::before,
.content-links .content a[href*="modalbox/tags/"] ~ a:not([href*="modalbox/tags/"])::after,
.content-links .content span + span + br + span + br + span + br + span + br + span a::before,
.content-links .content span + span + br + span + br + span + br + span + br + span a::after {
	content: "\00a0"; /* this is to prevent empty tags to break styling */
}

.content-links .content a[href*="modalbox/tags/"] ~ a:not([href*="modalbox/tags/"]),
.content-links .content span + span + br + span + br + span + br + span + br + span a {
    display: inline-block;
    height: 32px;
    font-size: 13px;
    font-weight: 500;
    color: rgba(0,0,0,0.6);
    line-height: 32px;
    padding: 0 11px;
    border-radius: 16px;
    background-color: #e4e4e4;
    margin-bottom: 5px;
    margin-right: 5px;
    transition: background-color .28s ease;
}

.content-links .content a[href*="modalbox/tags/"] ~ a:not([href*="modalbox/tags/"]):hover,
.content-links .content span + span + br + span + br + span + br + span + br + span a:hover {
    background-color: #dadada;
}

.content-links .content a[href*="modalbox/tags/"] ~ a:not([href*="modalbox/tags/"]):active,
.content-links .content span + span + br + span + br + span + br + span + br + span a:active {
    background-color: #d0d0d0;
}

/* ugly, but it has to do since there is no way to identify the paragraph with episode intel */
.content-links .content span + span + br + span + br + span + br + span + br + span + br ~ p {
    padding-top: 10px;
}

/* settings */
#tabmenu {
    background: #f4f9ff;
    height: 40px;
}

#tabmenu li a {
    background: #f4f9ff;
    border-right: 0;
    font-weight: normal;
    transition: all .3s ease;
}

#tabmenu li a img {
    transition: filter .3s ease;
}

#tabmenu li a:hover img,
#tabmenu li a:active img,
#tabmenu li.active a img {
    filter: invert(1);
}

#tabmenu li a:hover,
#tabmenu li.active a {
    background: #678aaa;
    color: #FFFFFF;
}

#tabmenu li a:active {
    background: #4a6a84;
    color: #FFFFFF;
}

#tabmenu li.active a:hover {
	background: #577995;
}

#tabmenu li.active a:active {
	background: #344c60;
}

#tabmenu li a img {
	vertical-align: middle;
    padding-right: 2px;
}

#mysettings .panel {
	transition: opacity .3s ease;
    display: block !important;
}

#mysettings .panel[style*="none"] {
    opacity: 0;
    height: 0;
    overflow: hidden;
}

#mysettings .panel[style*="block"] {
    opacity: 1;
}

#mysettings table.listing tr:hover {
	background: transparent !important;
}

/* footer */
#footer {
	background: #7296b7;
    line-height: 1;
}

#footer .container_16 .grid_16 {
    width: 980px;
}

#footer p, #footer p a {
	color: #ffffff;
}

#footer p a:nth-child(3) {
    position: relative;
    top: 2px;
}

/* Misc */
.content_links ~ img[src="http://cdn.bierdopje.eu/g/if/icons/new.gif"] {
	position: absolute;
    margin-top: 1.5px;
    margin-left: 1px;
}

.content_links ~ img[src="http://cdn.bierdopje.eu/g/if/icons/bullet_star.gif"] {
	position: absolute;
    margin-left: 22px;
    margin-top: 2px;
}

/* ---------------------------------------------------------------------- */
/* ------------------------------- ICONS -------------------------------- */
/* ---------------------------------------------------------------------- */

.userbox .fr a::before {
	content: "\00a0";
	height: 24px;
    width: 24px;
    padding-left: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_notifications_black_24px.svg);
    filter: invert(1);
}
.userbox .leftfloat .wittetekst a:nth-child(1)::before {
	content: "\00a0";
	height: 24px;
    width: 24px;
    padding-left: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_person_black_24px.svg);
    filter: invert(1);
}
.userbox .leftfloat .wittetekst a:nth-child(2)::before {
	content: "\00a0";
	height: 24px;
    width: 24px;
    padding-left: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_settings_black_24px.svg);
    filter: invert(1);
}
.userbox .leftfloat .wittetekst a:last-child::before {
	content: "\00a0";
	height: 24px;
    width: 24px;
    padding-left: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_arrow_forward_black_24px.svg);
    filter: invert(1);
}
.userbox .leftfloat .wittetekst a#AddonPreferences::before {
	content: "\00a0";
	height: 24px;
    width: 24px;
    padding-left: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_extension_black_24px.svg);
    filter: invert(1);
}

img[src="http://cdn.bierdopje.eu/g/layout/btn-search-trans.png"] {
	height: 0;
    width: 0;
    padding-left: 24px;
    padding-top: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_search_black_24px.svg);
    filter: invert(0.335);
}

.info::before,
.question::before,
.success::before,
.warning::before,
.error::before {
	content: "\00a0";
    padding: 1.5px 6.5px 2px 23px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    filter: invert(0.335);
}

.info::before {
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_info_black_24px.svg);
}

.question::before {
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_help_black_24px.svg);
}

.success::before {
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_check_circle_black_24px.svg);
}

.warning::before {
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_report_problem_black_24px.svg);
}

.error::before {
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_error_black_24px.svg);
}

img[src="http://cdn.bierdopje.eu/g/if/icons/bullet_star.gif"] {
	height: 0;
    width: 0;
    padding-left: 18px;
    padding-top: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_star_black_24px.svg);
    filter: invert(0.335);
}

.title img[src="http://cdn.bierdopje.eu/g/if/icons/bullet_star.gif"] {
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_star_white_24px.svg) !important;
    filter: invert(0) !important;
}

img[src="http://cdn.bierdopje.eu/g/if/icons/newspaper.gif"] {
	height: 0;
    width: 0;
    padding-left: 18px;
    padding-top: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_chrome_reader_mode_black_24px.svg);
    filter: invert(0.335);
}

img[src="http://cdn.bierdopje.eu/g/if/icons/clock.gif"] {
	height: 0;
    width: 0;
    padding-left: 18px;
    padding-top: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_alarm_black_24px.svg);
    filter: invert(0.335);
}

img[src="http://cdn.bierdopje.eu/g/if/icons/film.gif"] {
	height: 0;
    width: 0;
    padding-left: 18px;
    padding-top: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_local_movies_black_24px.svg);
    filter: invert(0.335);
}

img[src="http://cdn.bierdopje.eu/g/if/icons_png/comments.png"],
img[src="http://cdn.bierdopje.eu/g/if/icons/comments.gif"] {
	height: 0;
    width: 0;
    padding-left: 18px;
    padding-top: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_forum_black_24px.svg);
    filter: invert(0.335);
}

.block .body .wrap .grijs p.teksttype1 img[src="http://cdn.bierdopje.eu/g/if/icons/page.gif"] {
	height: 0;
    width: 0;
    padding-left: 18px;
    padding-top: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_account_circle_black_24px.svg);
    filter: invert(0.335);
}

img[src="http://cdn.bierdopje.eu/g/if/icons/cog.gif"] {
	height: 0;
    width: 0;
    padding-left: 18px;
    padding-top: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_settings_black_24px.svg);
    filter: invert(0.335);
}

img[src="http://cdn.bierdopje.eu/g/if/icons/door_out.gif"] {
	height: 0;
    width: 0;
    padding-left: 18px;
    padding-top: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_kitchen_black_24px.svg);
    filter: invert(0.335);
}

img[src="http://cdn.bierdopje.eu/g/if/blob-green.png"] {
	height: 0;
    width: 0;
    padding-left: 18px;
    padding-top: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_check_circle_black_24px.svg);
    filter: invert(0.335);
}

img[src="http://cdn.bierdopje.eu/g/if/blob-grey.png"] {
	height: 0;
    width: 0;
    padding-left: 18px;
    padding-top: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_remove_circle_black_24px.svg);
    filter: invert(0.735); /* special colour */
}

img[src="http://cdn.bierdopje.eu/g/if/icons/television.gif"] {
	height: 0;
    width: 0;
    padding-left: 18px;
    padding-top: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_tv_black_24px.svg);
    filter: invert(0.335);
}

.catHead table tr:first-child td:first-child table tr:first-child td:first-child a:not(:last-child)::after {
	content: "\00a0";
    padding-left: 23px;
    background-size: 23px 23px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_navigate_next_white_24px.svg);
}

img[src="http://cdn.bierdopje.eu/g/if/icons/flag_red.gif"] {
	height: 0;
    width: 0;
    padding-top: 23px;
    padding-left: 23px;
    background-size: 23px 23px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_flag_white_24px.svg);
}

img[src="http://cdn.bierdopje.eu/g/if/icons_png/add.png"] {
	height: 0;
    width: 0;
    padding-top: 16px;
    padding-left: 16px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_add_circle_white_24px.svg);
}

img[src="http://cdn.bierdopje.eu/g/if/icons_png/delete.png"] {
	height: 0;
    width: 0;
    padding-top: 16px;
    padding-left: 16px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_remove_circle_white_24px.svg);
}

img[src="http://cdn.bierdopje.eu/g/if/icons_png/cancel.png"] {
	height: 0;
    width: 0;
    padding-top: 16px;
    padding-left: 16px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_cancel_white_24px.svg);
}

img[src="http://cdn.bierdopje.eu/g/if/icons/new.gif"] {
	height: 0;
    width: 0;
    padding-top: 20px;
    padding-left: 20px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_fiber_new_black_24px.svg);
    filter: invert(0.335);
}

img[src="http://cdn.bierdopje.eu/g/if/icons_png/bullet_star.png"] {
	height: 0;
    width: 0;
    padding-top: 12px;
    padding-left: 12px;
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_star_border_black_24px.svg);
    filter: invert(0.335);
}

img[src="http://cdn.bierdopje.eu/g/if/icons_png/email_go.png"] {
	height: 0;
    width: 0;
    padding-top: 16px;
    padding-left: 16px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_mail_white_24px.svg);
}

img[src="http://cdn.bierdopje.eu/g/if/rss.gif"] {
	height: 0;
    width: 0;
    padding-top: 20px;
    padding-left: 20px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_rss_feed_white_24px.svg);
}

img[src="http://cdn.bierdopje.eu/g/if/icons/bin_closed.gif"],
img[src="http://cdn.bierdopje.eu/g/if/icons_png/bin_closed.png"] {
	height: 0;
    width: 0;
    padding-top: 16px;
    padding-left: 16px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_delete_black_24px.svg);
    filter: invert(0.335);
}

img[src="http://cdn.bierdopje.eu/g/if/icons/tag_blue.gif"] {
	height: 0;
    width: 0;
    padding-top: 16px;
    padding-left: 16px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_local_offer_black_24px.svg);
    filter: invert(0.335);
}

img[src="http://cdn.bierdopje.eu/g/if/icons/bullet_add.gif"] {
	height: 0;
    width: 0;
    padding-top: 12px;
    padding-left: 12px;
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_add_circle_black_24px.svg);
    filter: invert(0.335);
}

img[src="http://cdn.bierdopje.eu/g/if/forum/lastreply.gif"] {
	height: 0;
    width: 0;
    padding-left: 18px;
    padding-top: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_pageview_black_24px.svg);
    filter: invert(0.335);
}

img[src="http://cdn.bierdopje.eu/g/if/icons_png/lightbulb.png"] {
	height: 0;
    width: 0;
    padding-left: 24px;
    padding-top: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_lightbulb_outline_black_24px.svg);
    filter: invert(0.335);
}

img[src="http://cdn.bierdopje.eu/g/if/icons_png/lightbulb_off.png"] {
	height: 0;
    width: 0;
    padding-left: 24px;
    padding-top: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_lightbulb_outline_white_24px.svg);
}

img[src="http://cdn.bierdopje.eu/g/if/icons/vcard.gif"] {
	height: 0;
    width: 0;
    padding-left: 18px;
    padding-top: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_portrait_black_24px.svg);
    filter: invert(0.335);
}

img[src="http://cdn.bierdopje.eu/g/if/icons/user_comment.gif"] {
	height: 0;
    width: 0;
    padding-left: 18px;
    padding-top: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_chat_bubble_outline_black_24px.svg);
    filter: invert(0.335);
}

img[src="http://cdn.bierdopje.eu/g/if/forum/icon_minipost.gif"] {
	height: 0;
    width: 0;
    padding-left: 10px;
    padding-top: 10px;
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_insert_drive_file_black_24px.svg);
    filter: invert(0.335);
}

img[src="http://cdn.bierdopje.eu/g/if/icons_png/comment_add.png"] {
	height: 0;
    width: 0;
    padding-top: 16px;
    padding-left: 16px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_chat_white_24px.svg);
}

img[src="http://cdn.bierdopje.eu/g/if/icons_png/disk.png"] {
	height: 0;
    width: 0;
    padding-top: 16px;
    padding-left: 16px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_save_white_24px.svg);
}

img[src="http://cdn.bierdopje.eu/g/if/icons_png/comment_edit.png"] {
	height: 0;
    width: 0;
    padding-left: 18px;
    padding-top: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_edit_black_24px.svg);
    filter: invert(0.335);
}

img[src="http://cdn.bierdopje.eu/g/if/icons_png/server.png"] {
	height: 0;
    width: 0;
    padding-left: 16px;
    padding-top: 16px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_local_laundry_service_black_24px.svg);
    filter: invert(0.335);
}

img[src="http://cdn.bierdopje.eu/g/if/icons_png/bullet_wrench.png"] {
	height: 0;
    width: 0;
    padding-left: 16px;
    padding-top: 16px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_build_black_24px.svg);
    filter: invert(0.335);
}

img[src="http://cdn.bierdopje.eu/g/if/icons/picture.gif"] {
	height: 0;
    width: 0;
    padding-left: 18px;
    padding-top: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_image_black_24px.svg);
    filter: invert(0.335);
}

img[src="http://cdn.bierdopje.eu/g/if/icons/photo.gif"] {
	height: 0;
    width: 0;
    padding-left: 18px;
    padding-top: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_photo_size_select_large_black_24px.svg);
    filter: invert(0.335);
}

img[src="http://cdn.bierdopje.eu/g/if/icons/phone_sound.gif"] {
	height: 0;
    width: 0;
    padding-left: 18px;
    padding-top: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_vibration_black_24px.svg);
    filter: invert(0.335);
}

img[src="http://cdn.bierdopje.eu/g/if/icons/key.gif"] {
	height: 0;
    width: 0;
    padding-left: 18px;
    padding-top: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_vpn_key_black_24px.svg);
    filter: invert(0.335);
}

img[src="http://cdn.bierdopje.eu/g/if/icons/email.gif"] {
	height: 0;
    width: 0;
    padding-left: 18px;
    padding-top: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_email_black_24px.svg);
    filter: invert(0.335);
}

img[src="http://cdn.bierdopje.eu/g/if/icons/table.gif"] {
	height: 0;
    width: 0;
    padding-left: 18px;
    padding-top: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_view_module_black_24px.svg);
    transform: rotate(90deg);
    filter: invert(0.335);
}

img[src="http://cdn.bierdopje.eu/g/if/icons/star.gif"] {
	height: 0;
    width: 0;
    padding-left: 18px;
    padding-top: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_star_black_24px.svg);
    filter: invert(0.335);
}

img[src="http://cdn.bierdopje.eu/g/if/icons/connect.gif"] {
	height: 0;
    width: 0;
    padding-left: 18px;
    padding-top: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_power_black_24px.svg);
    transform: rotate(45deg);
    filter: invert(0.335);
}

img[src="http://cdn.bierdopje.eu/g/if/twitter_icon.png"] {
	height: 0;
    width: 0;
    padding-left: 18px;
    padding-top: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_repeat_black_24px.svg);
    filter: invert(0.335);
}

/* replybox icons */
.markItUpHeader ul .markItUpDropMenu {
    background: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_arrow_drop_down_white_24px.svg) 13px 2px/12px 12px no-repeat;
    padding-right: 2px;
    padding-bottom: 4px; /* fill up hover space to open dropdown properly */
}

.markItUpButton1 a {
    background-size: 16px 16px;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_format_bold_white_24px.svg);
}

.markItUpButton2 a {
    background-size: 16px 16px;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_format_italic_white_24px.svg);
}

.markItUpButton3 a {
    background-size: 16px 16px;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_format_underlined_white_24px.svg);
}

.markItUpButton4 a {
    background-size: 16px 16px;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_insert_photo_white_24px.svg);
}

.markItUpButton5 a {
    background-size: 16px 16px;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_insert_link_white_24px.svg);
}

.markItUpButton6 a {
    background-size: 16px 16px;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_format_color_text_white_24px.svg);
}

.markItUpButton6 ul a {
    background-size: 16px 16px;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_format_color_text_black_24px.svg);
}

.markItUpButton7 a {
    background-size: 16px 16px;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_format_size_white_24px.svg);
}

.markItUpButton7 ul a {
    background-size: 16px 16px;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_format_size_black_24px.svg);
}

.markItUpButton8 a {
    background-size: 16px 16px;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_format_align_center_white_24px.svg);
}

.markItUpButton9 a {
    background-size: 16px 16px;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_format_list_bulleted_white_24px.svg);
}

.markItUpButton10 a {
    background-size: 16px 16px;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_format_list_numbered_white_24px.svg);
}

.markItUpButton11 a {
    background-size: 16px 16px;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_format_list_bulleted_white_24px.svg);
    height: 7px !important; /* special since there is no single bullet */
    margin-top: 4px !important; /* special since there is no single bullet */
}

.markItUpButton12 a {
    background-size: 16px 16px;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_format_quote_white_24px.svg);
}

.markItUpButton13 a {
    background-size: 16px 16px;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_chevron_left_white_24px.svg), url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_chevron_right_white_24px.svg);
    background-position: -4px 0px, 4px 0px; /* special since there is no code icon */
}

.markItUpButton14 a {
    background-size: 16px 16px;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_visibility_white_24px.svg);
}

.markItUpButton15 a {
    background-size: 16px 16px;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_ondemand_video_white_24px.svg);
    height: 12.5px !important; /* special since there is no YouTube icon... */
    margin-top: 1px !important; /* special since there is no YouTube icon... */
}

.markItUpButton16 a {
    background-size: 16px 16px, 16px 16px, 6px 6px;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_chevron_left_white_24px.svg), url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_chevron_right_white_24px.svg), url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_remove_circle_white_24px.svg);
    background-position: -4px 0px, 4px 0px, 7px 9px; /* special since there is no code icon with a remove circle */
}

.markItUpButton17 a {
    background-size: 16px 16px;
    background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_done_white_24px.svg);
}

.markItUpButton1 > a,
.markItUpButton2 > a,
.markItUpButton3 > a,
.markItUpButton4 > a,
.markItUpButton5 > a,
.markItUpButton6 > a,
.markItUpButton7 > a,
.markItUpButton8 > a,
.markItUpButton9 > a,
.markItUpButton10 > a,
.markItUpButton11 > a,
.markItUpButton12 > a,
.markItUpButton13 > a,
.markItUpButton14 > a,
.markItUpButton15 > a,
.markItUpButton16 > a,
.markItUpButton17 > a {
	transition: filter .28s ease;
}

.markItUpButton1:hover > a,
.markItUpButton2:hover > a,
.markItUpButton4:hover > a,
.markItUpButton5:hover > a,
.markItUpButton3:hover > a,
.markItUpButton6:hover > a,
.markItUpButton7:hover > a,
.markItUpButton8:hover > a,
.markItUpButton9:hover > a,
.markItUpButton10:hover > a,
.markItUpButton11:hover > a,
.markItUpButton12:hover > a,
.markItUpButton13:hover > a,
.markItUpButton14:hover > a,
.markItUpButton15:hover > a,
.markItUpButton16:hover > a,
.markItUpButton17:hover > a {
    filter: invert(0.2);
}

.markItUpButton1:active > a,
.markItUpButton2:active > a,
.markItUpButton3:active > a,
.markItUpButton4:active > a,
.markItUpButton5:active > a,
.markItUpButton8:active > a,
.markItUpButton9:active > a,
.markItUpButton10:active > a,
.markItUpButton11:active > a,
.markItUpButton12:active > a,
.markItUpButton13:active > a,
.markItUpButton14:active > a,
.markItUpButton15:active > a,
.markItUpButton16:active > a,
.markItUpButton17:active > a {
    filter: invert(0.335);
}

/* ---------------------------------------------------------------------- */
/* -------------------------- ICON PRELOADING --------------------------- */
/* ---------------------------------------------------------------------- */
body::after {
	position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    content: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_lightbulb_outline_white_24px.svg) url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_lightbulb_outline_black_24px.svg) url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_check_circle_black_24px.svg) url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_panorama_fish_eye_black_24px.svg) url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_add_circle_white_24px.svg) url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_remove_circle_white_24px.svg) url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_format_color_text_black_24px.svg) url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_format_size_black_24px.svg);
}

/* ---------------------------------------------------------------------- */
/* ------------------------------- SHARED ------------------------------- */
/* ---------------------------------------------------------------------- */

/* ripple */
.pagination ul>li>a,
#pagination li a,
.markItUpHeader ul ul a {
	position: relative;
	overflow: hidden;
}
.pagination ul>li>a::after,
#pagination li a::after,
.markItUpHeader ul ul a::after {
  	content: "";
  	display: block;
  	position: absolute;
  	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
  	pointer-events: none;
  	background-image: radial-gradient(circle, #06b 10%, transparent 10.01%);
  	background-repeat: no-repeat;
  	background-position: 50%;
  	transform: scale(10, 10);
  	opacity: 0;
  	transition: transform .5s, opacity 1s;
}
/* colour alternatives */
.markItUpHeader ul ul a::after {
  	background-image: radial-gradient(circle, #000 10%, transparent 10.01%) !important;
}
.pagination ul>li>a:active::after,
#pagination li a:active::after,
.markItUpHeader ul ul a:active::after {
  	transform: scale(0, 0);
  	opacity: .2;
  	transition: 0s;
}

/* waves-effect */
#pagination li,
.button,
a.imgbutton {
	position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    transition: all .3s ease-out;
}

/* plugins that require some extra work */
/* ^- Bierdopje missende series helper */
tr[id^="replyside"] td:nth-child(2) .postbody .twbs.container-fluid p.postcontent + table tr:first-child {
	 background: #4a6a84;
    color: #ffffff;
}

tr[id^="replyside"] td:nth-child(2) .postbody .twbs.container-fluid p.postcontent + table tr {
	 background: #ffffff;
}

tr[id^="replyside"] td:nth-child(2) .postbody .twbs.container-fluid p.postcontent + table tr:not(:first-child):hover {
	 background: #F4F4F3;
}

/* fonts */
@font-face {
  	font-family: 'Roboto';
	font-style: normal;
  	font-weight: 400;
  	src: local('Roboto'), local('Roboto-Regular'), url(http://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
}

@font-face {
  	font-family: 'Roboto';
  	font-style: normal;
  	font-weight: 700;
  	src: local('Roboto Bold'), local('Roboto-Bold'), url(http://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}
}