basic markup features page

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

diff --git a/static/css/style.css b/static/css/style.css
index 70657336aa6d341a2166222708e331558122738a..deb17dbe4d3213f419fd5babc93ebe3e5adf9145 100644 (file)
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1412,7 +1412,6 @@ mark,
   padding: 8px 16px;
   font-size: 1rem;
   border-radius: 0.25rem;
-  -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out; }
   .btn:focus, .btn:hover {
     text-decoration: none; }
@@ -1712,7 +1711,6 @@ input[type="button"].btn-block {
 
 .fade {
   opacity: 0;
-  -webkit-transition: opacity 0.15s linear;
   transition: opacity 0.15s linear; }
   .fade.show {
     opacity: 1; }
@@ -1732,7 +1730,6 @@ tbody.collapse.show {
   position: relative;
   height: 0;
   overflow: hidden;
-  -webkit-transition: height 0.35s ease;
   transition: height 0.35s ease; }
 
 .btn-group,
@@ -2323,7 +2320,6 @@ tbody.collapse.show {
   background-color: #0275d8; }
 
 .progress-bar-striped {
-  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
   background-size: 1rem 1rem; }
 
@@ -5125,16 +5121,13 @@ h5.fireinfo {
     position: relative; }
 
 .menu-text {
-  -webkit-transition: opacity .25s ease-in-out;
   transition: opacity .25s ease-in-out; }
 
 .menu-text.hidden {
   opacity: 0;
-  -webkit-transition: opacity .35s ease-in-out;
   transition: opacity .35s ease-in-out; }
 
 .fixed-top {
-  -webkit-transition: background-color .5s linear;
   transition: background-color .5s linear;
   height: 56px; }
   @media (min-width: 576px) {
@@ -5164,7 +5157,6 @@ h5.fireinfo {
   font-weight: 300;
   opacity: 0;
   margin: 0;
-  -webkit-transition: opacity .7s linear;
   transition: opacity .7s linear; }
   @media (min-width: 992px) {
     .navbar-brand {
@@ -5215,12 +5207,10 @@ h5.fireinfo {
       padding-top: 64px;
       -webkit-transform: translateX(-256px);
               transform: translateX(-256px);
-      -webkit-transition: all 0.25s ease-in-out;
       transition: all 0.25s ease-in-out; }
       #navbarSupportedContent.open {
         -webkit-transform: translateX(0);
                 transform: translateX(0);
-        -webkit-transition: all .25s ease-in-out;
         transition: all .25s ease-in-out;
         box-shadow: 14px 0 28px 0 rgba(0, 0, 0, 0.25), 10px 0 10px 0 rgba(0, 0, 0, 0.26); } }
 
@@ -5248,7 +5238,6 @@ h5.fireinfo {
         left: 0;
         top: 44px;
         padding: inherit;
-        -webkit-transition: color .3s ease-out, -webkit-transform .3s ease-out;
         transition: color .3s ease-out, -webkit-transform .3s ease-out;
         transition: transform .3s ease-out, color .3s ease-out;
         transition: transform .3s ease-out, color .3s ease-out, -webkit-transform .3s ease-out; } }
@@ -5347,11 +5336,9 @@ button.navbar-toggler div {
   height: 36px;
   text-transform: uppercase;
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
-  -webkit-transition: box-shadow .25s ease-in-out;
   transition: box-shadow .25s ease-in-out; }
   .btn:hover {
     box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 3px 6px 0 rgba(0, 0, 0, 0.25);
-    -webkit-transition: box-shadow .25s ease-in-out;
     transition: box-shadow .25s ease-in-out; }
   @media (max-width: 767px) {
     .btn {
@@ -5359,11 +5346,9 @@ button.navbar-toggler div {
 
 .btn-outline-primary,
 .btn-outline-secondary {
-  -webkit-transition: background-color .25s ease-in-out;
   transition: background-color .25s ease-in-out; }
   .btn-outline-primary:hover,
   .btn-outline-secondary:hover {
-    -webkit-transition: background-color .25s ease-in-out;
     transition: background-color .25s ease-in-out; }
 
 .btn-lg, .btn-group-lg > .btn {
@@ -5557,7 +5542,6 @@ section#wishlist {
   background-color: rgba(255, 255, 255, 0.2); }
 
 .bg-progress {
-  background-image: -webkit-linear-gradient(left, #fbc02d, #ff8f00);
   background-image: linear-gradient(to right, #fbc02d, #ff8f00); }
 
 section#fireinfo {
@@ -5574,6 +5558,20 @@ section#fireinfo {
 section#appliances {
   padding-bottom: 48px; }
 
+.features-content {
+  padding-top: 161px;
+  margin-bottom: 40px; }
+  .features-content .content {
+    background: white;
+    border-radius: 4px;
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
+    padding: 40px 24px; }
+
+hr.divider {
+  width: 128px;
+  border-width: 4px;
+  margin: 56px auto 40px auto; }
+
 footer {
   padding: 3rem 0 0 0; }
   @media (max-width: 991px) {