/*----Sheet fonts and text----*/ .sheet-auto-style1 { text-align: center; } .sheet-top-centered { vertical-align: top; text-align: center; } .sheet-extralargefont-purple { color: #FF00FF; font-size: x-large; font-family: "Courier New", Courier, monospace; text-align: center; width: 1014px; } .sheet-text-left { text-align: left; } .sheet-courrier-purple { color: #FF00FF; font-size: medium; font-family: "Courier New", Courier, monospace; vertical-align: top; text-align: center; } .sheet-medium-courriernew-black { font-size: medium; font-family: "Courier New", Courier, monospace; } .sheet-font-courriernew { font-family: "Courier New", Courier, monospace; } .sheet-courriernew-center { text-align: center; font-family: "Courier New", Courier, monospace; } /*----Sheet box frames----*/ .sheet-box { padding: 0px; margin: 0px; overflow: auto; border-style: solid; border-width: 30px 0px 30px 72px; -moz-border-image: url(http://i.imgur.com/OQK1BCo.png) 35 80 33 83 round; -webkit-border-image: url(http://i.imgur.com/OQK1BCo.png) 35 80 33 83 round; -o-border-image: url(http://i.imgur.com/OQK1BCo.png) 35 80 33 83 round; border-image: url(http://i.imgur.com/OQK1BCo.png) 35 80 33 83 round; } /*----Sheet Skill Button----*/ .sheet-button { display: inline-block; text-align: center; vertical-align: middle; padding: 6px 5px; border: 3px solid #6ba7bd; border-radius: 22px; background: #f2f6fa; background: -webkit-gradient(linear, left top, left bottom, from(#f2f6fa), to(#265099)); background: -moz-linear-gradient(top, #f2f6fa, #265099); background: linear-gradient(to bottom, #f2f6fa, #265099); font: normal normal bold 23px courier new; color: #ffffff; text-decoration: none; } .sheet-button:hover, .sheet-button:focus { border: 3px solid #7bc0d9; background: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#2e60b8)); background: -moz-linear-gradient(top, #ffffff, #2e60b8); background: linear-gradient(to bottom, #ffffff, #2e60b8); color: #ffffff; text-decoration: none; } .sheet-button:active { background: #919496; background: -webkit-gradient(linear, left top, left bottom, from(#919496), to(#265099)); background: -moz-linear-gradient(top, #919496, #265099); background: linear-gradient(to bottom, #919496, #265099); } .sheet-button:before{ content: ""; display: inline-block; height: 24px; width: 24px; line-height: 24px; margin: 0 4px -6px -4px; position: relative; top: -4px; left: 1px; background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Digital%20Shades/2000px-2-Dice-Icon.svg.png") no-repeat left center transparent; background-size: 100% 100%; }