WNP78 / simpleplanes.com tweaks

// ==UserScript==
// @name         simpleplanes.com tweaks
// @version      0.2
// @include http://simpleplanes.com/*
// @include https://simpleplanes.com/*
// @include http://www.simpleplanes.com/*
// @include https://www.simpleplanes.com/*
// @author       WNP78
// @updateURL https://openuserjs.org/meta/WNP78/simpleplanes.com_tweaks.meta.js
// ==/UserScript==

style = `
/* THIS BIT MAKES THE AIRCRAFT POSTS POP OUT WHEN MOUSED OVER, DELETE IF YOU DONT LIKE */

.post-block { transition: all .2s cubic-bezier(.68,-0.55,.27,1.55); }
.post-block:hover { transform: scale(1.1,1.1); }

/* END OF BIT THAT MAKES THE AIRCRAFT POSTS POP OUT WHEN MOUSED OVER */

body {
    background: #151515 !important;
    color: #b3b3b3;
}
.body {
    background: #272727 !important;
    border-top-color: #272727 !important;
}
.body header {
    background: #272727 !important;
}
a { color: #079ae4; }
.product-thumb-info {
    background: #1a1a1a !important;
    border-color: #1a1a1a !important;
}
.product-thumb-info.unread {
    background-color: #00334d !important;
}
.product-thumb-info h4 {
    color: white;
}
h1, h2, h3, h4, h5, h6 {
    color: #cfcfcf !important;
}
h3, h4, h5 {
    color: #20b3fc !important;
}
.forum-list-votes {
    background: #474747;
    color: #ffaa3e;
}
.notification {
    background: #4d4d4d;
    border-color: transparent !important;
}
.notification p {
    color: white;
}
.notification:hover {
    background: #7d7d7d;
}
p { color: #dedede; }
.post-body {
    background: #4d4d4d;
    border-color: #4d4d4d;
}
ul.comments .comment-block {
    background: #3c3c3c;
}
.downloads {
    color: #c8c8c8;
}
.btn-default {
    color: white;
    background: #777;
    border-color: #777;
}
.btn-default:hover, .btn-default:focus, .btn-default:active {
    color: white !important;
    background: #666 !important;
    border-color: #666 !important;
}
.pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover {
    background: #232323;
    border-color: #232323;
}
.dropdown-menu {
    background: #4d4d4d;
    border-color: #4d4d4d;
    color: white !important;
}
.dropdown-menu > li > a {
    background: #4d4d4d !important;
    border-color: #4d4d4d !important;
    color: white !important;
}
.dropdown-menu > li > a:hover {
    background: #555 !important;
    border-color: #555 !important;
    color: white !important;
}
.user-detail {
    background: #444;
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background: #363636;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: none;
}
ul.comments .comment-arrow {
    border-right-color: #3c3c3c;
}
.img-thumbnail {
    background: #3f3f3f;
    border-color: transparent;
}
.modal-content { background-color: #333131 !important; }
#header nav ul.nav-main ul.dropdown-menu > li > a { border:none; }
.shop table.cart td {
    border-top: 4px solid #2d2d2d;
    padding: 6px 10px;
}
.page-top {
    border-bottom: 5px solid #666
}
.label-success {
    background: #1e9c1e;
}
.label-default {
    background: #666;
}
.form-control {
    background: #666;
    border-color: #222;
    color: #FFF;
}
.tag-item {
    background: #484848 !important;
}
.tag-item:hover {
    background: #686868 !important;
}
code, pre {
    background-color: #2d2d2d;
    color: white;
    border-color: #4a4a4a;
    margin: 7px 0px;
}
a.mention-link {
    background-color: #212121;
    color: white;
    border-radius: 5px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.post-body img {
    max-width: 100%;
}
`;

var css = document.createElement("style");
css.type = "text/css";
css.innerHTML = style;
document.body.appendChild(css);

Array.prototype.forEach.call(document.getElementsByClassName("comment-block"), function (e) { Array.prototype.forEach.call(e.getElementsByTagName("p"), function(s) { s.innerHTML = s.innerHTML.replace(/@([A-z0-9]+)/g, "<a class=\"mention-link\" href=\"/u/$1\">$&</a>"); }); });
Array.prototype.forEach.call(document.getElementsByClassName("post-body"), function (e) { Array.prototype.forEach.call(e.getElementsByTagName("p"), function(s) { s.innerHTML = s.innerHTML.replace(/@([A-z0-9]+)/g, "<a class=\"mention-link\" href=\"/u/$1\">$&</a>"); }); });