mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
Wrathborn
81e9074ccc
FraggedEmpire2E.html Sheet Modification # Submission Checklist ## Required <!-- Check these off by adding an 'x' to each of these boxes. If you fail to meet all these criteria, your PR will be rejected. --> - [X] The pull request title clearly contains the name of the sheet I am editing. - [X] The pull request title clearly states the type of change I am submitting (New Sheet/New Feature/Bugfix/etc.). - [X] The pull request makes changes to files in only one sub-folder. - [X] The pull request does not contain changes to any json files in the translations folder (translation.json is permitted) - [X] I have followed the [Character Sheets Standards](https://wiki.roll20.net/Building_Character_Sheets#Roll20_Character_Sheets_Repository) when building this sheet. <!-- Please check any that apply: --> - [ ] I have authorization from the game's publisher to make this an official sheet on Roll20 with their name attached. - [ ] This game is not a traditionally published game, but a copy of the game rules can be purchased/downloaded/found at: < > - [ ] This sheet is for an unofficial fan game, modification to an existing game, or a homebrew system. # Changes / Description Added new initiative functionality to sheet and specific button styling to complement.
368 lines
7.8 KiB
CSS
368 lines
7.8 KiB
CSS
/************* SHEET ***************/
|
|
div,
|
|
button,
|
|
textarea,
|
|
span,
|
|
input,
|
|
select,
|
|
table,
|
|
tr,
|
|
td,
|
|
th{
|
|
box-sizing: border-box;
|
|
}
|
|
input[type=radio].sheet-styleCharacter,
|
|
input[type=radio].sheet-styleCombat,
|
|
input[type=radio].sheet-styleSpacecraft,
|
|
input[type=radio].sheet-styleNotes{
|
|
margin-left:2px;
|
|
margin-right: 1px;
|
|
display: inline-block;
|
|
}
|
|
input[type=radio].sheet-styleCharacter + span,
|
|
input[type=radio].sheet-styleCombat + span,
|
|
input[type=radio].sheet-styleSpacecraft + span,
|
|
input[type=radio].sheet-styleNotes + span{
|
|
font-size:11px;
|
|
color: #888888;
|
|
text-align:left;
|
|
}
|
|
input[type=radio].sheet-styleCharacter:checked ~ .sheet-character,
|
|
input[type=radio].sheet-styleCombat:checked ~ .sheet-combat{
|
|
background: linear-gradient(#142611, #DBDCDE, #E0E7ED, white);
|
|
width: 1056px; /** original **/
|
|
padding: 10px;
|
|
}
|
|
input[type=radio].sheet-styleSpacecraft:checked ~ .sheet-spacecraft{
|
|
background: linear-gradient(#2B2C40, #DBDCDE, #E0E7ED, white);
|
|
width: 1056px;
|
|
padding: 10px;
|
|
}
|
|
input[type=radio].sheet-styleNotes:checked ~ .sheet-notes{
|
|
background: linear-gradient(#993d00, #DBDCDE, #E0E7ED, white);
|
|
width: 1056px;
|
|
padding: 10px;
|
|
}
|
|
input[type=radio].sheet-styleCharacter:checked ~ .sheet-spacecraft,
|
|
input[type=radio].sheet-styleCombat:checked ~ .sheet-spacecraft,
|
|
input[type=radio].sheet-styleNotes:checked ~ .sheet-spacecraft{
|
|
display: none;
|
|
}
|
|
input[type=radio].sheet-styleCharacter:checked ~ .sheet-combat,
|
|
input[type=radio].sheet-styleSpacecraft:checked ~ .sheet-combat,
|
|
input[type=radio].sheet-styleNotes:checked ~ .sheet-combat{
|
|
display: none;
|
|
}
|
|
input[type=radio].sheet-styleCombat:checked ~ .sheet-character,
|
|
input[type=radio].sheet-styleSpacecraft:checked ~ .sheet-character,
|
|
input[type=radio].sheet-styleNotes:checked ~ .sheet-character{
|
|
display: none;
|
|
}
|
|
input[type=radio].sheet-styleCombat:checked ~ .sheet-notes,
|
|
input[type=radio].sheet-styleSpacecraft:checked ~ .sheet-notes,
|
|
input[type=radio].sheet-styleCharacter:checked ~ .sheet-notes{
|
|
display: none;
|
|
}
|
|
input[type=checkbox]{
|
|
margin-left: 10px;
|
|
}
|
|
table{
|
|
border-collapse: collapse;
|
|
padding: none;
|
|
margin none;
|
|
width: 100%;
|
|
}
|
|
th{
|
|
padding: none;
|
|
margin: none;
|
|
font-size: 10px;
|
|
}
|
|
tr{
|
|
padding: none;
|
|
margin: none;
|
|
}
|
|
td{
|
|
padding: none;
|
|
margin; none;
|
|
white-space: nowrap;
|
|
}
|
|
input[type=text]{
|
|
margin: 0px;
|
|
padding-left: 0.3em;
|
|
padding-right: 0.1em;
|
|
padding-top: 0.1em;
|
|
padding-bottom: 0.1em;
|
|
}
|
|
input[type=textarea]{
|
|
margin: 0px;
|
|
padding-left: 0.3em;
|
|
padding-right: 0.1em;
|
|
padding-top: 0.1em;
|
|
padding-bottom: 0.1em;
|
|
}
|
|
select{
|
|
height: 22px;
|
|
margin: 0px;
|
|
padding-left: 0em;
|
|
padding-right: 0.2em;
|
|
padding-top: 0.2em;
|
|
padding-bottom: 0.2em;
|
|
background-color: white;
|
|
}
|
|
input[type="number"]{
|
|
text-align: right;
|
|
height: 20px;
|
|
margin: 0px;
|
|
padding-left: 0.2em;
|
|
padding-right: 0.3em;
|
|
padding-top: 0.2em;
|
|
padding-bottom: 0.1em;
|
|
}
|
|
|
|
/** Start Order Button **/
|
|
|
|
.charsheet button[type=roll].sheet-orderbtn::before {
|
|
content: "";
|
|
}
|
|
|
|
.charsheet button[type=roll].sheet-orderbtn {
|
|
background-image: none;
|
|
background-color: #262626;
|
|
color: white;
|
|
border: none;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
padding: 2px;
|
|
}
|
|
|
|
.charsheet button[type=roll].sheet-orderbtn:hover {
|
|
background-color:#cc0d00;
|
|
color:black;
|
|
}
|
|
|
|
/** End Order Button **/
|
|
|
|
.sheet-header{
|
|
color: white;
|
|
font-weight: bold;
|
|
font-size: 10px;
|
|
}
|
|
.sheet-attributes{
|
|
color: white;
|
|
background: #262626;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
padding-left: 10px;
|
|
margin: 0px 0px 0px 0px;
|
|
border-top-left-radius: 5px;
|
|
border-bottom-left-radius: 5px;
|
|
}
|
|
.sheet-strong{
|
|
color: #262626;
|
|
background: transparent;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
padding-left: 10px;
|
|
margin: 0px 0px 0px 0px;
|
|
}
|
|
.sheet-small-right{
|
|
font-size: 10px;
|
|
text-align: right;
|
|
}
|
|
.sheet-small-left{
|
|
font-size: 10px;
|
|
text-align: left;
|
|
}
|
|
.sheet-small-center{
|
|
font-size: 10px;
|
|
text-align: center;
|
|
}
|
|
.sheet-buttoncasing{
|
|
background-color: #262626;
|
|
color: white;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
padding-left: 5px;
|
|
margin: 0px 0px 0px 0px;
|
|
border-top-left-radius: 5px;
|
|
border-bottom-left-radius: 5px;
|
|
}
|
|
|
|
|
|
/***** Roll Templates *****/
|
|
|
|
/** Skill Tests **/
|
|
.sheet-rolltemplate-skilltest table {
|
|
width: 189px;
|
|
padding: 2px;
|
|
border: 1px solid;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.sheet-rolltemplate-skilltest th {
|
|
color: rgb(126, 45, 64);
|
|
padding-left: 5px;
|
|
line-height: 1.6em;
|
|
font-size: 1.2em;
|
|
text-align: left;
|
|
font-family: "Times New Roman", Times, serif;
|
|
font-variant: small-caps;
|
|
}
|
|
|
|
.sheet-rolltemplate-skilltest .sheet-subheader {
|
|
color: #000;
|
|
font-size: 1em;
|
|
font-style: italic;
|
|
}
|
|
|
|
.sheet-rolltemplate-skilltest .sheet-arrow-right {
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
border-left: 180px solid rgb(126, 45, 64);
|
|
}
|
|
|
|
.sheet-rolltemplate-skilltest .sheet-tcat {
|
|
font-style: italic;
|
|
}
|
|
|
|
.sheet-rolltemplate-skilltest td {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-skilltest .inlinerollresult {
|
|
background-color: #ffffff;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-skilltest .inlinerollresult.fullcrit {
|
|
color: #3FB315;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-skilltest .inlinerollresult.fullfail {
|
|
color: #B31515;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-skilltest .inlinerollresult.importantroll {
|
|
color: #4A57ED;
|
|
border: none;
|
|
}
|
|
|
|
|
|
/** Attack Rolls **/
|
|
.sheet-rolltemplate-attack table {
|
|
width: 189px;
|
|
padding: 2px;
|
|
border: 1px solid;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack th {
|
|
color: rgb(126, 45, 64);
|
|
padding-left: 5px;
|
|
line-height: 1.6em;
|
|
font-size: 1.2em;
|
|
text-align: left;
|
|
font-family: "Times New Roman", Times, serif;
|
|
font-variant: small-caps;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack .sheet-subheader {
|
|
color: #000;
|
|
font-size: 1em;
|
|
font-style: italic;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack .sheet-arrow-right {
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
border-left: 180px solid rgb(126, 45, 64);
|
|
}
|
|
|
|
.sheet-rolltemplate-attack .sheet-tcat {
|
|
font-style: italic;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack td {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack .inlinerollresult {
|
|
background-color: #ffffff;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack .inlinerollresult.fullcrit {
|
|
color: #3FB315;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack .inlinerollresult.fullfail {
|
|
color: #B31515;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack .inlinerollresult.importantroll {
|
|
color: #4A57ED;
|
|
border: none;
|
|
}
|
|
|
|
/** Strong Hit Tests **/
|
|
.sheet-rolltemplate-stronghit table {
|
|
width: 189px;
|
|
padding: 2px;
|
|
border: 1px solid;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.sheet-rolltemplate-stronghit th {
|
|
color: rgb(126, 45, 64);
|
|
padding-left: 5px;
|
|
line-height: 1.6em;
|
|
font-size: 1.2em;
|
|
text-align: left;
|
|
font-family: "Times New Roman", Times, serif;
|
|
font-variant: small-caps;
|
|
}
|
|
|
|
.sheet-rolltemplate-stronghit .sheet-subheader {
|
|
color: #000;
|
|
font-size: 1em;
|
|
font-style: italic;
|
|
}
|
|
|
|
.sheet-rolltemplate-stronghit .sheet-arrow-right {
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
border-left: 180px solid rgb(126, 45, 64);
|
|
}
|
|
|
|
.sheet-rolltemplate-stronghit .sheet-tcat {
|
|
font-style: italic;
|
|
}
|
|
|
|
.sheet-rolltemplate-stronghit td {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-stronghit .inlinerollresult {
|
|
background-color: #ffffff;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-stronghit .inlinerollresult.fullcrit {
|
|
color: #3FB315;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-stronghit .inlinerollresult.fullfail {
|
|
color: #B31515;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-stronghit .inlinerollresult.importantroll {
|
|
color: #4A57ED;
|
|
border: none;
|
|
}
|