Bug 11335 modified font smoothing and weight

[people/shoehn/ipfire.org.git] / static / css / style.css

diff --git a/static/css/style.css b/static/css/style.css
index 0e35e21815794ec8890f3317baf87e8aae588d90..91193d89e5b3110ae5a2c75c78442aff1e37386f 100644 (file)
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -220,7 +220,7 @@ html {
 body {
   font-family: "Ubuntu", sans-serif;
   font-size: 1rem;
-  font-weight: 300;
+  font-weight: 400;
   line-height: 1.5;
   color: #263238;
   background-color: #eceff1; }
@@ -432,7 +432,7 @@ hr {
 small,
 .small {
   font-size: 0.875rem;
-  font-weight: 300; }
+  font-weight: 400; }
 
 mark,
 .mark {
@@ -1670,7 +1670,7 @@ fieldset[disabled] a.btn {
     border-color: #d9534f; }
 
 .btn-link {
-  font-weight: 300;
+  font-weight: 400;
   color: #b71c1c;
   border-radius: 0; }
   .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
@@ -4846,7 +4846,7 @@ a.bg-inverse:focus, a.bg-inverse:hover {
   text-transform: capitalize !important; }
 
 .font-weight-normal {
-  font-weight: 300; }
+  font-weight: 400; }
 
 .font-weight-bold {
   font-weight: 500; }
@@ -4969,6 +4969,76 @@ a.text-gray-dark:focus, a.text-gray-dark:hover {
   .hidden-print {
     display: none !important; } }
 
+body {
+  font-smoothing: antialiased; }
+
+h1 {
+  line-height: 3rem; }
+
+h2 {
+  line-height: 2.75rem; }
+
+h3 {
+  line-height: 2rem; }
+  @media (max-width: 767px) {
+    h3 {
+      font-size: 1em; } }
+
+h4 {
+  font-weight: 500;
+  line-height: 1.75rem; }
+  @media (max-width: 767px) {
+    h4 {
+      font-size: 1em; } }
+
+h5 {
+  line-height: 1.5rem; }
+
+p {
+  line-height: 1.5rem; }
+  @media (max-width: 767px) {
+    p {
+      font-size: .85em; } }
+  p.lead {
+    line-height: 2rem; }
+    @media (max-width: 991px) {
+      p.lead {
+        font-size: 1.5rem;
+        line-height: 2rem; } }
+    @media (max-width: 767px) {
+      p.lead {
+        font-size: 1rem;
+        line-height: 1.5rem; } }
+
+.display-2 {
+  margin-bottom: 4rem; }
+  @media (max-width: 991px) {
+    .display-2 {
+      font-size: 2.5rem;
+      line-height: 3.5rem;
+      margin-bottom: 3rem; } }
+  @media (max-width: 767px) {
+    .display-2 {
+      font-size: 2rem;
+      line-height: 2.75rem; } }
+
+@media (max-width: 575px) {
+  .display-4 {
+    font-size: .875rem;
+    line-height: 1.25rem; } }
+
+small {
+  line-height: 1rem; }
+  @media (max-width: 767px) {
+    small {
+      font-size: .75em; } }
+
+.truncate {
+  width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis; }
+
 #mask {
   width: 100vw;
   height: 100vh;
@@ -5007,8 +5077,7 @@ a.text-gray-dark:focus, a.text-gray-dark:hover {
       color: #263238; }
     .fixed-top .navbar .navbar-toggler-left {
       left: -12px;
-      top: 8px;
-      z-index: 950; }
+      top: 8px; }
       @media (min-width: 576px) {
         .fixed-top .navbar .navbar-toggler-left {
           top: 17px; } }
@@ -5019,7 +5088,6 @@ a.text-gray-dark:focus, a.text-gray-dark:hover {
   font-size: 20px;
   font-weight: 300;
   opacity: 0;
-  z-index: 950;
   margin: 8px 0 0 96px;
   margin-top: 8px;
   -webkit-transition: opacity .7s linear;
@@ -5262,73 +5330,6 @@ button:focus {
 .amber-800 {
   color: #ff8f00; }
 
-h1 {
-  line-height: 3rem; }
-
-h2 {
-  line-height: 2.75rem; }
-
-h3 {
-  line-height: 2rem; }
-  @media (max-width: 767px) {
-    h3 {
-      font-size: 1em; } }
-
-h4 {
-  font-weight: 500;
-  line-height: 1.75rem; }
-  @media (max-width: 767px) {
-    h4 {
-      font-size: 1em; } }
-
-h5 {
-  line-height: 1.5rem; }
-
-p {
-  line-height: 1.5rem; }
-  @media (max-width: 767px) {
-    p {
-      font-size: .85em; } }
-  p.lead {
-    line-height: 2rem; }
-    @media (max-width: 991px) {
-      p.lead {
-        font-size: 1.5rem;
-        line-height: 2rem; } }
-    @media (max-width: 767px) {
-      p.lead {
-        font-size: 1rem;
-        line-height: 1.5rem; } }
-
-.display-2 {
-  margin-bottom: 4rem; }
-  @media (max-width: 991px) {
-    .display-2 {
-      font-size: 2.5rem;
-      line-height: 3.5rem;
-      margin-bottom: 3rem; } }
-  @media (max-width: 767px) {
-    .display-2 {
-      font-size: 2rem;
-      line-height: 2.75rem; } }
-
-@media (max-width: 575px) {
-  .display-4 {
-    font-size: .875rem;
-    line-height: 1.25rem; } }
-
-small {
-  line-height: 1rem; }
-  @media (max-width: 767px) {
-    small {
-      font-size: .75em; } }
-
-.truncate {
-  width: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis; }
-
 img.img-fluid {
   width: 100%;
   max-width: 100%;