Merge pull request #11760 from rotorri/master

[Forged In Dungeon] sheet updates

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;
 }
 

forgedInDungeon/forgedInDungeon.html

@@ -371,7 +371,7 @@
         <div class="header">
             <div class="class-header">
                 <div class="class-name">
-                    <h1><input type="text" class="disable non-input heir" name="attr_class-name" placeholder="직업이름"></h1>
+                    <h1><input type="text" class="disable non-input heir" name="attr_class-name"></h1>
                     <select name="attr_class-selector">
                         <option value="" selected disabled hidden>--직업선택--</option>
                         <option value="a">전사</option>
@@ -5583,7 +5583,7 @@
         <div class="header">
             <div class="class-header">
                 <div class="class-name">
-                    <h1><input type="text" class="disable non-input heir" name="attr_party-name" placeholder="파티 타입"></h1>
+                    <h1><input type="text" class="disable non-input heir" name="attr_party-name"></h1>
                     <select name="attr_party-selector">
                         <option value="" selected disabled hidden>--파티선택--</option>
                         <option value="a">용사단</option>