API tools faq
paste
Advertisement
Guest User

Stylish Roll20 Modified Dark Matter

a guest
Feb 22nd, 2018
108
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 38.28 KB | None | 0 0
raw download clone embed print report
  1. h1 {
  2.   color: #999; }
  3.  
  4. h2 {
  5.   color: #999; }
  6.  
  7. h3 {
  8.   color: #999; }
  9.  
  10. label {
  11.   color: #666; }
  12.  
  13. .btn {
  14.   background: #151515;
  15.   border: 1px solid #000;
  16.   box-shadow: inset 0 1px 0 rgba(100, 100, 100, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
  17.   color: #999;
  18.   text-shadow: none;
  19.   transition: all .2s; }
  20.  
  21. .btn:hover {
  22.   background-color: #1b1b1b;
  23.   box-shadow: inset 0 1px 0 rgba(100, 100, 100, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1);
  24.   color: #999;
  25.   transition: all .2s; }
  26.  
  27. .btn:focus {
  28.   outline: none; }
  29.  
  30. #macrobar .btn {
  31.   border: 1px solid #000 !important;
  32.   box-shadow: inset 0 1px 0 rgba(100, 100, 100, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1); }
  33.  
  34. a:focus, img:focus {
  35.   outline: none; }
  36.  
  37. hr {
  38.   border-color: #222 !important; }
  39.  
  40. select {
  41.   background: #151515;
  42.   border: 1px solid #000;
  43.   box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.1);
  44.   color: #666; }
  45.   select:focus {
  46.     outline: none; }
  47.  
  48. input {
  49.   background: #222;
  50.   border: 1px solid #000;
  51.   box-shadow: inset 0 0 5px #000;
  52.   color: #999; }
  53.   input:focus {
  54.     border-color: #000;
  55.     box-shadow: inset 0 0 5px #000;
  56.     outline: none; }
  57.  
  58. input[type=checkbox] {
  59.   background: #222;
  60.   box-shadow: none;
  61.   -webkit-appearance: none;
  62.   height: 16px;
  63.   width: 16px !important;
  64.   margin: 3px 0 6px 0;
  65.   border-radius: 2px; }
  66.   input[type=checkbox]:focus {
  67.     outline: none; }
  68.  
  69. input[type="checkbox"]:checked {
  70.   background: #006666; }
  71.  
  72. .dialog label.checkbox input {
  73.   display: inline-block !important;
  74.   position: relative;
  75.   top: 9px; }
  76.  
  77. textarea::-webkit-scrollbar-corner {
  78.   border-left: 1px solid #000; }
  79.  
  80. textarea::-webkit-resizer {
  81.   display: none; }
  82.  
  83. ::placeholder {
  84.   color: #666; }
  85.  
  86. ::-webkit-scrollbar {
  87.   width: auto; }
  88.  
  89. ::-webkit-scrollbar-track {
  90.   background: #111;
  91.   border: 1px solid #000; }
  92.  
  93. ::-webkit-scrollbar-thumb {
  94.   background: #2A2A2A !important;
  95.   border: 1px solid #000; }
  96.  
  97. ::-webkit-scrollbar-corner {
  98.   background: #2A2A2A;
  99.   border-bottom: 1px solid #000;
  100.   border-right: 1px solid #000;
  101.   border-color: #000; }
  102.  
  103. #sidebarcontrol {
  104.   background: #1A1A1A;
  105.   border: 1px solid #000;
  106.   top: 0px;
  107.   height: 25px;
  108.   line-height: 28px;
  109.   color: #666;
  110.   opacity: 1;
  111.   display: none; }
  112.  
  113. #sidebarcontrol .fonticon-menu:before {
  114.   margin-left: 1px; }
  115.  
  116. #rightsidebar {
  117.   background: #0A0A0A;
  118.   border: none; }
  119.  
  120. #rightsidebar ul.tabmenu {
  121.   background-color: #0A0A0A;
  122.   border-bottom: 1px solid #333; }
  123.  
  124. #rightsidebar .ui-tabs-nav a {
  125.   color: #666;
  126.   text-shadow: none;
  127.   transition: all .2s; }
  128.  
  129. .ui-tabs .ui-tabs-nav li:hover, .ui-tabs .ui-tabs-nav li:hover a, .ui-tabs .ui-tabs-nav li a:hover {
  130.   background: #222;
  131.   border-bottom: 1px solid #333;
  132.   color: #999 !important; }
  133.  
  134. #rightsidebar .ui-tabs-nav li.ui-state-active a {
  135.   color: #009999 !important; }
  136.  
  137. #rightsidebar .ui-tabs-nav li:focus, #rightsidebar .ui-tabs-nav li a:focus, #rightsidebar .ui-tabs-nav li.ui-state-active:focus {
  138.   outline: none; }
  139.  
  140. #rightsidebar li.alertify a {
  141.   background-color: #009999; }
  142.  
  143. .dd-handle {
  144.   background: #222;
  145.   height: 30px; }
  146.   .dd-handle:before {
  147.     color: #999;
  148.     top: 5px; }
  149.  
  150. .ui-widget-content {
  151.   background: #222;
  152.   border-color: #000; }
  153.  
  154. .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  155.   background: #3b3b3b;
  156.   border: 1px solid #000;
  157.   outline: none; }
  158.  
  159. #zoomslider {
  160.   opacity: 1;
  161.   box-shadow: 0 0 3px #555555; }
  162.  
  163. #imagedialog .searchbox {
  164.   background-color: #0A0A0A; }
  165.  
  166. #imagedialog .tabcontainer a {
  167.   color: #666; }
  168.   #imagedialog .tabcontainer a:hover {
  169.     color: #999; }
  170.  
  171. #imagedialog .tabcontainer a.active {
  172.   color: #009999 !important; }
  173.  
  174. .dd-item > button:before {
  175.   color: #666; }
  176.  
  177. .folderroot .dd-content {
  178.   border-top: 1px solid #222; }
  179.  
  180. .dd-content {
  181.   color: #666; }
  182.   .dd-content:hover {
  183.     color: #999 !important; }
  184.  
  185. .dd-list .handout img, .archivetable img {
  186.   max-height: 28px; }
  187.  
  188. .handout .dd-content .token {
  189.   content: url(https://i.imgur.com/CLIUTZs.png); }
  190.  
  191. .dd-item .playerdots {
  192.   background-color: transparent; }
  193.  
  194. .d20contextmenu > ul {
  195.   background-color: #222;
  196.   color: #999; }
  197.  
  198. .d20contextmenu ul li:hover {
  199.   background-color: #333; }
  200.  
  201. .folderroot .archiveentry {
  202.   border-bottom: 1px solid #222; }
  203.  
  204. .atribsitem-link, .expandcontroller {
  205.   font-size: 0px; }
  206.  
  207. .container {
  208.   background: #111112; }
  209.  
  210. #tableofcontents {
  211.   background-color: #111112;
  212.   border: none; }
  213.  
  214. .breadcrumb {
  215.   background: #111112;
  216.   border-bottom: 1px solid #222 !important; }
  217.  
  218. .content-text a:link {
  219.   color: #009999; }
  220.  
  221. .pull-right {
  222.   background-color: transparent !important; }
  223.  
  224. .content-text h1, .content-text h2, .content-text h3, .content-text h4 {
  225.   color: #999; }
  226.  
  227. .content-text {
  228.   color: #666; }
  229.  
  230. a.autolink {
  231.   border-bottom: 1px dotted #006666; }
  232.   a.autolink:hover {
  233.     background-color: #ccc; }
  234.  
  235. .attrList .attrListItem:nth-child(odd) {
  236.   background-color: #151515; }
  237.  
  238. .attrList .attrListItem, .attrList .newAttrListItem {
  239.   border-color: #222; }
  240.  
  241. #jukeboxwhatsplaying {
  242.   border: 1px solid #222; }
  243.  
  244. #jukeboxwhatsplaying h4 {
  245.   color: #999; }
  246.  
  247. #jukeboxfolderroot div.title:hover {
  248.   background-color: #151515; }
  249.  
  250. #jukeboxfolderroot .loopcontainer input[type="checkbox"] + label span {
  251.   opacity: 1; }
  252.  
  253. #jukeboxfolderroot .loopcontainer input[type="checkbox"]:checked + label span {
  254.   color: #009999; }
  255.  
  256. .volume input[type="range"] {
  257.   -webkit-appearance: none;
  258.   background: #666 !important;
  259.   box-shadow: none;
  260.   border: none;
  261.   height: 3px !important; }
  262.  
  263. .volume input[type="range"]::-webkit-slider-thumb {
  264.   -webkit-appearance: none;
  265.   background: #009999;
  266.   border: 1px solid #000;
  267.   height: 20px;
  268.   width: 15px; }
  269.  
  270. #existingmacros .rollmacro {
  271.   color: #999; }
  272.  
  273. .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
  274.   background-color: #151515; }
  275.  
  276. .table-striped tbody tr:nth-child(even) td, .table-striped tbody tr:nth-child(even) th {
  277.   background-color: #222; }
  278.  
  279. .table th, .table td {
  280.   border-top: 1px solid #000; }
  281.  
  282. .ui-widget-content {
  283.   color: #666; }
  284.  
  285. .textchatcontainer .message {
  286.   padding-bottom: 10px;
  287.   padding-right: 0;
  288.   background-color: transparent; }
  289.  
  290. .textchatcontainer .message .spacer {
  291.   background-color: #151515; }
  292.  
  293. .textchatcontainer .message:first-child .spacer {
  294.   opacity: 0; }
  295.  
  296. .ui-widget-content a {
  297.   color: #009999 !important; }
  298.  
  299. code {
  300.   color: #009999;
  301.   background-color: #333;
  302.   border: 1px solid #333; }
  303.  
  304. .textchatcontainer .message.system {
  305.   display: none; }
  306.  
  307. .textchatcontainer .message.you {
  308.   background-color: transparent; }
  309.  
  310. .textchatcontainer .message.you .spacer {
  311.   background-color: #151515; }
  312.  
  313. .textchatcontainer .message.you .by {
  314.   color: #009999; }
  315.  
  316. .textchatcontainer .message.private {
  317.   background-color: #001111; }
  318.  
  319. .textchatcontainer .message.private .spacer {
  320.   background-color: #222; }
  321.  
  322. .textchatcontainer .error {
  323.   border-color: #990000; }
  324.  
  325. .textchatcontainer .message.error .spacer {
  326.   background-color: transparent; }
  327.  
  328. .textchatcontainer .formula, .textchatcontainer .rolled {
  329.   background: #222;
  330.   border: 1px solid #000;
  331.   color: #666; }
  332.  
  333. .textchatcontainer .rolled {
  334.   color: #999; }
  335.  
  336. .sheet-grey span {
  337.   color: #666 !important; }
  338.  
  339. .diceroll .didroll {
  340.   color: #999;
  341.   text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000; }
  342.  
  343. .textchatcontainer .formattedformula > .dicegrouping.ui-sortable {
  344.   color: transparent; }
  345.  
  346. .diceroll .backing {
  347.   color: #999;
  348.   text-shadow: 0 0 3px #999; }
  349.  
  350. .textchatcontainer .rollresult.quantumRoll {
  351.   background: url(https://i.imgur.com/L0zwzjO.png) no-repeat bottom left; }
  352.  
  353. .diceroll.critsuccess .didroll {
  354.   color: #33cc33; }
  355.  
  356. .diceroll.critfail .didroll {
  357.   color: #cc3333; }
  358.  
  359. #textchat-input {
  360.   background-color: #0A0A0A;
  361.   border-top: none; }
  362.  
  363. #textchat-input textarea {
  364.   background: #111;
  365.   border: 1px solid #000;
  366.   box-shadow: inset 0 0 5px #000;
  367.   color: #666; }
  368.  
  369. .sheet-rolltemplate-simple .sheet-adv span, .sheet-rolltemplate-simple .sheet-solo span, .sheet-rolltemplate-atk .sheet-adv span, .sheet-rolltemplate-atk .sheet-solo span, .sheet-rolltemplate-atkdmg .sheet-adv span, .sheet-rolltemplate-atkdmg .sheet-solo span, .sheet-rolltemplate-dmg .sheet-adv span, .sheet-rolltemplate-dmg .sheet-solo span {
  370.   color: #999; }
  371.  
  372. .sheet-rolltemplate-atkdmg .sheet-damagetemplate .inlinerollresult.fullcrit, .sheet-rolltemplate-atkdmg .sheet-damagetemplate .inlinerollresult.fullfail, .sheet-rolltemplate-atkdmg .sheet-damagetemplate .inlinerollresult.importantroll, .sheet-rolltemplate-dmg .sheet-damagetemplate .inlinerollresult.fullcrit, .sheet-rolltemplate-dmg .sheet-damagetemplate .inlinerollresult.fullfail, .sheet-rolltemplate-dmg .sheet-damagetemplate .inlinerollresult.importantroll, .sheet-rolltemplate-npcaction .sheet-damagetemplate .inlinerollresult.fullcrit, .sheet-rolltemplate-npcaction .sheet-damagetemplate .inlinerollresult.fullfail, .sheet-rolltemplate-npcaction .sheet-damagetemplate .inlinerollresult.importantroll, .sheet-rolltemplate-npcdmg .sheet-damagetemplate .inlinerollresult.fullcrit, .sheet-rolltemplate-npcdmg .sheet-damagetemplate .inlinerollresult.fullfail, .sheet-rolltemplate-npcdmg .sheet-damagetemplate .inlinerollresult.importantroll, .sheet-rolltemplate-atkdmg .sheet-desc .inlinerollresult.fullcrit, .sheet-rolltemplate-atkdmg .sheet-desc .inlinerollresult.importantroll, .sheet-rolltemplate-atkdmg .sheet-desc .inlinerollresult.fullfail, .sheet-rolltemplate-dmg .sheet-desc .inlinerollresult.fullcrit, .sheet-rolltemplate-dmg .sheet-desc .inlinerollresult.importantroll, .sheet-rolltemplate-dmg .sheet-desc .inlinerollresult.fullfail
  373. .sheet-rolltemplate-atk .sheet-desc .inlinerollresult.fullcrit, .sheet-rolltemplate-atk .sheet-desc .inlinerollresult.importantroll, .sheet-rolltemplate-atk .sheet-desc .inlinerollresult.fullfail {
  374.   color: #999; }
  375.  
  376. .sheet-rolltemplate-npc, .sheet-rolltemplate-npcaction .sheet-container, .sheet-rolltemplate-npcatk, .sheet-rolltemplate-npcdmg, .sheet-rolltemplate-traits {
  377.   background-color: #222;
  378.   border-color: #000;
  379.   width: 185px; }
  380.  
  381. .sheet-rolltemplate-npc .sheet-header, .sheet-rolltemplate-npcaction .sheet-header, .sheet-rolltemplate-npcatk .sheet-header, .sheet-rolltemplate-npcdmg .sheet-header {
  382.   color: #009999; }
  383.  
  384. div.sheet-rolltemplate-npc div.sheet-arrow-right, div.sheet-rolltemplate-npcaction div.sheet-arrow-right, div.sheet-rolltemplate-npcatk div.sheet-arrow-right, div.sheet-rolltemplate-npcdmg div.sheet-arrow-right {
  385.   border-left-color: #006666; }
  386.  
  387. .sheet-rolltemplate-npcaction .sheet-container.sheet-dmgcontainer {
  388.   margin-top: 0; }
  389.  
  390. .sheet-rolltemplate-npc .inlinerollresult, .sheet-rolltemplate-npcaction .inlinerollresult, .sheet-rolltemplate-npcatk .inlinerollresult, .sheet-rolltemplate-npcdmg .inlinerollresult, .sheet-rolltemplate-traits .inlinerollresult {
  391.   background-color: transparent;
  392.   color: #999; }
  393.  
  394. div.sheet-rolltemplate-atk div.sheet-container, div.sheet-rolltemplate-atkdmg div.sheet-container.sheet-atk, div.sheet-rolltemplate-dmg div.sheet-atk {
  395.   background: #222;
  396.   border: 1px solid #000;
  397.   width: 195px; }
  398.  
  399. .sheet-rolltemplate-atk .sheet-sublabel span, .sheet-rolltemplate-atkdmg .sheet-sublabel span, .sheet-rolltemplate-dmg .sheet-sublabel span, .charsheet {
  400.   color: #666; }
  401.  
  402. .sheet-rolltemplate-atk .sheet-container, .sheet-rolltemplate-atkdmg .sheet-container.sheet-atk, .sheet-rolltemplate-dmg .sheet-atk, .sheet-rolltemplate-atkdmg .sheet-label span span {
  403.   color: #666; }
  404.  
  405. .sheet-rolltemplate-simple .sheet-label, .sheet-rolltemplate-atk .sheet-label, .sheet-rolltemplate-atkdmg .sheet-label, .sheet-rolltemplate-dmg .sheet-label {
  406.   color: #666; }
  407.  
  408. div.sheet-rolltemplate-dmg div.sheet-container, div.sheet-rolltemplate-atkdmg div.sheet-container.sheet-damagetemplate {
  409.   background: #222;
  410.   border: 1px solid #000;
  411.   width: 195px; }
  412.  
  413. .sheet-rolltemplate-simple .sheet-solo, .sheet-rolltemplate-atk .sheet-solo, .sheet-rolltemplate-atkdmg .sheet-solo, .sheet-rolltemplate-dmg .sheet-solo {
  414.   padding-top: 10px; }
  415.  
  416. .sheet-rolltemplate-atkdmg .sheet-damagetemplate .sheet-sublabel, .sheet-rolltemplate-dmg .sheet-damagetemplate .sheet-sublabel, .sheet-rolltemplate-atkdmg .sheet-desc .sheet-sublabel, .sheet-rolltemplate-dmg .sheet-desc .sheet-sublabel {
  417.   margin-top: 0; }
  418.  
  419. .sheet-rolltemplate-atkdmg .sheet-damagetemplate .sheet-sublabel, .sheet-rolltemplate-dmg .sheet-container, .sheet-rolltemplate-atkdmg .sheet-container.sheet-damagetemplate {
  420.   color: #666; }
  421.  
  422. div.sheet-rolltemplate-atk div.sheet-desc, div.sheet-rolltemplate-atkdmg div.sheet-desc, div.sheet-rolltemplate-dmg div.sheet-desc, div.sheet-rolltemplate-desc div.sheet-desc {
  423.   background: #222;
  424.   border: 1px solid #000;
  425.   width: 195px; }
  426.  
  427. .sheet-rolltemplate-dmg .sheet-desc .inlinerollresult, .sheet-rolltemplate-atkdmg .sheet-desc .inlinerollresult, .sheet-rolltemplate-atk .sheet-desc .inlinerollresult {
  428.   color: #999; }
  429.  
  430. .sheet-rolltemplate-atk .sheet-desc, .sheet-rolltemplate-atkdmg .sheet-desc, .sheet-rolltemplate-dmg .sheet-desc, .sheet-rolltemplate-desc .sheet-desc {
  431.   color: #666; }
  432.  
  433. .sheet-rolltemplate-atkdmg .sheet-damagetemplate .sheet-sublabel, .sheet-rolltemplate-dmg .sheet-damagetemplate .sheet-sublabel, .sheet-rolltemplate-atkdmg .sheet-desc .sheet-sublabel, .sheet-rolltemplate-dmg .sheet-desc .sheet-sublabel {
  434.   color: #666; }
  435.  
  436. .sheet-rolltemplate-atk .sheet-sublabel, .sheet-rolltemplate-atkdmg .sheet-sublabel, .sheet-rolltemplate-dmg .sheet-sublabel {
  437.   font-style: normal; }
  438.  
  439. .sheet-rolltemplate-spell .sheet-container {
  440.   background: #222;
  441.   border: 1px solid #000;
  442.   color: #666;
  443.   font-family: inherit;
  444.   width: 100%;
  445.   margin-left: -33px; }
  446.  
  447. .sheet-rolltemplate-spell .sheet-title {
  448.   color: #009999; }
  449.  
  450. .sheet-rolltemplate-atk .sheet-save .sheet-savedc, .sheet-rolltemplate-dmg .sheet-save .sheet-savedc, .sheet-rolltemplate-atkdmg .sheet-save .sheet-savedc {
  451.   padding-top: 0; }
  452.  
  453. .sheet-savedc .sheet-rolltemplate-inline .inlinerollresult {
  454.   margin-left: 5px; }
  455.  
  456. div.sheet-rolltemplate-atk div.sheet-desc.sheet-info .sheet-top, div.sheet-rolltemplate-atkdmg div.sheet-desc.sheet-info .sheet-top, div.sheet-rolltemplate-dmg div.sheet-desc.sheet-info .sheet-top, div.sheet-rolltemplate-desc div.sheet-desc.sheet-info .sheet-top {
  457.   background: #222; }
  458.  
  459. div.sheet-rolltemplate-atk div.sheet-desc.sheet-info .sheet-middle, div.sheet-rolltemplate-atkdmg div.sheet-desc.sheet-info .sheet-middle, div.sheet-rolltemplate-dmg div.sheet-desc.sheet-info .sheet-middle, div.sheet-rolltemplate-desc div.sheet-desc.sheet-info .sheet-middle {
  460.   background: #222; }
  461.  
  462. div.sheet-rolltemplate-atk div.sheet-desc.sheet-info .sheet-bottom, div.sheet-rolltemplate-atkdmg div.sheet-desc.sheet-info .sheet-bottom, div.sheet-rolltemplate-dmg div.sheet-desc.sheet-info .sheet-bottom, div.sheet-rolltemplate-desc div.sheet-desc.sheet-info .sheet-bottom {
  463.   background: #222; }
  464.  
  465. div.sheet-rolltemplate-simple div.sheet-container {
  466.   background: #222;
  467.   border: 1px solid #000; }
  468.  
  469. .sheet-rolltemplate-simple .sheet-label span span {
  470.   color: #666; }
  471.  
  472. .sheet-rolltemplate-traits .sheet-header {
  473.   color: #009999; }
  474.  
  475. .sheet-rolltemplate-traits .sheet-subheader {
  476.   color: #666; }
  477.  
  478. .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable.ui-dialog-buttons {
  479.   min-width: 250px;
  480.   margin-left: 25px; }
  481.  
  482. #page-toolbar {
  483.   height: auto;
  484.   width: 90%;
  485.   left: 5%;
  486.   top: -1px !important; }
  487.  
  488. #page-toolbar .handle {
  489.   background-color: #0A0A0A;
  490.   box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.1), 0px 2px 3px 0px #000;
  491.   border: 1px solid #000;
  492.   border-top: none;
  493.   border-top-left-radius: 0;
  494.   border-top-right-radius: 0;
  495.   opacity: 1;
  496.   width: 50px;
  497.   height: 25px;
  498.   line-height: inherit;
  499.   top: 2px !important;
  500.   bottom: -34px !important; }
  501.  
  502. #page-toolbar .handle.showtip {
  503.   top: auto !important; }
  504.  
  505. #page-toolbar .handle .pictos {
  506.   font-family: inherit;
  507.   color: transparent; }
  508.  
  509. #page-toolbar .handle .pictos:before {
  510.   height: 100%;
  511.   width: 100%;
  512.   content: 'Maps';
  513.   color: #999;
  514.   font-weight: bold;
  515.   font-size: 14px;
  516.   text-transform: uppercase;
  517.   padding: 5px; }
  518.  
  519. #page-toolbar .container {
  520.   height: auto;
  521.   max-height: 400px;
  522.   white-space: normal;
  523.   background: #111;
  524.   border: 1px solid #000;
  525.   box-shadow: 0 0 5px 1px #000;
  526.   padding-left: 25px; }
  527.  
  528. #page-toolbar .pages .availablepage {
  529.   margin-bottom: 20px; }
  530.  
  531. #page-toolbar .container::-webkit-scrollbar {
  532.   width: auto; }
  533.  
  534. body {
  535.   background: url("https://i.imgur.com/AU4yGdu.png"); }
  536.  
  537. #floatingtoolbar {
  538.   border: none;
  539.   box-shadow: 1px 1px 3px #555;
  540.   width: 45px; }
  541.  
  542. #floatingtoolbar li {
  543.   background: #1A1A1A;
  544.   border: 1px solid #000;
  545.   box-shadow: inset 0 1px 0 rgba(100, 100, 100, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
  546.   color: #666;
  547.   padding: 10px;
  548.   height: 23px;
  549.   transition: all .2s; }
  550.  
  551. #floatingtoolbar li#select {
  552.   padding: 10px !important; }
  553.  
  554. #floatingtoolbar li:hover {
  555.   background-color: #252525;
  556.   box-shadow: inset 0 1px 0 rgba(100, 100, 100, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1);
  557.   color: #999;
  558.   transition: all .2s; }
  559.  
  560. #floatingtoolbar li.activebutton {
  561.   background: #292929;
  562.   box-shadow: inset 0 1px 0 rgba(100, 100, 100, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1);
  563.   color: #009999; }
  564.  
  565. #floatingtoolbar div.submenu {
  566.   top: -25%;
  567.   z-index: -1; }
  568.  
  569. #floatingtoolbar div.submenu ul {
  570.   background-color: #151515;
  571.   border: none;
  572.   box-shadow: 1px 1px 3px #000;
  573.   width: 160px;
  574.   padding: 0; }
  575.  
  576. #floatingtoolbar div.submenu ul li {
  577.   background: transparent;
  578.   border: 1px solid #000;
  579.   box-shadow: inset 0 1px 0 rgba(100, 100, 100, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1); }
  580.  
  581. #floatingtoolbar div.submenu ul li:hover {
  582.   background: #222; }
  583.  
  584. #secondary-toolbar {
  585.   background-color: #151515;
  586.   box-shadow: 1px 1px 5px 2px #000;
  587.   border: 1px solid #000;
  588.   opacity: 1;
  589.   top: 21px;
  590.   left: 75px; }
  591.  
  592. #secondary-toolbar li {
  593.   border: none;
  594.   padding: 0 5px; }
  595.  
  596. #playerzone .player {
  597.   border: 1px solid #000;
  598.   box-shadow: 0 0 5px 2px #000; }
  599.  
  600. #playerzone .player .playername {
  601.   background-color: #0A0A0A; }
  602.  
  603. #radial-menu .button {
  604.   display: flex;
  605.   align-items: center;
  606.   justify-content: center;
  607.   border: 2px solid #000;
  608.   border-radius: 3px; }
  609.  
  610. #radial-menu .button div.inner {
  611.   display: flex;
  612.   align-items: center;
  613.   justify-content: center;
  614.   margin: auto;
  615.   border-radius: 3px; }
  616.  
  617. #radial-menu .button div.inner span {
  618.   top: 0; }
  619.  
  620. #radial-menu .markermenu {
  621.   background-color: #222;
  622.   border: 1px solid #000; }
  623.  
  624. #radial-menu .markermenu .markercolor, #radial-menu .markermenu .markericon {
  625.   border: 4px solid #0A0A0A; }
  626.  
  627. #radial-menu .markermenu .markercolor.active, #radial-menu .markermenu .markericon.active {
  628.   border: 4px solid #009999; }
  629.  
  630. #initiativewindow ul li {
  631.   background-color: transparent;
  632.   border-color: #222; }
  633.  
  634. #initiativewindow ul li:first-child {
  635.   background-color: transparent;
  636.   color: #999; }
  637.  
  638. #initiativewindow ul li span.name {
  639.   padding-left: 4px; }
  640.  
  641. #initiativewindow ul li .controls {
  642.   background-color: #161616;
  643.   color: #009999;
  644.   top: 4px; }
  645.  
  646. .no-touch #initiativewindow ul li:hover .controls {
  647.   opacity: 1; }
  648.  
  649. .ui-dialog {
  650.   background-color: #111112 !important;
  651.   border: 1px solid #000;
  652.   box-shadow: 0 0 5px 2px #000; }
  653.  
  654. .ui-dialog .ui-dialog-titlebar {
  655.   border-color: transparent; }
  656.  
  657. .ui-dialog .ui-dialog-title {
  658.   color: #009999; }
  659.  
  660. .ui-dialog .ui-dialog-buttonpane {
  661.   background-color: #111;
  662.   border-color: #333;
  663.   box-shadow: inset 0 1px 0 #333; }
  664.  
  665. .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
  666.   background: #151515;
  667.   border: 1px solid #000;
  668.   box-shadow: inset 0 1px 0 rgba(100, 100, 100, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
  669.   color: #999;
  670.   text-shadow: none;
  671.   transition: all .2s; }
  672.   .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover {
  673.     background-color: #1b1b1b;
  674.     box-shadow: inset 0 1px 0 rgba(100, 100, 100, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1);
  675.     color: #999;
  676.     transition: all .2s; }
  677.  
  678. .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:nth-child(2) {
  679.   background: #660000;
  680.   border: 1px solid #000;
  681.   box-shadow: inset 0 1px 0 rgba(100, 100, 100, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
  682.   color: #999;
  683.   text-shadow: none;
  684.   transition: all .2s; }
  685.   .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:nth-child(2):hover {
  686.     background-color: #880000;
  687.     box-shadow: inset 0 1px 0 rgba(100, 100, 100, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1);
  688.     color: #999;
  689.     transition: all .2s; }
  690.  
  691. .ui-dialog .ui-dialog-titlebar-close {
  692.   display: flex;
  693.   top: 36%;
  694.   height: 24px;
  695.   width: 24px;
  696.   opacity: 1;
  697.   background: #660000;
  698.   border: 1px solid #000;
  699.   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
  700.   transition: all .2s; }
  701.   .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
  702.     padding: 1px;
  703.     opacity: 1;
  704.     background: #880000;
  705.     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 2px rgba(0, 0, 0, 0.1);
  706.     transition: all .2s; }
  707.  
  708. .ui-dialog-titlebar-close .ui-icon {
  709.   -webkit-filter: invert(50%); }
  710.  
  711. .ui-dialog .ui-dialog-titlebar-close span {
  712.   margin: auto; }
  713.  
  714. .handouteditor .avatar {
  715.   background-color: #222;
  716.   width: 98%; }
  717.  
  718. .dropbox {
  719.   border: 4px solid #333; }
  720.  
  721. .dropbox.filled {
  722.   border: 4px solid #333; }
  723.  
  724. div.dropbox.filled:hover {
  725.   border: 4px solid #333; }
  726.  
  727. .redactor_box .redactor_toolbar {
  728.   border-bottom: 1px solid #000; }
  729.  
  730. .nav-tabs {
  731.   border-bottom: 2px solid #222; }
  732.  
  733. .nav-tabs li:focus, .nav-tabs li a:focus {
  734.   outline: none; }
  735.  
  736. .characterdialog .nav-tabs a {
  737.   color: #999;
  738.   transition: all .2s; }
  739.   .characterdialog .nav-tabs a:hover {
  740.     transition: all .2s; }
  741.  
  742. .nav-tabs > li > a:hover {
  743.   background-color: #222;
  744.   border-color: #222; }
  745.  
  746. .nav-tabs > .active > a, .nav-tabs > .active > a:hover {
  747.   background-color: #222;
  748.   border-color: #222;
  749.   color: #009999 !important; }
  750.  
  751. .redactor_editor, .redactor_editor:focus {
  752.   background: transparent !important; }
  753.  
  754. .redactor_editor h1,
  755. .redactor_editor h2,
  756. .redactor_editor h3,
  757. .redactor_editor h4,
  758. .redactor_editor h5,
  759. .redactor_editor h6 {
  760.   color: #999; }
  761.  
  762. .redactor_editor a[href^="http://journal.roll20.net"] {
  763.   color: #009999 !important; }
  764.  
  765. .charactereditor .avatar {
  766.   background-color: #222; }
  767.  
  768. .dropbox.filled {
  769.   border-color: #333; }
  770.  
  771. .tokenslot.filled {
  772.   border: 4px solid #333; }
  773.  
  774. div.tokenslot.filled:hover {
  775.   border: 4px solid #333; }
  776.  
  777. .tokenslot .remove, .dropbox .remove {
  778.   background-color: #333; }
  779.  
  780. .chosen-container-multi .chosen-choices {
  781.   background: #222;
  782.   background-image: none;
  783.   border: 1px solid #000; }
  784.  
  785. .chosen-container-multi .chosen-choices li.search-choice {
  786.   background: #151515;
  787.   background-image: none;
  788.   border: 1px solid #000;
  789.   box-shadow: 0 0 2px rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  790.   color: #666; }
  791.  
  792. .chosen-container .chosen-drop {
  793.   background: #222;
  794.   border: 1px solid #000; }
  795.  
  796. .chosen-container .chosen-results li.active-result {
  797.   color: #999; }
  798.  
  799. .chosen-container-multi .chosen-drop .result-selected {
  800.   color: #666; }
  801.  
  802. .textboxlist-bits {
  803.   background: #222;
  804.   border: 1px solid #000;
  805.   box-shadow: inset 0 0 5px #000; }
  806.  
  807. .textboxlist-bit-editable {
  808.   border: none; }
  809.  
  810. .textboxlist-bit-box {
  811.   background: #151515;
  812.   border: 1px solid #000;
  813.   box-shadow: 0 0 2px rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(0, 0, 0, 0.05); }
  814.  
  815. .textboxlist-bit-box-deletebutton {
  816.   -webkit-filter: saturate(0%); }
  817.  
  818. .charactereditor .defaulttoken {
  819.   background-color: #222; }
  820.  
  821. .tokenslot.filled {
  822.   border-color: #333; }
  823.  
  824. .redactor_box {
  825.   background-color: #222;
  826.   border: 1px solid #000; }
  827.  
  828. .redactor_toolbar {
  829.   background: linear-gradient(to bottom, #222 0, #191919 94%, #161616 94%, #111 100%); }
  830.  
  831. .redactor_toolbar li.redactor_separator {
  832.   border-right: 1px solid #000;
  833.   border-left: 1px solid #292929; }
  834.  
  835. .redactor_toolbar li a {
  836.   -webkit-filter: invert(100%); }
  837.   .redactor_toolbar li a:hover {
  838.     background-color: #eee;
  839.     border-color: #eee; }
  840.  
  841. .charsheet .sheet-container {
  842.   background: transparent; }
  843.  
  844. .charsheet .sheet-red, .charsheet .sheet-npc .sheet-display .sheet-red input, .charsheet .sheet-npc .sheet-display .sheet-red span {
  845.   color: #666; }
  846.  
  847. .charsheet .sheet-npc .sheet-display .sheet-title span {
  848.   color: #009999; }
  849.  
  850. div.sheet-licensecontainer div.sheet-npc div.sheet-triangle, div.sheet-triangle {
  851.   border-left-color: #006666; }
  852.  
  853. .charsheet .sheet-npc .sheet-display input, .charsheet .sheet-npc .sheet-reaction input {
  854.   color: #999; }
  855.  
  856. .charsheet .sheet-npc .sheet-display .sheet-traits textarea, .charsheet .sheet-npc .sheet-reaction textarea, .charsheet .sheet-attack textarea {
  857.   background: transparent; }
  858.  
  859. .charsheet .repcontrol {
  860.   min-height: 50px; }
  861.  
  862. .charsheet button.btn.repcontrol_add {
  863.   color: transparent !important;
  864.   width: 35px;
  865.   height: 30px;
  866.   padding: 0;
  867.   transition: all .2s;
  868.   overflow: hidden; }
  869.  
  870. .charsheet .repcontrol .repcontrol_add:before {
  871.   padding: 6px 10px 6px;
  872.   color: #999 !important;
  873.   background: #151515;
  874.   box-shadow: inset 0 1px 0 rgba(100, 100, 100, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
  875.   transition: all .2s;
  876.   cursor: pointer;
  877.   margin-left: 3px; }
  878.  
  879. .charsheet button.btn.repcontrol_edit {
  880.   color: transparent !important;
  881.   height: 30px;
  882.   width: 35px;
  883.   overflow: hidden;
  884.   padding: 0;
  885.   cursor: auto;
  886.   transition: all .2s; }
  887.  
  888. .charsheet .repcontrol .repcontrol_edit:after {
  889.   padding: 6px 10px 6px;
  890.   color: #999 !important;
  891.   background: #151515;
  892.   box-shadow: inset 0 1px 0 rgba(100, 100, 100, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
  893.   cursor: pointer;
  894.   margin-left: -42px;
  895.   transition: all .2s; }
  896.  
  897. .charsheet .repcontrol .repcontrol_edit:hover:after, .charsheet .repcontrol .repcontrol_add:hover:before {
  898.   background-color: #222;
  899.   box-shadow: inset 0 1px 0 rgba(100, 100, 100, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1);
  900.   transition: all .2s; }
  901.  
  902. .charsheet .sheet-npc .sheet-actions .sheet-title {
  903.   color: #999; }
  904.  
  905. .charsheet .sheet-npc .sheet-actiontitle {
  906.   border-color: #009999; }
  907.  
  908. .charsheet .sheet-npc button[type=roll] {
  909.   color: #666;
  910.   line-height: 16px; }
  911.  
  912. .charsheet button[type=roll]:hover, .charsheet button[type=roll]:hover *, .charsheet .sheet-spell button[type=roll]:hover input[type=text], .charsheet .sheet-action .sheet-display button[type=roll]:hover * {
  913.   color: #999; }
  914.  
  915. .charsheet .sheet-npc .sheet-npc_options {
  916.   border-bottom: none;
  917.   border-top: 2px solid #222; }
  918.  
  919. .charsheet .sheet-npc .sheet-npc_options input {
  920.   color: #666;
  921.   border-bottom: 1px solid #333; }
  922.  
  923. .charsheet .sheet-npc .sheet-npc_options-flag:checked + span {
  924.   color: #999;
  925.   top: 5px; }
  926.  
  927. .charsheet .sheet-npc .sheet-action textarea, .charsheet .sheet-pc .sheet-globalattack textarea {
  928.   background: #222;
  929.   border: 1px solid #000;
  930.   box-shadow: inset 0 0 5px #000;
  931.   color: #666; }
  932.  
  933. .charsheet .sheet-npc .sheet-npc_options input[type=checkbox] {
  934.   background: #222;
  935.   box-shadow: none;
  936.   -webkit-appearance: none;
  937.   height: 14px;
  938.   width: 14px !important;
  939.   margin: 5px 0 6px 0;
  940.   border: 1px solid #000;
  941.   border-radius: 2px; }
  942.   .charsheet .sheet-npc .sheet-npc_options input[type=checkbox]:focus {
  943.     outline: none; }
  944.  
  945. .charsheet .sheet-npc .sheet-npc_options input[type=checkbox]:checked {
  946.   background: #006666; }
  947.  
  948. .charsheet .sheet-npc select {
  949.   border-bottom: 1px solid #333;
  950.   color: #666; }
  951.  
  952. .charsheet .sheet-npc .sheet-npc_options input::placeholder {
  953.   color: #333; }
  954.  
  955. .sheet-npcspell .sheet-warning, .sheet-npcspell .sheet-spell-container {
  956.   display: none; }
  957.  
  958. .charsheet .sheet-npc .sheet-actions {
  959.   min-height: 15px; }
  960.  
  961. .charsheet .sheet-level span {
  962.   top: -1px;
  963.   margin-left: -4px;
  964.   color: #999; }
  965.  
  966. .charsheet .sheet-level:before {
  967.   border-left-color: #000; }
  968.  
  969. .charsheet .sheet-level:after {
  970.   border-left-color: #191919; }
  971.  
  972. .charsheet .sheet-spell-level .sheet-total {
  973.   width: 120px;
  974.   border-top-right-radius: 0;
  975.   border-bottom-right-radius: 0;
  976.   background: #0c0c0c;
  977.   display: inline-flex;
  978.   align-items: center; }
  979.   .charsheet .sheet-spell-level .sheet-total span {
  980.     top: 1px;
  981.     margin-top: 0; }
  982.  
  983. .charsheet .sheet-spell-level .sheet-expended {
  984.   width: 120px;
  985.   margin-left: -5px;
  986.   background: #0c0c0c;
  987.   display: inline-flex;
  988.   align-items: center;
  989.   justify-content: center; }
  990.   .charsheet .sheet-spell-level .sheet-expended input {
  991.     color: #666; }
  992.  
  993. .charsheet .sheet-cantrips {
  994.   background: #0c0c0c; }
  995.  
  996. .charsheet .sheet-spell .sheet-display button[type=roll] {
  997.   color: #666;
  998.   border-color: #333; }
  999.  
  1000. .charsheet button[type=roll]:hover * {
  1001.   color: #999; }
  1002.  
  1003. .charsheet span.sheet-spellritual, .charsheet span.sheet-spellconcentration {
  1004.   background: #999;
  1005.   color: #111; }
  1006.  
  1007. .charsheet .sheet-spell .sheet-prep {
  1008.   background: #333; }
  1009.  
  1010. .charsheet .sheet-spell input[value="1"] ~ span.sheet-prep {
  1011.   background: #009999; }
  1012.  
  1013. .charsheet .sheet-spell .sheet-options-flag:checked + span {
  1014.   color: #999; }
  1015.  
  1016. .charsheet .sheet-spell .sheet-options {
  1017.   border-top: none; }
  1018.  
  1019. .charsheet .sheet-options .sheet-row > span {
  1020.   color: #666; }
  1021.  
  1022. .charsheet .sheet-tool .sheet-options input, .charsheet .sheet-attack .sheet-options input[type=text], .charsheet .sheet-spell .sheet-options input[type=text], .charsheet .sheet-options .sheet-body input[type=text], .charsheet .sheet-proficiencies .sheet-options input[type=text], .charsheet .sheet-traits .sheet-options input[type=text], .charsheet .sheet-globalattack input[type=text] {
  1023.   border-color: #333;
  1024.   color: #666; }
  1025.  
  1026. .charsheet .sheet-tool .sheet-options select, .charsheet .sheet-attack .sheet-options select, .charsheet .sheet-spell .sheet-options select, .charsheet .sheet-options .sheet-body select, .charsheet .sheet-proficiencies .sheet-options select, .charsheet .sheet-traits .sheet-options select {
  1027.   border-color: #333;
  1028.   color: #666; }
  1029.  
  1030. .charsheet .sheet-spell .sheet-options input[type=checkbox] {
  1031.   background: #222;
  1032.   box-shadow: none;
  1033.   -webkit-appearance: none;
  1034.   height: 14px;
  1035.   width: 14px !important;
  1036.   margin: 5px 0 6px 0;
  1037.   border: 1px solid #000;
  1038.   border-radius: 2px; }
  1039.   .charsheet .sheet-spell .sheet-options input[type=checkbox]:focus {
  1040.     outline: none; }
  1041.   .charsheet .sheet-spell .sheet-options input[type=checkbox]:checked {
  1042.     background: #009999; }
  1043.  
  1044. .charsheet .sheet-spell .sheet-options textarea {
  1045.   background: #222;
  1046.   border: 1px solid #000;
  1047.   box-shadow: inset 0 0 5px #000;
  1048.   color: #666; }
  1049.  
  1050. .charsheet {
  1051.   color: #666; }
  1052.  
  1053. .charsheet .sheet-attr-container button[type=roll], .charsheet .sheet-saving-throw button[type=roll], .charsheet .sheet-skill button[type=roll], .charsheet .sheet-ac-init-speed-container button[type=roll], .charsheet .sheet-subcontainer button[type=roll] {
  1054.   color: #888; }
  1055.   .charsheet .sheet-attr-container button[type=roll]:hover, .charsheet .sheet-saving-throw button[type=roll]:hover, .charsheet .sheet-skill button[type=roll]:hover, .charsheet .sheet-ac-init-speed-container button[type=roll]:hover, .charsheet .sheet-subcontainer button[type=roll]:hover {
  1056.     color: #009999; }
  1057.  
  1058. .charsheet .sheet-insp-prof-container .sheet-value input, .charsheet .sheet-saving-throw input[type=text], .charsheet .sheet-skill input[type=text], .charsheet .sheet-ac-init-speed-container input, .charsheet .sheet-hp input, .charsheet .sheet-hdice-dsaves-container input[type=text], .charsheet .sheet-hdice-dsaves-container input[type=number], .charsheet .sheet-attacks input, .charsheet .sheet-equipment input, .charsheet .sheet-tool input, .charsheet .sheet-proficiencies input, .charsheet .sheet-pc .sheet-traits input, .charsheet .sheet-spell input, .charsheet .sheet-options .sheet-body input, .charsheet .sheet-resources input[type=number] {
  1059.   color: #aaa; }
  1060.  
  1061. div.sheet-licensecontainer div.sheet-page.sheet-core > div.sheet-header, div.sheet-licensecontainer div.sheet-page.sheet-options > div.sheet-header, div.sheet-licensecontainer div.sheet-page.sheet-bio > div.sheet-header, div.sheet-licensecontainer div.sheet-page.sheet-spells > div.sheet-header {
  1062.   -webkit-filter: invert(90%) brightness(70%); }
  1063.  
  1064. .charsheet .sheet-advantagetoggle input[type=radio] + span, .charsheet input[type=radio].sheet-tab-button + span {
  1065.   background-color: transparent;
  1066.   color: #999; }
  1067.  
  1068. .charsheet .sheet-advantagetoggle input[type=radio]:checked + span, .charsheet input[type=radio].sheet-tab-button:checked + span {
  1069.   background-color: #006666;
  1070.   color: #ccc; }
  1071.  
  1072. .charsheet .sheet-attr-container {
  1073.   border: 1px solid #444; }
  1074.  
  1075. .charsheet .sheet-attr-mod {
  1076.   background-color: #0c0c0c;
  1077.   border-color: #0c0c0c; }
  1078.  
  1079. .charsheet .sheet-attr-container input {
  1080.   color: #999; }
  1081.  
  1082. .charsheet .sheet-insp-prof-container .sheet-label {
  1083.   border: 1px solid #333; }
  1084.  
  1085. .charsheet .sheet-insp-prof-container .sheet-value {
  1086.   background-color: #0c0c0c;
  1087.   border-color: #333; }
  1088.  
  1089. .charsheet .sheet-insp-prof-container .sheet-value input[type=checkbox] ~ span {
  1090.   -webkit-filter: invert(50%);
  1091.   height: 85%;
  1092.   width: 85%;
  1093.   top: 3px;
  1094.   left: 3px; }
  1095.  
  1096. .charsheet .sheet-saving-throw-container, .charsheet .sheet-skills-container {
  1097.   border: 1px solid #333; }
  1098.  
  1099. .charsheet .sheet-skill button span, .charsheet .sheet-options .sheet-body .sheet-skill span span, .sheet-rolltemplate-spell .sheet-grey {
  1100.   color: #688 !important; }
  1101.  
  1102. .sheet-saving-throw {
  1103.   padding-left: 5px; }
  1104.  
  1105. .ui-dialog .charsheet .sheet-saving-throw input {
  1106.   height: 14px;
  1107.   width: 14px !important;
  1108.   margin: 4px 0 6px 0; }
  1109.  
  1110. .sheet-skill {
  1111.   padding-left: 5px; }
  1112.  
  1113. .ui-dialog .charsheet .sheet-skill input {
  1114.   height: 14px;
  1115.   width: 14px !important;
  1116.   margin: 4px 0 6px 0; }
  1117.  
  1118. .charsheet .sheet-ac-init-speed-container div {
  1119.   border: 1px solid #333;
  1120.   height: 45px; }
  1121.  
  1122. .charsheet .sheet-init span {
  1123.   line-height: 30px; }
  1124.  
  1125. .charsheet .sheet-hp, .charsheet .sheet-subcontainer, .charsheet .sheet-attacks, .charsheet .sheet-equipment {
  1126.   border: 1px solid #333; }
  1127.  
  1128. .charsheet .sheet-hp .sheet-top input, .charsheet .sheet-hdice-dsaves-container .sheet-top input[type=text] {
  1129.   border-bottom: 1px solid #333;
  1130.   color: #999; }
  1131.  
  1132. .charsheet .sheet-hdice-dsaves-container .sheet-row-container {
  1133.   margin-top: 0; }
  1134.  
  1135. .ui-dialog .charsheet .sheet-row-container input {
  1136.   height: 14px;
  1137.   width: 14px !important;
  1138.   margin: 3px 0 3.5px 0; }
  1139.  
  1140. .charsheet .sheet-textbox-container, .charsheet .sheet-tool_proficiencies {
  1141.   border: 1px solid #222; }
  1142.  
  1143. .charsheet .sheet-proficiencies .repcontrol .repcontrol_edit:after {
  1144.   margin-left: -34px; }
  1145.  
  1146. .charsheet .sheet-attacks .sheet-display input, .charsheet .sheet-tool .sheet-display input, .charsheet .sheet-equipment .sheet-item input, .charsheet .sheet-attacks .sheet-display span, .charsheet .sheet-tool .sheet-display span, .charsheet .sheet-equipment .sheet-item span, .charsheet .sheet-proficiencies .sheet-display span {
  1147.   background: transparent; }
  1148.  
  1149. .charsheet .sheet-attacks .sheet-display button[type=roll], .charsheet .sheet-tool .sheet-display button[type=roll], .charsheet .sheet-proficiency .sheet-display button[type=roll] {
  1150.   background: #0c0c0c;
  1151.   display: flex;
  1152.   margin: auto;
  1153.   border-top: 1px solid #222;
  1154.   border-radius: 0;
  1155.   padding: 5px;
  1156.   color: #666;
  1157.   transition: all .2s; }
  1158.  
  1159. .charsheet .sheet-display button[type=roll]:hover * {
  1160.   color: #009999;
  1161.   transition: all .2s; }
  1162.  
  1163. .charsheet .sheet-tool .sheet-options-flag + span, .charsheet .sheet-proficiencies .sheet-options-flag + span, .charsheet .sheet-attacks .sheet-options-flag + span {
  1164.   top: 10px; }
  1165.  
  1166. .charsheet .sheet-tool .sheet-options-flag:checked + span, .charsheet .sheet-proficiencies .sheet-options-flag:checked + span, .charsheet .sheet-attacks .sheet-options-flag:checked + span {
  1167.   color: #999; }
  1168.  
  1169. .charsheet .sheet-tool .sheet-options, .charsheet .sheet-proficiencies .sheet-options, .charsheet .sheet-attack .sheet-options {
  1170.   border: none; }
  1171.  
  1172. .charsheet .sheet-attack .sheet-options input[type=checkbox] {
  1173.   background: #222;
  1174.   box-shadow: none;
  1175.   -webkit-appearance: none;
  1176.   height: 14px;
  1177.   width: 14px !important;
  1178.   margin: 3px 0 4px 0;
  1179.   border: 1px solid #000;
  1180.   border-radius: 2px; }
  1181.   .charsheet .sheet-attack .sheet-options input[type=checkbox]:focus {
  1182.     outline: none; }
  1183.   .charsheet .sheet-attack .sheet-options input[type=checkbox]:checked {
  1184.     background: #006666; }
  1185.  
  1186. .charsheet .sheet-coin {
  1187.   background-color: #0c0c0c;
  1188.   border: 1px solid #222; }
  1189.  
  1190. .charsheet .sheet-equipment span img {
  1191.   -webkit-filter: invert(50%); }
  1192.  
  1193. .charsheet .sheet-equipment .sheet-item .sheet-subitem .sheet-equipped {
  1194.   background: #222;
  1195.   box-shadow: none;
  1196.   -webkit-appearance: none;
  1197.   height: 14px;
  1198.   width: 14px !important;
  1199.   margin: 0px 5px;
  1200.   border: 1px solid #000;
  1201.   border-radius: 2px; }
  1202.   .charsheet .sheet-equipment .sheet-item .sheet-subitem .sheet-equipped:focus {
  1203.     outline: none; }
  1204.   .charsheet .sheet-equipment .sheet-item .sheet-subitem .sheet-equipped:checked {
  1205.     background: #006666; }
  1206.  
  1207. .charsheet .sheet-equipment .repcontrol .repcontrol_edit:after {
  1208.   margin-left: -35px; }
  1209.  
  1210. .charsheet .sheet-textbox {
  1211.   border: 1px solid #222; }
  1212.  
  1213. .charsheet .sheet-textbox .sheet-options {
  1214.   border: none; }
  1215.  
  1216. .charsheet .sheet-textbox textarea {
  1217.   background: #111; }
  1218.  
  1219. .charsheet .sheet-traits .sheet-display .sheet-title {
  1220.   color: #009999; }
  1221.  
  1222. input.sheet-display-flag {
  1223.   width: 100% !important; }
  1224.  
  1225. .charsheet .sheet-traits .repcontrol .repcontrol_edit:after {
  1226.   margin-left: -35px; }
  1227.  
  1228. .charsheet .sheet-attacks .sheet-options-flag:checked + span, .charsheet .sheet-spell .sheet-options-flag:checked + span, .charsheet .sheet-tool .sheet-options-flag:checked + span, .charsheet .sheet-npc .sheet-npc_options-flag:checked + span, .charsheet .sheet-trait .sheet-options-flag:checked + span, .charsheet .sheet-action .sheet-options-flag:checked + span, .charsheet .sheet-textbox .sheet-options-flag:checked + span, .charsheet .sheet-proficiencies .sheet-options-flag:checked + span, .charsheet .sheet-traits .sheet-options-flag:checked + span, .charsheet .sheet-equipment .sheet-inventorysubflag:checked + span {
  1229.   color: #999; }
  1230.  
  1231. .charsheet .sheet-traits .sheet-display .sheet-subheader, .charsheet .sheet-hp .sheet-top span, .charsheet .sheet-hdice-dsaves-container .sheet-top span, .charsheet .sheet-attacks .sheet-top span, .charsheet .sheet-tool_proficiencies .sheet-top span, .charsheet .sheet-proficiencies .sheet-top span, .charsheet .sheet-traits .sheet-top span {
  1232.   color: #666; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!