com web/php: Improved footer visuals: styles/theme-base.css
| From: | Levi Morrison | Date: | Tue, 06 May 2014 18:22:23 +0000 |
| Subject: | com web/php: Improved footer visuals: styles/theme-base.css | ||
| Groups: | php.webmaster | ||
| Request: | Send a blank email to php-webmaster+get-18860@lists.php.net to get a copy of this message | ||
Commit: 9eadfa657bf01dae400502b3df6cb7c88ccb045d
Author: Levi Morrison <levim@php.net> Tue, 6 May 2014 12:22:23 -0600
Parents: 6aeb1f5d2a8761dfde86a5086d223f8f3300b9d2
Branches: master
Link: http://git.php.net/?p=web/php.git;a=commitdiff;h=9eadfa657bf01dae400502b3df6cb7c88ccb045d
Log:
Improved footer visuals
Changed paths:
M styles/theme-base.css
Diff:
diff --git a/styles/theme-base.css b/styles/theme-base.css
index c7c0e9b..35a2099 100755
--- a/styles/theme-base.css
+++ b/styles/theme-base.css
@@ -613,23 +613,28 @@ pre..info {
}
/* Footer styling */
-footer {
- clear: both;
- overflow: auto;
- border-top: .25rem solid;
- padding: .75rem 0;
+body > footer {
+ clear: both;
+ overflow: auto;
+ line-height:3rem;
+}
+body > footer .footer-content {
+ margin: 1.5rem auto 0 ;
+ padding:0 1.5rem;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box;
}
-footer ul {
+body > footer ul {
margin:0;
padding:0;
}
-footer .footmenu li {
+body > footer .footmenu li {
display: inline;
}
-footer a {
+body > footer a {
margin: 0 .5rem;
}
@@ -1437,15 +1442,9 @@ div.soft-deprecation-notice blockquote.sidebar {
border-width:0;
}
+#breadcrumbs .next,
#breadcrumbs .prev {
- float:left;
-}
-#breadcrumbs .next {
- float: right;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- width:25%;
- text-align:right;
+ float:right;
}
@media (min-width: 768px) {
@@ -1491,7 +1490,8 @@ div.soft-deprecation-notice blockquote.sidebar {
#breadcrumbs,
#goto div,
#trick div,
- #layout {
+ #layout,
+ body > footer .footer-content {
width:1170px;
}
}
@@ -1501,7 +1501,8 @@ div.soft-deprecation-notice blockquote.sidebar {
#breadcrumbs,
#goto div,
#trick div,
- #layout {
+ #layout,
+ body > footer .footer-content {
width:1440px;
}
}