mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-31 12:12:30 +00:00
fixes :
- images linking to imgur
- font famly expanded
- @{Armor-IM2} > @{Armor-IM} in weapon tables
- Show armor Calculation line in armor table
- SPC/TSC input type "number" in Spell Rolls
- Ranged Weapon 0 IM style fixed
- Ranged Weapon OD default value to 0
- various formatting issues for half width display
360 lines
7.0 KiB
CSS
360 lines
7.0 KiB
CSS
/* Table formatting */
|
|
|
|
.sheet-rTable,.sheet-rCombatTable,.sheet-rAttrTable { display: table; }
|
|
.sheet-rTableRow,.sheet-rCombatTableRow,.sheet-rAttrTableRow { display: table-row; }
|
|
.sheet-rTableHeading { display: table-header-group; background-color: #ddd; }
|
|
.sheet-rTableBody { display: table-row-group; }
|
|
.sheet-rTableFoot { display: table-footer-group; }
|
|
.sheet-rTableCell,.rTableHead,.sheet-rCombatTableCell,.sheet-rAttrTableCell { display: table-cell; }
|
|
|
|
/* Normal Table formatting */
|
|
|
|
.sheet-rTable,/*.sheet-rTableRow,*/.sheet-rTableCell {
|
|
border: 1px solid #999999; text-align: center}
|
|
|
|
.sheet-rTableTextBox,.sheet-rTableNumberBox {
|
|
font-family: 'Georgia';
|
|
font-size: 16px;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rTableNumberBox {
|
|
max-width: 40px;
|
|
width: 40px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Name formatting */
|
|
|
|
.sheet-nametitlelevel-wrap {
|
|
/* overflow to handle inner floating block */
|
|
overflow: hidden;
|
|
}
|
|
|
|
.sheet-name {
|
|
float: left;
|
|
border:none;
|
|
}
|
|
|
|
.sheet-title{
|
|
float: left;
|
|
height: auto;
|
|
width: auto;
|
|
/*max-width: 300px;
|
|
max-height: 300px;*/
|
|
border:none;
|
|
}
|
|
|
|
.sheet-level{
|
|
float: left;
|
|
/*width: 160px; */
|
|
/* text-align: center; */
|
|
border:none;
|
|
}
|
|
|
|
/* Attributes and Traits Table formatting */
|
|
|
|
|
|
.sheet-rAttrTable,.sheet-rAttrTableRow,.sheet-rAttrTableCell {
|
|
text-align: center;
|
|
/*margin-left: 280*/ /* The attributes will float left for half view */
|
|
.sheet-rTable,.sheet-rCombatTable,.sheet-rAttrTable { display: table; }
|
|
.sheet-rTableRow,.sheet-rCombatTableRow,.sheet-rAttrTableRow { display: table-row; }
|
|
.sheet-rTableHeading { display: table-header-group; background-color: #ddd; }
|
|
.sheet-rTableBody { display: table-row-group; }
|
|
.sheet-rTableFoot { display: table-footer-group; }
|
|
.sheet-rTableCell,.rTableHead,.sheet-rCombatTableCell,.sheet-rAttrTableCell { display: table-cell; }
|
|
px;
|
|
}
|
|
|
|
.sheet-AttrBox {
|
|
width: 70px;
|
|
max-width: 70px;
|
|
height:70px;
|
|
border: 3px solid #999999;
|
|
font-family: 'WoodStamp', Impact, Charcoal, sans-serif;
|
|
font-size: 48px;
|
|
text-shadow: 4px 4px 4px #aaa;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
/* Combat Table formatting */
|
|
|
|
.sheet-rCombatTable,.sheet-rCombatTableRow,.sheet-rCombatTableCell { text-align: center; }
|
|
|
|
.sheet-rCombatTableCell { width: 90px; max-width: 90px; }
|
|
|
|
.sheet-CombatBox {
|
|
width: 70px;
|
|
max-width: 70px;
|
|
height:70px;
|
|
border:none;
|
|
font-family: 'WoodStamp', Impact, Charcoal, sans-serif;
|
|
font-size: 48px;
|
|
text-shadow: 4px 4px 4px #aaa;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-defense{
|
|
background:url("http://i.imgur.com/hBWhX1X.png") -0px -0px no-repeat;
|
|
background-size: 70px 70px;
|
|
}
|
|
|
|
.sheet-hitpoints{
|
|
background:url("http://i.imgur.com/ZyHtTT7.png") -0px -0px no-repeat;
|
|
background-size: 70px 70px;
|
|
}
|
|
|
|
.sheet-initiative{
|
|
background:url("http://i.imgur.com/q4uHCO0.png") -0px -0px no-repeat;
|
|
background-size: 70px 70px;
|
|
}
|
|
|
|
.sheet-moverate{
|
|
background:url("http://i.imgur.com/byISko8.png") -0px -0px no-repeat;
|
|
background-size: 70px 70px;
|
|
}
|
|
|
|
.sheet-meleeattack{
|
|
background:url("http://i.imgur.com/zUIVTRI.png") -0px -0px no-repeat;
|
|
background-size: 70px 70px;
|
|
}
|
|
|
|
.sheet-rangedattack{
|
|
background:url("http://i.imgur.com/KY2gII0.png") -0px -0px no-repeat;
|
|
background-size: 70px 70px;
|
|
}
|
|
|
|
.sheet-spellcast{
|
|
background:url("http://i.imgur.com/4Z1IFmi.png") -0px -0px no-repeat;
|
|
background-size: 70px 70px;
|
|
}
|
|
|
|
.sheet-targetspell{
|
|
background:url("http://i.imgur.com/87zxBKx.png") -0px -0px no-repeat;
|
|
background-size: 70px 70px;
|
|
}
|
|
|
|
.sheet-manapoints{
|
|
background:url("http://i.imgur.com/z3x6GZW.png") -0px -0px no-repeat;
|
|
background-size: 70px 70px;
|
|
}
|
|
|
|
/* Armor - Defense - Magic formating */
|
|
|
|
.sheet-armordefense-wrap {
|
|
/* overflow to handle inner floating block */
|
|
overflow: hidden;
|
|
}
|
|
|
|
.sheet-armor{
|
|
float: left;
|
|
}
|
|
|
|
.sheet-defenseroll{
|
|
float: left;
|
|
margin-left: 6px;
|
|
}
|
|
|
|
/* PP - Racial formating */
|
|
|
|
.sheet-ppracial-wrap {
|
|
/* overflow to handle inner floating block */
|
|
overflow: hidden;
|
|
/*width: 800px;*/
|
|
}
|
|
|
|
.sheet-pp{
|
|
float: left;
|
|
}
|
|
|
|
.sheet-racial{
|
|
overflow: hidden;
|
|
width: 313px;
|
|
float: left;
|
|
margin-left: 6px;
|
|
}
|
|
|
|
|
|
/* Items */
|
|
|
|
.sheet-items-wrap {
|
|
/* overflow to handle inner floating block */
|
|
overflow: hidden;
|
|
}
|
|
|
|
.sheet-items{
|
|
float: left;
|
|
}
|
|
|
|
.sheet-items2{
|
|
float: left;
|
|
margin-left: 6px;
|
|
}
|
|
|
|
/* Herbs Loot */
|
|
|
|
.sheet-herbsloot-wrap {
|
|
/* overflow to handle inner floating block */
|
|
overflow: hidden;
|
|
}
|
|
|
|
.sheet-herbs{
|
|
float: left;
|
|
}
|
|
|
|
.sheet-loot{
|
|
/* overflow to handle inner floating block */
|
|
overflow: hidden;
|
|
width: 313px;
|
|
|
|
float: left;
|
|
margin-left: 6px;
|
|
}
|
|
|
|
|
|
.sheet-treasure{
|
|
float: left;
|
|
}
|
|
|
|
|
|
.sheet-money{
|
|
float: left;
|
|
|
|
width: 100px;
|
|
max-width: 100px;
|
|
height:100px;
|
|
border:none;
|
|
font-family: 'WoodStamp', Impact, Charcoal, sans-serif;
|
|
font-size: 48px;
|
|
/*text-shadow: 4px 4px 4px #aaa;*/
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-gold{
|
|
background:url("http://i.imgur.com/0htG6UA.png") -0px -0px no-repeat;
|
|
background-size: 100px 102px;
|
|
}
|
|
|
|
.sheet-silver{
|
|
background:url("http://i.imgur.com/JWBfoJJ.png") -0px -0px no-repeat;
|
|
background-size: 100px 102px;
|
|
}
|
|
|
|
.sheet-copper{
|
|
background:url("http://i.imgur.com/CEbiIgg.png") -0px -0px no-repeat;
|
|
background-size: 100px 102px;
|
|
}
|
|
|
|
|
|
/* Talents Perso */
|
|
|
|
.sheet-persotalents-wrap {
|
|
/* overflow to handle inner floating block */
|
|
overflow: hidden;
|
|
}
|
|
|
|
|
|
.sheet-talents1{
|
|
float: left;
|
|
}
|
|
|
|
|
|
.sheet-talents2{
|
|
float: left;
|
|
margin-left: 6px;
|
|
}
|
|
|
|
.sheet-perso{
|
|
float: left;
|
|
margin-left: 6px;
|
|
}
|
|
|
|
/* Standard Tests */
|
|
|
|
.sheet-tests-wrap {
|
|
/* overflow to handle inner floating block */
|
|
overflow: hidden;
|
|
}
|
|
|
|
|
|
.sheet-tests1{
|
|
float: left;
|
|
}
|
|
|
|
|
|
.sheet-tests2{
|
|
float: left;
|
|
margin-left: 6px;
|
|
}
|
|
|
|
/* General Formatting */
|
|
|
|
.sheet-center { align-content: center; float: center; text-align: center; }
|
|
.sheet-hidden { display: none; }
|
|
|
|
input[type=number]::-webkit-inner-spin-button,
|
|
input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
input[type=number] {
|
|
-moz-appearance:textfield;
|
|
margin: 0;
|
|
}
|
|
|
|
input{
|
|
-moz-border-radius:0px; /* Firefox */
|
|
/* -webkit-border-radius: 0px; /* Safari, Chrome */
|
|
/* -khtml-border-radius: 0px; /* KHTML */
|
|
/* border-radius: 0px; /* CSS3 */
|
|
}
|
|
|
|
fieldset{
|
|
margin: 0px;
|
|
padding: 0px;
|
|
border: none;
|
|
}
|
|
|
|
|
|
/* Fonts formatting */
|
|
|
|
@font-face {
|
|
font-family: 'WoodStamp';
|
|
src: local("Woodstamp.otf") format("opentype"),
|
|
url("http://www.fontsaddict.com/fontface/woodstamp.otf"),
|
|
url("http://www.fontsaddict.com/fontface/woodstamp.otf") format("opentype");
|
|
|
|
}
|
|
|
|
.sheet-WoodBig {
|
|
font-family: 'WoodStamp', Impact, Charcoal, sans-serif;
|
|
font-size: 48px;
|
|
text-shadow: 4px 4px 4px #aaa;
|
|
}
|
|
.sheet-WoodMid {
|
|
font-family: 'WoodStamp', Impact, Charcoal, sans-serif;
|
|
font-size: 32px;
|
|
text-shadow: 2px 2px 2px #aaa;
|
|
}
|
|
.sheet-WoodSmall {
|
|
font-family: 'WoodStamp', Impact, Charcoal, sans-serif;
|
|
font-size: 16px;
|
|
/* text-shadow: 4px 4px 4px #aaa; */
|
|
}
|
|
|
|
.sheet-Georgia {
|
|
font-family: 'Georgia';
|
|
font-size: 16px;
|
|
/* text-shadow: 4px 4px 4px #aaa; */
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|