Revert collpase button, good idea but needs JS

diff --git a/css/master.css b/css/master.css
index ca2ce2389d7ecf726c2b95c078ae2e1c99c86c10..1e341fcf7d00a8a878536e43373551be6fc91e74 100644 (file)
--- a/css/master.css
+++ b/css/master.css
@@ -163,7 +163,7 @@ a {
   border-bottom: 2px solid #ffd429;
   color: #2caf8f;
   text-decoration: none;
-  -webkit-transition: .3s all ease;
+
   transition: .3s all ease;
 }
 
@@ -187,7 +187,7 @@ section {
 /*Header*/
 /*Navbar*/
 .icon-bar {
-  -webkit-transition: .3s all ease;
+
   transition: .3s all ease;
 }
 
@@ -303,7 +303,7 @@ section {
   text-transform: uppercase;
   font-weight: bold;
   font-size: 20px;
-  -webkit-transform: rotate(-45deg);
+
   transform: rotate(-45deg);
 }
 
@@ -321,7 +321,7 @@ section {
 }
 
 .bad,
-.good, {
+.good {
   overflow: hidden;
   margin-top: 30px;
   padding-top: 30px;
@@ -356,7 +356,7 @@ li.neutral {
 .pros li,
 .info {
   padding-left: 30px;
-  background-position: top center left;
+  background-position: top left;
   background-repeat: no-repeat;
   list-style: none;
 }
@@ -372,7 +372,7 @@ li.neutral {
   position: absolute;
   right: 50%;
   left: 50%;
-  top: 220px;
+  top: 250px;
   margin-left: -60px;
   padding: 5px;
   width: 120px;
@@ -406,7 +406,7 @@ li.neutral {
 .seller-group {
 
   text-align: center;
-  -webkit-transition: all 0.3s ease;
+
   transition: all 0.3s ease;
   background-color: white;
   padding: 15px;
@@ -452,21 +452,21 @@ li.neutral {
 }
 
 .charities img {
-  -webkit-filter: brightness(0.39) contrast(150%) opacity(0.6) saturate(0);
+
   filter: brightness(0.39) contrast(150%) opacity(0.6) saturate(0);
-  -webkit-transition: .3s all ease;
+
   transition: .3s all ease;
 
-  -moz-filter: brightness(0.39) contrast(150%) opacity(0.6) saturate(0);
+
 }
 
 .charities img:hover {
-  -webkit-filter: brightness(1) contrast(100%) opacity(1) saturate(1);
+
   filter: brightness(1) contrast(100%) opacity(1) saturate(1);
-  -webkit-transform: scale(1.1);
+
   transform: scale(1.1);
 
-  -moz-filter: brightness(1) contrast(100%) opacity(1) saturate(1);
+
 }
 /*Licenses*/
 .licenses {
@@ -523,12 +523,6 @@ footer a:hover {
   max-height: 220px;
 }
 
-.ornament {
-  margin-top: 20px;
-  height: 5px;
-  background: -webkit-linear-gradient(left, #FFD429 15%, #2B81E3 15%, #2B81E3 30%,#2CAF8F 30%, #2CAF8F 45%, #F3FAFF 45%, #F3FAFF 60%, #0AD778 60%, #0AD778 75%, #D70A0A 75%, #D70A0A 85%);
-  background: linear-gradient(90deg, #FFD429 15%, #2B81E3 15%, #2B81E3 30%,#2CAF8F 30%, #2CAF8F 45%, #F3FAFF 45%, #F3FAFF 60%, #0AD778 60%, #0AD778 75%, #D70A0A 75%, #D70A0A 85%);
-}
 /* Media Queries */
 /* Small devices (tablets, 768px and up) */
 @media (min-width: 768px) {
@@ -551,7 +545,7 @@ footer a:hover {
     list-style-type: none;
     font-size: 1.1em;
     font-family: "Signika Regular";
-    -webkit-transition: .3s all ease;
+
     transition: .3s all ease;
   }
 
@@ -571,7 +565,7 @@ footer a:hover {
   .navbar li a {
     display: block;
     text-decoration: none;
-    -webkit-transition: .3s all ease;
+
     transition: .3s all ease;
   }
 
@@ -632,7 +626,7 @@ footer a:hover {
     list-style-type: none;
     font-size: 1.2em;
     font-family: "Signika Regular";
-    -webkit-transition: .3s all ease;
+
     transition: .3s all ease;
   }
 
@@ -652,7 +646,7 @@ footer a:hover {
   .navbar li a {
     display: block;
     text-decoration: none;
-    -webkit-transition: .3s all ease;
+
     transition: .3s all ease;
   }
 

diff --git a/givingguide.html b/givingguide.html
index 51d63e2d8863cc02ae6587dae12f0afd2a4c9621..c5460a297f4c0e4887049c6b035648c53dee7246 100644 (file)
--- a/givingguide.html
+++ b/givingguide.html
@@ -146,7 +146,7 @@
     <div class="container smartphones">
       <h3 class="title text-center">Smartphones</h3>
       <div class="row is-table-row">
-        <div class="good col-md-6 col-sm-6" style="display:relative">
+        <div class="good col-md-6 col-sm-6" style="position:relative">
 
           <!-- Begin Sale -->
           <div class="sale">
@@ -600,10 +600,10 @@
         <div class="col-md-12">
           <div class="panel-default">
             <div class="panel-heading">
-              <h1 class="fix-margin">Licenses <span><button data-toggle="collapse" data-target="#licenses" class="btn action-button pull-right lcs-col"></button></span></h1>
+              <h1 class="fix-margin">Licenses</h1>
 
             </div>
-            <div class="panel-body collapsing" id="licenses">
+            <div class="panel-body" id="licenses">
               <p>This page by the Free Software Foundation is licensed under a <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 Unported.</a>
               </p>
               <p>The graphics and photos used on this page have been modified by the Free Software Foundation and are licensed separately under the following terms: </p>
@@ -655,7 +655,6 @@
       <!-- End Row -->
     </div>
     <!-- End Container -->
-    <div class="ornament"></div>
   </footer>
   <!-- End Footer -->