Font size abstraction

templates/inc/footer.tpl

@@ -1,5 +1,5 @@
 </div>
-<footer>
+<footer class="small-font">
     <div class="footer_wrapper">
      {t}Code by{/t} <a rel="author" target="blank"
         href="http://rudloff.pro/">Pierre Rudloff</a>

templates/inc/header.tpl

@@ -5,8 +5,8 @@
         <a class="facebook" href="https://www.facebook.com/sharer/sharer.php?u={base_url|urlencode}" target="_blank">{t}Share on Facebook{/t}<div class="facebookmask"></div></a>
     </div>
     {if isset($supportedLocales)}
-    <div class="locales">
-        <button class="localesBtn" title="{t}Switch language{/t}">
+    <div class="locales small-font">
+        <button class="localesBtn small-font" title="{t}Switch language{/t}">
             {if isset($locale)}
                 {$locale->getCountry()->getEmoji()}
             {else}

templates/index.tpl

@@ -9,15 +9,15 @@
     </label>
     <div class="champs">
         <span class="URLinput_wrapper">
-        <input class="URLinput" type="url" name="url" id="url"
+        <input class="URLinput large-font" type="url" name="url" id="url"
         required autofocus placeholder="http://example.com/video" />
         </span>
         {if $config->uglyUrls}
             <input type="hidden" name="page" value="video" />
         {/if}
-        <input class="downloadBtn" type="submit" value="{t}Download{/t}" /><br/>
+        <input class="downloadBtn large-font" type="submit" value="{t}Download{/t}" /><br/>
         {if $config->convert}
-            <div class="mp3">
+            <div class="mp3 small-font">
                 <p><input type="checkbox" id="audio" class="audio" name="audio">
                 <label for="audio"><span class="ui"></span>
                     {t}Audio only (MP3){/t}</label></p>
@@ -25,10 +25,10 @@
         {/if}
     </div>
     </form>
-    <a class="combatiblelink" href="{path_for name="extractors"}">{t}See all supported websites{/t}</a>
+    <a class="combatiblelink small-font" href="{path_for name="extractors"}">{t}See all supported websites{/t}</a>
     <div id="bookmarklet" class="bookmarklet_wrapper">
         <p> {t}Drag this to your bookmarks bar:{/t} </p>
-        <a class="bookmarklet" href="javascript:window.location='{$domain}{path_for name='video'}?url='+encodeURIComponent(location.href);">{t}Bookmarklet{/t}</a>
+        <a class="bookmarklet small-font" href="javascript:window.location='{$domain}{path_for name='video'}?url='+encodeURIComponent(location.href);">{t}Bookmarklet{/t}</a>
     </div>
 
 </div>