Tweakers.net 7 restyle

#top, #layout {
    --background-image: url(http://i.imgur.com/5WOLZ.jpg) !important; /* black grunge */
    --background-image: url(http://interfacelift.com/wallpaper/D47cd523/03108_foginthemorning_2560x1440.jpg) !important; /* emo trees */
    --background-image: url(http://interfacelift.com/wallpaper/D47cd523/03036_emeraldmorainelake_2560x1440.jpg) !important; /* mountain lake */
    --background-image: url(http://interfacelift.com/wallpaper/D47cd523/03038_nascenti_2560x1440.jpg) !important; /* beach */
    --background-image: url(http://i.imgur.com/jBIhD.jpg) !important; /* light swirl */
    --background-image: url(http://interfacelift.com/wallpaper/D47cd523/03116_oxtonguerapids_2560x1440.jpg) !important; /* autumn lake */
    --background-image: url(http://interfacelift.com/wallpaper/D47cd523/03104_tekapodawn_2560x1440.jpg) !important; /* mountain lake sunset */
    background-image: url(http://i.imgur.com/Cj5tz.jpg) !important; /* lightbulbs */
}

h1, h2, h1 a, h2 a { color: #B9133C !important; }

.relationboxBlock, #productEditionPriceBlock, .relatedBlock, #tweakbase_relations { display: none; }

.action_list li::before { content: ""; margin: 0 3px 0 0; }
.action_list a { border: 1px solid #ccc; padding: 3px 10px; display: inline-block; color: #333; }

.content a[href] { text-decoration: underline; }
.content a.fancyButton { text-decoration: none !important; }

#myprofilecontainer h2 { background: transparent; }

.pageTabs li, .reactie { background: #eee !important; }
.topBorder { background: #ccc !important; height: 1px !important; overflow: hidden; }
.reactie .topBorder { margin: 0 !important; }

.reactieBody.informative > .reactieFooter, .reactieBody.spotlight > .reactieFooter,
.reactieContent, .reactieBody.hidden, .reactieBody.informative, .reactieBody.spotlight,
div.eenReactie, div.reactie { margin: 0 !important; padding: 0 !important; }

div.reactieContainer div.reactieContainer { position: relative; left: 30px; }
.reactieBody.informative, .reactieBody.spotlight div.reactieContent { padding: 0 10px !important; }
.reactieBody.hidden { background: #eee; }

div.reactieContent { padding-bottom: 25px !important; }

div.reactieBody { position: relative; margin: 0 !important; padding: 0 !important; }
div.reactieFooter { position: absolute; bottom: 0; right: 0; }

a { color: #000; }
.frontPageLink:visited { color: #888; }

table.highlights tr:nth-child(odd) td {  }
table.highlights tr:nth-child(even) td { background: #f5f5f5; }

table.highlights tr:hover td,
table.highlights tr:hover td { background: #e5e5e5; }
table.highlights tr:hover td a { color: #B9133C; }

td.replies a { margin-right: 10px !important; }

#layout {
    background: fixed no-repeat top center #000;
    min-height: 1000px;
}
#contentArea {
    background: #eee;
    padding: 95px 20px 60px 20px;
    box-shadow: -10px 0 0 rgba(0,0,0,0.15),
                10px 0 0 rgba(0,0,0,0.15),
                0 0 5px rgba(0,0,0,0.60);
    box-shadow: -5px 0 10px rgba(0,0,0,0.4),
                5px 0 10px rgba(0,0,0,0.4);
    min-height: 1000px;
}
#top {
    position: fixed;
    width: 100%;
    height: 85px;
    border: none;
    widebox-shadow: 0 0 20px rgba(0,0,0,1);
    box-shadow: none;
    z-index: 9999;
    background: no-repeat top center #000;
    darkbackground: url(http://i.imgur.com/PabTi.png) no-repeat top center #000;
}

#menubar {
    box-shadow: 0 -5px 10px rgba(0,0,0,0.40), 0 5px 10px rgba(0,0,0,0.40);
    box-shadow: -5px 0 10px rgba(0,0,0,0.4),
                5px 0 10px rgba(0,0,0,0.4);
    border: 1px solid rgba(255,255,255,0.15);
    border-bottom: 1px solid #222;
    border-radius: 5px 5px 0 0;
    background: -webkit-linear-gradient(rgba(40,40,40, 0.95),rgba(0,0,0, 1) 68px);
    width: 1018px;
    position: relative;
    z-index: 9999;
}

#menu li a, #menu li span { color: #ccc; }

.pageTabs li {
    background: -webkit-linear-gradient(rgba(240, 240, 240, 1), rgba(230, 230, 230, 1)) !important;
}

.pageTabs li:hover { background: #fff !important; }

.pageTabs li.active {
    background: -webkit-linear-gradient(rgba(255, 255, 255, 1), rgba(238, 238, 238, 1)) !important;
}

#tweakbase {
position: absolute; left: 50%; width: 980px; margin-left: -510px;
background: -webkit-linear-gradient(#eee, #f5f5f5) !important;
z-index: 4444; border-bottom: 1px solid #aaa; top: 126px; border-top: none !important;
padding: 10px 20px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
#tweakbase > div { margin: 0; padding: 0; border: none; }

#top .pageTabs {
    box-shadow: none;
    background: #eee;
    margin-top: 50px;
    width: 980px;
    left: 50% !important;
    position: absolute;
    margin-left: -510px;
    border-bottom: 1px solid #aaa;
    height: 20px; overflow: visible;
    margin-top: 51px;
    padding: 10px 20px;
}

div.tab_active {
    margin-top: 50px;
}

div[id='tab:producten'],
div[id='tab:overzicht'],
div[id='tab:uitvoeringen'],
div[id='tab:nieuws'],
div[id='tab:reviews'],
div[id='tab:videos'],
div[id='tab:aanbod'],
div[id='tab:prijzen'],
div[id='tab:specificaties'],
div[id='tab:meuk'] { margin-top: 130px !important; }


div[id='tab:profiel'],
div[id='tab:activiteit'],
div[id='tab:vraagaanbod'],
div[id='tab:inventaris'],
div[id='tab:wenslijst'] { margin-top: 40px !important; }


#searchbar {
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -350px;
    z-index: 9999;
    margin: 10px 0 0 0;
    height: auto;
}
#search {
    padding: 0;
    width: auto;
}
#true { display: none; }

.galleryHeadingContainer { display: none; }

#reacties * { border: none; }

#bottom {
    background: -webkit-linear-gradient(#333,#000) 0 0;
    box-shadow: 0 0 10px #333;
    opacity: 0.8;
    height: 35px;
    -webkit-transition: opacity linear 0.2s;
}
#bottom #about { display: none; }
#bottom:hover { opacity: 1; }
#bottom div.hr { display: none; }

div.content { margin-top: 30px; }
div.plan div.content { margin-top: 0px; }

div.message { margin-bottom: -1px; }

div.popup {
    position: fixed;
    box-shadow: 0 0 10px #333;
    z-index: 9999;
}

.popup.modPopup { position: absolute !important; }

div.popup.mainSearchSuggest {
    position: fixed;
    z-index: 9999;
}

.modButtons { float: left; }
.commentLink {
    float: right;
    padding: 3px 10px;
    color: #000;
}

p.pagecounter { margin-top: 10px; }

.breadcrumb, .breadcrumb a { font-size: 12px; }

#sidebar {
    position: fixed;
    left: 50%;
    margin-left: 320px;
    top: 100px;
}

#jobs_relations { display: none; overflow: hidden; }
#jobs_relations:hover { overflow: auto; }

div.secondColumn div.fpItem,
#pricewatch, #jobs, #poll,
#newsletter, #sponsored, #textlink,
#social .twitterButton,
#social .facebookButton { box-shadow: 0 0 3px #ccc; border-radius: 3px; background: #fefefe !important; }

.pageTabs li { border-radius: 5px 5px 0 0; }

.forumList table.listing { margin: 0; }

table.listing td, table.listing th { padding: 4px 10px; }
table.listing td.tags { font-size: 9px; }

div.channelHeader { margin: 10px 0 0 0; padding: 0; }
div.channelHeader span.category { display: none; }
div.channelHeader h2 { font-size: 18px; line-height: 30px; margin: 0; padding: 0; }

#social {
    background: transparent !important;
    box-shadow: none;
}

.fpaItem { height: 122px; position: relative; }
.fpaItem div.textContainer {
    position: absolute;
    bottom: 0;
    height: auto;
    background: rgba(0,0,0,0.7);
    color: #fff;
}

div.popup.trackerPopup.fixed {
    position: fixed;
    left: 50% !important;
    margin-left: -846px !important;
    width: 336px !important;
    top: 80px;
    box-shadow: none;
    z-index: 5000;
    background: -webkit-linear-gradient(left, rgba(50, 50, 50, 1) 95%, rgba(30, 30, 30, 1));
}

#highlights { margin-bottom: 10px; border-bottom: 1px solid #ddd; }
#highlights h2 { display: none; }
#highlights table { margin-bottom: 10px; }

#highlights table.highlights, #highlights table.highlights tbody tr td { border: none !important; background: transparent !important; }

#highlights table.highlights tbody tr td:nth-child(2) a { font-weight: bold; color: #B9133C; font-size: 1.2em; }
#highlights table.highlights tbody tr td:nth-child(2) span { display: none; }

td.custom_intro { padding: 0px !important; }
td.custom_intro p.lead { max-width: 90%; margin: 0 0 0 15px !important; font-size: 12px; line-height: 18px; color: #555; }

.reactieHeader .usericonsmall { display: none; }
.reactieHeader br { display: none; }
.reactieHeader a { font-size: 12px !important; margin-right: 10px; text-decoration: none !important; }

.minmaxreacties {
    float: left; display: inline-block;
    position: relative; top: 2px;
    width: 12px; height: 12px;
    background: #fff; color: #888 !important;
    line-height: 11px; font-weight: normal !important;
    text-align: center; text-decoration: none !important;
    margin: 0 8px 0 0 !important; padding: 0;
    border: 1px solid #ccc !important;
}
.minmaxreacties:hover { background: #efefef; text-decoration: none !important; color: #000 !important; }

.channelHeader { display: none; }

.forumList:nth-child(3) table.listing tr th{ background:#870107; }
.forumList:nth-child(4) table.listing tr th{ background:#412f50; }
.forumList:nth-child(5) table.listing tr th{ background:#308220; }
.forumList:nth-child(6) table.listing tr th{ background:#c45b21; }
.forumList:nth-child(7) table.listing tr th{ background:#41ac96; }

#streamone { display: none; }

#imageOverlay { z-index: 99995; }
#imageViewer{ z-index: 99996; }

#forumheading p.breadcrumb {
    background: -webkit-linear-gradient(rgba(100,100,100,1), rgba(60,60,60,1));
    padding: 3px 20px 8px 20px;
    position: fixed;
    top: 85px;
    left: 50%;
    z-index: 999;
    margin: 0 0 20px 0;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    border-radius: 0 0 15px  15px;
    margin-left: -490px;
    width: auto !important; max-width: 980px;
    border: 1px solid #999; border-left: none; border-top: none;
}

#forumheading p.breadcrumb a, #forumheading p.breadcrumb span {
    color: #aaa; font-size: 11px;
}
#forumheading p.breadcrumb a:hover { color: #fff !important; }

p.mods br { display: none; }
p.mods a { margin-right: 5px; }
p.mods a:last-child { margin-right: 0; }
#relatedTags { display: none; }
#forumheading #title { margin: 30px 0 10px 0; }

#forumheading #title h1 {  }
#messages { width: 975px; }
div.message div.post div.messagecontent { width: 85%; }

form dl dd textarea { width: 804px !important; }

.customFPitem { padding: 15px 15px 17px; }
ul.highlights { margin: 0 0 0 0; list-style-type: none; padding: 0; }
ul.highlights li a {
    display: block;
    width: 100%;
    padding: 5px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
ul.highlights li:nth-child(even) a { background: #f5f5f5; }

#community ul {}
#community ul li { width: 100%; float: left; clear: both; padding: 3px 0; }
#community ul li a.thumb { display: none; }
#community ul li p { margin: 0 10px 0 0 !important; display: inline; float: left; }
#community ul li p a { display: inline; }
#community ul li span.sprite { float: left; margin-right: 5px; position: relative; top: 4px; }
#community ul li p:last-child { float: right; padding-right: 20px; }

#community ul li:nth-child(odd) {  }
#community ul li:nth-child(even) { background: #f5f5f5; }

#community ul li:hover { background: #e5e5e5; }
#community ul li:hover a { color: #B9133C; }