Skip to content

Commit

Permalink
- prevent darkmode from changing the roll template
Browse files Browse the repository at this point in the history
  • Loading branch information
@vince-roll20
vince-roll20 committed Nov 18, 2024
1 parent 5184544 commit 32c36a3
Showing 1 changed file with 58 additions and 39 deletions.
97 changes: 58 additions & 39 deletions Naruto d20 Modern/Naruto d20 Modern.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
margin-bottom:0px;
font-size:0.9em;
height:2.2em;
font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
font-family: 'Proxima Nova';
}
.charsheet .repcontrol_edit
{
Expand All @@ -22,7 +22,7 @@
margin-bottom:5px;
font-size:0.9em;
height:2.2em;
font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
font-family: 'Proxima Nova';
}
.charsheet .repcontrol_del {
background:red;
Expand All @@ -43,6 +43,7 @@
.sheet-useBackground input[value="0"] ~ *.sheet-background {
background-image:none; background-color:#F3F8F6;
}

.sheet-useBackground input[value="1"] ~ *.sheet-background {
background-image:url("http://i.imgur.com/izwlEug.jpg");
background-size: 100%;
Expand All @@ -63,10 +64,17 @@
width:840px;
}

.charsheet .sheet-background {
font-family: 'Proxima Nova';
font-size: 14px;
font-weight: normal;
}

div.sheet-core-content {
display: none;
width:840px;
}

.charsheet div[class^="sheet-section"] {
display: none;
background-size:840px;
Expand Down Expand Up @@ -104,14 +112,11 @@ div.sheet-core-content {
.charsheet span.sheet-tab {
text-align: center;
display: inline-block;
font-size: 13px;
background-repeat: no-repeat;
color: #7F2108;
font-weight: bold;
font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
font-family: 'Proxima Nova';
border-radius: 4px;
border: 2px solid #7F2108;

width: 100px;
height: 20px;
cursor: pointer;
Expand Down Expand Up @@ -142,34 +147,41 @@ div.sheet-core-content {
.sheet-table-center {
padding-left: 150px;
padding-right: 5px;
font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
font-family: 'Proxima Nova';
}
.sheet-tableI {
margin-left:auto;
margin-right:auto;
font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
font-family: 'Proxima Nova';
}
.sheet-tableI th {
font-size:8px;
vertical-align:super;
}
.sheet-font {
font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
font-family: 'Proxima Nova';
font-weight:normal;
}
.sheet-tableII th {
background:#000;
color:white;
}

.sheet-tableII th:first-child {
padding-inline: 2px;
}

.sheet-tableII {
margin-left:auto;
margin-right:auto;
margin-left: auto;
margin-right: auto;
}

.sheet-tableII th.sheet-heading {
background:#000;
color:white;
font-size:9px;
text-align: center;
background: #000;
color: white;
font-size: 9px;
text-align: center;
padding-inline: 5px;
}

.sheet-tableIII th {
Expand Down Expand Up @@ -261,7 +273,7 @@ input.sheet-textbgselect[type="text"]:focus {
border-radius:0px;
box-shadow:none;
font-size:1.8em;
font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
font-family: 'Proxima Nova';
text-align:center;
background: transparent;
}
Expand Down Expand Up @@ -391,35 +403,29 @@ select.sheet-Specialty {
font-size:0.7em
}

h3 {
font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
text-align:center;
}
h4 {
font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
color: #000;
font-weight:bold;
h3, h4, h5 {
font-family: 'Proxima Nova';
text-align:center;
}
h5 {
font-family: Copperplate, 'Copperplate Gothic Light', fantasy;

h4, h5 {
color: #000;
font-weight:bold;
}

textarea.sheet-notes {
border-radius:15px;
border: 2px solid #7F2108;
height:35px;
resize:vertical;
font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
font-family: 'Proxima Nova';
}

textarea.sheet-longnotes {
border-radius:15px;
border: 2px solid #7F2108;
height:105px;
resize:vertical;
font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
font-family: 'Proxima Nova';
}

/*-----Tool Tips-----*/
Expand Down Expand Up @@ -703,22 +709,21 @@ input.sheet-bigcheck[type="Checkbox"]:checked + span::before

/*------------Button-----------*/
/* ======== skillbtn ========*/
.sheet-skillbtn button[type="roll"]:before,
.sheet-skillbtn:before {
.charsheet .sheet-skillbtn button[type="roll"]:before,
.charsheet .sheet-skillbtn:before {
content: ""!important;
display: none;
border:none;
}
.sheet-skillbtn button[type="roll"],
.sheet-skillbtn {
.charsheet .sheet-skillbtn button[type="roll"],
.charsheet .sheet-skillbtn {
display: block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #000;
box-shadow: none;
outline:0;

margin: 0;
background: black;
font-size:1em !important;
Expand Down Expand Up @@ -898,13 +903,13 @@ input.sheet-bigcheck[type="Checkbox"]:checked + span::before

/*=== Roll Templates ===*/
/*=== show ===*/
.sheet-rolltemplate-darkmode.sheet-rolltemplate-show table,
.sheet-rolltemplate-show table {
width: 100%;
border-radius:15px 15px 15px 15px;
color: #7F2108;
font-size: 1em;
font-variant: small-caps;
box-shadow: none;
background: #F3F8F6;
box-shadow: 0px 0px 2px #7F2108, 0px 0px 2px #7F2108, 0px 0px 2px #7F2108;
}
Expand All @@ -914,25 +919,27 @@ input.sheet-bigcheck[type="Checkbox"]:checked + span::before
}

/*=== attack ===*/

.sheet-rolltemplate-darkmode.sheet-rolltemplate-attack table,
.sheet-rolltemplate-attack table {
width: 100%;
border-radius:15px 15px 15px 15px;
color: #7F2108;
font-size: 1em;
font-variant: small-caps;
box-shadow: none;
background: #F3F8F6;
box-shadow: 0px 0px 2px #7F2108, 0px 0px 2px #7F2108, 0px 0px 2px #7F2108;
}

.sheet-rolltemplate-attack td {
padding: 5px;
}

.sheet-rolltemplate-darkmode.sheet-rolltemplate-attack td.sheet-confirm,
.sheet-rolltemplate-attack td.sheet-confirm {
font-style:italic;
color:black;
}

.sheet-rolltemplate-attack td.sheet-detail {
font-style:italic;
border-radius:15px 15px 0px 0px;
Expand All @@ -941,9 +948,17 @@ input.sheet-bigcheck[type="Checkbox"]:checked + span::before
.sheet-rolltemplate-attack td.sheet-last_left {
border-radius:0px 0px 0px 15px;
}

.sheet-rolltemplate-attack td.sheet-last_right {
border-radius:0px 0px 15px 0px;
}


.sheet-rolltemplate-darkmode.sheet-rolltemplate-attack td.sheet-damage .inlinerollresult .fullcrit,
.sheet-rolltemplate-darkmode.sheet-rolltemplate-attack td.sheet-damage .inlinerollresult .fullfail,
.sheet-rolltemplate-darkmode.sheet-rolltemplate-attack td.sheet-damage .inlinerollresult .importantroll,
.sheet-rolltemplate-darkmode.sheet-rolltemplate-attack td.sheet-damage .inlinerollresult,
.sheet-rolltemplate-darkmode.sheet-rolltemplate-attack .inlinerollresult,
.sheet-rolltemplate-attack td.sheet-damage .inlinerollresult .fullcrit,
.sheet-rolltemplate-attack td.sheet-damage .inlinerollresult .fullfail,
.sheet-rolltemplate-attack td.sheet-damage .inlinerollresult .importantroll,
Expand All @@ -954,6 +969,8 @@ input.sheet-bigcheck[type="Checkbox"]:checked + span::before
box-shadow:none;
color:black;
}

.sheet-rolltemplate-darkmode.sheet-rolltemplate-attack .inlinerollresult.fullcrit,
.sheet-rolltemplate-attack .inlinerollresult.fullcrit {
border: none;
background:black;
Expand All @@ -962,6 +979,7 @@ input.sheet-bigcheck[type="Checkbox"]:checked + span::before
box-shadow:none;
}

.sheet-rolltemplate-darkmode.sheet-rolltemplate-attack .inlinerollresult.fullfail,
.sheet-rolltemplate-attack .inlinerollresult.fullfail {
border: none;
background:red;
Expand All @@ -970,18 +988,19 @@ input.sheet-bigcheck[type="Checkbox"]:checked + span::before
box-shadow:none;
}

.sheet-rolltemplate-darkmode.sheet-rolltemplate-attack .inlinerollresult.importantroll,
.sheet-rolltemplate-attack .inlinerollresult.importantroll {
border: none;
}

/*=== show ===*/
.sheet-rolltemplate-darkmode.sheet-rolltemplate-tap table,
.sheet-rolltemplate-tap table {
width: 100%;
border-radius:15px 15px 15px 15px;
color: #7F2108;
font-size: 1em;
font-variant: small-caps;
box-shadow: none;
background: #F3F8F6;
box-shadow: 0px 0px 2px #7F2108, 0px 0px 2px #7F2108, 0px 0px 2px #7F2108;
}
Expand All @@ -991,13 +1010,13 @@ input.sheet-bigcheck[type="Checkbox"]:checked + span::before
}

/*=== show ===*/
.sheet-rolltemplate-darkmode.sheet-rolltemplate-tx table,
.sheet-rolltemplate-tx table {
width: 100%;
border-radius:15px 15px 15px 15px;
color: #7F2108;
font-size: 1em;
font-variant: small-caps;
box-shadow: none;
background: #F3F8F6;
box-shadow: 0px 0px 2px #7F2108, 0px 0px 2px #7F2108, 0px 0px 2px #7F2108;
}
Expand Down

0 comments on commit 32c36a3

Please sign in to comment.