com web/shared: Remove extra padder element by making it useless: styles/defaults.css templates/footer.inc templates/header.inc
| From: | Hannes Magnusson | Date: | Wed, 18 Dec 2013 22:02:33 +0000 |
| Subject: | com web/shared: Remove extra padder element by making it useless: styles/defaults.css templates/footer.inc templates/header.inc | ||
| Groups: | php.webmaster | ||
| Request: | Send a blank email to php-webmaster+get-17728@lists.php.net to get a copy of this message | ||
Commit: 9e13ad4df3f65f66afcc180392322a6c21322db6
Author: Hannes Magnusson <bjori@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">