This updates the original (https://userstyles.org/styles/100415/the-one-ring-on-roll20) after access details for the original userstyles account got lost. This version fixes reported issues with the original, and adds a custom font for the restyled version of the character sheet.
// ==UserScript==
// @name The One Ring on Roll20 (updated)
// @namespace http://userstyles.org
// @description This updates the original (https://userstyles.org/styles/100415/the-one-ring-on-roll20) after access details for the original userstyles account got lost. This version fixes reported issues with the original, and adds a custom font for the restyled version of the character sheet.
// @author StuartJ2
// @homepage https://userstyles.org/styles/167077
// @include http://app.roll20.net/*
// @include https://app.roll20.net/*
// @include http://*.app.roll20.net/*
// @include https://*.app.roll20.net/*
// @run-at document-start
// @version 0.20181219165817
// ==/UserScript==
(function() {var css = [
"/*",
"new styling for The Fellowship of the Roll20 Character Sheet",
"*/",
"",
"/* hide the roll command formula */",
"div.rollresult > div.formula {",
" display: none;",
"}",
"",
"div.rollresult > div.formula ~ div.formula {",
" display: block;",
"}",
"",
"/* get Dumbledor font (not loaded as \'unsafe\' content in standard css) */",
"",
"@font-face {",
" font-family: \"dum2\";",
" src: url(\"https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/The%20One%20Ring/assets/fonts/dum1.ttf\");",
"}",
"",
".charsheet * {",
" font-family: dum2 !important;",
"}",
"",
"/* --------------------------------------------------------------- */",
"/*",
"original styling from \'The One Ring on Roll20\' sheet",
"except substitute github hosted graphics for the background styling",
"*/",
"html,",
"body {",
" height: 100% !important;",
"}",
"",
"body {",
" background: url(\'https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/The%20One%20Ring/assets/images/ring.png\') center center no-repeat, url(\'https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/The%20One%20Ring/assets/images/wood.jpg\') !important;",
" box-shadow: inset 0 0 200px rgba(0, 0, 0, .8) !important;",
"}",
"",
"#floatingtoolbar {",
" background-color: rgba(0, 0, 0, .9) !important;",
" border: none !important;",
" box-shadow: none !important;",
" width: 50px !important;",
"}",
"",
"#floatingtoolbar div.submenu {",
" left: 50px !important;",
" padding: 0 !important;",
" top: 0 !important;",
"}",
"",
"#floatingtoolbar div.submenu .pictos,",
"#floatingtoolbar div.submenu .pictosthree,",
"#floatingtoolbar div.submenu .pictostwo {",
" left: 15px !important;",
" position: absolute !important;",
" text-align: center !important;",
" width: 20px !important;",
"}",
"",
"#floatingtoolbar div.submenu ul {",
" border: 0 !important;",
" border-radius: 0 !important;",
" box-shadow: none !important;",
" padding: 0 !important;",
" width: 200px !important;",
"}",
"",
"#floatingtoolbar div.submenu ul li {",
" color: #444 !important;",
" padding-left: 45px !important;",
" padding-right: 20px !important;",
"}",
"",
"#floatingtoolbar div.submenu ul li span {",
" padding: 0 !important;",
"}",
"",
"#floatingtoolbar div.submenu ul li:hover {",
" background-color: #99d8ed !important;",
"}",
"",
"#floatingtoolbar li {",
" border: 0 !important;",
" color: #ccc !important;",
" height: 50px !important;",
" line-height: 50px !important;",
" padding: 0 !important;",
"}",
"",
"#floatingtoolbar li.activebutton,",
"#floatingtoolbar li:hover {",
" background-color: white !important;",
" color: #111 !important;",
"}",
"",
"#floatingtoolbar li:last-child {",
" border-bottom: none !important;",
"}",
"",
"#floatingtoolbar ul {",
" box-shadow: none !important;",
"}",
"",
"#page-toolbar {",
" background-color: #111 !important;",
" border-radius: 0 !important;",
" height: 160px !important;",
" left: 0 !important;",
" right: 0 !important;",
" width: initial !important;",
"}",
"",
"#page-toolbar .availablepage {",
" box-sizing: border-box !important;",
" height: 160px !important;",
" margin: 0 !important;",
" padding: 10px !important;",
" vertical-align: top !important;",
" width: 160px !important;",
"}",
"",
"#page-toolbar .availablepage .pagethumb {",
" margin-top: 15px !important;",
"}",
"",
"#page-toolbar .availablepage span {",
" bottom: 20px !important;",
" left: 0 !important;",
" right: 0 !important;",
" text-shadow: none !important;",
" color: #eee !important;",
" font-size: 12px !important;",
"}",
"",
"#page-toolbar .container {",
" transition: opacity .4s ease-in-out !important;",
"}",
"",
"#page-toolbar .handle {",
" background: #111 !important;",
" border-radius: 0 0 100% 100% !important;",
" bottom: -29px !important;",
" color: #eee !important;",
" height: 29px !important;",
" opacity: 1 !important;",
" width: 100px !important;",
" right: 50% !important;",
" margin-left: -50px !important;",
" padding: 0 !important;",
"}",
"",
"#page-toolbar .handle .pictos {",
" display: none !important;",
"}",
"",
"#page-toolbar .handle:after {",
" content: \'PAGES\' !important;",
" font-size: 11px !important;",
" letter-spacing: 2px !important;",
" height: 100% !important;",
" left: 0 !important;",
" position: absolute !important;",
" top: 0 !important;",
" width: 100% !important;",
"}",
"",
"#page-toolbar .playerbookmark {",
" left: 30px !important;",
" top: 25px !important;",
"}",
"",
"#page-toolbar.closed .container {",
" box-shadow: 0 0 50px rgba(0, 0, 0, .15) !important;",
" opacity: 0 !important;",
"}",
"",
"#playerzone {",
" bottom: 20px !important;",
" left: 20px !important;",
"}",
"",
"#playerzone .player {",
" margin: 0 !important;",
" margin-right: 10px !important;",
"}",
"",
"#playerzone .player .color_picker {",
" top: 0 !important;",
"}",
"",
"#playerzone .player .playername {",
" background-color: #111 !important;",
" font-size: 14px !important;",
" line-height: 24px !important;",
" padding: 0 !important;",
"}",
"",
"#rightsidebar {",
" -moz-border-radius-bottomleft: 0 !important;",
" -moz-border-radius-bottomright: 0 !important;",
" -moz-border-radius-topleft: 0 !important;",
" -moz-border-radius-topright: 0 !important;",
" -webkit-border-bottom-left-radius: 0 !important;",
" -webkit-border-bottom-right-radius: 0 !important;",
" -webkit-border-top-left-radius: 0 !important;",
" -webkit-border-top-right-radius: 0 !important;",
" border-bottom-left-radius: 0 !important;",
" border-bottom-right-radius: 0 !important;",
" border-top-left-radius: 0 !important;",
" border-top-right-radius: 0 !important;",
" border-style: none !important;",
" overflow: initial !important;",
" box-shadow: 0 0 50px rgba(0, 0, 0, .15) !important;",
"}",
"",
"#secondary-toolbar {",
" background-color: #222 !important;",
" border: 0 !important;",
" box-shadow: none !important;",
" left: 90px !important;",
" opacity: 1 !important;",
"}",
"",
"#secondary-toolbar .btn {",
" border: 0 !important;",
" border-radius: 0 !important;",
" margin: 5px !important;",
"}",
"",
"#secondary-toolbar li {",
" border: 0 !important;",
" height: initial !important;",
"}",
"",
"#textchat .message.system {",
" background-color: #eee !important;",
"}",
"",
"#textchat .message.system .spacer {",
" background-color: #ddd !important;",
"}",
"",
"#rightsidebar .ui-tabs-panel {",
" top: 70px !important;",
"}",
"",
"#rightsidebar .ui-tabs-panel#textchat {",
" position: absolute !important;",
" top: 50px !important;",
" height: initial !important;",
" bottom: 150px !important;",
"}",
"",
"#textchat-input {",
" border-top: 0 !important;",
" padding: 10px !important;",
" height: initial !important;",
" min-width: 260px !important;",
" box-sizing: border-box !important;",
"}",
"",
"#textchat-input * {",
" box-sizing: border-box !important;",
"}",
"",
"#textchat-input textarea {",
" width: 100% !important;",
" height: 80px !important;",
" resize: none !important;",
"}",
"",
".actions_menu {",
" width: 120px !important;",
" z-index: 110 !important;",
" /* above sidebar */;",
"}",
"",
".actions_menu > ul {",
" width: initial !important;",
" padding: 0 !important;",
" border: 0 !important;",
"}",
"",
".actions_menu ul li {",
" padding: 0 10px !important;",
" line-height: 30px !important;",
" min-width: 90px !important;",
" border-color: #ddd !important;",
" white-space: nowrap !important;",
"}",
"",
".actions_menu ul li:lastchild {",
" border-bottom: 0 !important;",
"}",
"",
".actions_menu ul li ul.submenu {",
" left: 90px !important;",
" border: 0 !important;",
" width: initial !important;",
" opacity: 1 !important;",
" box-shadow: 0 1px 15px rgba(0, 0, 0, .1) !important;",
"}",
"",
"#measure img {",
" -webkit-filter: brightness(2.3) !important;",
"}",
"",
".nav-tabs li a {",
" outline: none !important;",
"}",
"",
"#sidebarcontrol {",
" opacity: 1 !important;",
" padding: 0 !important;",
" -webkit-transform: translateX(0) rotate(-90deg) !important;",
" -moz-transform: translateX(0) rotate(-90deg) !important;",
" width: 100px !important;",
" text-align: center !important;",
" border: none !important;",
" font-size: 12px !important;",
" color: #eee !important;",
" background-color: #111 !important;",
" height: 30px !important;",
" line-height: 30px !important;",
" text-transform: uppercase !important;",
" letter-spacing: 2px !important;",
" -webkit-transform-origin: 100% 100% !important;",
" -moz-transform-origin: 100% 100% !important;",
" border-radius: 100% 100% 0 0 !important;",
" top: 50% !important;",
" margin-top: -75px !important;",
"}",
"",
"#sidebarcontrol .fonticon-menu {",
" display: none !important;",
"}",
"",
"#sidebarcontrol:after {",
" content: \'Menu\' !important;",
"}"
].join("\n");
if (typeof GM_addStyle != "undefined") {
GM_addStyle(css);
} else if (typeof PRO_addStyle != "undefined") {
PRO_addStyle(css);
} else if (typeof addStyle != "undefined") {
addStyle(css);
} else {
var node = document.createElement("style");
node.type = "text/css";
node.appendChild(document.createTextNode(css));
var heads = document.getElementsByTagName("head");
if (heads.length > 0) {
heads[0].appendChild(node);
} else {
// no head yet, stick it whereever
document.documentElement.appendChild(node);
}
}
})();