diff --git a/d20 Modern/d20 Modern.css b/d20 Modern/d20 Modern.css index 9e66748a6509..ac572a58aad9 100644 --- a/d20 Modern/d20 Modern.css +++ b/d20 Modern/d20 Modern.css @@ -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; @@ -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 { @@ -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; @@ -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; @@ -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 { @@ -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; @@ -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; @@ -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; } @@ -333,7 +448,7 @@ h5 { textarea.sheet-notes { border-radius:15px; border: 2px solid #7F2108; - height:130px; + height:35px; resize:vertical; font-family: 'Proxima Nova'; } @@ -341,12 +456,12 @@ textarea.sheet-notes { 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; @@ -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; @@ -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; @@ -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; @@ -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 { @@ -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 ===*/ @@ -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; } \ No newline at end of file diff --git a/d20 Modern/d20 Modern.html b/d20 Modern/d20 Modern.html index ce991cbb470b..808725ac5329 100644 --- a/d20 Modern/d20 Modern.html +++ b/d20 Modern/d20 Modern.html @@ -1,13 +1,8 @@
+ | Total | +Con | +Misc | +
---|---|---|---|
Massive Damage Threshold |
+ + | + + | ++ |