Bump up the default font size, use consistent font sizes

opac/parts/css/fonts.tt2 defines all of the font sizes we should be
using for consistency throughout the TPAC. There was a need felt to bump
up the default font size in the mobile UI from 12px to 12pt, which was
matched by a number of sites who had also bumped the normal UI up to
14px or 15px. Rather than having a weird font-size jump when you narrow
a browser window to < 600px, keep the same base font size... but bump it
up.

Also, replace hardcoded 100% etc font sizes with the templated font
sizes for consistency.

Signed-off-by: Dan Scott <dscott@laurentian.ca>
Signed-off-by: Lebbeous Fogle-Weekley <lebbeous@esilibrary.com>
Signed-off-by: Dan Wells <dbw2@calvin.edu>

diff --git a/Open-ILS/src/templates/opac/css/style.css.tt2 b/Open-ILS/src/templates/opac/css/style.css.tt2
index a9b2cf0..37328b9 100644 (file)
--- a/Open-ILS/src/templates/opac/css/style.css.tt2
+++ b/Open-ILS/src/templates/opac/css/style.css.tt2
@@ -1601,7 +1601,7 @@ a.preflib_change {
     padding-bottom: 0.5ex;
 }
 .browse-shortcuts {
-    font-size: 120%;
+    font-size: [% css_fonts.size_bigger %];
 }
 .browse-result-authority-field-name {
     font-style: italic;
@@ -1609,10 +1609,10 @@ a.preflib_change {
 }
 .browse-leading-article-warning {
     font-style: italic;
-    font-size: 110%;
+    font-size: [% css_fonts.size_big %];
 }
 .browse-public-general-note {
-    font-size: 110%;
+    font-size: [% css_fonts.size_big %];
 }
 .browse-public-general-note-label { }
 .browse-public-general-note-institution {
@@ -1629,7 +1629,7 @@ a.preflib_change {
 
 #main-content-register {
     margin-left: 40px;
-    font-size: 120%;
+    font-size: [% css_fonts.size_bigger %];
 }
 
 #main-content-register table { 
@@ -1678,11 +1678,8 @@ a.preflib_change {
 }
 
 @media only screen and (max-width: 600px) {
-    body {
-        font-size: 12pt;
-    }
     input, select {
-        font-size: 110%;
+        font-size: [% css_fonts.size_big %];
     }
     span .nav_arrow_fix {
         display: none;
@@ -1737,7 +1734,7 @@ a.preflib_change {
        padding: 2px 4px 3px 4px;
        -moz-border-radius: 6px 6px 0px 0px;
        border-radius: 6px 6px 0px 0px;
-       font-size: 100%; 
+       font-size: [% css_fonts.size_base %];
        margin: 0px 5px 0px 0px;
     }
     #acct_fines_tabs {
@@ -1978,7 +1975,7 @@ a.preflib_change {
         height: 25px;
     }
     #adv_search_tabs a{                                                                                                                           
-        font-size: 93%;
+        font-size: [% css_fonts.size_small %];
         margin: 2px;
         margin-right: 2px;
         margin-bottom: 2px;

diff --git a/Open-ILS/src/templates/opac/parts/css/fonts.tt2 b/Open-ILS/src/templates/opac/parts/css/fonts.tt2
index 860d8d1..556952b 100644 (file)
--- a/Open-ILS/src/templates/opac/parts/css/fonts.tt2
+++ b/Open-ILS/src/templates/opac/parts/css/fonts.tt2
@@ -1,10 +1,10 @@
 [%-
     css_fonts = {
-        size_base = "12px",
-        size_small = "92%", # 11px
-        size_smaller = "83%", # 10px
-        size_smallest = "75%", # 9px
-        size_big = "110%", # 13.2px
+        size_base = "14px",
+        size_small = "92%",
+        size_smaller = "83%",
+        size_smallest = "75%",
+        size_big = "110%",
         size_bigger = "125%",
         size_biggest = "150%"
     }