Files
roll20-character-sheets/Dungeon-slayers-4/DS4EN.css
T
GuiGnomeDev 246fe25450 Fixes to Dungeon Slayers 4 character sheet
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
2015-11-11 20:20:06 +01:00

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;
}