Skip to content

Commit

Permalink
Merge pull request #13510 from ctotone/Ten_candles
Browse files Browse the repository at this point in the history 
[TEN CANDLES] Ergonomic update
  • Loading branch information
@NorWhal
NorWhal authored Nov 14, 2024
2 parents ed25cee + 9c7f918 commit 17f6a95
Show file tree
Hide file tree
Showing 2 changed files with 67 additions and 97 deletions.
143 changes: 50 additions & 93 deletions Ten candles/ten-candles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,13 +46,13 @@ input[type=radio].onglgm{
padding: 0;
display: inline-block;
opacity: 0;
width: 110px;
height: 20px;
width: 150px;
height: 33px;
z-index: 2;
font-family: 'Shadows Into Light';
font-size: 14px;

font-size: 14px;
}

input[type=radio].onglcard + span,
input[type=radio].onglconcept + span,
input[type=radio].onglrule + span,
Expand All @@ -61,10 +61,10 @@ input[type=radio].onglgm + span{
font-size:15px;
text-align:center;
display: inline-block;
width: 110px;
width: 175px;
height: 20px;
margin: 0;
margin-left: -110px;
margin-left: -149px;
margin-right: -5px;
padding:0;
margin-bottom: -1px;
Expand All @@ -91,30 +91,14 @@ body.sheet-darkmode input[type=radio].onglgm:checked + span {
font-size:14px;
}

body.sheet-darkmode input[type=radio].onglcard,
body.sheet-darkmode input[type=radio].onglconcept,
body.sheet-darkmode input[type=radio].onglrule,
body.sheet-darkmode input[type=radio].onglgm{
margin: 0;
margin-top: -4px;
margin-bottom: -4px;
padding: 0;
display: inline-block;
opacity: 0;
width: 110px;
height: 20px;
z-index: 2;
font-family: 'Shadows Into Light';
font-size: 14px;

}
body.sheet-darkmode input[type=radio].onglcard + span,
body.sheet-darkmode input[type=radio].onglconcept + span,
body.sheet-darkmode input[type=radio].onglrule + span,
body.sheet-darkmode input[type=radio].onglgm + span{
color: #ffffff5e;
border-color: #888888;
}

input[type=radio].onglcard:checked + span,
input[type=radio].onglconcept:checked + span,
input[type=radio].onglrule:checked + span,
Expand All @@ -131,17 +115,15 @@ input[type=radio].onglgm:checked + span {
div.main {
width: 775px;
padding: 10px;
height: 550px;
height: auto;
margin-left: 40px;
}

body.sheet-darkmode div.main {
width: 775px;
padding: 10px;
height: 550px;
/* body.sheet-darkmode div.main {
background: radial-gradient(circle, rgba(219, 219, 219, 0.08) 0%, rgb(30, 32, 33) 50%);
background-position: -150px 50px;
background-repeat: no-repeat;
}
} */

.section-gm div.main {
background-size: cover;
Expand All @@ -150,21 +132,16 @@ body.sheet-darkmode div.main {
}

div.logo {
width: 462px;
width: 600px;
height: auto;
/* margin-bottom: 35px; */
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ten%20candles/img/logo.png);
background-size: 375px;
background-repeat: no-repeat;
margin-left: -20px;
}

body.sheet-darkmode div.logo {
width: 462px;
height: auto;
/* margin-bottom: 35px; */
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ten%20candles/img/logo_darkmode.png);
background-size: 375px;
background-repeat: no-repeat;
}

img.img {
Expand All @@ -190,6 +167,7 @@ img.img {
border-width: 1px;
border-bottom-style: solid;
padding-left: 27px;
margin-top: -4px;
}

body.sheet-darkmode .charsheet .border-character-up{
Expand Down Expand Up @@ -275,17 +253,6 @@ body.sheet-darkmode .charsheet span.tab1,
body.sheet-darkmode .charsheet span.tab2,
body.sheet-darkmode .charsheet span.tab3,
body.sheet-darkmode .charsheet span.tab4{
display: inline-block;
text-align: center;
font-size: 13px;
font-weight: bold;
border-radius: 4px;
width: 100px;
height: 40px;
cursor: pointer;
position: relative;
vertical-align: middle;
margin-left: -101px;/*originally 91px*/
color: #ffffff3d;
}

Expand Down Expand Up @@ -405,6 +372,7 @@ div.d6{
background-repeat: no-repeat;
width: 55px;
height: 55px;
margin-top: -20px !important;
}

div.dicehope{
Expand Down Expand Up @@ -432,22 +400,10 @@ button[type="action"].d6:hover{
button[type="roll"].d6,
button[type="action"].d6{
background-image:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/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"]body.darkmode .d6,
button[type="action"]body.darkmode .d6{
background-image:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Ten%20candles/img/D6_tencandles.png);
background-size: 50px 50px;
background-size: 90px 77px;
background-repeat: no-repeat;
width: 50px;
height: 50px;
width: 90px;
height: 77px;
border-style: none;
background-color: transparent;
margin-left: 5px;
Expand Down Expand Up @@ -476,7 +432,7 @@ button[type="action"].empty:before{
font-family: 'Shadows Into Light';
font-size: 23px;
line-height: 1.5;
width: 415px;
width: 685px;
display:flex;
align-items: baseline;
}
Expand Down Expand Up @@ -573,10 +529,10 @@ button[type="action"].empty:before{
/*----------- Card Section -------------*/

.charsheet div.section-profile{
padding-top: 30px;
padding-top: 13px;
padding-bottom: 10px;
margin-left: 20px;
height: 350px;
height: auto;
}

input[type=text],
Expand All @@ -585,68 +541,69 @@ input[type=number] {
margin-right: 5px;
box-shadow: none;
border: none;
border-bottom: 1px solid #000000;
border-bottom: 1px solid #888888;
-moz-appearance:textfield;
appearance: textfield;
font-size: 17px;
margin-top: -5px;
padding-bottom: 2px;
background-color: #ffffff00;
background-color: transparent;
border-radius: 0;
}

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

.charsheet textarea.notes {
width: 400px;
width: 670px;
height: 65px;
line-height: 1.0;
font-size: 20px !important;
border: 1px solid #000000;
background-color: #ffffff00;
resize: none;
}

body.sheet-darkmode .charsheet textarea.notes {
width: 400px;
width: 670px;
height: 65px;
line-height: 1.0;
font-size: 20px !important;
border: 1px solid;
border: 1px solid #e1e1e147;
background-color: #1e202100;
resize: none;
}

.charsheet input.name {
width: 250px;
width: 600px;
font-size: 20px !important;
margin-left: 5px;
flex: 1;
}

.charsheet input.look {
width: 250px;
width: 600px;
font-size: 20px !important;
margin-left: 5px;
flex: 1;
}

.charsheet input.age {
width: 80px;
font-size: 20px !important;
margin-left: 5px;
text-align: center;
}

.charsheet input.virtue {
width: 304px;
font-size: 18px !important;
opacity: var( --receiver-opacity1);
flex: 1;
margin-left: 5px;
}

.charsheet input.virtue_rank {
Expand All @@ -660,6 +617,7 @@ body.sheet-darkmode .charsheet textarea.notes {
font-size: 18px !important;
opacity: var( --receiver-opacity2);
flex: 1;
margin-left: 5px;
}

.charsheet input.vice_rank {
Expand Down Expand Up @@ -701,7 +659,7 @@ body.sheet-darkmode .charsheet textarea.notes {


.charsheet textarea.note1 {
width: 470px;
width: 70px;
height: 60px;
line-height: 1.0;
font-size: 20px !important;
Expand All @@ -716,9 +674,8 @@ body.sheet-darkmode .charsheet textarea.notes {
/*----------- Concept Section -------------*/

div.section-abilities {
padding-top: 30px;
padding-top: 13px;
margin-left: 20px;
height: 350px;
}


Expand All @@ -727,27 +684,27 @@ div.section-abilities {
/*----------- Rules Section -------------*/

.charsheet div.section-profile{
padding-top: 30px;
padding-top: 13px;
padding-bottom: 10px;
margin-left: 20px;
height: 350px;
height: auto;
}

.charsheet div.section-rule{
padding-top: 30px;
padding-top: 13px;
padding-bottom: 10px;
margin-left: 20px;
height: 350px;
height: auto;
}

div.section-regle {
margin-left: 20px;
height: 350px;
height: auto;
}

div.section-regle p{
padding-top: 6px;
width: 400px;
width: 685px;
font-size: 22px;
}

Expand All @@ -756,11 +713,11 @@ div.section-regle p{
/*----------- GM Section -------------*/

div.section-GM {
width: 445px;
width: 709px;
}

div.section-GM p{
width: 405px;
width: 670px;
}


Expand Down
Loading

0 comments on commit 17f6a95

Please sign in to comment.