Skip to content

Commit

Permalink
Remove translation folder and <table> element
Browse files Browse the repository at this point in the history 
I just made both corrections.
translation.json replaced the folder and above all I deleted the ugly <table> elements (which actually served no purpose except a structural model for the correct roll template!!)

As I have reworked the character sheet to beautify it in the meantime, there are a lot of changes between the two versions but these are only aesthetic changes. The most profound modification is the embellishment of the checkbox via css to reinforce immersion.

Regarding the French translation, I will actually turn to Crowdin when the sheet is validated.
  • Loading branch information
@ctotone
ctotone committed Nov 7, 2023
1 parent 2843871 commit 40f11a8
Show file tree
Hide file tree
Showing 30 changed files with 203 additions and 848 deletions.
Binary file added Ten candles/img/D6_tencandles.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Ten candles/img/hope_dice_tencandles.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
195 changes: 153 additions & 42 deletions Ten candles/ten-candles.css
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
/*----------- Logo -------------*/

img.sheet-logo {
width: 500px;
width: 420px;
height: auto;
margin-bottom: 30px;
margin-bottom: 50px;

}

Expand Down Expand Up @@ -56,7 +56,7 @@ width: 500px;
color: white;
font-weight: bold;
border-radius: 4px;

width: 100px;
height: 40px;
cursor: pointer;
Expand All @@ -80,6 +80,100 @@ width: 500px;
border-radius: 4px;
}

/*----------- Checkbox Section -------------*/

.charsheet input[type="checkbox"] {
opacity: 0;
width: 16px;
height: 16px;
position: relative;
top: 5px;
left: 6px;
margin: -10px;
cursor: pointer;
z-index: 1;
}

