Tweakers CSS

@import url(https://fonts.googleapis.com/css?family=Maven+Pro&display=swap);

/** GoT Topic listings  */
table.listing td, table.listing td a
{
background: #5a5c5c !important;
color: #EDEEEE !important;
}

table.listing td.topic a, table.listing td.title a
{
color: #EDEEEE !important;
}

table.listing th
{
background: #848585 !important;
}

.sliderLabel, .sliderSecondLabel
{
color:#7BC7EF;
}

table.specList.compare tr td
{
background: #5a5c5c !important;
}

.filterOption li, .filterOption label
{
color: #000000;
}

#messageBox, .insertMessage #messageBox.report
{
background: #222222;
color: #cccccc;
}

mentionDiv.dropdown
{
background: #FF0000;
color: #00FF00;
}

.me
{
color: #fd7866;
}

.fancyButton, .fancyButton:hover,
{
color: #EDEEEE !important;
}

.karma,.galleryHeadingContainer,.registered,.tabs.line
{
background: #0E0E0E;
}

.pageTabsContainer,#entity
{
background: #0E0E0E;
}

.galleryTable.karma td,.userReview,.rightInfoBlock
{
background: #323434 !important;
}

.formsubmit,fieldset
{
background: #323434 !important;
border: 1px solid;
}

.fancyButton.grey.categoryBrowser.menu
{
color: #333333 !important;
}

/* Make topictitels where you commented last italic */
table.listing td.topic a[title="Laatste reactie geplaatst door TeamTechSupport"]
{
font-weight: bold;
color: #cdeb56 !important;
}

#reageer.bar
{
background: #303030 !important;
}

div.messagecontent blockquote
{
color: #FFFFFF !important;
}

div.message-quote-div
{
background: #2f5881 !important;
color: #FFFFFF !important;
}

div.messagecontent div.message-quote-div a.messagelink
{
color:#80a4c9 !important;
text-decoration:none !important;
}

div.messagecontent div.message-quote-div a.messagelink:hover
{
color:#7BC7EF !important;
text-decoration:underline !important;
}

.spoiler
{
color: #333333 !important;
background: #000000 !important;
cursor: default !important;
user-select: none;
}

.spoiler>*
{
pointer-events:none;
visibility:visible !important;
}

.spoiler.visible
{
color: #BBBBBB !important;
background: #000000 !important;
user-select: none;
}

#menubar
{
background:#0B1E36;
background-color:#0B1E36;
background-image:-webkit-linear-gradient(top,#0B1E36,#7BC7EF 68px);
background-image:-moz-linear-gradient(#0B1E36,#7BC7EF 68px);
background-image:linear-gradient(to bottom,#0B1E36,#7BC7EF 68px);
border-bottom:1px solid #333;
box-shadow:inset 0 -1px 0 #333;
height:44px;
left:0;
position:relative;
z-index:110;
}

html, body, .fpaMeta
{
background: #0E0E0E !important;
}

a,.textButton
{
color:#80a4c9 !important;
text-decoration:none !important;
}

a.fpaImageContainer::before
{
background:#323434 !important;
}

a:hover,a.highlightlink
{
color:#7BC7EF !important;
text-decoration:underline !important;
}

.useVisitedState a:visited
{
color:#a17cae !important;
}

#menu>ul>li>a
{
color: #EEEEEE !important;
}

/** Give the actual content a different background colour */
#contentArea, #poll, #newsletter.fpItem.darkFpBlock,.popupContent, #bestBuyGuides, #highlightedUserReview
{
background: #323434 !important;
color: #dddddd;
}

#contentArea .headingContent .subheading
{
color:#7BC7EF;
font-family: 'Maven Pro', sans-serif !important;
}

.info,.faq
{
background: #323434 !important;
}

.downloadDetails,table,.pollWrapper
{
background: #323434 !important;
color: #dddddd;
border: 1px solid;
}

table tr.diff
{
background: #161616 !important;
color: #dddddd;
border: 1px solid;
}

table tr.contrast
{
background: #0000FF !important;
}

.user
{
color: #4d80b3 !important;
}

.user.crew
{
color: #cdeb56 !important;
}

div.reactieBody.informative,div.reactieBody.informative.nochilds,.userReviewDescription,.message,.ScorecardView,.itemList,#quickreply_form.form1,.productInfo.bottomline
{
background: #464848 !important;
}

div.reactieBody.spotlight,div.reactieBody.spotlight.nochilds,.message.topicstarter,.ScoreCard
{
background: #5a5c5c !important;
}

div.quote
{
color: #cdeb56 !important;
}

/** Overall background */
#layout,.notificationsContainer
{
background: #0E0E0E !important;
}

/** Searchbar background */
#searchbar
{
background: #0E0E0E !important;
}

/**Onderaan de HR**/
div.hr
{
background: #0E0E0E !important;
}

#logo:hover,#menu>ul>li:not(.selected):hover
{
background:#60a0c3;
background-color:#60a0c3;
background-image:-webkit-linear-gradient(top,#1c3852,#60a0c368px);
background-image:-moz-linear-gradient(#1c3852,#60a0c3 68px);
background-image:linear-gradient(to bottom,#1c3852,#60a0c3 68px);
border-bottom:1px solid #333;
border-bottom:1px solid #333;
height:43px;
}

#menu>ul>li.more.dropdown
{
background:#fafafa;border-left:1px solid #ccc;
font-family: 'Maven Pro', sans-serif !important;
}

#menu>ul>li.active a
{
color:#e6e6e6;
text-decoration: overline;
}

#true, div.moreInfo.elect, #jobs, div.relatedItProContent, #fpPromo, #productPromotion, #newsletter
{
display: none !important;
}

p.colofon, p.social
{
display: none !important;
}

h1,h2,h1 a,h2 a, h3,h3 a
{
color:#7BC7EF !important;
font-family: 'Maven Pro', sans-serif !important;
}

h3,h3 a
{
color:#7BC7EF !important;
font-family: 'Maven Pro', sans-serif !important;
}

.streamer
{
color:#7BC7EF !important;
font-family: 'Maven Pro', sans-serif !important;
}

h3.bar
{
background:#2F5471;
}

.adDetails .price, .adDetails .remainingTime
{
color:#7BC7EF !important;
}

ul#userbar.loggedin li.more.last span.username
{
font-family: 'Maven Pro', sans-serif !important;
font-size: 130%;
}

.dropdown ul li:hover,#menu .dropdown ul li:hover,.pageTabs .more>ul li:hover
{
background:#2F5471;
background-image:-webkit-linear-gradient(#2F5471,#3A6483);
background-image:-moz-linear-gradient(#2F5471,#3A6483);
background-image:linear-gradient(#2F5471,#3A6483);
}

#categoryBrowser li.active.more
{
background:url(https://tweakers.net/g/if/categories/arrows.png/g/if/categories/arrows.png) no-repeat 212px -18px,linear-gradient(#2F5471,#3A6483);
}

#categoryBrowser.sidebar li.active.more
{
background:url(https://tweakers.net/g/if/categories/arrows.png) no-repeat 572px -18px,linear-gradient(#2F5471,#3A6483) repeat!important;
}

#toc.multipage.showHeader.fixed h2,#toc.singlepage.showHeader.fixed h2,#toc.multipage.showHeader.fixed.bottom
{
background:url(https://tweakers.net/g/if/categories/arrows.png/g/if/categories/arrows.png) no-repeat 572px -18px,linear-gradient(#2F5471,#3A6483) repeat!important;
box-shadow:inset 0 -1px 0 #3A6483;
}

#toc.multipage.showHeader.fixed, #toc.multipage.showHeader.fixed.bottom.showContent, .reviewToc.useVisitedState,#toc.singlepage.showHeader.fixed .reviewToc.useVisitedState
{
background: #1E1E1E !important;
color:#EDEEEE;
}


@media only screen and (min-width: 760px)
{
#reactieContainer
{
width:900px;
}

.reactie
{
width:600px;
}

.message .poster {
    width: 150px;
}

#logo a
{
background:url(https://tweakers.net/ext/f/UcY5a82gNc5VAOkdXU120jGG/full.png) no-repeat 50%;
/*background:url(https://tweakers.net/ext/f/qvsmuwvnHzY3rGzvDFTOc1HH/full.png) no-repeat 50%;*/
display:block;
height:44px;
width:156px;
}
}

.bar.ok
{
background:#a2c417;
border:1px solid #cdeb56;
color:black;
font-size:12px
}

tr.activeSubscription td
{
background-color:#a2c417 !important;
color:black;
font-size:12px
}

.bar.warning
{
background:#B33A3A;
border:1px solid #f3dde2;
color:black;
font-size:12px;
}

.managerButtons,.filterBlock,#filter,.filterOption.active
{
background:#5a5c5c !important;
}

a.scoreButton.large.modEnabled, span.ratingcount
{
color:#EDEEEE !important;
}