fontello add icon for file

build/index.html

@@ -184,7 +184,7 @@
             <div class="input-buttons">
                 <!-- <input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this);" onclick="this.value = '';"> -->
                 <input id="save-area-file" class="input-file" type="file" name="file" accept=".dat,.bak*">
-                <label for="save-area-file" class="button">Choose Save File</label>
+                <label for="save-area-file" class="button"><i class="icon-doc-text-inv"></i>Choose Save File</label>
             </div>
 
             <div class="input-buttons">

src/css/fontello.css

@@ -1,11 +1,11 @@
 @font-face {
   font-family: 'fontello';
-  src: url('../font/fontello.eot?81100904');
+  src: url('../font/fontello.eot?52032071');
-  src: url('../font/fontello.eot?81100904#iefix') format('embedded-opentype'),
+  src: url('../font/fontello.eot?52032071#iefix') format('embedded-opentype'),
-       url('../font/fontello.woff2?81100904') format('woff2'),
+       url('../font/fontello.woff2?52032071') format('woff2'),
-       url('../font/fontello.woff?81100904') format('woff'),
+       url('../font/fontello.woff?52032071') format('woff'),
-       url('../font/fontello.ttf?81100904') format('truetype'),
+       url('../font/fontello.ttf?52032071') format('truetype'),
-       url('../font/fontello.svg?81100904#fontello') format('svg');
+       url('../font/fontello.svg?52032071#fontello') format('svg');
   font-weight: normal;
   font-style: normal;
 }
@@ -15,47 +15,47 @@
 @media screen and (-webkit-min-device-pixel-ratio:0) {
   @font-face {
     font-family: 'fontello';
-    src: url('../font/fontello.svg?35911474#fontello') format('svg');
+    src: url('../font/fontello.svg?52032071#fontello') format('svg');
   }
 }
 */
- 
+[class^="icon-"]:before, [class*=" icon-"]:before {
- [class^="icon-"]:before, [class*=" icon-"]:before {
   font-family: "fontello";
   font-style: normal;
   font-weight: normal;
   speak: never;
- 
+
   display: inline-block;
   text-decoration: inherit;
   width: 1em;
   margin-right: .2em;
   text-align: center;
   /* opacity: .8; */
- 
+
   /* For safety - reset parent styles, that can break glyph codes*/
   font-variant: normal;
   text-transform: none;
- 
+
   /* fix buttons height, for twitter bootstrap */
   line-height: 1em;
- 
+
   /* Animation center compensation - margins should be symmetric */
   /* remove if not needed */
   margin-left: .2em;
- 
+
   /* you can be more comfortable with increased icons size */
   /* font-size: 120%; */
- 
+
   /* Font smoothing. That was taken from TWBS */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
- 
+
   /* Uncomment for 3D effect */
   /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
 }
- 
+
 .icon-cancel:before { content: '\e800'; } /* '' */
 .icon-clock:before { content: '\e804'; } /* '' */
 .icon-download-cloud:before { content: '\f0ed'; } /* '' */
-.icon-ok-squared:before { content: '\f14a'; } /* '' */
+.icon-ok-squared:before { content: '\f14a'; } /* '' */
+.icon-doc-text-inv:before { content: '\f15c'; } /* '' */

src/font/fontello.svg

@@ -13,6 +13,8 @@
 <glyph glyph-name="download-cloud" unicode="&#xf0ed;" d="M714 332q0 8-5 13t-13 5h-125v196q0 8-5 13t-12 5h-108q-7 0-12-5t-5-13v-196h-125q-8 0-13-5t-5-13q0-8 5-13l196-196q5-5 13-5t13 5l196 196q5 6 5 13z m357-125q0-89-62-151t-152-63h-607q-103 0-177 73t-73 177q0 72 39 134t105 92q-1 17-1 24 0 118 84 202t202 84q87 0 159-49t105-129q40 35 93 35 59 0 101-42t42-101q0-43-23-77 72-17 119-76t46-133z" horiz-adv-x="1071.4" />
 
 <glyph glyph-name="ok-squared" unicode="&#xf14a;" d="M382 125l343 343q11 10 11 25t-11 25l-57 57q-11 11-25 11t-25-11l-261-261-118 118q-10 11-25 11t-25-11l-57-57q-10-10-10-25t10-25l200-200q11-10 25-10t25 10z m475 493v-536q0-66-47-113t-114-48h-535q-67 0-114 48t-47 113v536q0 66 47 113t114 48h535q67 0 114-48t47-113z" horiz-adv-x="857.1" />
+
+<glyph glyph-name="doc-text-inv" unicode="&#xf15c;" d="M819 584q8-7 16-20h-264v264q13-8 21-16z m-265-91h303v-589q0-23-15-38t-38-16h-750q-23 0-38 16t-16 38v892q0 23 16 38t38 16h446v-304q0-22 16-37t38-16z m89-411v36q0 8-5 13t-13 5h-393q-8 0-13-5t-5-13v-36q0-8 5-13t13-5h393q8 0 13 5t5 13z m0 143v36q0 8-5 13t-13 5h-393q-8 0-13-5t-5-13v-36q0-8 5-13t13-5h393q8 0 13 5t5 13z m0 143v36q0 7-5 12t-13 5h-393q-8 0-13-5t-5-12v-36q0-8 5-13t13-5h393q8 0 13 5t5 13z" horiz-adv-x="857.1" />
 </font>
 </defs>
-</svg>
+</svg>

src/index.html

@@ -69,7 +69,7 @@
             <div class="input-buttons">
                 <!-- <input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this);" onclick="this.value = '';"> -->
                 <input id="save-area-file" class="input-file" type="file" name="file" accept=".dat,.bak*">
-                <label for="save-area-file" class="button">Choose Save File</label>
+                <label for="save-area-file" class="button"><i class="icon-doc-text-inv"></i>Choose Save File</label>
             </div>
 
             <div class="input-buttons">