Applies base CSS style with Tampermonkey
// ==UserScript==
// @name Path of Exile - Base CSS
// @namespace http://tampermonkey.net/
// @version 1.0
// @description Applies base CSS style with Tampermonkey
// @author Mika Salo
// @match https://www.pathofexile.com/*
// @require https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
// @grant none
// @run-at document-start
// ==/UserScript==
// Set modifier for jquery "$" function
var $ = window.jQuery;
// Insert CSS file into header
function addCss(css) {
var head, style;
head = document.getElementsByTagName('head')[0];
if (!head) { return; }
style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = css;
head.appendChild(style);
}
addCss (
`/* TAUSTAVÄRIT */
/* taustakuvan yläosa */
.container > .header {
background: #000000;
}
/* taustakuvan alaosa */
body {
background: #000000;
}
/* /TAUSTAVÄRIT */
/* ELEMENTTIEN KÄTKENTÄ */
/* kielten valinta, latausnappi, logo */
.language-select,
#largeHeaderButton,
#mainLogoLink {
visibility: hidden;
}
/* kahvat pääketjun laidoilta */
.container > .content {
background: none;
}
/* /ELEMENTTIEN KÄTKENTÄ */
/* OTSIKKOKENTÄN KORKEUS */
.header {
height: 200px;
}
/* /OTSIKKOKENTÄN KORKEUS */
/* YKSITYISVIESTI */
/* yksityisviestin otsikkopalkin koko */
.layoutBox1.defaultTheme .topBar.first,
.layoutBox1.forumTheme .topBar.first,
.layoutBox1.rightBackground1Theme .topBar.first,
.layoutBox1.dynamicPageTheme .topBar.first,
.layoutBox1.shopPurchaseTheme .topBar.first,
.layoutBox1.tempVideoTheme .topBar.first {
height: 30px !important;
}
/* Yksityisviestiketjun lähettäjä */
.pm-current .message-detail,
.pm-history .message-detail {
text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
}
/* Yksityisviestiketjun avatar */
.pm-current .message-detail .avatar img,
.pm-history .message-detail .avatar img {
width: 45px;
height: 45px;
}
/* Yksityisviestiketjun teksti */
body > div.container > div.content > div.wrapper > div:nth-child(1) > div.layoutBoxContent > table > tbody > tr > td > div.message-detail > div.message-header .profile-link .achievement {
font-size: 12px !important;
height: 12px;
margin-bottom: 0px;
}
/* Yksityisviestiketjun väri */
.pm-history .me + div {
text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
}
/* Yksityisviestiketjun tämän hetken viesti */
.pm-current tr.current-message,
.pm-history tr.current-message {
border: none;
text-decoration: underline;
text-decoration-color: #E67E00;
}
/* Yksityisviestiketjun kaikkien viestien tausta */
.pm-history div {
background-color: #111111;
}
/* Yksityisviestiketjun oman viestin tausta */
.pm-history .me,
.pm-history .me + div,
.pm-history .me .message-header {
background-color: #222222;
border: 1px solid #E67E00;
border-image-source: linear-gradient(to bottom right, #E67E00, #555555) !important;
border-image-slice: 20 !important;
}
/* Yksityisviestiketjun oman viestin otsikkokentän alareuna */
.pm-history .me {
border-bottom: none;
}
/* Yksityisviestiketjun oman viestin viestikentän yläreuna */
.pm-history .me + div {
border-top: none;
}
/* Yksityisviestiketjun kyseisen viestin tarpeeton reunus */
.pm-history .me .message-header {
border: none !important;
}
/* /YKSITYISVIESTI */
/* KOKO YLÄOSA */
.header .controls {
height: 202px !important;
}
/* /KOKO YLÄOSA */
/* LOGIN */
/* login-laatikko */
#statusBar {
top: 20px;
left: 670px;
height: 110px;
width: 280px;
padding: 0px;
border-radius: 10px 10px 10px 10px;
box-shadow: 1px 1px 2px 2px #444444;
background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(50, 50, 50, 1));
color: #DDDDDD;
text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
}
/* login-laatikkon minimikoon poisto */
.container > .header > .controls #statusBar {
min-width: 0px;
}
/* elementtien kätkemistä */
#statusBar .statusBarCenter {
visibility: hidden;
}
/* elementtien kätkemistä */
#statusBar .statusBarRight {
visibility: hidden;
}
/* elementtien kätkemistä */
#statusBar .row1 .loggedInStatus {
position: absolute;
top: 5px;
left: 10px;
visibility: hidden;
}
/* logatun profiilin nimi */
#statusBar .row1 .profile-link {
position: absolute;
top: 43px;
left: 80px;
width: 180px;
overflow-wrap: break-word;
text-align: right;
visibility: visible;
}
/* logatun profiilin nimen värin vaihto */
#statusBar .row1 .profile-link a {
text-decoration: underline;
font-weight: normal;
color: #DDDDDD;
text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
}
/* archievements */
#statusBar .row1 .profile-link .achievement {
position: absolute;
top: 27px;
left: 157px;
}
/* crediitit */
#statusBar .row1 .purchaseLink {
position: absolute;
top: 15px;
left: 90px;
width: 180px;
overflow-wrap: break-word;
text-align: right;
}
/* crediitten värin vaito */
#statusBar > div.row1 > a {
text-decoration: underline !important;
color: #DDDDDD;
text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
}
/* log out */
#statusBar .row2 a:nth-child(1) {
position: absolute;
top: 15px;
left: 10px;
text-align: left;
text-decoration: underline;
color: #DDDDDD;
text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
}
/* private messages */
#statusBar .row2 a:nth-child(2) {
position: absolute;
top: 45px;
left: 10px;
text-align: left;
text-decoration: underline;
color: #DDDDDD;
text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
}
/* contact support */
#statusBar .row2 a:nth-child(3) {
position: absolute;
top: 75px;
left: 10px;
text-align: left;
text-decoration: underline;
color: #DDDDDD;
text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
}
/* hoverit elementeille */
#statusBar .row2 a:nth-child(1):hover,
#statusBar .row2 a:nth-child(2):hover,
#statusBar .row2 a:nth-child(3):hover,
#statusBar .row1 .profile-link a:hover,
#statusBar .row1 .purchaseLink:hover {
color: #E67E00;
}
/* /LOGIN */
/* AVATAR */
/* avatar-laatikko */
#inventory-controls {
top: 20px;
left: 30px;
height: 110px;
width: 280px;
border-radius: 10px 10px 10px 10px;
box-shadow: 1px 1px 2px 2px #444444;
background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(50, 50, 50, 1));
text-align: center;
color: #DDDDDD;
text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
}
/* rivien pilkonta */
#inventory-controls > div {
font-size: 12px;
word-break: break-all;
}
/* avatar */
#inventory-controls .icon {
top: 15px !important;
left: 10px !important;
width: 100px !important;
border-radius: 20px 20px 20px 20px;
box-shadow: 1px 1px 2px 2px #444444;
}
/* avatar hover */
#inventory-controls .icon:hover {
border: 1.5px solid #E67E00 !important;
}
/* hahmon nimi */
.inventoryControls .infoLine1 {
top: 10px;
left: 120px;
text-decoration: underline;
}
/* hahmon leveli */
.inventoryControls .infoLine2 {
top: 33px;
left: 120px;
text-decoration: underline;
}
/* hahmon liiga */
.inventoryControls .infoLine3 {
top: 59px;
left: 120px;
color: #DDDDDD;
}
/* hahmon vaihto */
.inventoryControls .open {
top: 80px;
left: 125px;
text-decoration: underline;
font-size: 10px;
color: #DDDDDD;
text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
}
/* hoverit elementeille */
.inventoryControls .open:hover,
.inventoryControls .infoLine1:hover,
.inventoryControls .infoLine2:hover {
color: #E67E00;
}
/* /AVATAR */
/* NAV-BAR */
/* vasemmanpuoleiset napit */
#nav-home {
margin-left: 30px !important;
}
/* oikeanpuoleiset napit */
#nav-events {
margin-left: 220px !important;
}
/* /NAB-BAR */
/* TEKSTIEN VÄRIT */
/* leipäteksti */
tr,
th,
td {
color: #BBBBBB;
text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
}
/* lainaus */
blockquote {
color: #E67E00;
text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
border: 1px solid #E67E00 !important;
border-image-source: linear-gradient(to bottom right, #E67E00, #555555) !important;
border-image-slice: 20 !important;
padding: 10px !important;
}
/*läLähettäjä, sivunumero, navigointi */
a {
text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
}
/* otsikot */
h1,
h2,
h3,
h4,
h5,
h6 {
text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
}
/* läettäjä */
cite {
color: #888888 !important;
text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
}
/* listat */
ol,
ul,
li {
text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
}
/* ketjujen nimet */
.thread_title .title a {
color: #BBBBBB;
text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
}
/* ketjujen sivunumerot */
.viewForumTable .thread .forum_pagination a {
color: #BBBBBB;
text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
}
/* /TEKSTIEN VÄRIT */
/* SPOILERI */
.spoilerContent {
border: 1px solid #E67E00 !important;
border-image-source: linear-gradient(to bottom right, #E67E00, #555555) !important;
border-image-slice: 20 !important;
padding: 10px !important;
}
/* SPOILERI */
/* KAUPPA */
.shopItemPackage,
.shopItemBase {
border: 1px solid #E67E00 !important;
border-image-source: linear-gradient(to bottom right, #E67E00, #555555) !important;
border-image-slice: 20 !important;
}
/* KAUPPA */`
);