diff --git a/forgedInDungeon/asset/text-char0.png b/forgedInDungeon/asset/text-char0.png new file mode 100644 index 0000000000..3aaf134c8f Binary files /dev/null and b/forgedInDungeon/asset/text-char0.png differ diff --git a/forgedInDungeon/asset/text-char1.png b/forgedInDungeon/asset/text-char1.png new file mode 100644 index 0000000000..c14c364096 Binary files /dev/null and b/forgedInDungeon/asset/text-char1.png differ diff --git a/forgedInDungeon/asset/text-char10.png b/forgedInDungeon/asset/text-char10.png new file mode 100644 index 0000000000..a5d5f7c3f5 Binary files /dev/null and b/forgedInDungeon/asset/text-char10.png differ diff --git a/forgedInDungeon/asset/text-char2.png b/forgedInDungeon/asset/text-char2.png new file mode 100644 index 0000000000..0b7f2cd7f9 Binary files /dev/null and b/forgedInDungeon/asset/text-char2.png differ diff --git a/forgedInDungeon/asset/text-char3.png b/forgedInDungeon/asset/text-char3.png new file mode 100644 index 0000000000..8773f437cc Binary files /dev/null and b/forgedInDungeon/asset/text-char3.png differ diff --git a/forgedInDungeon/asset/text-char4.png b/forgedInDungeon/asset/text-char4.png new file mode 100644 index 0000000000..cabafb769a Binary files /dev/null and b/forgedInDungeon/asset/text-char4.png differ diff --git a/forgedInDungeon/asset/text-char5.png b/forgedInDungeon/asset/text-char5.png new file mode 100644 index 0000000000..e4b2402108 Binary files /dev/null and b/forgedInDungeon/asset/text-char5.png differ diff --git a/forgedInDungeon/asset/text-char6.png b/forgedInDungeon/asset/text-char6.png new file mode 100644 index 0000000000..500bc19784 Binary files /dev/null and b/forgedInDungeon/asset/text-char6.png differ diff --git a/forgedInDungeon/asset/text-char7.png b/forgedInDungeon/asset/text-char7.png new file mode 100644 index 0000000000..77096edd37 Binary files /dev/null and b/forgedInDungeon/asset/text-char7.png differ diff --git a/forgedInDungeon/asset/text-char8.png b/forgedInDungeon/asset/text-char8.png new file mode 100644 index 0000000000..45a1dcf503 Binary files /dev/null and b/forgedInDungeon/asset/text-char8.png differ diff --git a/forgedInDungeon/asset/text-char9.png b/forgedInDungeon/asset/text-char9.png new file mode 100644 index 0000000000..cf0b711754 Binary files /dev/null and b/forgedInDungeon/asset/text-char9.png differ diff --git a/forgedInDungeon/asset/text-party0.png b/forgedInDungeon/asset/text-party0.png new file mode 100644 index 0000000000..2be30fd8b5 Binary files /dev/null and b/forgedInDungeon/asset/text-party0.png differ diff --git a/forgedInDungeon/asset/text-party1.png b/forgedInDungeon/asset/text-party1.png new file mode 100644 index 0000000000..87943214e0 Binary files /dev/null and b/forgedInDungeon/asset/text-party1.png differ diff --git a/forgedInDungeon/asset/text-party2.png b/forgedInDungeon/asset/text-party2.png new file mode 100644 index 0000000000..045e23d432 Binary files /dev/null and b/forgedInDungeon/asset/text-party2.png differ diff --git a/forgedInDungeon/asset/text-party3.png b/forgedInDungeon/asset/text-party3.png new file mode 100644 index 0000000000..c46db99411 Binary files /dev/null and b/forgedInDungeon/asset/text-party3.png differ diff --git a/forgedInDungeon/asset/text-tab-char1-on.png b/forgedInDungeon/asset/text-tab-char1-on.png new file mode 100644 index 0000000000..34aa68034d Binary files /dev/null and b/forgedInDungeon/asset/text-tab-char1-on.png differ diff --git a/forgedInDungeon/asset/text-tab-char1.png b/forgedInDungeon/asset/text-tab-char1.png new file mode 100644 index 0000000000..bb03acad63 Binary files /dev/null and b/forgedInDungeon/asset/text-tab-char1.png differ diff --git a/forgedInDungeon/asset/text-tab-char2-on.png b/forgedInDungeon/asset/text-tab-char2-on.png new file mode 100644 index 0000000000..21ee5fab1a Binary files /dev/null and b/forgedInDungeon/asset/text-tab-char2-on.png differ diff --git a/forgedInDungeon/asset/text-tab-char2.png b/forgedInDungeon/asset/text-tab-char2.png new file mode 100644 index 0000000000..83cdbdc0c8 Binary files /dev/null and b/forgedInDungeon/asset/text-tab-char2.png differ diff --git a/forgedInDungeon/asset/text-tab-clock-on.png b/forgedInDungeon/asset/text-tab-clock-on.png new file mode 100644 index 0000000000..af1193fc07 Binary files /dev/null and b/forgedInDungeon/asset/text-tab-clock-on.png differ diff --git a/forgedInDungeon/asset/text-tab-clock.png b/forgedInDungeon/asset/text-tab-clock.png new file mode 100644 index 0000000000..fc0228cd64 Binary files /dev/null and b/forgedInDungeon/asset/text-tab-clock.png differ diff --git a/forgedInDungeon/asset/text-tab-party1-on.png b/forgedInDungeon/asset/text-tab-party1-on.png new file mode 100644 index 0000000000..54520aa1c0 Binary files /dev/null and b/forgedInDungeon/asset/text-tab-party1-on.png differ diff --git a/forgedInDungeon/asset/text-tab-party1.png b/forgedInDungeon/asset/text-tab-party1.png new file mode 100644 index 0000000000..8049c43eb9 Binary files /dev/null and b/forgedInDungeon/asset/text-tab-party1.png differ diff --git a/forgedInDungeon/asset/text-tab-party2-on.png b/forgedInDungeon/asset/text-tab-party2-on.png new file mode 100644 index 0000000000..e734d88c4e Binary files /dev/null and b/forgedInDungeon/asset/text-tab-party2-on.png differ diff --git a/forgedInDungeon/asset/text-tab-party2.png b/forgedInDungeon/asset/text-tab-party2.png new file mode 100644 index 0000000000..c5d00ead52 Binary files /dev/null and b/forgedInDungeon/asset/text-tab-party2.png differ diff --git a/forgedInDungeon/asset/title-eng.png b/forgedInDungeon/asset/title-eng.png new file mode 100644 index 0000000000..c9d6eb7592 Binary files /dev/null and b/forgedInDungeon/asset/title-eng.png differ diff --git a/forgedInDungeon/asset/title-kor.png b/forgedInDungeon/asset/title-kor.png new file mode 100644 index 0000000000..0b928191eb Binary files /dev/null and b/forgedInDungeon/asset/title-kor.png differ diff --git a/forgedInDungeon/forgedInDungeon.css b/forgedInDungeon/forgedInDungeon.css index d161eb9785..73623cbf5d 100644 --- a/forgedInDungeon/forgedInDungeon.css +++ b/forgedInDungeon/forgedInDungeon.css @@ -235,11 +235,6 @@ /* ----------------------------------------------- FID class style ------------------------------------------------ */ -.fid .heir { - font-family: 'HeirofLight' !important; - margin-top: -.2em; -} - .fid button.tool-tip { cursor: pointer; border-radius: 30px; @@ -371,7 +366,7 @@ SELECTOR ------------------------------------------------ */ .fid > .selector { - padding-top: 20px; + padding-top: 20px; } .fid > .selector .logo, @@ -385,6 +380,11 @@ width: 70px; height: auto; } +.fid > .selector .logo h3 { + color: transparent; + background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/forgedInDungeon/asset/title-eng.png') center center no-repeat; +} + .fid > .selector .contents { background: #fff; margin: 20px auto; @@ -394,6 +394,8 @@ margin-bottom: 10px; font-size: 42px; line-height: inherit; + color: transparent; + background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/forgedInDungeon/asset/title-kor.png') center center no-repeat; } .fid > .selector .contents p { margin-top: 20px; @@ -576,6 +578,11 @@ position: relative; } +.fid .header .class-name input { + background-position: 5px 5px; + background-repeat: no-repeat; +} + .fid .header .class-name select { position: absolute; left: 0; @@ -587,6 +594,23 @@ height: 100%; } +.fid input#currentClass[value=""] ~ .character .header .class-name input {background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/forgedInDungeon/asset/text-char0.png')} +.fid input#currentClass[value="a"] ~ .character .header .class-name input {background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/forgedInDungeon/asset/text-char1.png')} +.fid input#currentClass[value="b"] ~ .character .header .class-name input {background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/forgedInDungeon/asset/text-char2.png')} +.fid input#currentClass[value="c"] ~ .character .header .class-name input {background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/forgedInDungeon/asset/text-char3.png')} +.fid input#currentClass[value="d"] ~ .character .header .class-name input {background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/forgedInDungeon/asset/text-char4.png')} +.fid input#currentClass[value="e"] ~ .character .header .class-name input {background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/forgedInDungeon/asset/text-char5.png')} +.fid input#currentClass[value="f"] ~ .character .header .class-name input {background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/forgedInDungeon/asset/text-char6.png')} +.fid input#currentClass[value="g"] ~ .character .header .class-name input {background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/forgedInDungeon/asset/text-char7.png')} +.fid input#currentClass[value="h"] ~ .character .header .class-name input {background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/forgedInDungeon/asset/text-char8.png')} +.fid input#currentClass[value="i"] ~ .character .header .class-name input {background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/forgedInDungeon/asset/text-char9.png')} +.fid input#currentClass[value="j"] ~ .character .header .class-name input {background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/forgedInDungeon/asset/text-char10.png')} + +.fid input#currentParty[value=""] ~ .party .header .class-name input {background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/forgedInDungeon/asset/text-pary0.png');} +.fid input#currentParty[value="a"] ~ .party .header .class-name input {background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/forgedInDungeon/asset/text-pary1.png');} +.fid input#currentParty[value="b"] ~ .party .header .class-name input {background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/forgedInDungeon/asset/text-pary2.png');} +.fid input#currentParty[value="c"] ~ .party .header .class-name input {background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/forgedInDungeon/asset/text-pary3.png');} + .fid .header .class-desc { width: 420px; vertical-align: bottom; @@ -602,7 +626,7 @@ } .fid .header .class-name h1 input { - color: #ff8d00; + color: transparent; } .fid .header .header-buttons { @@ -698,6 +722,12 @@ .character .logo .desc h2 { font-size: 28px; margin-bottom: 10px; + color: transparent; + background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/forgedInDungeon/asset/title-kor.png') center center / 80% no-repeat; +} +.character .logo .desc h4 { + color: transparent; + background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/forgedInDungeon/asset/title-eng.png') center center no-repeat; } .character .logo .desc small { margin-bottom: 10px; @@ -738,11 +768,13 @@ } .character > .tabs button[type="action"], .party > .tabs button[type="action"] { - background: transparent ; - color: #fff; + background: none; + color: transparent; font-size: 17px; vertical-align: middle; padding: 0 25px; + background-position: center center; + background-repeat: no-repeat; } .character > .tabs .tool-tip { display: none; @@ -773,11 +805,23 @@ .party #nowTab3[value="party-native"] ~ .tabs button[name$="native"], .party #nowTab3[value="party-clock"] ~ .tabs button[name$="clock"], .party #nowTab3[value="party-common"] ~ .tabs button[name$="common"] { - color: #ff8d00; font-size: 19px; - font-weight: bolder; } +.character > .tabs button[name$="status"] {background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/forgedInDungeon/asset/text-tab-char1.png');} +.character > .tabs button[name$="clock"], +.party > .tabs button[name$="clock"] {background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/forgedInDungeon/asset/text-tab-clock.png');} +.character > .tabs button[name$="skill"] {background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/forgedInDungeon/asset/text-tab-char2.png');} +.party > .tabs button[name$="native"] {background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/forgedInDungeon/asset/text-tab-party1.png');} +.party > .tabs button[name$="common"] {background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/forgedInDungeon/asset/text-tab-party2.png');} + +.character #nowTab2[value="status"] ~ .tabs button[name$="status"] {background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/forgedInDungeon/asset/text-tab-char1-on.png');} +.character #nowTab2[value="clock"] ~ .tabs button[name$="clock"], +.party #nowTab3[value="party-clock"] ~ .tabs button[name$="clock"] {background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/forgedInDungeon/asset/text-tab-clock-on.png');} +.character #nowTab2[value="skill"] ~ .tabs button[name$="skill"] {background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/forgedInDungeon/asset/text-tab-char2-on.png');} +.party #nowTab3[value="party-native"] ~ .tabs button[name$="native"] {background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/forgedInDungeon/asset/text-tab-party1-on.png');} +.party #nowTab3[value="party-common"] ~ .tabs button[name$="common"] {background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/forgedInDungeon/asset/text-tab-party2-on.png');} + .character .status, .character .clock, .character .skill, @@ -2103,7 +2147,7 @@ input#currentParty[value="c"] ~ .party .party-common #bro-common { input#currentParty[value="a"] ~ .party .party-xp .party-a-xp, input#currentParty[value="b"] ~ .party .party-xp .party-b-xp, -input#currentParty[value="b"] ~ .party .party-xp .party-c-xp { +input#currentParty[value="c"] ~ .party .party-xp .party-c-xp { display: inline; } diff --git a/forgedInDungeon/forgedInDungeon.html b/forgedInDungeon/forgedInDungeon.html index 21f86d6142..119c77203f 100644 --- a/forgedInDungeon/forgedInDungeon.html +++ b/forgedInDungeon/forgedInDungeon.html @@ -371,7 +371,7 @@