Added SVG sources for up & down arrows

[fsf-giving-guide.git] / stylesheet.css

diff --git a/stylesheet.css b/stylesheet.css
index 535938ba579459ecfaf7486a9bf5615506456052..1590ccc7bf561ea5cf5b79740b0d5132fcf87a54 100755 (executable)
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -68,7 +68,7 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
 
 .header_wrapper {
   background-color: #2CAF8F;
-  height: 450px;
+  height: 486px;
 }
 
 .header a {
@@ -166,6 +166,7 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
 .share {
   max-width: 1300px;
   min-width: 1170px;
+  margin: auto;
 }
 
 .intro_wrapper,
@@ -189,7 +190,13 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
   color: #FFDD55;
 }
 
+.intro_wrapper a {
+  border-bottom: 1px solid #FDD53A;
+  color: #FDD53A;
+}
+
 .intro_img img{
+  padding-top: 1.7em;
   width: 100%;
 }
 
@@ -198,7 +205,8 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
 .wrapper,
 .section_wrapper,
 .buy_avoid,
-.recommended {
+.recommended,
+.licenses {
   max-width: 750px;
   min-width: 750px;
   margin: auto;
@@ -219,27 +227,55 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
 
 .product_img {
   margin: auto;
-  /* width: 168px; */
-  height: 168px;
+  max-width: 168px;
+  max-height: 168px;
+  position: relative;
 }
 
 .product {
+  text-align: center;
+  position: relative;
   margin: auto;
   display: block;
+  height: 168px;
+  width: 168px;
   /* margin-bottom: 8em; */
-  /* max-width: 168px; */
-  max-height: 168px;
+/*   max-height: 168px; */
+}
+/* 
+ .proprietary .product_img:after {
+  content: "";
+  background-image: url("images/bad.png");
+  background-size: 25px;
+  background-repeat: no-repeat;
+  width: 25px;
+  height: 25px;
+  position: absolute;
+}
+
+ .free h4:after {
+  content: "";
+  background-image: url("images/good.png");
+  background-size: 25px;
+  background-repeat: no-repeat;
+  width: 25px;
+  height: 25px;
+  position: absolute;
 }
+ */
+
 
 .good,
 .bad {
-  display: none; /* FIXME: This is temporary until I fix the sizes*/
-  position: relative;
-  top: 175px;
-  left: 84px;
-  width: 60px;
+  z-index: 999;
+  width: 65px;
+  top: 8em;
+  left: 9em;
+  position: absolute;
+  
 }
 
+
 .free, .proprietary {
   text-align: center;
 }
@@ -330,3 +366,17 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
 .licenses h1 {
   margin-top: 0.6em;
 }
+
+/* Footer */
+
+footer {
+  display: block;
+  background-color: #1a1a1a;
+}
+
+.footer_wrapper {
+  width: 750px;
+  margin: auto;
+  padding: 2em;
+  color: white;
+}