more tweaks.

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

diff --git a/stylesheet.css b/stylesheet.css
index 670b2381b78015222781518911375569fbca989d..0e6aaad5c2dda5cf084aa4b498f66a37129474f8 100755 (executable)
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -69,13 +69,17 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
 .header_wrapper {
   background-color: #2CAF8F;
   height: 486px;
+  margin: auto;
+  width: 100%;
+  /*width: 1300px;*/
 }
 
 .header a {
   border-bottom: 0;
 }
 
-.navbar_wrapper {
+.navbar_wrapper,
+.comparisons {
   max-width: 1300px;
   min-width: 1110px;
   margin: auto;
@@ -122,7 +126,6 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
 }
 
 .navbar {
-  width: 537px;
   padding: 1em;
   height: 2.55556em;
   display: inline-block;
@@ -166,6 +169,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,
@@ -226,17 +230,22 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
 
 .product_img {
   margin: auto;
+  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-height: 168px; */
 }
-
+/*
  .proprietary .product_img:after {
   content: "";
   background-image: url("images/bad.png");
@@ -256,19 +265,19 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
   height: 25px;
   position: absolute;
 }
+ */
 
 
-/*
 .good,
 .bad {
- FIXME: This is temporary until I fix the sizes
-  position: relative;
+  z-index: 999;
+  width: 65px;
+  top: 8em;
+  left: 9em;
+  position: absolute;
 
-  left: 60%;
-  width: 60px;
 }
 
-*/
 
 .free, .proprietary {
   text-align: center;
@@ -366,6 +375,8 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
 footer {
   display: block;
   background-color: #1a1a1a;
+  width: 100%;
+  /*width: 1300px;*/
 }
 
 .footer_wrapper {