h3 { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,000000+44,000000+50,000000+55,7f0000+100 */ background: #a90329; /* Old browsers */ background: -moz-linear-gradient(left, #a90329 0%, #000000 44%, #000000 50%, #000000 55%, #7f0000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #a90329 0%,#000000 44%,#000000 50%,#000000 55%,#7f0000 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #a90329 0%,#000000 44%,#000000 50%,#000000 55%,#7f0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#7f0000',GradientType=1 ); /* IE6-9 */ text-align:center; border-radius: 25px; color:white; margin-bottom: 5px; } h4 { color:white; border-radius: 25px; background-color: black; text-indent: 5px; } p.sheet-big{ display:inline; position:relative; top:5px; font-size:200%; } input, label{ display:block; } th{ margin-right:5px; } input.sheet-inline { display:inline; } label.sheet-inline{display:inline;} input.sheet-inline-attr{ display:inline; margin-left:15px; } label.sheet-inline-col2{ display:inline; } div.sheet-row-attr { display:inline-block; } div.sheet-left-attr > label{ top:4px; position:relative; } div.sheet-left-attr{ width:100px; float:left; } div.sheet-right-attr{ float:right; width:auto; } div.sheet-row-attack{ display:inline-block; } div.sheet-row-skill { display:inline-block; width:320px; } div.sheet-row-skill-col2 { display:inline-block; width:300px; } div.sheet-left-skill > checkbox{ top:22px; position:relative; margin-left: -5px; margin-right: 2px; } div.sheet-left-skill > label{ top:4px; position:relative; } div.sheet-left-skill{ width:140px; float:left; } div.sheet-right-skill{ float:right; position:relative; left:40px; margin-left:180px; width:250px; } div.sheet-left-attack{ float:left; } div.sheet-right-attack{ float:right; position:relative; } div.sheet-label-name-attacks{ width:10%; float:left; /* font-weight: bold; text-align: center; vertical-align: middle;*/ } div.sheet-cust-abil{ text-align: center; vertical-align: middle; } div.sheet-label-name-attacks-heading{ float:left; font-weight: bold; text-align: center; vertical-align: middle; } td{ text-align: center; } hr.sheet-hr-divider{ border: 0; height: 1px; background: #333; background-image: linear-gradient(to right, #ccc, #333, #ccc); margin-bottom:2px; } label.sheet-attack-name{ text-align: center; vertical-align: middle; } td { vertical-align: middle; text-align: center; } td a, td input, td img { vertical-align: middle; display: inline-block; } td.skill-row > input{ float:left; } td.skill-row > label{ float:right; } /*Roll templates*/ .sheet-rolltemplate-5eDefault .sheet-rt-card { width:95%; background-color:#FFFFFF; font-size: 11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: black 1px solid; padding: 5px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Generic header */ .sheet-rolltemplate-5eDefault .sheet-rt-header { text-align: center; position: relative; color: #fff; margin: 0 -10px 10px -10px; padding: 5px 0; background-color: #2bc22b; background-image: linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0)); -moz-box-shadow: 0 2px 0 rgba(0,0,0,.3); -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.3); box-shadow: 0 2px 0 rgba(0,0,0,.3); } .sheet-rolltemplate-5eDefault .sheet-rt-header:before, .sheet-rolltemplate-5eDefault .sheet-rt-header:after { content: ''; position: absolute; border-style: solid; border-color: transparent; bottom: -10px; } .sheet-rolltemplate-5eDefault .sheet-rt-header:before { border-width: 0 10px 10px 0; border-right-color: #222; left: 0; } .sheet-rolltemplate-5eDefault .sheet-rt-header:after { border-width: 0 0 10px 10px; border-left-color: #222; right: 0; } .sheet-rolltemplate-5eDefault .sheet-rt-title { font-size: 1.5em; } .sheet-rolltemplate-5eDefault .sheet-rt-subheader { } /* Melee header*/ .sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-weapon { background-color: #2C5D28; } .sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-weapon:before { border-right-color: #375035; } .sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-weapon:after { border-left-color: #375035; } /* Spell header */ .sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-spell{ background-color: #45285D; } .sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-spell:before { border-right-color: #443550; } .sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-spell:after { border-left-color: #443550; } /* Ability check header */ .sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-ability{ background-color: #28595D; } .sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-ability:before { border-right-color: #354E50; } .sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-ability:after { border-left-color: #354E50; } /* Saving throw header */ .sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-save{ background-color: #1b851b; } .sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-save:before { border-right-color: #503535; } .sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-save:after { border-left-color: #503535; } /* Death Save header */ .sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-deathsave{ background-color: #240F0F; } .sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-deathsave:before { border-right-color: #1F1414; } .sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-deathsave:after { border-left-color: #1F1414; } .sheet-rolltemplate-5eDefault .sheet-row:nth-child(even) { background-color: #E9EDEE; } .sheet-rolltemplate-5eDefault .sheet-rt-key { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; -moz-text-decoration-color: #D64541; text-decoration-color: #D64541; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 2px 2px 2px 0px; } .sheet-rolltemplate-5eDefault .sheet-rt-key-wide { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; -moz-text-decoration-color: #D64541; text-decoration-color: #D64541; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 2px 2px 2px 0px } .sheet-rolltemplate-5eDefault .sheet-rt-value { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; vertical-align: middle; /*color:green;*/ margin-top: 2px ; } .sheet-rolltemplate-5eDefault .sheet-ignored-roll .inlinerollresult { opacity: 0.5; } .sheet-rolltemplate-5eDefault .sheet-no-roll-highlight .inlinerollresult { background-color: inherit; border: 0; padding: 0; font-weight: normal; cursor: help; font-size: 1em; } .sheet-rolltemplate-5eDefault .sheet-rt-value .sheet-no-roll-highlight .inlinerollresult .fullfail . .sheet-rolltemplate-5eDefault .sheet-rt-value .sheet-no-roll-highlight .inlinerollresult .fullcrit { border:0; } .sheet-rolltemplate-5eDefault .sheet-main-content { } .sheet-rolltemplate-5eDefault .sheet-main-content hr.sheet-roll { width: 80%; margin-left: auto; margin-right: auto; color: #D64541; background-color: #D64541; height: 1px; } .sheet-rolltemplate-5eDefault .sheet-rt-emote { font-style: italic; font-size: 11px; font-family: Arial; text-align: center; border: green 1px dashed; border-radius: 5px; padding: 0px 5px; margin: 0px 5px 5px 5px; }