com web/php: Fixing bugs in the header when in responsive mode. More work on tablet and smartphone mode. Some credits to Chris Kemper for fixing some
float issues.: styles/theme-base.css
| From: | Paul Dragoonis | Date: | Sun, 06 Oct 2013 11:20:30 +0000 |
| Subject: | com web/php: Fixing bugs in the header when in responsive mode. More work on tablet and smartphone mode. Some credits to Chris Kemper for fixing some float issues.: styles/theme-base.css |
||
| Groups: | php.webmaster | ||
| Request: | Send a blank email to php-webmaster+get-16784@lists.php.net to get a copy of this message | ||
Commit: a55cd8e4117e0fd0fc4481039b16fca301b03807
Author: Paul Dragoonis <dragoonis@gmail.com> Sun, 6 Oct 2013 12:20:30 +0100
Parents: 271def14b91e762ad3128cd9d2b92a4a128f439b
Branches: master
Link: http://git.php.net/?p=web/php.git;a=commitdiff;h=a55cd8e4117e0fd0fc4481039b16fca301b03807
Log:
Fixing bugs in the header when in responsive mode. More work on tablet and smartphone mode. Some
credits to Chris Kemper for fixing some float issues.
Changed paths:
M styles/theme-base.css
Diff:
diff --git a/styles/theme-base.css b/styles/theme-base.css
index 250daaa..3b40bf6 100755
--- a/styles/theme-base.css
+++ b/styles/theme-base.css
@@ -2025,7 +2025,7 @@ pre.info {
#head-beta-warning {
padding:.25em 0;
- height:1.5em;
+ min-height:1.5em;
border-bottom:.125em solid}
#beta-warning {
@@ -3045,9 +3045,35 @@ div.soft-deprecation-notice blockquote.sidebar {
width:auto;
}
.navbar-search {
- float:none;
+ float:left;
+ clear: both;
+ margin-top: 0;
+ }
+ .navbar .nav {
+ margin-right: 0;
+ }
+}
+
+@media (max-width:465px) {
+ .navbar .brand {
+ float: none;
+ margin-bottom: 0.5em;
+ }
+
+ .navbar-search {
+ margin-top: 0;
+ }
+
+ .navbar .brand img {
+ display: block;
+ margin: 0 auto;
+ }
+ .navbar .nav > li {
+ width: 50%;
+ text-align: center;
}
}
+
@media (min-width:768px) {
#intro .download-php h2 {
text-align:center;
@@ -3085,6 +3111,7 @@ div.soft-deprecation-notice blockquote..sidebar {
vertical-align:middle;
}
}
+
@media (max-width: 979px) and (min-width: 768px) {
#intro .download-php .row-fluid .span6 {
width:100%;