Advertisement
Guest User

Untitled

a guest
May 24th, 2019
100
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 61.32 KB | None | 0 0
  1. // ==UserScript==
  2. // @name Roll20 Dark
  3. // @namespace https://openuserjs.org/scripts/RedReign/Roll20_Dark
  4. // @description A dark theme for Roll20.net.
  5. // @author RedReign
  6. // @include https://app.roll20.net/editor*
  7. // @include https://app.roll20.net/campaigns/chatarchive*
  8. // @run-at document-start
  9. // @version 2019.4.13.1
  10. // @license GPL-3.0-or-later
  11. // ==/UserScript==
  12. (function() {var css =`
  13. .button-2{
  14. background-color: hsl(0,0%,10%) !important;
  15. }
  16.  
  17. .button-1{
  18. background-color: hsl(0,0%,10%) !important;
  19. }
  20.  
  21. #color_selector{
  22. background-color:hsl(0,0%,10%) !important;
  23. border: 1px solid hsl(250,25%,15%) !important;
  24. }
  25.  
  26. body {
  27. background:url(http://subtlepatterns.com/patterns/dark_leather.png)!important;
  28. }
  29.  
  30. #floatingtoolbar, #floatinglayerbar {
  31. background-color:hsl(0,0%,10%) !important;
  32. border: none !important;
  33. box-shadow: none !important;
  34. width: 40px !important;
  35. }
  36.  
  37. #floatingtoolbar div.submenu {
  38. left: 40px !important;
  39. padding: 0 !important;
  40. top: 0 !important;
  41. }
  42.  
  43. #floatingtoolbar div.submenu .pictos, #floatingtoolbar div.submenu .pictosthree, #floatingtoolbar div.submenu .pictostwo {
  44. left: 15px !important;
  45. position: absolute !important;
  46. text-align: center !important;
  47. width: 20px !important;
  48. }
  49.  
  50. #floatingtoolbar div.submenu ul {
  51. background-color:#333 !important;
  52. border: 0 !important;
  53. border-radius: 0 !important;
  54. padding: 0 !important;
  55. width: 190px !important;
  56. }
  57.  
  58. #floatingtoolbar div.submenu ul li {
  59. color:hsl(0,0%,80%) !important;
  60. padding-right: 20px !important;
  61. padding-left: 45px !important;
  62. }
  63.  
  64. #floatingtoolbar div.submenu ul li span {
  65. padding-left: 10px !important;
  66. }
  67.  
  68. #floatingtoolbar div.submenu ul li img {
  69. margin-left: -20px !important;
  70. }
  71.  
  72. #editinglayer li.gm_slider_box {
  73. background-color: #333 !important;
  74. }
  75.  
  76. #floatingtoolbar li.activebutton,
  77. #floatingtoolbar li:hover
  78. #floatingtoolbar div.submenu ul li:hover,
  79. #floatinglayerbar li:hover,
  80. #editinglayer.map div.submenu li.choosemap,
  81. #editinglayer.objects div.submenu li.chooseobjects,
  82. #editinglayer.foreground div.submenu li.chooseforeground,
  83. #editinglayer.gmlayer div.submenu li.choosegmlayer,
  84. #editinglayer.walls div.submenu li.choosewalls,
  85. #editinglayer.weather div.submenu li.chooseweather,
  86. #floatinglayerbar.map li.choosemap,
  87. #floatinglayerbar.objects li.chooseobjects,
  88. #floatinglayerbar.gmlayer li.choosegmlayer,
  89. #floatinglayerbar.walls li.choosewalls,
  90. #floatinglayerbar.weather li.chooseweather,
  91. #floatinglayerbar.foreground li.chooseforeground,
  92. #measure li.activerulermode {
  93. background-color: #282150 !important;
  94. }
  95.  
  96. #floatingtoolbar li, #floatinglayerbar li {
  97. border: 0 !important;
  98. color:hsl(0,0%,80%) !important;
  99. }
  100.  
  101. #ttaudio_results .result,
  102. #battlebards_results .result,
  103. #incompetech_results .result,
  104. #jukebox_results .result,
  105. #fanburst_results .result,
  106. #myaudio_results .result,
  107. .listresults .result {
  108. background-color: #1a1a1a !important;
  109. }
  110.  
  111. #jukeboxfolderroot div.title:hover {
  112. background-color: transparent !important;
  113. }
  114.  
  115. #floatingtoolbar li.activebutton,
  116. #floatingtoolbar li:hover {
  117. background-color: #282150 !important;
  118. }
  119.  
  120. #page-toolbar {
  121. background-color:hsl(0,0%,10%) !important;
  122. border-radius: 0 !important;
  123. }
  124.  
  125. #page-toolbar .availablepage {
  126. box-sizing: border-box !important;
  127. }
  128.  
  129. #page-toolbar .availablepage span {
  130. color:hsl(0,0%,80%) !important;
  131. font-size: 12px !important;
  132. }
  133.  
  134. #page-toolbar .handle {
  135. background:hsl(0,0%,10%) !important;
  136. border:1px solid hsl(0,0%,0%)!important;
  137. border-radius: 0 0 100% 100% !important;
  138. color:hsl(0,0%,80%) !important;
  139. }
  140.  
  141. #editor-wrapper {
  142. overflow: scroll !important; /// CHANGE HIDDEN TO SCROLL FOR SCROLLBARS
  143. }
  144.  
  145. .btn.btn-danger {
  146. background-color: #660000 !important;
  147. }
  148.  
  149. .btn.btn-danger:hover,
  150. .ui-dialog div.sheet-licensecontainer .sheet-body button.btn.btn-danger:hover,
  151. .charsheet .repitem .itemcontrol button.btn.btn-danger:hover {
  152. color: white !important;
  153. background-color: #880000 !important;
  154. }
  155.  
  156. .ui-widget-content {
  157. color:hsl(0,0%,75%)!important;
  158. border:1px solid black!important;
  159. background:hsl(0,0%,10%)!important;
  160. }
  161.  
  162. .ui-dialog-titlebar-close {
  163. background:hsl(0,0%,80%)!important;
  164. }
  165.  
  166. #rightsidebar {
  167. background-color:hsl(0,0%,0%)!important;
  168. }
  169.  
  170. #sidebarcontrol {
  171. opacity: .7 !important;
  172. padding: 0 !important;
  173. -webkit-transform: translateX(0) rotate(-90deg) !important;
  174. -moz-transform: translateX(0) rotate(-90deg) !important;
  175. width: 50px !important;
  176. text-align: center !important;
  177. border: 2px solid hsl(0,0%,0%)!important;
  178. font-size: 10px !important;
  179. color:hsl(0,0%,80%) !important;
  180. background-color:hsl(0,0%,10%) !important;
  181. height: 24px !important;
  182. line-height: 35px !important;
  183. text-transform: uppercase !important;
  184. letter-spacing: 2px !important;
  185. -webkit-transform-origin: 100% 100% !important;
  186. -moz-transform-origin: 100% 100% !important;
  187. border-radius: 100% 100% 0 0 !important;
  188. top: 50% !important;
  189. margin-right: -1px !important;
  190. margin-top: -62.5px !important;
  191. transition: width, margin-top, opacity, height, font-size .5s,.5s,.5s,.5s,.5s !important;
  192. }
  193.  
  194. #sidebarcontrol:hover {
  195. opacity: 1 !important;
  196. width: 75px !important;
  197. margin-top: -80px !important;
  198. height: 32px !important;
  199. font-size: 14px !important;
  200. transition: width, margin-top, opacity, height, font-size .5s,.5s,.5s,.5s,.5s !important;
  201. }
  202.  
  203. #sidebarcontrol .fonticon-menu {
  204. display: none !important;
  205. }
  206.  
  207. #sidebarcontrol:after {
  208. content: \'Menu\' !important;
  209. }
  210.  
  211. code {
  212. color:hsl(0,0%,750%)!important;
  213. background-color:hsl(0,0%,10%)!important;
  214. border:1px solid hsl(0,0%,0%)!important;
  215. }
  216.  
  217. #textchat .formula,#textchat .rolled {
  218. background:hsl(0,0%,10%)!important;
  219. border:1px solid hsl(0,0%,0%)!important;
  220. }
  221.  
  222. #textchat .message {
  223. color:hsl(0,0%,80%)!important;
  224. background-color:hsl(0,0%,10%)!important;
  225. border:none!important;
  226. border-right:1px solid hsl(0,0%,50%)!important;
  227. height: auto !important;
  228. }
  229.  
  230. #textchat .message.general {
  231. padding-top: 3px !important;
  232. }
  233.  
  234. #textchat .by {
  235. color:hsl(44,63%,63%)!important;
  236. }
  237.  
  238. #textchat .rolled {
  239. color:hsl(0,0%,75%)!important;
  240. }
  241.  
  242. #textchat .message.system {
  243. color:hsl(360,100%,100%)!important;
  244. }
  245.  
  246. #textchat .userscript-sharelink {
  247. background-color:black !important;
  248. }
  249.  
  250. #textchat .message > .userscript-sharelink:hover a {
  251. color: white !important;
  252. }
  253.  
  254. #textchat .userscript-commandintro {
  255. color:hsl(360,100%,100%)!important;
  256. }
  257.  
  258. #textchat .message.rollresult {
  259. color:hsl(0,0%,75%)!important;
  260. }
  261.  
  262. #textchat .message .spacer {
  263. background-color: black !important;
  264. margin-right: -5px !important;
  265. height: 1px !important;
  266. margin-top: -3px !important;
  267. }
  268.  
  269. #textchat .message.emote {
  270. color:hsl(30,40%,45%)!important;
  271. }
  272.  
  273. #textchat .message.emote .spacer {
  274. background-color: black !important;
  275. }
  276.  
  277. #rightsidebar ul.tabmenu {
  278. top: 2px!important;
  279. right: 1px!important;
  280. background-color: hsl(0,0%,10%) !important;
  281. }
  282.  
  283. .ui-tabs .ui-tabs-nav {
  284. padding:1px 5px!important;
  285. border-bottom:none!important;
  286. }
  287.  
  288. .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
  289. box-shadow:none !important;
  290. text-shadow:none !important;
  291. }
  292.  
  293. #textchat-input {
  294. width:300px!important;
  295. right:0!important;
  296. bottom:0!important;
  297. background-color:hsl(0,0%,10%)!important;
  298. padding:12px 1px 5px 5px!important;
  299. margin:0 -5px 0 0!important;
  300. border-top:0 solid hsl(0,0%,0%)!important;
  301. text-align:left!important;
  302. }
  303.  
  304. .btn {
  305. background-image: none !important;
  306. text-shadow:none!important;
  307. }
  308.  
  309. .btn:hover {
  310. color:hsl(0,0%,100%)!important;
  311. }
  312.  
  313. textarea,select,input,table,
  314. .ui-dialog .btn:not(.sheet-wrapper-button),
  315. #textchat-input .btn,
  316. #rightsidebar .btn,
  317. .tokenactions .btn,
  318. .ui-dialog-content .ui-dialog-buttonset > button {
  319. background-color:hsl(0,0%,10%)!important;
  320. color:hsl(0,0%,75%)!important;
  321. border-color:black!important;
  322. }
  323.  
  324. .ui-dialog-buttonset button {
  325. background-image: none !important;
  326. }
  327.  
  328. .sheet-body .ui-dialog-buttonset button[type='button']:hover,
  329. .sheet-body .ui-dialog .btn:not(.sheet-wrapper-button):hover,
  330. #textchat-input .btn:hover,
  331. #rightsidebar .btn:hover,
  332. .tokenactions .btn:hover,
  333. .r20es-dialog .btn:hover,
  334. .ui-dialog-buttonset button:hover {
  335. background-color:hsl(0,0%,20%)!important;
  336. color:hsl(0,0%,100%)!important;
  337. }
  338.  
  339. .diceroll .didroll {
  340. text-shadow:0 0 10px hsl(0,0%,0%)!important;
  341. color:hsl(0,0%,75%)!important;
  342. }
  343.  
  344. .diceroll.critfail .didroll {
  345. text-shadow:0 0 10px hsl(0,100%,50%)!important;
  346. color:hsl(0,80%,50%)!important;
  347. }
  348.  
  349. .diceroll.critsuccess .didroll {
  350. text-shadow:0 0 10px hsl(100,50%,50%)!important;
  351. color:hsl(100,50%,50%)!important;
  352. }
  353.  
  354. .diceroll.importantroll .didroll {
  355. text-shadow:0 0 10px hsl(240,100%,65%)!important;
  356. color:hsl(240,100%,65%)!important;
  357. }
  358.  
  359. .ui-dialog .ui-dialog-buttonpane {
  360. background-color:hsl(0,0%,15%)!important;
  361. border-top:none!important;
  362. box-shadow:none!important;
  363. }
  364.  
  365. .ui-dialog .ui-dialog-titlebar {
  366. border:none!important;
  367. background-color:hsl(0,0%,15%)!important;
  368. }
  369.  
  370. #initiativewindow ul li {
  371. border-bottom:1px solid hsl(0,0%,10%)!important;
  372. background-color:hsl(0,0%,25%)!important;
  373. text-shadow:none!important;
  374. }
  375.  
  376. #initiativewindow ul li:first-child {
  377. background-color:hsl(100,30%,25%)!important;
  378. }
  379.  
  380. .ui-widget-content a,.ui-dialog .ui-dialog-title,label,h1,h2,h3,h4,h5,h6 {
  381. color:hsl(0,0%,75%)!important;
  382. }
  383.  
  384. hr {
  385. border-color:hsl(0,0%,15%)!important;
  386. }
  387.  
  388. .sheet-rolltemplate-default caption {
  389. background-color: #4b0c59 !important;
  390. }
  391.  
  392. .sheet-rolltemplate-default tr:nth-child(2n),
  393. .table-striped tbody tr:nth-child(odd) td,
  394. .table-striped tbody tr:nth-child(odd) th {
  395. background-color:hsl(0,0%,15%)!important;
  396. }
  397.  
  398. .table tbody tr:hover td,.table tbody tr:hover th {
  399. background-color:hsl(0,0%,30%)!important;
  400. }
  401.  
  402. .table th,.table td {
  403. border-color:hsl(0,0%,10%)!important;
  404. background-color:hsl(0,0%,25%)!important;
  405. }
  406.  
  407. #imagedialog .searchbox {
  408. background:none!important;
  409. }
  410.  
  411. #textchat .inlinerollresult {
  412. background-color: hsl(0, 0%, 10%) !important;
  413. border: 2px solid hsl(50, 30%, 30%) !important;
  414. color:hsl(0,0%,90%) !important;
  415. }
  416.  
  417. #textchat .inlinerollresult.importantroll {
  418. border: 2px solid hsl(240, 100%, 65%) !important;
  419. }
  420.  
  421. #textchat .inlinerollresult.fullcrit {
  422. border: 2px solid hsl(104, 79%, 39%) !important;
  423. }
  424.  
  425. #textchat .inlinerollresult.fullfail {
  426. border: 2px solid hsl(0, 79%, 39%) !important;
  427. }
  428.  
  429. div.dd-content {
  430. color:hsl(0,0%,75%) !important;
  431. }
  432.  
  433. div.dd-content:hover {
  434. background-color:hsl(0,0%,40%) !important;
  435. }
  436.  
  437. [class=\'sheet-row\'] {
  438. color:hsl(0,0%,50%) !important;
  439. }
  440.  
  441. .ui-tabs .ui-tabs-nav li:hover,
  442. .ui-tabs .ui-tabs-nav li a:hover {
  443. background: hsl(0,0%,20%) !important;
  444. border-bottom: 2px solid hsl(44,63%,63%) !important;
  445. }
  446.  
  447. li.ui-tabs-active.ui-state-active:focus {
  448. outline: none;
  449. }
  450.  
  451. li.ui-tabs-active.ui-state-active:focus {
  452. border-color: transparent !important;
  453. outline: none;
  454. }
  455.  
  456. li.ui-tabs-active.ui-state-active:hover,
  457. li.ui-tabs-active.ui-state-active > a:hover {
  458. color:hsl(0,0%,100%) !important;
  459. }
  460.  
  461. li.ui-tabs-active.ui-state-active > a {
  462. outline: none;
  463. border-bottom: 2px solid hsl(44,63%,63%) !important;
  464. color:hsl(0,0%,96%) !important;
  465. }
  466.  
  467. .dd-item.character > div.dd-content > .name {
  468. color:hsl(214,100%,79%) !important;
  469. }
  470.  
  471. .dd-item.handout .dd-content > .name {
  472. color:hsl(214,100%,79%) !important
  473. }
  474.  
  475. .sheet-container {
  476. background-color:hsl(0,0%,10%) !important;
  477.  
  478. }
  479.  
  480. .sheet-desc {
  481. color:hsl(0,0%,75%) !important;
  482. }
  483.  
  484. .sheet-header {
  485. color:hsl(0,0%,100%) !important;
  486. }
  487.  
  488. .sheet-rolltemplate-dmg {
  489. margin-top: 0px !important;
  490. }
  491.  
  492. .sheet-rolltemplate-dmg > .sheet-desc {
  493. background-color: transparent !important;
  494. }
  495.  
  496. .sheet-sublabel {
  497. margin-top: 3px !important;
  498. }
  499.  
  500. .sheet-rolltemplate-npc,
  501. .sheet-rolltemplate-npcaction .sheet-container,
  502. .sheet-rolltemplate-npcatk,
  503. .sheet-rolltemplate-npcdmg,
  504. .sheet-rolltemplate-traits {
  505. border: 2px solid hsl(0,0%,0%) !important;
  506. border-radius: 8px !important;
  507. background-color:transparent !important;
  508. }
  509.  
  510. .charsheet .sheet-red,
  511. .charsheet .sheet-npc .sheet-display .sheet-red input,
  512. .charsheet .sheet-npc .sheet-display .sheet-red span {
  513. color:hsl(0,0%,80%) !important;
  514. }
  515.  
  516. .sheet-display .sheet-row.sheet-subtitle span {
  517. color: hsl(0,100%,30%) !important;
  518. }
  519.  
  520. {
  521. color: hsl(44,63%,63%) !important;
  522. }
  523. .sheet-npc .sheet-display > button span[name*="attr_"] {
  524. color: hsl(0,0%,80%) !important;
  525. background-color: transparent !important;
  526. }
  527.  
  528. [name=\attr_name_display\] {
  529. color:hsl(0,100%,50%) !important;
  530. font-weight: bold;
  531. }
  532.  
  533. .charsheet .sheet-options .sheet-row > span, [name=\attr_name\] {
  534. color:hsl(0,0%,80%) !important;
  535. }
  536.  
  537. [name=\attr_desc\] {
  538. color:hsl(0,0%,80%) !important;
  539. }
  540.  
  541. .charsheet .sheet-triangle,
  542. .sheet-row.sheet-actiontitle,
  543. .charsheet .sheet-header input,
  544. .charsheet .sheet-header select,
  545. .charsheet .sheet-hp .sheet-top input,
  546. .charsheet .sheet-hdice-dsaves-container .sheet-top input[type=text] {
  547. border-color:hsl(0,0%,25%) !important
  548. }
  549.  
  550. .sheet-value > input {
  551. background-color: transparent !important;
  552. color:hsl(0,0%,0%) !important;
  553. }
  554.  
  555. .sheet-rolltemplate-atk .sheet-sublabel span,
  556. .sheet-rolltemplate-atkdmg .sheet-sublabel span,
  557. .sheet-rolltemplate-dmg .sheet-sublabel span,
  558. .charsheet {
  559. color:hsl(0,0%,80%) !important;
  560. }
  561.  
  562. .ui-autocomplete-input {
  563. color:hsl(0,0%,80%) !important;
  564. }
  565.  
  566. textarea {
  567. color:hsl(0,0%,100%) !important;
  568. }
  569.  
  570. .nav.nav-tabs > li.active > a {
  571. color:hsl(0,0%,96%) !important;
  572. font-weight: bold;
  573. background-color: transparent;
  574. border-bottom: 2px solid hsl(44,63%,63%) !important;
  575. }
  576.  
  577. .sheet-spell-level input {
  578. background-color:hsl(0,0%,10%) !important;
  579. color:hsl(0,0%,80%) !important;
  580. }
  581.  
  582. .sheet-spell-level .sheet-expended {
  583. border-left: none !important;
  584. }
  585.  
  586. .repcontainer {
  587. margin-top: 10px;
  588. }
  589.  
  590. .repcontrol {
  591. margin-bottom: 5px;
  592. }
  593.  
  594. .sheet-title > button {
  595. height: 40px;
  596. }
  597.  
  598. .sheet-attr-container > button > input {
  599. min-width: 20px !important;
  600. }
  601.  
  602. .dd-sortablehandle {
  603. color: whitesmoke !important;
  604. }
  605.  
  606. .sheet-spell-level .sheet-label {
  607. color:hsl(0,0%,75%) !important;
  608. }
  609.  
  610. .sheet-spellcard.btn.ui-draggable {
  611. background-color:transparent !important;
  612. }
  613.  
  614. .nav-tabs {
  615. border-color:hsl(0,0%,47%) !important;
  616. }
  617.  
  618. .nav-tabs>.active>a,
  619. .nav-tabs>.active>a:hover {
  620. background-color: transparent !important;
  621. border-color:transparent !important;
  622. }
  623.  
  624. .nav-tabs a:hover,
  625. .nav-tabs a:hover {
  626. background-color: transparent !important;
  627. border-color:hsl(0,0%,100%) !important;
  628. border-bottom: 1px solid hsl(0,0%,100%) !important;
  629. color:hsl(0,0%,80%) !important;
  630. }
  631.  
  632. .inlinerollresult {
  633. margin: 3px !important;
  634. }
  635.  
  636. .sheet-rolltemplate-npc,
  637. .sheet-rolltemplate-npcaction .sheet-container,
  638. .sheet-rolltemplate-npcatk {
  639. width: 180px;
  640. margin-top: 5px;
  641. }
  642.  
  643. .sheet-desc span.inlinerollresult {
  644. // padding-top: 5px !important;
  645. // padding-bottom: 5px !important;
  646. line-height: 1.5em !important;
  647. }
  648.  
  649. color: #a11504 !important;
  650.  
  651. .sheet-savedc span.inlinerollresult {
  652. padding: 4px !important;
  653. }
  654.  
  655. .sheet-savedc > span,
  656. .sheet-save .sheet-label > span,
  657. .sheet-rolltemplate-simple .sheet-label > span,
  658. .message .sheet-rolltemplate-simple .sheet-header > span,
  659. .message .sheet-rolltemplate-npc .sheet-header, [name=\'roll_npc_dex\'] > span:first-child,
  660. [name=\'roll_npc_str\'] > span:first-child, [name=\'roll_npc_cha\'] > span:first-child,
  661. [name=\'roll_npc_wis\'] > span:first-child, [name=\'roll_npc_int\'] > span:first-child,
  662. [name=\'roll_npc_con\'] > span:first-child, [type=\'roll\'], [name=\attr_npcd_name\] {
  663. color:hsl(44,63%,63%) !important;
  664. border-color:hsl(0,0%,50%) !important;
  665. }
  666.  
  667. #textchat .message {
  668. padding-top: 3px;
  669. }
  670.  
  671. .message.general {
  672. overflow-x: hidden;
  673. height: 31px;
  674. }
  675.  
  676. #imagedialog #librarysearchroot .googleresult {
  677. background-color:hsl(0,0%,10%) !important;
  678. }
  679.  
  680. #imagedialog #librarysearchroot .marketplacead {
  681. background-color:hsl(0,0%,10%) !important;
  682. }
  683.  
  684. #imagedialog #librarysearchroot .expandsearch {
  685. background-color:hsl(0,0%,10%) !important;
  686. }
  687.  
  688. #imagedialog #librarysearchroot .alert.orange {
  689. background-color:hsl(0,0%,10%) !important;
  690. color:hsl(0,0%,80%) !important;
  691. border-color:transparent !important;
  692. text-shadow:none !important;
  693. }
  694.  
  695. .sheet-arrow-right {
  696. border-color: hsl(0,0%,0%) !important;
  697. border-top: 2px solid !important;
  698. border-bottom: 0px transparent !important;
  699. padding-bottom: 4px !important;
  700. color: black !important;
  701. border-left: none !important;
  702. }
  703.  
  704. .sheet-italics {
  705. color:hsl(0,0%,70%) !important;
  706. }
  707.  
  708. .sheet-bold {
  709. color:hsl(0,0%,90%) !important;
  710. }
  711.  
  712. .sheet-damagetemplate > .sheet-result:not(:last-child) {
  713. border-bottom: 1px solid hsl(0,50%,50%);
  714. }
  715.  
  716. .sheet-rolltemplate-atkdmg .sheet-damagetemplate .sheet-result,
  717. .sheet-rolltemplate-dmg .sheet-damagetemplate .sheet-result {
  718. padding-bottom: 5px;
  719. }
  720.  
  721. .sheet-action sheet-compendium-drop-target ui-droppable {
  722. color:hsl(0,0%,80%);
  723. }
  724.  
  725. .charsheet .sheet-attacks .sheet-options-flag:checked + span,
  726. .charsheet .sheet-spell .sheet-options-flag:checked + span,
  727. .charsheet .sheet-tool .sheet-options-flag:checked + span,
  728. .charsheet .sheet-npc .sheet-npc_options-flag:checked + span,
  729. .charsheet .sheet-trait .sheet-options-flag:checked + span,
  730. .charsheet .sheet-action .sheet-options-flag:checked + span,
  731. .charsheet .sheet-equipment .sheet-inventorysubflag:checked + span,
  732. .charsheet .sheet-core .sheet-textbox .sheet-options-flag:checked + span,
  733. .charsheet .sheet-core .sheet-complex .sheet-options-flag:checked + span,
  734. .charsheet .sheet-core .sheet-header .sheet-options-flag:checked + span,
  735. .sheet-rolltemplate-5e-shaped a[href^='!'],
  736. .sheet-rolltemplate-5e-shaped a[href^='~'] {
  737. color:hsl(44,63%,63%) !important;
  738. }
  739.  
  740. .keywords,
  741. #player_displayname,
  742. #videobroadcasttype,
  743. #videoreceivetype,
  744. #videoplayersize,
  745. #videoplayerlocation,
  746. .videotech,
  747. #videobandwidth,
  748. #movablevideo,
  749. #globalvolume,
  750. #decksize {
  751. background-color:hsl(0,0%,10%) !important;
  752. color:hsl(0,0%,75%) !important;
  753. }
  754.  
  755. .sheet-rolltemplate-spell {
  756. margin-top: 10px;
  757. }
  758.  
  759. .sheet-tab-button.sheet-core,
  760. .sheet-advantagetoggle {
  761. margin-top: 1px !important;
  762. }
  763.  
  764. .avatar {
  765. margin-top: 1px;
  766. }
  767.  
  768. .charsheet .sheet-advantagetoggle input[type=radio]:checked + span,
  769. .charsheet input[type=radio].sheet-tab-button:checked + span {
  770. background-color:hsl(44,63%,63%) !important;
  771. color:hsl(0,0%,0%) !important;
  772. }
  773.  
  774. .charsheet .sheet-body {
  775. margin-top: 25px !important;
  776. }
  777.  
  778. .charsheet .repcontrol .repcontrol_add:before {
  779. background-color:hsl(122,46%,54%) !important;
  780. margin-right: 5px;
  781. }
  782.  
  783. .charsheet .repcontrol .repcontrol_edit:after {
  784. background-color:hsl(30,90%,59%) !important;
  785. margin-left: 5px;
  786. }
  787.  
  788. .ui-dialog .charsheet input[type=number] {
  789. width: 3.5em;
  790. background-color:transparent !important; //FIXES USES ON CHARACTER SHEET
  791. color:hsl(0,0%,96%) !important;
  792. }
  793.  
  794. .charsheet .sheet-header .sheet-header-info select {
  795. padding-left: 5px !important;
  796. padding-right: 5px !important;
  797. }
  798.  
  799. .charsheet .sheet-cantrips > .sheet-label {
  800. color:hsl(0,0%,96%) !important;
  801. font-weight: 300 !important;
  802. }
  803.  
  804. input[name=\attr_gp\] {
  805. color:hsl(51,100%,50%) !important;
  806. }
  807.  
  808. input[name=\attr_pp\] {
  809. color:hsl(40,5%,89%) !important;
  810. }
  811.  
  812. [type=\'roll\'] > span, .sheet-attr {
  813. color:hsl(0,0%,100%) !important;
  814. }
  815.  
  816. input[name=\attr_sp\] {
  817. color:hsl(0,0%,75%) !important;
  818. }
  819.  
  820. input[name=\attr_cp\] {
  821. color:hsl(29,57%,46%) !important;
  822. }
  823.  
  824. .attributesabilities .abil {
  825. background-color: transparent !important;
  826. }
  827.  
  828.  
  829. [name=\roll_death_save\], [name=\roll_hit_dice\] {
  830. color:hsl(0,0%,100%) !important;
  831. }
  832.  
  833. [name=\attr_ac\], [name=\attr_initiative_bonus\], [name=\attr_speed\] {
  834. color:hsl(0,0%,100%) !important;
  835. }
  836.  
  837. .sheet-label {
  838. color:hsl(0,0%,80%);
  839. }
  840.  
  841. #floatingtoolbar #measure:not(.activebutton) > img {
  842. -webkit-filter: brightness(3) !important;
  843. }
  844.  
  845. .sheet-wide {
  846. color:hsl(0,0%,90%) !important;
  847. }
  848.  
  849. /* RED'S EDITS */
  850.  
  851. .ui-dialog-buttonset button[type='button'],
  852. .ui-dialog-buttonset > button,
  853. .r20es-dialog .btn {
  854. background-color: #1a1a1a !important;
  855. color: hsl(0,0%,80%) !important;
  856. border: 1px solid black !important;
  857. line-height: 18px;
  858. border-radius: 4px !important;
  859. padding: 4px 10px 4px !important;
  860. box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05) !important;
  861. }
  862.  
  863. .ui-dialog .btn:not(.sheet-wrapper-button):hover,
  864. .ui-dialog-buttonset button[type='button']:hover,
  865. .ui-dialog-buttonset > button:hover {
  866. background-color: hsl(0,0%,20%) !important;
  867. color: white !important;
  868. }
  869.  
  870. li.handout.compendium-item .namecontainer {
  871. box-shadow: none !important;
  872. }
  873.  
  874.  
  875. #measure.activebutton > img {
  876. -webkit-filter: brightness(0) !important;
  877. }
  878.  
  879. #measure:not(.activebutton) > img {
  880. opacity: 1 !important;
  881. -webkit-filter: brightness(2.5) !important;
  882. }
  883.  
  884. .searchbox > input,
  885. .content > #player-search,
  886. #compendium > .searchbox span input {
  887. background-color: hsl(0,0%,30%) !important;
  888. color: hsl(0,0%,0%) !important;
  889. }
  890.  
  891. .tools-list .tool-row:nth-child(2n+1),
  892. table.config-table tbody tr:nth-child(2n+1) {
  893. background-color: hsl(0,0%,20%) !important;
  894. }
  895.  
  896. .charsheet .sheet-death-saving-throws-proficiency-wrapper .sheet-round-checkbox-wrapper span {
  897. background-color: #1a1a1a;
  898. }
  899. .dd-handle {
  900. color: transparent !important;
  901. background-color: #444 !important;
  902. }
  903.  
  904. #secondary-toolbar {
  905. background-color:#222 !important;
  906. }
  907.  
  908. #secondary-toolbar li{
  909. border-right: 1px solid #000 !important;
  910. }
  911.  
  912. #measure_sticky_clear {
  913. background-color: #111 !important;
  914. border-color: black !important;
  915. }
  916.  
  917. .dd-list .journalitem .name, .dd-list .library-item .name {
  918. position: static !important;
  919. }
  920.  
  921. #textchat .message.you {
  922. color:hsl(0,0%,80%)!important;
  923. background-color:hsl(250,25%,15%)!important;
  924. }
  925.  
  926. #textchat .message.emote {
  927. background-color:hsl(20,25%,15%)!important;
  928. }
  929.  
  930. #textchat .message.private,
  931. .charsheet .sheet-gm-info-block,
  932. .charsheet .sheet-gm-info-flex,
  933. .charsheet .sheet-gm-info-inline-block,
  934. .sheet-rolltemplate-5e-shaped .sheet-gm-info-block,
  935. .sheet-rolltemplate-5e-shaped .sheet-gm-info-flex,
  936. .sheet-rolltemplate-5e-shaped .sheet-gm-info-inline-block {
  937. background-color:hsl(58,25%,15%)!important;
  938. }
  939.  
  940. .dd-item.handout .dd-content .redactor_editor > .name {
  941. background-color:hsl(0,0%,20%) !important
  942. }
  943. li.search-choice {
  944. background-color: #333 !important;
  945. background-image: linear-gradient(#444444 20%,#404040 50%,#383838 52%,#3e3e3e 100%) !important;
  946. color: #ccc !important;
  947. }
  948.  
  949. .textboxlist-bit-box {
  950. background: #223 !important;
  951. }
  952.  
  953. .textboxlist-bits {
  954. border: 1px solid #000 !important;
  955. }
  956.  
  957. .chosen-container-multi .chosen-choices {
  958. border: 1px solid #000 !important;
  959. }
  960.  
  961. .textboxlist-autocomplete-placeholder, .textboxlist-autocomplete-results {
  962. opacity: 1 !important;
  963. filter: alpha(opacity=100) !important;
  964. background: #111 !important;
  965. -webkit-box-shadow: 0 3px 3px #222 !important;
  966. -moz-box-shadow: 0 3px 3px #222 !important;
  967. box-shadow: 0 3px 3px #222 !important;
  968. }
  969.  
  970. .redactor_editor.content {
  971. background-color: hsl(0,0%,10%) !important;
  972. }
  973.  
  974. .note-editor span[style*='color: rgb( 0 , 0 , 0 )'],
  975. .note-editor span[style*='color: rgb( 66 , 66 , 66 )'] {
  976. color: hsl(0,0%,75%) !important;
  977. }
  978.  
  979. .note-editor.note-frame .note-editing-area .note-editable {
  980. color: inherit !important;
  981. }
  982.  
  983. .note-editor .panel-default > .panel-heading {
  984. background-color: #2a2a2a !important;
  985. border-color: #111 !important;
  986. }
  987.  
  988. .handouteditor .dropbox,
  989. .note-statusbar > .note-resizebar {
  990. background-color: #111 !important;
  991. }
  992.  
  993. .note-editor.note-frame {
  994. border: 1px solid #000 !important;
  995. }
  996.  
  997. #containerdiv,
  998. .redactor_box, .redactor_editor, .redactor_editor:focus, div[contenteditable], div[contenteditable]:focus {
  999. background: #1a1a1a !important;
  1000. }
  1001.  
  1002. .charactereditor .avatar {
  1003. background-color: #1a1a1a !important;
  1004. }
  1005.  
  1006. .folderroot .dd-content {
  1007. border-top: 1px solid hsl(0,0%,30%) !important;
  1008. }
  1009.  
  1010. img[src='/images/handout.png'] {
  1011. content: url('https://i.imgur.com/zM79lGs.png')!important;
  1012. }
  1013.  
  1014. img[src='/images/character.png'] {
  1015. content: url('https://i.imgur.com/nZ5EHJd.png')!important;
  1016. }
  1017.  
  1018. .dd-item .playerdots {
  1019. background-color: transparent !important;
  1020. }
  1021.  
  1022. .chosen-container-multi .chosen-choices {
  1023. background-color: #1a1a1a !important;
  1024. background-image: none !important;
  1025. }
  1026.  
  1027. .textboxlist-bit-editable {
  1028. border: 1px solid #aaaaaa !important;
  1029. }
  1030.  
  1031. .anm-edit__gui-row-name {
  1032. color: black !important;
  1033. -webkit-text-stroke: 0px rgb(85, 85, 85) !important;
  1034. }
  1035.  
  1036. .anm-edit__gui-row {
  1037. border: 1px solid hsl(0,0%,30%) !important;
  1038. }
  1039.  
  1040. .anm-edit__gui-row:nth-child(2n) {
  1041. background: hsl(0,0%,20%) none repeat scroll 0% 0% !important;
  1042. }
  1043.  
  1044. .anm-edit__gui-row .flex-v-center div input,
  1045. anm-edit__gui-row .flex-v-center div button {
  1046. height: 24px !important;
  1047. }
  1048.  
  1049. .anm-win {
  1050. }
  1051.  
  1052. .charactereditor .avatar,
  1053. .artr__side {
  1054. background-color: #1a1a1a !important;
  1055. }
  1056.  
  1057. .artr__item,
  1058. .artr__item__top,
  1059. .artr__item__bottom {
  1060. background-color:#222 !important;
  1061. }
  1062.  
  1063. .artr__side__tag_header,
  1064. .artr__side__head,
  1065. .artr__side__tag_grid,
  1066. .artr__search {
  1067. background-color:hsl(0,0%,10%) !important;
  1068. border-bottom: 1px solid black !important;
  1069. }
  1070.  
  1071. .artr__side__tag[data-state="1"] {
  1072. background-image: linear-gradient(#2a2a2a, #337ab7) !important;
  1073. }
  1074.  
  1075. .artr__side__tag[data-state="2"] {
  1076. background-image: linear-gradient(#2a2a2a, #8a1a1b) !important;
  1077. }
  1078.  
  1079. .artr__main .artr__view_inner,
  1080. .artr__main .artr__view {
  1081. background-color: hsl(0,0%,10%) !important;
  1082. }
  1083.  
  1084. .charsheet {
  1085. background: #1a1a1a !important;
  1086. }
  1087. [type='roll'] > span, .sheet-attr, .sheet-bold span {
  1088. color: hsl(0,0%,80%) !important
  1089. }
  1090.  
  1091. .charsheet .sheet-pseudo-button-wrapper > span {
  1092. color: hsl(0,0%,90%) !important;
  1093. background-color: #444 !important;
  1094. }
  1095.  
  1096. .charsheet .sheet-pseudo-button-wrapper input[type='radio']:checked + span,
  1097. .charsheet .sheet-pseudo-button-wrapper.sheet-visible-button > span[class='sheet-small-label'],
  1098. .charsheet .sheet-pseudo-button-wrapper input[type='radio']:checked + span[class='sheet-pc sheet-bold'],
  1099. .charsheet .sheet-pseudo-button-wrapper input:checked + span,
  1100. .charsheet .sheet-spells .sheet-pseudo-button-wrapper input:checked + span[class='sheet-bold'],
  1101. .charsheet div .sheet-pseudo-button-wrapper input[value='settings']:checked + span[class='sheet-pictos'],
  1102. .charsheet .sheet-pseudo-button-wrapper input[type='radio']:checked ~ span[class='sheet-npc sheet-bold'],
  1103. .charsheet .sheet-pseudo-button-wrapper.sheet-visible-button > input[name$='_rest'] + span {
  1104. background-color: #313b92 !important;
  1105. }
  1106.  
  1107. .sheet-shaped-row .sheet-toggle-edit-mode + span {
  1108. background-color: transparent !important;
  1109. }
  1110.  
  1111. .charsheet .sheet-section-npc .sheet-top-stats {
  1112. color: #a1311d !important;
  1113. }
  1114.  
  1115. .charsheet .sheet-round-checkbox-wrapper input:checked + .sheet-pseudo-circle,
  1116. .charsheet .sheet-skill-proficiency[value='proficient'] + span {
  1117. background-color: #64b342 !important;
  1118. }
  1119.  
  1120. .charsheet .sheet-bubble-radio-clear[value='0'] + span.sheet-bubble-clear{
  1121. background-color:#1a1a1a !important
  1122. }
  1123.  
  1124. .charsheet .sheet-round-checkbox-wrapper .sheet-pseudo-circle,
  1125. .charsheet .sheet-bubble {
  1126. border: 1px solid #444 !important;
  1127. }
  1128.  
  1129. .charsheet .sheet-wrap-box-title {
  1130. text-shadow: none !important;
  1131. }
  1132.  
  1133. .charsheet .sheet-inspiration-label [type='checkbox']:checked + span {
  1134. background: url('http://imgsrv.roll20.net/?src=i.imgur.com/o20JTtU.png') center center no-repeat !important;
  1135. -webkit-filter: invert(80%)
  1136. }
  1137. .charsheet .sheet-gray-background-wrapper {
  1138. background-color: #333 !important;
  1139. }
  1140.  
  1141. .sheet-hit-dice, .sheet-death-saving-throws, .sheet-rest, .sheet-heart, .sheet-shield, .sheet-initiative, .sheet-speed {
  1142. background-color: #333 !important
  1143. }
  1144.  
  1145. .ui-dialog .charsheet .sheet-shaped-row input[type='number'] {
  1146. color: hsl(0,0%,80%) !important;
  1147. }
  1148.  
  1149. .charsheet span[class^='sheet-toggle-'] {
  1150. background-color: #444 !important
  1151. }
  1152.  
  1153. .charsheet .sheet-spells input[type='checkbox']:not(.sheet-options-flag):checked + span:not(.sheet-pictos),
  1154. .charsheet .sheet-spells .sheet-prepared-matters input:checked + span,
  1155. .charsheet .sheet-spells input.sheet-toggle-concentration:checked + span.sheet-toggle-concentration,
  1156. .charsheet .sheet-spells input.sheet-toggle-ritual:checked + span.sheet-toggle-ritual,
  1157. .charsheet .sheet-spells input[class^='sheet-toggle-filter']:checked + span[class^='sheet-toggle-filter'],
  1158. .charsheet .sheet-spells input[class^='sheet-toggle-spells-filter']:checked + span[class^='sheet-toggle-spells-filter'],
  1159. .charsheet .sheet-spells input[type='checkbox']:checked + span[data-i18n='RITUAL'] {
  1160. background-color: #591209 !important;
  1161. }
  1162.  
  1163. .charsheet .sheet-spells input[type='checkbox'] + span {
  1164. background-color: #444 !important;
  1165. }
  1166.  
  1167.  
  1168.  
  1169. .charsheet .sheet-bubble {
  1170. background-color: #444 !important;
  1171. }
  1172.  
  1173. .charsheet .sheet-bubble-radio-clear:checked ~ .sheet-bubble-radio + .sheet-bubble,
  1174. .charsheet .sheet-bubble-radio:checked ~ .sheet-bubble-radio + .sheet-bubble {
  1175. background-color: #1a1a1a !important;
  1176. }
  1177.  
  1178. button[name^='roll_shaped_coinage'] {
  1179. background-color: transparent !important;
  1180. }
  1181.  
  1182. .charsheet label[class^='sheet-slide-toggle-'] {
  1183. box-shadow:none !important;
  1184. }
  1185.  
  1186. .charsheet .sheet-section-settings .sheet-wrap-box {
  1187. background-color: #1a1a1a !important;
  1188. }
  1189.  
  1190. .charsheet .sheet-zebra-rows .sheet-shaped-row:nth-child(2n),
  1191. .sheet-rolltemplate-5e-shaped .sheet-zebra {
  1192. background-color: #242424 !important;
  1193. }
  1194.  
  1195. .ui-dialog .charsheet .repcontainer .repitem .itemcontrol {
  1196. background-color: rgba(120,120,80,0.40) !important;
  1197. }
  1198.  
  1199. .charsheet .sheet-classes-select-wrapper {
  1200. background: #1a1a1a !important;
  1201. }
  1202.  
  1203. .charsheet .sheet-spells-wrap .sheet-spells > button.btn.ui-draggable[name='roll_shaped_spell_dc'],
  1204. .charsheet .sheet-spells-wrap .sheet-spells > button.btn.ui-draggable[name='roll_shaped_spell_attack'] {
  1205. background-color: transparent !important;
  1206. }
  1207.  
  1208. .sheet-rolltemplate-5e-shaped .sheet-rt-content {
  1209. color:hsl(0,0%,80%) !important;
  1210. }
  1211.  
  1212. .sheet-rolltemplate-5e-shaped .sheet-rt-title {
  1213. color: #a11504 !important
  1214. }
  1215.  
  1216. .charsheet .sheet-shaped-row div span.sheet-heading {
  1217. background-color: transparent !important;
  1218. }
  1219.  
  1220. .charsheet .sheet-section-npc .sheet-npc-content-wrap {
  1221. background:#1a1a1a repeat !important;
  1222. }
  1223.  
  1224. .charsheet .sheet-character-name {
  1225. background: url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/17bf440add2e0cdb5a6c9395961d272d/raw/8c2b58046ddde9e09d761c3c53d344e2f6d6b35f/nameRibbon.svg') no-repeat !important;
  1226. }
  1227.  
  1228. .charsheet .sheet-character-header {
  1229. background: url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/9514856f2d94e236e6614837cc0a3c26/raw/3a0ea72082aa81ee145d6c327994e23ffe72a83c/topRibbonBackground.svg') no-repeat !important;
  1230. }
  1231.  
  1232. .charsheet .sheet-pointy-end-box-bottom-left, .charsheet .sheet-pointy-end-box-bottom-right, .charsheet .sheet-pointy-end-box-top-left, .charsheet .sheet-pointy-end-box-top-right {
  1233. background: url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/c245d2673c0c466e4d99a157ad3c6a78/raw/1900f19c90dfd932c64177eed5d04cb0cc5f079f/pointyEndBoxCorner.svg') no-repeat !important;
  1234. }
  1235.  
  1236. .charsheet .sheet-pointy-end-box-expand-bottom, .charsheet .sheet-pointy-end-box-expand-top {
  1237. background: url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/d6c1be48e337fece14f2350d84730caf/raw/a298e60d99cfd43270bbeafeca1859fe4ef29593/pointyEndBoxExpandTop.svg') repeat-x !important;
  1238. }
  1239.  
  1240. .charsheet .sheet-pointy-end-box-expand-left, .charsheet .sheet-pointy-end-box-expand-right {
  1241. background: url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/a0ecf0168d1d9e909d127714fe5f4068/raw/024f2e0f366b6a5ce3eb828e91068cf483b8b90b/pointyEndBoxSideExpand.svg') left repeat-y !important;
  1242. }
  1243.  
  1244. .charsheet .sheet-right-ribbon {
  1245. background: url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/17f52b1c4f990cff3bf04c1ca14426e1/raw/c05dc454460d84b752b8c8841333f5f85d928094/rightRibbon.svg') no-repeat !important;
  1246. }
  1247.  
  1248. .charsheet .sheet-inspiration {
  1249. background: url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/5df74f374d39064c79790bba913c462a/raw/cb7a46e757ae6aad8f3383c2269d8e3a4b444f37/inspiration.svg') no-repeat !important;
  1250. }
  1251.  
  1252. .charsheet .sheet-very-boring-box-bottom-left, .charsheet .sheet-very-boring-box-bottom-right, .charsheet .sheet-very-boring-box-top-left, .charsheet .sheet-very-boring-box-top-right {
  1253. background: url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/a669b42284ba13ceeb4d5d1d4850b0d7/raw/ab40b145a497fddc5246b11ac22e6786f7971aa8/veryBoringBoxCorner.svg') no-repeat !important;
  1254. }
  1255.  
  1256. .charsheet .sheet-very-boring-box-expand-bottom, .charsheet .sheet-very-boring-box-expand-top {
  1257. background: url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/01e52f5edeea446319b96bf2e21e6723/raw/fa8e5ac2ccd63ffa7a82d7f183e26234efde55d5/veryBoringBoxLineBottomExpand.svg') repeat-x !important;
  1258. }
  1259.  
  1260. .charsheet .sheet-very-boring-box-expand-left, .charsheet .sheet-very-boring-box-expand-right {
  1261. background: url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/1441163b95e39a7aa9e4cb0b387eb536/raw/247464bd86f8b2d767413e902a79cb36bd742dff/veryBoringBoxLineExpand.svg') repeat-y !important;
  1262. }
  1263.  
  1264. .charsheet .sheet-abilities-background {
  1265. background: url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/095e81e22e2394519fff623894d4e257/raw/23590048548cd1ed67f993350a00dd031f38c47b/abilityBackgroundEnd.svg') center top no-repeat,url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/87436c1c4cdd24af9cf5b20d9079748a/raw/da1e96f25151a6eef9af6e815309b8a50ca29f96/abilityBackgroundEndBottom.svg') center bottom no-repeat,#333 !important;
  1266. }
  1267.  
  1268. .charsheet .sheet-ability-wrapper {
  1269. background: url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/57a9b42ab7b021fb2697b775b313a2a9/raw/4d84509e6800707db142128d418d90b345682b92/ability.svg') no-repeat !important;
  1270. }
  1271.  
  1272. .charsheet .sheet-shield {
  1273. background: #333 url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/0b95c6cdcaec13307e4f00d7bd3205f2/raw/5877203d71ac280e988e43abf27fdaceeefce836/ac.svg') no-repeat !important;
  1274. }
  1275.  
  1276. .charsheet .sheet-heart {
  1277. background: url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/e24e1aaf31d9a4c23960414afad1145b/raw/a8f266bbbf9408f91b7b9f50dfa5cff41463968c/heart.svg') no-repeat !important;
  1278. }
  1279.  
  1280. .charsheet .sheet-gray-background-bottom-left, .charsheet .sheet-gray-background-bottom-right, .charsheet .sheet-gray-background-top-left, .charsheet .sheet-gray-background-top-right {
  1281. background: url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/e36989cf8004ae96734de8330375a810/raw/8470eb7d7b3f4771f429f7d22b6d50525966a735/grayBackgroundCorner.svg') no-repeat !important;
  1282. }
  1283.  
  1284. .sheet-heart button {
  1285. background-color: transparent !important;
  1286. }
  1287.  
  1288. .charsheet .sheet-death-saving-throws, .charsheet .sheet-hit-dice, .charsheet .sheet-initiative, .charsheet .sheet-rest, .charsheet .sheet-speed {
  1289. background: url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/cef80b44113b2b25d6a563861ef54275/raw/b1219d2ba4a3f721df88e4a4aea5790b412bb05c/box.svg') no-repeat !important;
  1290. }
  1291.  
  1292. .charsheet .sheet-indented-box-horizontal-bottom-left, .charsheet .sheet-indented-box-horizontal-bottom-right, .charsheet .sheet-indented-box-horizontal-rounded-bottom-left, .charsheet .sheet-indented-box-horizontal-rounded-bottom-right, .charsheet .sheet-indented-box-horizontal-rounded-bottom-top-left, .charsheet .sheet-indented-box-horizontal-rounded-bottom-top-right, .charsheet .sheet-indented-box-horizontal-top-left, .charsheet .sheet-indented-box-horizontal-top-right {
  1293. background: url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/7802ae10fa22c302eb173ead628c83e1/raw/0aabdf83a688dcadb5979edadfd359670102c856/indentedBoxHorizontalCorner.svg') no-repeat !important;
  1294. }
  1295.  
  1296. .charsheet .sheet-indented-box-horizontal-rounded-bottom-bottom-left, .charsheet .sheet-indented-box-horizontal-rounded-bottom-bottom-right, .charsheet .sheet-indented-box-horizontal-rounded-top-left, .charsheet .sheet-indented-box-horizontal-rounded-top-right {
  1297. background: url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/92c7126f6400f44fed1e3cfe18814693/raw/0c708896da0a0c16f83fd29b97a4fa351cda0e18/indentedBoxHorizontalRoundedTopCorner.svg') no-repeat !important;
  1298. }
  1299.  
  1300. .charsheet .sheet-indented-box-horizontal-expand-bottom, .charsheet .sheet-indented-box-horizontal-expand-top, .charsheet .sheet-indented-box-horizontal-rounded-bottom-expand-bottom, .charsheet .sheet-indented-box-horizontal-rounded-bottom-expand-top, .charsheet .sheet-indented-box-horizontal-rounded-expand-bottom, .charsheet .sheet-indented-box-horizontal-rounded-expand-top,
  1301. .charsheet .sheet-indented-box-horizontal-rounded-bottom-expand-left, .charsheet .sheet-indented-box-horizontal-rounded-bottom-expand-right, .charsheet .sheet-indented-box-horizontal-rounded-expand-left, .charsheet .sheet-indented-box-horizontal-rounded-expand-right,
  1302. .charsheet .sheet-indented-box-horizontal-expand-left, .charsheet .sheet-indented-box-horizontal-expand-right {
  1303. background-color: #1a1a1a !important;
  1304. }
  1305.  
  1306. .charsheet .sheet-boring-box-top-left, .charsheet .sheet-boring-box-top-right,
  1307. .sheet-rolltemplate-5e-shaped .sheet-boring-box-top-left, .sheet-rolltemplate-5e-shaped .sheet-boring-box-top-right {
  1308. background: url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/fab3aa13509f03ee01b42964993a5588/raw/81b4a1a231bf7b33bdf5d48367bc0b8fcdb3b5cc/boringBoxTopCornerWhite.svg') no-repeat !important;
  1309. }
  1310.  
  1311. .charsheet .sheet-boring-box-expand-bottom, .charsheet .sheet-boring-box-expand-top,
  1312. .sheet-rolltemplate-5e-shaped .sheet-boring-box-expand-bottom, .sheet-rolltemplate-5e-shaped .sheet-boring-box-expand-top {
  1313. background: #1a1a1a url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/a63fee182682ed9f41a8e35954cbd35f/raw/cdb0c1a5947549633aa106df9015b9a50e488698/boringBoxTopBottomExpandWhite.svg') repeat-x !important;
  1314. }
  1315. .sheet-rolltemplate-5e-shaped .sheet-boring-box-expand-bottom {
  1316. transform: scaleY(-1) scaleX(1.05) !important;
  1317. }
  1318.  
  1319. .charsheet .sheet-boring-box-expand-left, .charsheet .sheet-boring-box-expand-right,
  1320. .sheet-rolltemplate-5e-shaped .sheet-boring-box-expand-left, .sheet-rolltemplate-5e-shaped .sheet-boring-box-expand-right {
  1321. background: url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/ca1db5c4e2e117b7501f390198f2760b/raw/510b4fcf14727a574d2b26ceaa238c5a34407bea/boringBoxSideExpandWhite.svg') repeat-y !important;
  1322. }
  1323.  
  1324. .charsheet .sheet-boring-box-bottom-left, .charsheet .sheet-boring-box-bottom-right,
  1325. .sheet-rolltemplate-5e-shaped .sheet-boring-box-bottom-left, .sheet-rolltemplate-5e-shaped .sheet-boring-box-bottom-right {
  1326. background: url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/0bf33662756f948ed17fcc49aa9cf908/raw/8b37d710faa267102508f8adefb0a60fd47ca08c/boringBoxBottomCornerWhite.svg') no-repeat !important;
  1327. }
  1328.  
  1329. .charsheet .sheet-modifier-long {
  1330. background: url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/97f47eeab64b20a9bb6c96c0be676fc5/raw/f5a240e73953285bfd9e3bff40b46d9241424ba8/modifierLong.svg') no-repeat !important;
  1331. }
  1332.  
  1333. .charsheet .sheet-modifier-short {
  1334. background: url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/7e006f6645f31f0e785e93ecf5c6d4f0/raw/c944f70f1669619b11367ca89bf9894804f7ccf7/modifierShort.svg') no-repeat !important;
  1335. }
  1336.  
  1337. .charsheet .sheet-spell-level-title-background-left-no-number, .charsheet .sheet-spell-level-title-background-right {
  1338. background: url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/d36565260acd415583c935b1bd9a1b76/raw/c494b45fd6478592ef53d4c7c1617693a9df8344/spellcastingTitleRight.svg') no-repeat !important;
  1339. }
  1340.  
  1341. .charsheet .sheet-spell-level-title-background-expand {
  1342. background: url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/bc92bb122820840be2883a930a3a178c/raw/4b692304ee3860a228c60e9683af2dabd2d91052/spellcastingTitleExpand.svg') repeat-x !important;
  1343. }
  1344.  
  1345. .charsheet .sheet-spell-level-title-background-left {
  1346. background: url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/a188dc921c2c5bb6cae4a33b322ba7b2/raw/205ced227f5a6cb2109cdc8da12c2321fb65c709/spellcastingTitleLeft.svg') no-repeat !important;
  1347. }
  1348.  
  1349. .charsheet .sheet-modifier {
  1350. background: url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/53588b14e229d520daa7974051f9e42d/raw/1cf648aa6f111e1d5e380eaaaa7287555f9479c9/modifier.svg') no-repeat !important;
  1351. }
  1352.  
  1353. .charsheet .sheet-copper, .charsheet .sheet-silver, .charsheet .sheet-electrum, .charsheet .sheet-gold, .charsheet .sheet-platinum {
  1354. background: url('http://imgsrv.roll20.net/?src=gistcdn.githack.com/RedReign/7ddb096717c32ed8ab64478918cdf44f/raw/4ca07b33a0f792570a4690665e40299b0fb17a4e/copper.svg') no-repeat !important;
  1355. }
  1356.  
  1357. .charsheet .sheet-indented-box-expand-bottom, .charsheet .sheet-indented-box-expand-top,
  1358. .charsheet .sheet-max-hp-wrapper, .charsheet .sheet-temp-hp-wrapper {
  1359. background-color: #1a1a1a !important;
  1360. }
  1361.  
  1362. .charsheet .sheet-indented-box-expand-left, .charsheet .sheet-indented-box-expand-right, .charsheet .sheet-box-middle,
  1363. .sheet-rolltemplate-5e-shaped .sheet-box-middle {
  1364. background-color: #1a1a1a !important;
  1365. }
  1366.  
  1367. .sheet-inspiration-left, .sheet-inspiration-right, .sheet-proficiency-bonus button, .sheet-shaped-version > button {
  1368. background-color: transparent !important;
  1369. }
  1370.  
  1371. .sheet-shaped-version > button > span {
  1372. text-shadow: 1px 1px #1a1a1a;
  1373. }
  1374.  
  1375. /* OGL TIME LET'S GO */
  1376.  
  1377. div.sheet-licensecontainer .sheet-npc_toggle[value="1"] ~ .sheet-npc .sheet-stat-block,
  1378. div.sheet-licensecontainer .sheet-npc_toggle[value="1"] ~ .sheet-npc .sheet-actions,
  1379. div.sheet-licensecontainer .sheet-npc_toggle[value="1"] + .sheet-npcspellcastingflag[value="1"] ~ .sheet-pc .sheet-page.sheet-spells .sheet-body .sheet-col {
  1380. background: transparent !important;
  1381. }
  1382.  
  1383. div.sheet-licensecontainer .sheet-container .sheet-body button.btn.ui-draggable {
  1384. color: hsl(44,63%,63%) !important;
  1385. }
  1386.  
  1387. div.sheet-licensecontainer .sheet-container .sheet-body button.btn.ui-draggable:hover {
  1388. color: #3f88e6 !important;
  1389. }
  1390.  
  1391. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-subcontainer .sheet-row-container input[type="checkbox"]:checked {
  1392. background-color: #444 !important;
  1393. }
  1394.  
  1395. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-core .sheet-col2 {
  1396. background: url("https://gistcdn.githack.com/RedReign/70800980c89d9a8ed2029f0136ae75f0/raw/a608c0a7f952138d35717dea053529d800f2201d/vitals.svg") !important;
  1397. }
  1398.  
  1399. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attributes-container {
  1400. background: url("https://gistcdn.githack.com/RedReign/f862ed28ee28687ea3572d3a363a373e/raw/ea2e1ee747d16f1d8aa5db70baec3e3b4befab97/abilityBack.svg") !important;
  1401. }
  1402.  
  1403. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attr-container {
  1404. background: url("https://gistcdn.githack.com/RedReign/4eaabf71e6949e781d9763acea1cdd4a/raw/8c7a7fe6b406cb8ff37e1a4624f5902d301884fb/abilitySTR.svg") !important;
  1405. }
  1406.  
  1407. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-insp-prof-container {
  1408. background: url("https://gistcdn.githack.com/RedReign/8a64e22b55417338b4a55bce64e2b05e/raw/5f89a978eecb33b9b4afe355ef07d50234cae4dc/OGLinspiration.svg") no-repeat !important;
  1409. }
  1410.  
  1411. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-insp-prof-container + .sheet-insp-prof-container {
  1412. background: url("https://gistcdn.githack.com/RedReign/035336cbe7d5887ed93daf3d751e8972/raw/f7f8037eb44d2c4de7a6e4b5e3236865f3adc0a9/OGLproficiencyBonus.svg") no-repeat !important;
  1413. }
  1414.  
  1415. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-saving-throw-container,
  1416. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-skills-container {
  1417. border-image-source: url("https://gistcdn.githack.com/RedReign/bb3b9263161822b2e7adeca6e821ab07/raw/f76ee4ec3f8afb94f64aafa4eb3a2f727da80cbe/OGLsaves.svg") !important;
  1418. }
  1419.  
  1420. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-col1 > .sheet-insp-prof-container {
  1421. background-image: url("https://gistcdn.githack.com/RedReign/e8630c5958ce244ec521ac7c2b587d64/raw/f6860c443c93d7bde76067b63a913c7baf50eb93/OGLperception.svg") !important;
  1422. }
  1423.  
  1424. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-tool_proficiencies {
  1425. border-image-source: url("https://gistcdn.githack.com/RedReign/23e65423c73f9cab74a6a822e642f34f/raw/bb06f1e12c567784bef0d55353b6911cdfcbf502/OGLproficiencyBlock.svg") !important;
  1426. }
  1427.  
  1428. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attacks,
  1429. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-proficiencies,
  1430. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-traits,
  1431. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-equipment,
  1432. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-exhaustion {
  1433. border-image-source: url("https://gistcdn.githack.com/RedReign/5ee291a1048ad661e3d867aafa262af0/raw/282e8573c504f09f910b7b9e07ab0cf57a60eaa7/OGL5eBorder.svg") !important;
  1434. border-image-slice: 6% 8% 12% 8% fill !important;
  1435. }
  1436.  
  1437. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-bio .sheet-textbox {
  1438. border-image-source: url("https://gistcdn.githack.com/RedReign/5ee291a1048ad661e3d867aafa262af0/raw/282e8573c504f09f910b7b9e07ab0cf57a60eaa7/OGL5eBorder.svg") !important;
  1439. }
  1440.  
  1441. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-coin {
  1442. background-image: url("https://gistcdn.githack.com/RedReign/d419f81fe11fb67e7d514a648ab0889d/raw/8f78451fb73c13ad7ee9a058866af6d0d94bd5b5/OGLgold.svg") !important;
  1443. }
  1444.  
  1445. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-pibf {
  1446. border-image-source: url("https://gistcdn.githack.com/RedReign/105730a1af47e85c3e5935c9507c56f9/raw/50e7167541bd35b3cd1a77425415a2e7bc6503d3/OGLvitalTop.svg") !important;
  1447. }
  1448.  
  1449. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-pibf + .sheet-pibf {
  1450. border-image-source: url("https://gistcdn.githack.com/RedReign/bea2c5787339178bf23a0b47e37693a7/raw/13ca484fa6fd74f2178d3c04f3699e2d65135649/OGLvitalMid.svg") !important;
  1451. }
  1452.  
  1453. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-pibf + .sheet-pibf + .sheet-pibf + .sheet-pibf {
  1454. border-image-source: url("https://gistcdn.githack.com/RedReign/05cae179d7d3cc12fbd7ed06c3a2030e/raw/381aa6c33f83b35a63024f6de999120dec47e0b7/OGLvitalBottom.svg") !important;
  1455. }
  1456.  
  1457. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-hp + .sheet-hp {
  1458. background-image: url("https://gistcdn.githack.com/RedReign/05cae179d7d3cc12fbd7ed06c3a2030e/raw/381aa6c33f83b35a63024f6de999120dec47e0b7/OGLvitalBottom.svg") !important;
  1459. }
  1460.  
  1461. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-subcontainer {
  1462. background-color: transparent !important;
  1463. border-image-source: url("https://gistcdn.githack.com/RedReign/256d7e0a1d2ab439c359a1ed638b2778/raw/67a354930c383453878f4f1570623b609262e19f/OGLvitalBox.svg") !important;
  1464. border-image-slice: 15 15 fill !important;
  1465. }
  1466.  
  1467. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-init,
  1468. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-speed {
  1469. background-image: url("https://gistcdn.githack.com/RedReign/256d7e0a1d2ab439c359a1ed638b2778/raw/67a354930c383453878f4f1570623b609262e19f/OGLvitalBox.svg") !important;
  1470. }
  1471.  
  1472. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-hp {
  1473. background-image: url("https://gistcdn.githack.com/RedReign/105730a1af47e85c3e5935c9507c56f9/raw/50e7167541bd35b3cd1a77425415a2e7bc6503d3/OGLvitalTop.svg") !important;
  1474. }
  1475.  
  1476. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-ac {
  1477. background-image: url("https://gistcdn.githack.com/RedReign/80061e42296f262830cf1438164c73b7/raw/6ff4ae5fa6a452cd36c7a3ec727ba0044c84beda/OGLac.svg") !important;
  1478. }
  1479.  
  1480. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-col1 .sheet-spell-level:nth-child(1) {
  1481. background-image: url("https://gistcdn.githack.com/RedReign/5fa17678f22adceac38370f55cc424bf/raw/904f94caf9d1df8e0ccd7d861e618310cab8e4cc/OGLcantrip.svg") !important;
  1482. }
  1483.  
  1484. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-spell-level {
  1485. background-image: url("https://gistcdn.githack.com/RedReign/b9abd30f611eb4b015ca6dc316aebb73/raw/02538717a79c9e715ce8354619f7b7f1851703fd/OGLspellLevel.svg") !important;
  1486. }
  1487.  
  1488. div.sheet-licensecontainer .sheet-container.sheet-pc .sheet-spells .sheet-header .sheet-header-info .sheet-part {
  1489. background-image: url("https://gistcdn.githack.com/RedReign/d4585ddcf78ceb581a975d860f8d52ec/raw/ceacd6383b6cc5ecb8364c61527add0f28312ef6/OGLspellHeadBlock.svg") !important;
  1490. }
  1491.  
  1492. div.sheet-licensecontainer .sheet-container.sheet-pc .sheet-spells .sheet-header .sheet-header-info {
  1493. background-image: url("https://gistcdn.githack.com/RedReign/237aa9f3dfd1b7925a1e75342906a054/raw/99dcda2e8d69b47841e241c94c1e3ed7a151e991/OGLspellBox.svg") !important;
  1494. }
  1495.  
  1496. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-page.sheet-spells > div.sheet-header {
  1497. background-image: url("https://gistcdn.githack.com/RedReign/0c0a62a7718186d7ce0f1ae45f9cf9c1/raw/24c0cfe62d18b0df01efee3c8b4d1035e097022c/OGLspellScroll.svg") !important;
  1498. }
  1499.  
  1500. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-page > div.sheet-header::after {
  1501. background-image: url("https://gistcdn.githack.com/RedReign/cf1fae61a115894ffa29ed24884928aa/raw/e78c8d6d9bb5e2c080fc2cfa74f9a90d053c09d7/OGLscrollRight.svg") !important;
  1502. }
  1503.  
  1504. div.sheet-licensecontainer .sheet-container.sheet-pc .sheet-header .sheet-header-info {
  1505. background-image: url("https://gistcdn.githack.com/RedReign/73b5df43e0114ff932d0e76138bd7780/raw/94f941dfe655add03e361582d290053eb66be8a2/OGLcharBox.svg") !important;
  1506. }
  1507.  
  1508. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-page.sheet-bio > div.sheet-header {
  1509. background-image: url("https://gistcdn.githack.com/RedReign/38cfe2044172cfdf65767bfd2d3472b6/raw/d15fb90aa8e01aeb586f25496ea4552f5a1e5c08/OGLbioScroll.svg") !important;
  1510. }
  1511.  
  1512. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-page.sheet-core > div.sheet-header,
  1513. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) div.sheet-page.sheet-options > div.sheet-header {
  1514. background-image: url("https://gistcdn.githack.com/RedReign/e7758f7513b818ff9427a886cffc7fed/raw/45fcf8ecb0705f3352e966ed868fd57ff7c57232/OGLcharScroll.svg") !important;
  1515. }
  1516.  
  1517. div.sheet-licensecontainer .sheet-body .sheet-item .sheet-subitem > span {
  1518. background-color: hsl(0,0%,15%) !important;
  1519. }
  1520.  
  1521. div.sheet-licensecontainer .sheet-body .sheet-item .sheet-inventorysubflag {
  1522. background-color: transparent !important;
  1523. }
  1524.  
  1525. div.sheet-licensecontainer .sheet-proficiency .sheet-display button,
  1526. div.sheet-licensecontainer .sheet-body .repcontrol .btn,
  1527. div.sheet-licensecontainer .sheet-money .sheet-coin,
  1528. div.sheet-licensecontainer .sheet-money .sheet-coin > input,
  1529. .charsheet .sheet-textbox .sheet-display .sheet-desc,
  1530. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-ac input,
  1531. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-init span,
  1532. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-speed input,
  1533. div.sheet-licensecontainer .sheet-header-info .sheet-part select[name="attr_spellcasting_ability"],
  1534. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-ac-init-speed-container .sheet-init > button {
  1535. background-color: transparent !important;
  1536. }
  1537.  
  1538. div.sheet-licensecontainer .sheet-body .sheet-spell .sheet-options .sheet-row > span[data-i18n*="spell-component-"],
  1539. div.sheet-licensecontainer .sheet-body .sheet-spell .sheet-options .sheet-row > span[data-i18n*="ritual-u"],
  1540. div.sheet-licensecontainer .sheet-body .sheet-spell .sheet-options .sheet-row > span[data-i18n*="concentration-u"] {
  1541. background-color: transparent !important;
  1542. }
  1543.  
  1544. div.sheet-licensecontainer .sheet-display button:hover,
  1545. div.sheet-licensecontainer .sheet-body .repcontrol .btn:hover,
  1546. div.sheet-licensecontainer .sheet-item:hover {
  1547. background-color: hsl(0,0%,20%) !important;
  1548. }
  1549.  
  1550. .sheet-body .sheet-attr-mod .sheet-baseattr {
  1551. background-color: transparent !important;
  1552. }
  1553.  
  1554. div.sheet-licensecontainer .sheet-container:not(.sheet-npc) .sheet-attr-container .sheet-attr-mod {
  1555. border: 1px solid black !important;
  1556. }
  1557.  
  1558. .sheet-body .sheet-attributes-container .sheet-attr-container button {
  1559. border: 1px solid black !important;
  1560. }
  1561.  
  1562. .sheet-body .sheet-attributes-container .sheet-attr-container button:hover,
  1563. div.sheet-licensecontainer .sheet-body button.btn:hover {
  1564. color: #3f88e6 !important;
  1565. background-color: hsl(0,0%,20%) !important;
  1566. }
  1567.  
  1568. div.sheet-licensecontainer .sheet-trait > .sheet-display > span.sheet-title[name*="attr_"] {
  1569. background-color: transparent !important;
  1570. }
  1571.  
  1572. div.sheet-licensecontainer .sheet-trait:hover > .sheet-display > span.sheet-title[name*="attr_"] {
  1573. color: #3f88e6 !important;
  1574. }
  1575.  
  1576. .sheet-rolltemplate-spell .sheet-container,
  1577. .sheet-rolltemplate-npc, .sheet-rolltemplate-npcaction .sheet-container, .sheet-rolltemplate-npcatk, .sheet-rolltemplate-npcdmg, .sheet-rolltemplate-traits {
  1578. background: #222 url('https://i.imgur.com/n7ohb4t.png') repeat scroll left top !important;
  1579. }
  1580.  
  1581. .sheet-rolltemplate-spell .sheet-container span {
  1582. color: hsl(0,0%,80%) !important;
  1583. }
  1584.  
  1585. .sheet-display button.sheet-spellcard .sheet-innate {
  1586. background-color: transparent !important;
  1587. }
  1588.  
  1589. .charsheet .sheet-spell input[type='checkbox']:checked ~ span.sheet-prep {
  1590. background-color: hsl(44,63%,63%) !important
  1591. }
  1592.  
  1593. .sheet-page.sheet-core .sheet-header .sheet-name-container img {
  1594. display: block;
  1595. -moz-box-sizing: border-box;
  1596. box-sizing: border-box;
  1597. background: url(http://imgsrv.roll20.net/?src=i.imgur.com/rzVfqwl.png) no-repeat;
  1598. width: 250px; /* Width of new image */
  1599. height: 45px; /* Height of new image */
  1600. padding-left: 250px; /* Equal to width of new image */
  1601. }
  1602.  
  1603. .charsheet .sheet-attr-mod,
  1604. .charsheet .sheet-insp-prof-container .sheet-value {
  1605. background-color: #1a1a1a !important;
  1606. }
  1607.  
  1608. .charsheet .sheet-insp-prof-container .sheet-value input[type='checkbox'] ~ span {
  1609. -webkit-filter: invert(80%) !important;
  1610. }
  1611.  
  1612. .charsheet .sheet-level::before {
  1613. color: #111 !important;
  1614. }
  1615.  
  1616. .sheet-pibf .sheet-display > span[name="attr_personality_traits"],
  1617. .sheet-pibf .sheet-display > span[name="attr_ideals"],
  1618. .sheet-pibf .sheet-display > span[name="attr_bonds"],
  1619. .sheet-pibf .sheet-display > span[name="attr_flaws"],
  1620. div.sheet-licensecontainer .sheet-resources .sheet-subcontainer .sheet-label[name="attr_class_resource_name"],
  1621. div.sheet-licensecontainer .sheet-resources .sheet-subcontainer .sheet-label[name="attr_other_resource_name"] {
  1622. background-color: transparent !important;
  1623. }
  1624.  
  1625. .sheet-display > span[name*='attr_'] {
  1626. background-color: #2a2a2a !important;
  1627. }
  1628.  
  1629. div.sheet-licensecontainer .sheet-npc_options span {
  1630. color: hsl(0,0%,70%) !important;
  1631. }
  1632.  
  1633. .charsheet .sheet-attacks .sheet-display .sheet-subheader span {
  1634. background-color:transparent !important;
  1635. }
  1636.  
  1637. .sheet-trait:hover,
  1638. .sheet-item input,
  1639. .sheet-display > .sheet-title,
  1640. .sheet-display > button span[name*='attr_'],
  1641. .sheet-display > button input[name*='attr_'],
  1642. .charsheet .sheet-coin,
  1643. .charsheet div.sheet-globaldisplay,
  1644. .charsheet .sheet-pc .sheet-global-mod .sheet-options-flag:not(:checked) ~ .sheet-display .sheet-subheader {
  1645. background-color: #2a2a2a !important;
  1646. }
  1647.  
  1648. .charsheet .sheet-display > button .sheet-spellname[name='attr_spellname'] {
  1649. background-color: transparent !important;
  1650. }
  1651.  
  1652. .ui-dialog .btn[name='roll_spell'] {
  1653. border-color: transparent !important
  1654. }
  1655.  
  1656. .repitem .sheet-spell > .sheet-options-flag[type='checkbox'] + span,
  1657. .charsheet .sheet-npc .sheet-npc_options-flag + span {
  1658. background-color: transparent !important;
  1659. z-index: 10 !important;
  1660. }
  1661.  
  1662. .repitem .sheet-spell > .sheet-options-flag[type='checkbox'],
  1663. .charsheet .sheet-npc .sheet-npc_options-flag {
  1664. z-index: 11 !important;
  1665. }
  1666.  
  1667. .charsheet .sheet-npc .sheet-npc_options-flag,
  1668. .charsheet .sheet-npc .sheet-npc_options-flag + span {
  1669. top: 10px !important;
  1670. }
  1671.  
  1672. .repitem .itemcontrol,
  1673. .sheet-spell-container .repitem .itemcontrol .btn {
  1674. z-index: 12 !important;
  1675. }
  1676.  
  1677. .charsheet input[type='radio'].sheet-tab-button + span,
  1678. .charsheet .sheet-advantagetoggle input[type='radio'] + span {
  1679. background-color: #666 !important;
  1680. }
  1681.  
  1682. div.sheet-rolltemplate-simple div.sheet-container {
  1683. background-image: url("https://i.imgur.com/FjwWl2K.png") !important;
  1684. background-color: transparent !important;
  1685. }
  1686.  
  1687. div.sheet-rolltemplate-atk div.sheet-container, div.sheet-rolltemplate-atkdmg div.sheet-container.sheet-atk, div.sheet-rolltemplate-dmg div.sheet-atk {
  1688. background: url('https://i.imgur.com/KphynRx.png') top left round !important;
  1689. }
  1690.  
  1691. div.sheet-rolltemplate-dmg div.sheet-container, div.sheet-rolltemplate-atkdmg div.sheet-container.sheet-damagetemplate {
  1692. background: url('https://i.imgur.com/g6uwvqk.png') top left round !important;
  1693. }
  1694.  
  1695. div.sheet-rolltemplate-atk div.sheet-desc,
  1696. div.sheet-rolltemplate-atkdmg div.sheet-desc,
  1697. div.sheet-rolltemplate-dmg div.sheet-desc,
  1698. div.sheet-rolltemplate-desc div.sheet-desc {
  1699. background-image: url('https://i.imgur.com/5ZqDAqf.png') !important;
  1700. }
  1701.  
  1702. div.sheet-rolltemplate-atk div.sheet-desc.sheet-info .sheet-top,
  1703. div.sheet-rolltemplate-atkdmg div.sheet-desc.sheet-info .sheet-top,
  1704. div.sheet-rolltemplate-dmg div.sheet-desc.sheet-info .sheet-top,
  1705. div.sheet-rolltemplate-desc div.sheet-desc.sheet-info .sheet-top {
  1706. background-image: url('https://i.imgur.com/xRbZ0nw.png') !important;
  1707. }
  1708.  
  1709. div.sheet-rolltemplate-atk div.sheet-desc.sheet-info .sheet-middle,
  1710. div.sheet-rolltemplate-atkdmg div.sheet-desc.sheet-info .sheet-middle,
  1711. div.sheet-rolltemplate-dmg div.sheet-desc.sheet-info .sheet-middle,
  1712. div.sheet-rolltemplate-desc div.sheet-desc.sheet-info .sheet-top {
  1713. background-image: url('https://i.imgur.com/vhjUpjD.png') !important;
  1714. }
  1715.  
  1716. div.sheet-rolltemplate-atk div.sheet-desc.sheet-info .sheet-bottom,
  1717. div.sheet-rolltemplate-atkdmg div.sheet-desc.sheet-info .sheet-bottom,
  1718. div.sheet-rolltemplate-dmg div.sheet-desc.sheet-info .sheet-bottom,
  1719. div.sheet-rolltemplate-desc div.sheet-desc.sheet-info .sheet-bottom {
  1720. background-image: url('https://i.imgur.com/N1mu4tJ.png') !important;
  1721. }
  1722.  
  1723. .sheet-damagetemplate > .sheet-result:not(:last-child) {
  1724. border-bottom: 1px solid #000 !important;
  1725. }
  1726.  
  1727. .charsheet .sheet-charmancer .sheet-bottombar {
  1728. border-top: 1px dashed #555 !important;
  1729. background: hsl(0,0%,20%) !important;
  1730. }
  1731.  
  1732. .charsheet .sheet-charmancer button, .charsheet .sheet-charmancer button[type="roll"] {
  1733. background-color: hsl(0,0%,40%) !important;
  1734. }
  1735.  
  1736. .charsheet .sheet-charmancer button.sheet-exit {
  1737. color: #800 !important;
  1738. border-color: #800 !important;
  1739. }
  1740.  
  1741. .charsheet .sheet-charmancer .sheet-steps {
  1742. background: hsl(0,0%,20%) !important;
  1743. border-bottom: 1px dashed #555 !important;
  1744. }
  1745.  
  1746. .charsheet .sheet-charmancer .sheet-hilite,{
  1747. background: #333 !important;
  1748. }
  1749.  
  1750. .charsheet .sheet-charmancer .sheet-levels-hp-row {
  1751. background: #333 !important;
  1752. border-color: black !important;
  1753. }
  1754.  
  1755. .charsheet .sheet-charmancer .sheet-spell-holder label,
  1756. .charsheet .sheet-charmancer .sheet-container .sheet-spell-item:nth-child(2n) {
  1757. background-color: #2a2a2a !important;
  1758. }
  1759.  
  1760. .charsheet .sheet-charmancer .sheet-asi-row .sheet-switch:empty ~ .sheet-switch-container .sheet-asi-tab,
  1761. .charsheet .sheet-charmancer .sheet-asi-row .sheet-switch:not(:empty) ~ .sheet-switch-container .sheet-feat-tab {
  1762. background-color: #1a1a1a !important;
  1763. }
  1764.  
  1765. .charsheet .sheet-charmancer .sheet-lp-summary .sheet-after h2 {
  1766. background-color: #333 !important;
  1767. }
  1768.  
  1769. .charsheet .sheet-charmancer .sheet-lp-summary .sheet-highlight {
  1770. background-color: #2a2a2a !important;
  1771. }
  1772.  
  1773. .charsheet .sheet-charmancer .sheet-levels-hp-row .sheet-hpbylevel-toggle:checked ~ span.sheet-collapse + div > div {
  1774. background: #2a2a2a !important;
  1775. }
  1776.  
  1777. .charmancer .content-text, .charmancer .content-text h1, .charmancer .content-text h2, .charmancer .content-text h3, .charmancer .content-text h4 {
  1778. color: hsl(0,0%,75%) !important;
  1779. }
  1780.  
  1781. .charmancer .container {
  1782. background-color: #1a1a1a !important;
  1783. }
  1784.  
  1785. .charmancer .sheet-summary:nth-child(2n) {
  1786. background: #2a2a2a !important;
  1787. }
  1788.  
  1789. .charsheet .sheet-charmancer .sheet-warning {
  1790. color: rgb(160, 25, 94) !important;
  1791.  
  1792. .r20es-dialog,
  1793. .r20es-dialog div {
  1794. background-color: hsl(0,0%,10%) !important;
  1795. color: hsl(0,0%,80%) !important;
  1796. }
  1797.  
  1798. .r20es-clickable-text.selected {
  1799. background-color: hsl(0,0%,20%) !important;
  1800. }
  1801.  
  1802. .r20es-welcome {
  1803. background-color: hsl(0,0%,10%) !important;
  1804. color: hsl(0,0%,75%) !important;
  1805. }
  1806. `;
  1807. if (typeof GM_addStyle != "undefined") {
  1808. GM_addStyle(css);
  1809. } else if (typeof PRO_addStyle != "undefined") {
  1810. PRO_addStyle(css);
  1811. } else if (typeof addStyle != "undefined") {
  1812. addStyle(css);
  1813. } else {
  1814.  
  1815. const node = document.createElement("style");
  1816. node.type = "text/css";
  1817. node.innerHTML = css;
  1818.  
  1819. // Note(stormy): wait for document.head to be available
  1820. const interval = 10;
  1821. const waitForDepts = () => {
  1822. if(!document.head) {
  1823. setTimeout(waitForDepts, 10);
  1824. return;
  1825. }
  1826.  
  1827. document.head.appendChild(node);
  1828.  
  1829. }
  1830. setTimeout(waitForDepts, 10);
  1831. }
  1832. })();
  1833. (function(){
  1834. const el = document.createElement("link");
  1835. el.rel = "stylesheet";
  1836. el.href = "/css/licensed5ednd.css";
  1837. document.head.appendChild(el)
  1838. })();
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement