alberto-aresu
e3b23334a6
* New shhet made for Vulcania * Name changed Sorry, the name was uncorrect. My bad
540 lines
11 KiB
CSS
540 lines
11 KiB
CSS
.sheet-background_image{
|
|
background-image: url("./scheda_no_box_no_line.jpg");
|
|
background-repeat: no-repeat;
|
|
min-width: 800px;
|
|
height: 1052px;
|
|
}
|
|
.sheet-info_and_firstStats{
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.sheet-info{
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-top: 6px;
|
|
}
|
|
.sheet-name{
|
|
margin-left: 100px;
|
|
font-size: 18px;
|
|
background-color: transparent;
|
|
border-top: transparent;
|
|
border-left: transparent;
|
|
border-right: transparent;
|
|
width: 293px;
|
|
}
|
|
.sheet-personality{
|
|
margin-left: 145px;
|
|
font-size: 18px;
|
|
background-color: transparent;
|
|
border-top: transparent;
|
|
border-left: transparent;
|
|
border-right: transparent;
|
|
width: 248px;
|
|
}
|
|
.sheet-origin{
|
|
margin-left: 107px;
|
|
font-size: 18px;
|
|
background-color: transparent;
|
|
border-top: transparent;
|
|
border-left: transparent;
|
|
border-right: transparent;
|
|
width: 286px;
|
|
}
|
|
.sheet-rank{
|
|
margin-left: 100px;
|
|
font-size: 18px;
|
|
background-color: transparent;
|
|
border-top: transparent;
|
|
border-left: transparent;
|
|
border-right: transparent;
|
|
width: 293px;
|
|
}.sheet-past{
|
|
margin-left: 87px;
|
|
font-size: 18px;
|
|
background-color: transparent;
|
|
border-top: transparent;
|
|
border-left: transparent;
|
|
border-right: transparent;
|
|
width: 293px;
|
|
}
|
|
.sheet-vice{
|
|
margin-left: 67px;
|
|
font-size: 18px;
|
|
background-color: transparent;
|
|
border-top: transparent;
|
|
border-left: transparent;
|
|
border-right: transparent;
|
|
width: 313px;
|
|
}
|
|
.sheet-special{
|
|
margin-left: 153px;
|
|
font-size: 18px;
|
|
background-color: transparent;
|
|
border-top: transparent;
|
|
border-left: transparent;
|
|
border-right: transparent;
|
|
width: 227px;
|
|
}
|
|
.sheet-bonus_capacity{
|
|
margin-left: 160px;
|
|
font-size: 18px;
|
|
background-color: transparent;
|
|
border-top: transparent;
|
|
border-left: transparent;
|
|
border-right: transparent;
|
|
width: 220px;
|
|
}
|
|
|
|
.sheet-firstStats{
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-top: 20px;
|
|
margin-left: 38px;
|
|
}
|
|
|
|
/* attributes */
|
|
|
|
.sheet-first_attributes{
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-left: 20px;
|
|
margin-top: 23px;
|
|
}
|
|
.sheet-first_attributes_align{
|
|
margin-left: 29px;
|
|
}
|
|
.sheet-first_attributes_input_sx{
|
|
width: 26px;
|
|
font-size: 14px;
|
|
border-radius: 100%;
|
|
text-align: center;
|
|
background-color: transparent;
|
|
border: transparent;
|
|
margin-right: 104px;
|
|
}
|
|
.sheet-first_attributes_input_dx{
|
|
width: 26px;
|
|
font-size: 15px;
|
|
border-radius: 100%;
|
|
text-align: center;
|
|
margin-left: 6px;
|
|
margin-right: 2px;
|
|
background-color: transparent;
|
|
border: transparent;
|
|
}
|
|
.sheet-all_bonus{
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-top: 1px;
|
|
align-items: center;
|
|
}
|
|
.sheet-bonus_input_1{
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-left: 45px;
|
|
}
|
|
.sheet-bonus_input_2{
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-left: 91px;
|
|
}
|
|
.sheet-bonus_input_other{
|
|
width: 24px;
|
|
font-size: 11px;
|
|
text-align: center;
|
|
border-radius: 100%;
|
|
background-color: transparent;
|
|
border: transparent;
|
|
}
|
|
.sheet-bonus_input_other_sx{
|
|
width: 24px;
|
|
font-size: 11px;
|
|
text-align: center;
|
|
border-radius: 100%;
|
|
background-color: transparent;
|
|
border: transparent;
|
|
}
|
|
.sheet-bonus_input_other_dx{
|
|
width: 24px;
|
|
font-size: 15px;
|
|
text-align: center;
|
|
border-radius: 100%;
|
|
background-color: transparent;
|
|
border: transparent;
|
|
margin-left: 58px;
|
|
margin-top: 2px;
|
|
}
|
|
.sheet-second_attributes{
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
margin-left: 20px;
|
|
margin-top: 6px;
|
|
}
|
|
.sheet-second_attributes_input_sx{
|
|
width: 27px;
|
|
font-size: 13px;
|
|
border-radius: 100%;
|
|
text-align: center;
|
|
background-color: transparent;
|
|
border: transparent;
|
|
}
|
|
.sheet-second_attributes_input_dx{
|
|
width: 27px;
|
|
font-size: 16px;
|
|
border-radius: 100%;
|
|
text-align: center;
|
|
margin-left: 6px;
|
|
background-color: transparent;
|
|
border: transparent;
|
|
}
|
|
.sheet-second_attributes_buttons{
|
|
width: 97px;
|
|
height: 20px;
|
|
margin-left: 3px;
|
|
background-color: transparent;
|
|
border: transparent;
|
|
background-image: none;
|
|
}
|
|
.sheet-other_attributes{
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-left: 20px;
|
|
margin-top: 22px;
|
|
}
|
|
.sheet-other_attributes_end{
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-left: 20px;
|
|
margin-top: 23px;
|
|
}
|
|
.sheet-other_attributes_input_sx{
|
|
width: 27px;
|
|
font-size: 13px;
|
|
border-radius: 100%;
|
|
text-align: center;
|
|
background-color: transparent;
|
|
border: transparent;
|
|
}
|
|
.sheet-other_attributes_input_dx{
|
|
width: 27px;
|
|
font-size: 16px;
|
|
border-radius: 100%;
|
|
text-align: center;
|
|
margin-left: 6px;
|
|
background-color: transparent;
|
|
border: transparent;
|
|
}
|
|
.sheet-other_attributes_buttons{
|
|
width: 97px;
|
|
height: 21px;
|
|
margin-left: 3px;
|
|
background-color: transparent;
|
|
border: transparent;
|
|
background-image: none;
|
|
}
|
|
|
|
/* weapons and stats */
|
|
|
|
.sheet-combat_1{
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-top: 35px;
|
|
margin-left: 1px;
|
|
}
|
|
.sheet-init_button{
|
|
width: 35px;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
margin-left: 15px;
|
|
border-radius: 30px;
|
|
}
|
|
.sheet-init_input{
|
|
width: 50px;
|
|
font-size: 20;
|
|
text-align: center;
|
|
background-color: transparent;
|
|
border-radius: 10%;
|
|
margin-right: 10px;
|
|
}
|
|
.sheet-healt_input{
|
|
width: 50px;
|
|
font-size: 20;
|
|
text-align: center;
|
|
background-color: transparent;
|
|
border-radius: 10%;
|
|
margin-left: 29px;
|
|
}
|
|
.sheet-melee_button{
|
|
width: 35px;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
margin-left: 17px;
|
|
border-radius: 30px;
|
|
}
|
|
.sheet-melee_input{
|
|
width: 100px;
|
|
font-size: 15;
|
|
background-color: transparent;
|
|
border-radius: 7%;
|
|
}
|
|
.sheet-melee_input_2{
|
|
width: 38px;
|
|
font-size: 18;
|
|
text-align: center;
|
|
margin-right: 5px;
|
|
margin-left: 8px;
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
}
|
|
.sheet-align_stuff{
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.sheet-align_stuff_damage{
|
|
height: 30px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-left: 3px;
|
|
}
|
|
.sheet-number_button_first{
|
|
width: 22px;
|
|
font-size: 20px;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
}
|
|
.sheet-number_button{
|
|
width: 22px;
|
|
font-size: 20px;
|
|
background-color: transparent;
|
|
border-left: transparent;
|
|
background-image: none;
|
|
}
|
|
.sheet-number_button_double{
|
|
width: 33px;
|
|
font-size: 20px;
|
|
background-color: transparent;
|
|
border-left: transparent;
|
|
background-image: none;
|
|
}
|
|
.sheet-number_button_double_2{
|
|
width: 34px;
|
|
font-size: 20px;
|
|
background-color: transparent;
|
|
border-left: transparent;
|
|
background-image: none;
|
|
}
|
|
.sheet-dodge_button{
|
|
width: 35px;
|
|
background-color: transparent;
|
|
border-radius: 30px;
|
|
margin-left: 9px;
|
|
background-image: none;
|
|
}
|
|
.sheet-dodge_input{
|
|
width: 50px;
|
|
font-size: 20;
|
|
text-align: center;
|
|
background-color: transparent;
|
|
border-radius: 7%;
|
|
margin-left: 3px;
|
|
}
|
|
.sheet-combat_2{
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-top: 9px;
|
|
margin-left: 2px;
|
|
}
|
|
.sheet-combat_3{
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-top: 7px;
|
|
margin-left: 2px;
|
|
}
|
|
.sheet-melee_input_some{
|
|
width: 135px;
|
|
font-size: 15;
|
|
background-color: transparent;
|
|
border-radius:7%;
|
|
margin-left: 22px;
|
|
}
|
|
.sheet-melee_input_some_2{
|
|
width: 32px;
|
|
font-size: 18;
|
|
text-align: center;
|
|
margin-right: 7px;
|
|
margin-left: 7px;
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* annotations */
|
|
|
|
.sheet-annotations{
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-top: 40px;
|
|
}
|
|
|
|
/* all equip input */
|
|
|
|
.sheet-eqip{
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-left: 21px;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
margin-bottom: 38px;
|
|
}
|
|
.sheet-input_equip{
|
|
width: 204px;
|
|
font-size: 15px;
|
|
background-color: transparent;
|
|
border-top: transparent;
|
|
border-left: transparent;
|
|
border-right: transparent;
|
|
}
|
|
|
|
|
|
/* all money inputs */
|
|
|
|
.sheet-money_1{
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-left: 20px;
|
|
margin-top: 7px;
|
|
}
|
|
.sheet-money_input{
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.sheet-money_input_2{
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.sheet-money{
|
|
width: 30px;
|
|
font-size: 11px;
|
|
background-color: transparent;
|
|
border-top: transparent;
|
|
border-left: transparent;
|
|
border-right: transparent;
|
|
margin-bottom: 7px;
|
|
}
|
|
.sheet-money_cash{
|
|
width: 30px;
|
|
font-size: 11px;
|
|
background-color: transparent;
|
|
border-top: transparent;
|
|
border-left: transparent;
|
|
border-right: transparent;
|
|
}
|
|
.sheet-money_cash_2{
|
|
width: 30px;
|
|
font-size: 11px;
|
|
margin-top: 3px;
|
|
background-color: transparent;
|
|
border-top: transparent;
|
|
border-left: transparent;
|
|
border-right: transparent;
|
|
}
|
|
|
|
/* opportunity */
|
|
|
|
.sheet-art_and_opport{
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-left: 21px;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
margin-bottom: 40px;
|
|
}
|
|
.sheet-art_and_opport_input{
|
|
width: 195px;
|
|
font-size: 15px;
|
|
background-color: transparent;
|
|
border-top: transparent;
|
|
border-left: transparent;
|
|
border-right: transparent;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
/* other money */
|
|
|
|
.sheet-other_money{
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-left: 12px;
|
|
margin-top: 6px;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
}
|
|
.sheet-other_money_2{
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
}
|
|
.sheet-other_money_input{
|
|
width: 30px;
|
|
font-size: 11px;
|
|
background-color: transparent;
|
|
border-top: transparent;
|
|
border-left: transparent;
|
|
border-right: transparent;
|
|
margin-bottom: 5px;
|
|
}
|
|
.sheet-other_money_input_2{
|
|
width: 30px;
|
|
font-size: 11px;
|
|
background-color: transparent;
|
|
border-top: transparent;
|
|
border-left: transparent;
|
|
border-right: transparent;
|
|
}
|
|
.sheet-other_money_input_3{
|
|
width: 30px;
|
|
font-size: 11px;
|
|
margin-top: 3px;
|
|
background-color: transparent;
|
|
border-top: transparent;
|
|
border-left: transparent;
|
|
border-right: transparent;
|
|
}
|
|
|
|
.sheet-traits{
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-left: 18px;
|
|
}
|
|
|
|
.sheet-knowledge{
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
margin-bottom: 35px;
|
|
}
|
|
.sheet-knowledge_input{
|
|
width: 235px;
|
|
font-size: 15px;
|
|
background-color: transparent;
|
|
border-top: transparent;
|
|
border-left: transparent;
|
|
border-right: transparent;
|
|
}
|
|
|
|
.sheet-skills{
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.sheet-skills_input{
|
|
width: 235px;
|
|
font-size: 15px;
|
|
background-color: transparent;
|
|
border-top: transparent;
|
|
border-left: transparent;
|
|
border-right: transparent;
|
|
} |