UNPKG

fur-fonts

Version:
1,885 lines (1,634 loc) 165 kB
<!DOCTYPE html> <!-- Fur fonts html --> <html lang="en" ng:app="FontThemeApp" ng:controller="FontThemCtrl"> <head> <meta charset="UTF-8"/> <title>fur-fonts</title> <link rel="stylesheet" href="./assets/stylesheets/gallery.css"/> <link rel="icon" href="./assets/images/fur-favicon.png"/> <style> @font-face { font-family: a ; src: url('assets/fonts/Alef-Bold.ttf') } .font-a{ font-family: a, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: b ; src: url('assets/fonts/Alef-Regular.ttf') } .font-b{ font-family: b, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: c ; src: url('assets/fonts/Anonymous Pro B.ttf') } .font-c{ font-family: c, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: d ; src: url('assets/fonts/Anonymous Pro BI.ttf') } .font-d{ font-family: d, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: e ; src: url('assets/fonts/Anonymous Pro I.ttf') } .font-e{ font-family: e, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: f ; src: url('assets/fonts/Anonymous Pro Minus B.ttf') } .font-f{ font-family: f, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: g ; src: url('assets/fonts/Anonymous Pro Minus BI.ttf') } .font-g{ font-family: g, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: h ; src: url('assets/fonts/Anonymous Pro Minus I.ttf') } .font-h{ font-family: h, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: i ; src: url('assets/fonts/Anonymous Pro Minus.ttf') } .font-i{ font-family: i, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: j ; src: url('assets/fonts/Anonymous Pro.ttf') } .font-j{ font-family: j, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: k ; src: url('assets/fonts/Cantarell-Bold.ttf') } .font-k{ font-family: k, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: l ; src: url('assets/fonts/Cantarell-BoldOblique.ttf') } .font-l{ font-family: l, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: m ; src: url('assets/fonts/Cantarell-Oblique.ttf') } .font-m{ font-family: m, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: n ; src: url('assets/fonts/Cantarell-Regular.ttf') } .font-n{ font-family: n, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: o ; src: url('assets/fonts/Comfortaa-Bold.ttf') } .font-o{ font-family: o, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: p ; src: url('assets/fonts/Comfortaa-Light.ttf') } .font-p{ font-family: p, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: q ; src: url('assets/fonts/Comfortaa-Regular.ttf') } .font-q{ font-family: q, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: r ; src: url('assets/fonts/ComicNeue-Angular-Bold-Oblique.ttf') } .font-r{ font-family: r, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: s ; src: url('assets/fonts/ComicNeue-Angular-Bold.ttf') } .font-s{ font-family: s, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: t ; src: url('assets/fonts/ComicNeue-Angular-Light-Oblique.ttf') } .font-t{ font-family: t, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: u ; src: url('assets/fonts/ComicNeue-Angular-Light.ttf') } .font-u{ font-family: u, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: v ; src: url('assets/fonts/ComicNeue-Angular-Regular-Oblique.ttf') } .font-v{ font-family: v, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: w ; src: url('assets/fonts/ComicNeue-Angular-Regular.ttf') } .font-w{ font-family: w, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: x ; src: url('assets/fonts/ComicNeue-Bold-Oblique.ttf') } .font-x{ font-family: x, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: y ; src: url('assets/fonts/ComicNeue-Bold.ttf') } .font-y{ font-family: y, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: z ; src: url('assets/fonts/ComicNeue-Light-Oblique.ttf') } .font-z{ font-family: z, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: aa ; src: url('assets/fonts/ComicNeue-Light.ttf') } .font-aa{ font-family: aa, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: ab ; src: url('assets/fonts/ComicNeue-Regular-Oblique.ttf') } .font-ab{ font-family: ab, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: ac ; src: url('assets/fonts/ComicNeue-Regular.ttf') } .font-ac{ font-family: ac, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: ad ; src: url('assets/fonts/Dosis-Bold.ttf') } .font-ad{ font-family: ad, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: ae ; src: url('assets/fonts/Dosis-Book.ttf') } .font-ae{ font-family: ae, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: af ; src: url('assets/fonts/Dosis-ExtraBold.ttf') } .font-af{ font-family: af, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: ag ; src: url('assets/fonts/Dosis-ExtraLight.ttf') } .font-ag{ font-family: ag, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: ah ; src: url('assets/fonts/Dosis-Light.ttf') } .font-ah{ font-family: ah, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: ai ; src: url('assets/fonts/Dosis-Medium.ttf') } .font-ai{ font-family: ai, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: aj ; src: url('assets/fonts/Dosis-SemiBold.ttf') } .font-aj{ font-family: aj, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: ak ; src: url('assets/fonts/EkMukta-Bold.ttf') } .font-ak{ font-family: ak, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: al ; src: url('assets/fonts/EkMukta-ExtraBold.ttf') } .font-al{ font-family: al, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: am ; src: url('assets/fonts/EkMukta-ExtraLight.ttf') } .font-am{ font-family: am, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: an ; src: url('assets/fonts/EkMukta-Light.ttf') } .font-an{ font-family: an, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: ao ; src: url('assets/fonts/EkMukta-Medium.ttf') } .font-ao{ font-family: ao, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: ap ; src: url('assets/fonts/EkMukta-Regular.ttf') } .font-ap{ font-family: ap, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: aq ; src: url('assets/fonts/EkMukta-SemiBold.ttf') } .font-aq{ font-family: aq, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: ar ; src: url('assets/fonts/FreeMono.ttf') } .font-ar{ font-family: ar, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: as ; src: url('assets/fonts/FreeMonoBold.ttf') } .font-as{ font-family: as, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: at ; src: url('assets/fonts/FreeMonoBoldOblique.ttf') } .font-at{ font-family: at, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: au ; src: url('assets/fonts/FreeMonoOblique.ttf') } .font-au{ font-family: au, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: av ; src: url('assets/fonts/FreeSans.ttf') } .font-av{ font-family: av, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: aw ; src: url('assets/fonts/FreeSansBold.ttf') } .font-aw{ font-family: aw, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: ax ; src: url('assets/fonts/FreeSansBoldOblique.ttf') } .font-ax{ font-family: ax, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: ay ; src: url('assets/fonts/FreeSansOblique.ttf') } .font-ay{ font-family: ay, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: bz ; src: url('assets/fonts/Metrophobic.ttf') } .font-bz{ font-family: bz, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: ba ; src: url('assets/fonts/MgOpenCosmeticaRegular.ttf') } .font-ba{ font-family: ba, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: bb ; src: url('assets/fonts/MgOpenModataBold.ttf') } .font-bb{ font-family: bb, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: bc ; src: url('assets/fonts/MgOpenModataBoldOblique.ttf') } .font-bc{ font-family: bc, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: bd ; src: url('assets/fonts/MgOpenModataOblique.ttf') } .font-bd{ font-family: bd, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: be ; src: url('assets/fonts/MgOpenModataRegular.ttf') } .font-be{ font-family: be, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: bf ; src: url('assets/fonts/OCRA.ttf') } .font-bf{ font-family: bf, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: bg ; src: url('assets/fonts/OpenSans-Bold.ttf') } .font-bg{ font-family: bg, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: bh ; src: url('assets/fonts/OpenSans-BoldItalic.ttf') } .font-bh{ font-family: bh, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: bi ; src: url('assets/fonts/OpenSans-CondBold.ttf') } .font-bi{ font-family: bi, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: bj ; src: url('assets/fonts/OpenSans-CondLight.ttf') } .font-bj{ font-family: bj, serif; } #setting-section { position: fixed; left: 0; bottom: 0; width: 100%; padding: 8px 8px; background-color: rgba(255, 255, 255, 0.95); font-size: 0.75em; border-top: 1px solid #EEE; } #setting-section label { color: #AAA; display: inline-block; margin: 0 2px 0; z-index: 22; } .wide-input { width: 400px; } @font-face { font-family: bk ; src: url('assets/fonts/OpenSans-CondLightItalic.ttf') } .font-bk{ font-family: bk, serif; } #setting-section { position: fixed; left: 0; bottom: 0;