.charsheet input[type="checkbox"] + span::before {
margin-right: 4px;
border: solid 1px #a8a8a8;
line-height: 14px;
text-align: center;
display: inline-block;
vertical-align: middle;
box-shadow: 0 0 10px 3px #bdb8b8;
background: #f6f6f6;
background: radial-gradient(#f6f6f6, #dfdfdf);
}

.charsheet input[type="checkbox"] + span::before {
content: "";
width: 14px;
height: 14px;
font-size: 12px;
border-radius: 3px;
}

.charsheet input[type="checkbox"]:checked + span::before {
content: "✓";
background: black;
box-shadow: 0px 0px 8px 1px #1F1F1F;

}


/*----------- Dice Button Section -------------*/
div.sheet-d6{
background-image: url(https://raw.githubusercontent.com/ctotone/JdR/main/Ten%20candles/img/D6_tencandles.png);
background-size: 55px 55px;
background-repeat: no-repeat;
width: 55px;
height: 55px;
}

div.sheet-dicehope{
background-image: url(https://raw.githubusercontent.com/ctotone/JdR/main/Ten%20candles/img/hope_dice_tencandles.png);
background-size: 30px 30px;
background-repeat: no-repeat;
width: 30px;
height: 30px;
}

button[type="roll"].sheet-dicehope:before,
button[type="roll"].sheet-d6:before{
content: ' ';
}

button[type="roll"].sheet-dicehope:hover,
button[type="roll"].sheet-d6:hover{
background-position: 0;
}

button[type="roll"].sheet-d6{
background-image:url(https://raw.githubusercontent.com/ctotone/JdR/main/Ten%20candles/img/D6_tencandles.png);
background-size: 50px 50px;
background-repeat: no-repeat;
width: 50px;
height: 50px;
border-style: none;
background-color: transparent;
margin-left: 5px;
}

button[type="roll"].sheet-dicehope{
background-image:url(https://raw.githubusercontent.com/ctotone/JdR/main/Ten%20candles/img/hope_dice_tencandles.png);
background-size: 25px 25px;
background-repeat: no-repeat;
width: 25px;
height: 25px;
border-style: none;
background-color: transparent;
margin-left: 5px;
}

button[type="roll"].sheet-empty:before{
content: ' ';
}

/*----------- Card Section -------------*/
.charsheet .sheet-section-profile{
Expand All @@ -94,48 +188,92 @@ width: 500px;

.charsheet .sheet-section-profile p{
font-family: 'Shadows Into Light';
font-size: 25px;
font-size: 23px;
color: #e1e1e1 !important;
margin-left: 20px;
line-height: 1.5;
width: 750px;
}


input[type=text],
input[type=number] {
display: inline-block;
margin-right: 5px;
box-shadow: none;
border: none;
border-bottom: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e147;
-moz-appearance:textfield;
font-size: 17px;
margin-top: -5px;
padding-bottom: 2px;
color: #e1e1e1 !important;
background-color: #1F1F1F;
}

.charsheet input.sheet-name-field {
.charsheet input.sheet-name {
width: 250px;
font-size: 20px !important;
color: #e1e1e1;
background-color: #1F1F1F;
}

.charsheet input.sheet-look {
width: 250px;
font-size: 20px !important;
color: #e1e1e1;
background-color: #1F1F1F;
}

.charsheet input.sheet-role {
.charsheet input.sheet-age {
width: 80px;
font-size: 20px !important;
color: #e1e1e1;
background-color: #1F1F1F;
}

.charsheet input.sheet-virtue {
width: 280px;
font-size: 18px !important;
color: #e1e1e1;
background-color: #1F1F1F;
}

.charsheet input.sheet-vice {
width: 300px;
font-size: 18px !important;
color: #e1e1e1;
background-color: #1F1F1F;
}

.charsheet input.sheet-card {
width: 200px;
font-size: 18px !important;
color: #e1e1e1;
background-color: #1F1F1F;
}

.charsheet input.sheet-card1 {
width: 345px;
font-size: 18px !important;
color: #e1e1e1;
background-color: #1F1F1F;
}

.charsheet input.sheet-card2 {
width: 400px;
font-size: 18px !important;
color: #e1e1e1;
background-color: #1F1F1F;
}

.charsheet textarea.sheet-notes {
width: 470px;
height: 130px;
width: 400px;
height: 65px;
line-height: 1.0;
font-size: 20px !important;
color: #e1e1e1;
background-color: #1F1F1F;
border: 1px solid #e1e1e147;
}

.charsheet textarea.sheet-note1 {
Expand All @@ -161,27 +299,14 @@ div.sheet-section-abilities {

div.sheet-section-abilities p{
font-family: 'Shadows Into Light';
font-size: 25px;
font-size: 23px;
color: #e1e1e1 !important;
margin-left: 20px;
line-height: 1.6;
width: 750px;
}


input[type=text],
input[type=number] {
display: inline-block;
margin-right: 5px;
box-shadow: none;
border: none;
border-bottom: 1px solid #e1e1e1;
-moz-appearance:textfield;
font-size: 17px;
margin-top: -5px;
padding-bottom: 2px;
}


/*----------- Rules Section -------------*/

Expand All @@ -191,26 +316,12 @@ div.sheet-section-regle {

div.sheet-section-regle p{
font-family: 'Shadows Into Light';
font-size: 25px;
font-size: 23px;
color: #e1e1e1 !important;
margin-left: 20px;
line-height: 1.6;
width: 750px;
padding-bottom: 50px;
}


input[type=text],
input[type=number] {
display: inline-block;
margin-right: 5px;
box-shadow: none;
border: none;
border-bottom: 1px solid #e1e1e1;
-moz-appearance:textfield;
font-size: 17px;
margin-top: -5px;
padding-bottom: 2px;
padding-bottom: 25px;
}


Expand All @@ -222,7 +333,7 @@ div.sheet-section-GM {

div.sheet-section-GM p{
font-family: 'Shadows Into Light';
font-size: 20px;
font-size: 18px;
color: #e1e1e1 !important;
margin-left: 20px;
width: 750px;
Expand Down Expand Up @@ -312,4 +423,4 @@ input[type=number] {
grid-column: span 2;
padding: 5px;
text-align: center;
}
}
Loading

0 comments on commit 40f11a8

Please sign in to comment.