Skip to content

Commit

Permalink
Merge pull request #13558 from vince-roll20/D20_modern
Browse files Browse the repository at this point in the history 
D20 modern
  • Loading branch information
@kfroll20
kfroll20 authored Dec 3, 2024
2 parents 8a832d8 + 63ab2a4 commit 84dcab0
Show file tree
Hide file tree
Showing 2 changed files with 200 additions and 53 deletions.
209 changes: 166 additions & 43 deletions d20 Modern/d20 Modern.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,27 +40,42 @@
}

/* background toggle*/
.sheet-useBackground input[value="0"] ~ *.sheet-background {
input.sheet-useBackground[value="0"] ~ .sheet-background {
background-image: none;
background-color: #F3F8F6;
}

.sheet-useBackground input[value="1"] ~ *.sheet-background {
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Naruto%20d20%20Modern/images/parchment_background.jpg");
input.sheet-useBackground[value="1"] ~ .sheet-background {
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/d20%20Modern/images/parchment_background.jpg");
background-size: cover;
outline: 2px solid #000;
}

.sheet-banner {
/* background-image:url('http://i.imgur.com/mGAvldF.png'); */
background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Naruto%20d20%20Modern/images/d20%20moodern%20logo.png');
background-repeat: no-repeat;
background-size: 100% 100%;
height: 200px;
width: 200px;
margin-left: auto;
margin-right: auto;
height: 125px;
width: 125px;
margin: 0 auto .5em auto;
}

input.sheet-useLogo[value="0"] ~ .sheet-background .sheet-banner {
background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/d20%20Modern/images/d20%20moodern%20logo.png');
}

input.sheet-useLogo[value="1"] ~ .sheet-background .sheet-banner {
background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/d20%20Modern/images/old_logo.png');
margin: -2.5em auto .5em auto;
height: 175px;
width: 175px;
}

input.sheet-useLogo[value="2"] ~ .sheet-background .sheet-banner {
background-image: none;
height: auto;
width: auto;
}

/*----------- Tabs Setup -------------*/
.charsheet {
width:840px;
Expand Down Expand Up @@ -104,6 +119,8 @@ div.sheet-core-content {
opacity: 0;
z-index: 998;
box-shadow: 0px 0px 5px blue;
margin-left: auto;
margin-right: auto;
}

.charsheet span.sheet-tab {
Expand Down Expand Up @@ -139,7 +156,11 @@ div.sheet-core-content {

/*----------- End Tab Setup -----------*/
/*----------- Font -----------*/

.sheet-table-center {
padding-left: 150px;
padding-right: 5px;
font-family: 'Proxima Nova';
}
.sheet-tableI {
margin-left:auto;
margin-right:auto;
Expand All @@ -154,6 +175,12 @@ div.sheet-core-content {
font-family: 'Proxima Nova';
font-weight:normal;
}

th .sheet-font {
line-height: 14px;
text-align: center;
}

.sheet-tableII th {
background: #000;
color: white;
Expand All @@ -172,9 +199,39 @@ div.sheet-core-content {
.sheet-tableII th.sheet-heading {
background: #000;
color: white;
font-size: 9px;
font-size: 10px;
font-weight: normal;
text-align: center;
padding-inline: 5px;
}

.sheet-tableII th.sheet-heading:not(:empty) {
padding-inline: 2px;
}

.sheet-tableIII th {
background:#000;
color:white;

}
.sheet-tableIII {
background:transparent;
color:white;
margin-left:auto;
margin-right:auto;
}
.sheet-tableIII th.sheet-heading {
background:#000;
color:white;
font-size:9px;
text-align:center;
}

.sheet-tableIII th.sheet-headingLanguages {
background:#000;
color:white;
font-size:9px;
text-align:left;
width:100px;
}

.sheet-text {
Expand All @@ -192,6 +249,51 @@ input.sheet-text[type="text"]:focus {
box-shadow:none;
background: white;
}

.sheet-textbg {
border-top: none;
border-left: none;
border-right: none;
border-bottom: none;
border-radius: 0px;
box-shadow: none;
font-size: 12px;
background: black;
color: white;
text-align: center;
margin-left: auto;
margin-right: auto;
}

input.sheet-textbg[type="text"]:focus {
border-radius: 0px;
box-shadow: none;
background: white;
color: black;
}

.sheet-textbgselect {
border-top: none;
border-left: none;
border-right: none;
border-bottom: none;
padding-top: 11px;
border-radius: 0px;
box-shadow: none;
font-size: 12px;
background: #000;
color: white;
text-align: center;
}

input.sheet-textbgselect[type="text"]:focus {
border-radius: 0px;
box-shadow: none;
background: #000;
color: white;
text-align: center;
}

.sheet-title {
border-top:none;
border-left:none;
Expand Down Expand Up @@ -223,6 +325,15 @@ input.sheet-title[type="text"]:focus {
-webkit-appearance: none;
margin: 0;
}
.sheet-numberLanguages[type="text"] {
background: transparent;
border: none;
border-radius: 0px;
box-shadow: none;
text-align: left;
border-bottom: 1px solid #000;
width: 100px;
}
.sheet-number[type="text"] {
background: transparent;
border:none;
Expand All @@ -232,9 +343,13 @@ input.sheet-title[type="text"]:focus {
border-bottom:1px solid #000;
width:100px;
}
input[type=number] {
-moz-appearance:textfield;

.ui-dialog .charsheet input[type=number] {
width: 3.25em;
margin-inline: 2px;
-moz-appearance: textfield;
}

input[type=number]:hover {
-moz-appearance:none;
}
Expand Down Expand Up @@ -333,20 +448,20 @@ h5 {
textarea.sheet-notes {
border-radius:15px;
border: 2px solid #7F2108;
height:130px;
height:35px;
resize:vertical;
font-family: 'Proxima Nova';
}

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

/*-----Tootl Tips-----*/
/*-----Tool Tips-----*/
div.sheet-tooltips {
position: relative;
display: inline;
Expand Down Expand Up @@ -413,13 +528,23 @@ div.sheet-tooltips:hover span {

}
/*-----radio boxes-----*/
/*-----Tootl Tips-----*/
/*-----Tool Tips-----*/
div.sheet-tooltipsdown {
cursor: default;
display: inline;
position: relative;
}

div.sheet-tooltipsdown:hover > :first-child {
background-color: #7F2108;
color: #fff;
font-weight: normal;
}

.charsheet input.sheet-tab:hover + span {
background-color: #cccccc;
}

div.sheet-tooltipsdown span {
position: absolute;
width:500px;
Expand All @@ -436,7 +561,7 @@ div.sheet-tooltipsdown span:after {
content: '';
position: absolute;
top: 50%;
right: 80%;
right: 100%;
margin-top: -8px;
width: 0; height: 0;
border-right: 8px solid #000000;
Expand All @@ -446,7 +571,7 @@ div.sheet-tooltipsdown span:after {
div:hover.sheet-tooltipsdown span {
visibility: visible;
opacity: 1;
left: 100%;
left: 80%;
top: 50%;
margin-top: -15px;
margin-left: 15px;
Expand Down Expand Up @@ -638,23 +763,21 @@ input.sheet-bigcheck[type="Checkbox"]:checked + span::before

.charsheet .sheet-skillbtn button[type="roll"],
.charsheet .sheet-skillbtn {
display: block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: black;
border: 1px solid #000;
border-radius: 5px;
box-shadow: none;
outline:0;

margin: 0;
background: black;
color: white;
display: block;
font-size:1em !important;
font-weight:bold;
font-variant:small-caps;
height:50px;
width: 90px;
margin: 0;
outline:0;
padding-left:20px;
color: white;
width: 90px;
}
.sheet-skillbtn button[type="roll"]:hover,
.sheet-skillbtn:hover {
Expand Down Expand Up @@ -812,6 +935,20 @@ input.sheet-bigcheck[type="Checkbox"]:checked + span::before
background: -moz-linear-gradient(right, #7F2108, black); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #7F2108 , black); /* Standard syntax */
color: white;
}
.charsheet .sheet-options {
padding: 10px 10px 0 10px;
position: relative;
}

.charsheet .sheet-options::before {
color: #7f2108;
content: 'y';
font-family: 'Pictos';
}

.charsheet .sheet-options select {
max-width: 10em;
}
/*=== Roll Templates ===*/
/*=== show ===*/
Expand Down Expand Up @@ -918,18 +1055,4 @@ input.sheet-bigcheck[type="Checkbox"]:checked + span::before

.sheet-rolltemplate-fx td {
padding: 5px;
}
.charsheet .sheet-options {
padding: 10px 10px 0 10px;
position: relative;
}

.charsheet .sheet-options::before {
color: #7f2108;
content: 'y';
font-family: 'Pictos';
}

.charsheet .sheet-options select {
max-width: 10em;
}
Loading

0 comments on commit 84dcab0

Please sign in to comment.