[PHP-WEBMASTER] com web/shared: Remove extra padder element by making it useless: styles/defaults.css templates/footer.inc templates/header.inc

[Hannes Magnusson]

Commit:    9e13ad4df3f65f66afcc180392322a6c21322db6
Author:    Hannes Magnusson <bj...@mongodb.com>         Wed, 18 Dec 2013 
14:02:33 -0800
Parents:   1c08b51142877028efddb5979f45e8ce34a6fc09
Branches:  master

Link:       
http://git.php.net/?p=web/shared.git;a=commitdiff;h=9e13ad4df3f65f66afcc180392322a6c21322db6

Log:
Remove extra padder element by making it useless

Changed paths:
  M  styles/defaults.css
  M  templates/footer.inc
  M  templates/header.inc


Diff:
diff --git a/styles/defaults.css b/styles/defaults.css
index dcfa10c..9638879 100644
--- a/styles/defaults.css
+++ b/styles/defaults.css
@@ -26,7 +26,6 @@ body {
   background-color: #E3E3F1;
   height: 100%;
   width: 100%;
-  font-size: 1em;
   height: 100%;
   position: fixed;
   margin: 0 !important;
@@ -126,32 +125,24 @@ p {
   margin: .75em 0;
 }
 
-#padder {
+section.fullscreen {
   position: fixed;
   height: 100%;
   overflow-y: scroll;
-}
-/* Pad the #fragment below the header */
-section.fullscreen {
-  /* Force the content below the fixed header */
   display: block;
-  background: #fff;
   padding-bottom: 50px;
+
+}
+section.mainscreen {
+  background: #fff;
+  border: 1px solid #ccc;
+  border-top: 0px;
+  border-bottom: 0px;
 }
 .secondscreen {
   vertical-align: top;
   display: inline-block;
 }
-.secondscreen .panel {
-  background: #f0f0f0;
-  border: 1px solid #e3e3e3;
-  border-radius: 2px;
-}
-.secondscreen a {
-  color: #333;
-  display: block;
-  padding: .75em 1em;
-}
 
 /* Grab attention with a warning */
 .warning {
@@ -214,19 +205,17 @@ section.fullscreen {
     position: absolute;
     top: 0;
   }
-  #padder,
   .fullscreen,
   .mainscreen,
   .secondscreen {
     display: block;
     width: 100%;
   }
-  #padder {
+  section.fullscreen {
     top: 50px;
   }
   body {
     margin: 0;
-    background-color: #fff;
   }
   footer {
     max-height: 0;
@@ -236,7 +225,7 @@ section.fullscreen {
   }
 }
 @media (min-width: 641px) {
-  #padder {
+  .fullscreen {
     width: 100%;
   }
   .fullscreen,
@@ -245,10 +234,10 @@ section.fullscreen {
     width: 90%;
     display: inline-block;
   }
-  #padder {
+  section.fullscreen {
     top: 85px;
   }
-  header, footer, #padder {
+  header, footer, section.fullscreen {
     padding: 0 10%;
   }
   img {
@@ -257,33 +246,26 @@ section.fullscreen {
 }
 
 @media (min-width: 1020px) {
-  #padder,
   .fullscreen {
     display: block;
+    width: 90%;
   }
-  .fullscreen {
-    width: 85%;
-  }
-  #padder {
+  section.fullscreen {
     top: 45px;
-    width: 100%;
-    background-color: #E3E3F1;
-  }
-  #padder .fullscreen {
     margin-bottom: 50px;
   }
-  header, footer, #padder {
+  header, footer, section.fullscreen {
     padding: 0 75px;
   }
   .mainscreen {
-    width: 70%;
+    width: 65%;
     display: inline-block;
   }
   .mainscreen {
     padding: 0;
   }
   .secondscreen {
-    width: 250px;
+    width: 300px;
   }
 }
 @media (min-width: 1250px) {
diff --git a/templates/footer.inc b/templates/footer.inc
index a665b1d..244848e 100644
--- a/templates/footer.inc
+++ b/templates/footer.inc
@@ -9,7 +9,6 @@
 
 isset($JS) || $JS = array();
 ?>
-</section><!-- .padder -->
 </section><!-- .fullscreen -->
 <footer>
   <nav class="fullscreen">
diff --git a/templates/header.inc b/templates/header.inc
index 1cbaa9b..071e87b 100644
--- a/templates/header.inc
+++ b/templates/header.inc
@@ -70,7 +70,6 @@ isset($SEARCH)    || $SEARCH    = array();
   </nav>
 </header>
 
-<section id="padder">
 <section class="fullscreen">


--
PHP Webmaster List Mailing List (http://www.php.net/)
To unsubscribe, visit: http://www.php.net/unsub.php