mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 11:42:29 +00:00
JavierGarciaGarzon
4422aaa83a
* Dragoncry Added 1st version of the Dragoncry sheet * regroup files * regroup in folder * regroup * remove folder * new files * Rename folder * rename preview * add some images * rename image preview * encoding files * Delete files * Add files Adding html and css with UTF8 * resolving conflict css resolving conflict of Dragoncry.css * reversing encoding changing ecoding of Dragoncry.html and Dragoncey.css to the original one (ANSI) * Revert "reversing encoding" This reverts commit 38aedf21e609bffce847a2fa50227b4688c3763d. * reversing encoding changing ecoding of Dragoncry.html and Dragoncry.css to the original one (ANSI) * coming back to original files reversing changes manually of Dragoncry.css and Dragoncry.html * Resolving conflict css * Update Dragoncry.html * Update Dragoncry.html * Update Dragoncry.css * hotfix Css fixing some problems realating with the size of the sheets * Update Dragoncry.html update gender attribute * Update Dragoncry.html auto-calc armor * Update Dragoncry.css * Update Dragoncry.css
410 lines
7.9 KiB
CSS
410 lines
7.9 KiB
CSS
*{ margin: 0;
|
|
padding: 0;
|
|
}
|
|
h1 {
|
|
text-align: center;
|
|
font-family:"bold @PMingLiU-ExtB";
|
|
}
|
|
h4 {
|
|
text-align: center;
|
|
margin-top:2.5%;
|
|
font-family:"bold @PMingLiU-ExtB";
|
|
|
|
}
|
|
.sheet-logo{
|
|
margin-bottom:1.5%;
|
|
margin-left:35%;
|
|
width:30%;
|
|
height:70%;
|
|
}
|
|
.sheet-img{
|
|
width:82.5%;
|
|
height:82.5%;
|
|
}
|
|
select{
|
|
width: 25%;
|
|
height:75%;
|
|
font-family:"bold @PMingLiU-ExtB";
|
|
}
|
|
input[type=text] {
|
|
width: 25%;
|
|
height:75%;
|
|
display: inline-block;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.sheet-form {
|
|
height:100%;
|
|
width:95%;
|
|
border-radius: 3px;
|
|
margin-top:2.5%;
|
|
display: inline-block;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
font-family:"bold @PMingLiU-ExtB";
|
|
border: 2px solid #7e2d40;
|
|
background-color:#DAD1A4;
|
|
}
|
|
.sheet-form-name {
|
|
height:55%;
|
|
width:45%;
|
|
border-radius: 3px;
|
|
padding-top:2.5%;
|
|
margin-left:1.5%;
|
|
padding-left:2.5%;
|
|
border: 2px solid #7e2d40;
|
|
display: inline-block;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
font-size:9px;
|
|
font-family:"bold @PMingLiU-ExtB";
|
|
background-color:#F5EECF;
|
|
}
|
|
.sheet-form-lvl {
|
|
height:65%;
|
|
width:45%;
|
|
border-radius: 3px;
|
|
padding-top:5%;
|
|
padding-bottom:4.45%;
|
|
padding-left:2.5%;
|
|
border: 2px solid #7e2d40;
|
|
display: inline-block;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
font-size:9px;
|
|
font-family:"bold @PMingLiU-ExtB";
|
|
background-color:#F5EECF;
|
|
}
|
|
|
|
.sheet-form-hp {
|
|
height:55%;
|
|
width:45%;
|
|
border-radius: 3px;
|
|
padding-top:3%;
|
|
padding-left:2.5%;
|
|
padding-bottom:4.5%;
|
|
border: 2px solid #7e2d40;
|
|
display: inline-block;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
font-size:12px;
|
|
font-family:"bold @PMingLiU-ExtB";
|
|
background-color:#F5EECF;
|
|
margin-left:1.5%;
|
|
}
|
|
|
|
|
|
.sheet-form-move {
|
|
height:55%;
|
|
width:45%;
|
|
border-radius: 3px;
|
|
padding-top:1.25%;
|
|
margin-top:1%;
|
|
padding-left:2.5%;
|
|
padding-bottom:4.5%;
|
|
border: 2px solid #7e2d40;
|
|
display: inline-block;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
font-size:12px;
|
|
font-family:"bold @PMingLiU-ExtB";
|
|
background-color:#F5EECF;
|
|
}
|
|
.sheet-form-attributes {
|
|
height:55%;
|
|
width:45%;
|
|
border-radius: 3px;
|
|
padding-top:2.5%;
|
|
margin-top:0.5%;
|
|
padding-left:2.5%;
|
|
border: 2px solid #7e2d40;
|
|
display: inline-block;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
font-size:12px;
|
|
font-family:"bold @PMingLiU-ExtB";
|
|
background-color:#F5EECF;
|
|
margin-left:1.5%;
|
|
}
|
|
|
|
.sheet-form-attributes2 {
|
|
height:55%;
|
|
width:45%;
|
|
border-radius: 3px;
|
|
padding-left:2.5%;
|
|
padding-top:2.5%;
|
|
margin-top:0.5%;
|
|
border: 2px solid #7e2d40;
|
|
display: inline-block;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
font-size:12px;
|
|
font-family:"bold @PMingLiU-ExtB";
|
|
background-color:#F5EECF;
|
|
}
|
|
.sheet-form-2{
|
|
height:100%;
|
|
width:96%;
|
|
border-radius: 3px;
|
|
padding-top:0.5%;
|
|
margin-left:1.5%;
|
|
display: inline-block;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
font-family:"bold @PMingLiU-ExtB";
|
|
background-color:#DAD1A4;
|
|
}
|
|
.sheet-form-orbes {
|
|
height:50%;
|
|
width:46.75%;
|
|
padding-top:0.5%;
|
|
margin-top:0.5%;
|
|
padding-left:2.5%;
|
|
border-radius: 3px;
|
|
border: 2px solid #7e2d40;
|
|
overflow: hidden;
|
|
font-size:10px;
|
|
float:right;
|
|
font-family:"bold @PMingLiU-ExtB";
|
|
background-color:#F5EECF;
|
|
}
|
|
.sheet-form-weapon-skill {
|
|
height:55%;
|
|
width:45%;
|
|
border-radius: 3px;
|
|
padding-top:0.5%;
|
|
margin-top:0.5%;
|
|
padding-left:3.5%;
|
|
padding-right:0.5%;
|
|
border: 2px solid #7e2d40;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
font-size:10px;
|
|
float:left;
|
|
font-family:"bold @PMingLiU-ExtB";
|
|
background-color:#F5EECF;
|
|
}
|
|
.sheet-form-traits {
|
|
height:100%;
|
|
width:46.75%;
|
|
padding-top:0.5%;
|
|
margin-top:0.5%;
|
|
padding-left:2.6%;
|
|
border-radius: 3px;
|
|
border: 2px solid #7e2d40;
|
|
overflow: hidden;
|
|
font-size:10px;
|
|
float:right;
|
|
font-family:"bold @PMingLiU-ExtB";
|
|
background-color:#F5EECF;
|
|
}
|
|
|
|
.sheet-form-protection {
|
|
height:55%;
|
|
width:45%;
|
|
border-radius: 3px;
|
|
padding-top:0.5%;
|
|
margin-top:0.5%;
|
|
padding-left:4%;
|
|
padding-bottom:4%;;
|
|
border: 2px solid #7e2d40;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
font-size:10px;
|
|
float:left;
|
|
font-family:"bold @PMingLiU-ExtB";
|
|
background-color:#F5EECF;
|
|
}
|
|
.sheet-form-class {
|
|
height:55%;
|
|
width:29%;
|
|
border-radius: 3px;
|
|
margin-top:0.5%;
|
|
margin-left:1.5%;
|
|
padding-left:2.5%;
|
|
padding-bottom:0.55%;
|
|
border: 2px solid #7e2d40;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
font-size:12px;
|
|
float:left;
|
|
font-family:"bold @PMingLiU-ExtB";
|
|
background-color:#B5A27D;
|
|
}
|
|
|
|
.sheet-form-psychic {
|
|
height:55%;
|
|
width:29.5%;
|
|
border-radius: 3px;
|
|
margin-top:0.5%;
|
|
padding-bottom:1.5%;
|
|
padding-left:2.5%;
|
|
border: 2px solid #7e2d40;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
font-size:12px;
|
|
float:left;
|
|
font-family:"bold @PMingLiU-ExtB";
|
|
background-color:#B5A27D;
|
|
}
|
|
.sheet-form-merit-defect{
|
|
height:55%;
|
|
width:96.5%;
|
|
border-radius: 3px;
|
|
margin-top:0.5%;
|
|
margin-left:1.5%;
|
|
border: 2px solid #7e2d40;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
font-size:12px;
|
|
float:left;
|
|
font-family:"bold @PMingLiU-ExtB";
|
|
}
|
|
.sheet-form-merit {
|
|
height:50%;
|
|
width:49.45%;
|
|
border-radius: 3px;
|
|
border: 2px solid #7e2d40;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
font-size:12px;
|
|
float:left;
|
|
font-family:"bold @PMingLiU-ExtB";
|
|
background-color:#F5EECF;
|
|
}
|
|
|
|
.sheet-form-bag {
|
|
height:55%;
|
|
width:93.5%;
|
|
border-radius: 3px;
|
|
padding-top:0.5%;
|
|
margin-top:0.5%;
|
|
padding-left:2.5%;
|
|
padding-right:0.5%;
|
|
margin-left:1.5%;
|
|
border: 2px solid #7e2d40;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
font-size:12px;
|
|
float:left;
|
|
font-family:"bold @PMingLiU-ExtB";
|
|
background-color:#F5EECF;
|
|
}
|
|
.sheet-form-belt {
|
|
height:55%;
|
|
width:50.35%;
|
|
border-radius: 3px;
|
|
padding-top:0.5%;
|
|
margin-top:0.5%;
|
|
padding-right:0.5%;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
font-size:12px;
|
|
float:left;
|
|
font-family:"bold @PMingLiU-ExtB";
|
|
}
|
|
.sheet-form-belt2 {
|
|
height:55%;
|
|
width:45%;
|
|
border-radius: 3px;
|
|
padding-top:0.5%;
|
|
margin-top:0.5%;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
font-size:12px;
|
|
float:left;
|
|
font-family:"bold @PMingLiU-ExtB";
|
|
background-color:#F5EECF;
|
|
}
|
|
.sheet-form-armor {
|
|
height:55%;
|
|
width:35%;
|
|
border-radius: 3px;
|
|
padding-top:0.5%;
|
|
border: 2px solid #7e2d40;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
font-size:12px;
|
|
float:left;
|
|
font-family:"bold @PMingLiU-ExtB";
|
|
background-color:#F5EECF;
|
|
}
|
|
.sheet-form-magic-object {
|
|
height:45%;
|
|
width:100%;
|
|
border-radius: 3px;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
font-size:12px;
|
|
float:left;
|
|
padding-bottom:57.25%;
|
|
font-family:"bold @PMingLiU-ExtB";
|
|
background-color:#F5EECF;
|
|
}
|
|
.sheet-form-weapon {
|
|
height:50%;
|
|
width:63%;
|
|
padding-top:0.5%;
|
|
border-radius: 3px;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
font-size:12px;
|
|
float:left;
|
|
font-family:"bold @PMingLiU-ExtB";
|
|
background-color:#F5EECF;
|
|
}
|
|
.sheet-form-weapon1 {
|
|
height:20%;
|
|
width:46%;
|
|
border-radius: 3px;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
font-size:12px;
|
|
float:left;
|
|
padding-bottom:18.5%;
|
|
padding-left:2.75%;
|
|
font-family:"bold @PMingLiU-ExtB";
|
|
background-color:#F5EECF;
|
|
}
|
|
.sheet-form-weapon-special {
|
|
height:20%;
|
|
width:49%;
|
|
padding-bottom:5.25%;
|
|
border-radius: 3px;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
font-size:12px;
|
|
float:right;
|
|
font-family:"bold @PMingLiU-ExtB";
|
|
background-color:#F5EECF;
|
|
}
|
|
.sheet-form-weapon-t {
|
|
height:20%;
|
|
width:63.5%;
|
|
padding-left:0.3%;
|
|
padding-right:0.12%;
|
|
border-radius: 3px;
|
|
border: 2px solid #7e2d40;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
font-size:12px;
|
|
float:right;
|
|
font-family:"bold @PMingLiU-ExtB";
|
|
background-color:#F5EECF;
|
|
}
|
|
.sheet-form-skill-mage-weapon{
|
|
height:55%;
|
|
width:100%;
|
|
border-radius: 3px;
|
|
padding-right:2.5%;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
font-size:12px;
|
|
float:left;
|
|
border: 2px solid #7e2d40;
|
|
font-family:"bold @PMingLiU-ExtB";
|
|
background-color:#F5EECF;
|
|
}
|