com web/php: Prevent overlapping the toc box over content via a series of media queries.: styles/doc.css
| From: | Adam Harvey | Date: | Fri, 31 Aug 2012 08:54:58 +0000 |
| Subject: | com web/php: Prevent overlapping the toc box over content via a series of media queries.: styles/doc.css | ||
| Groups: | php.webmaster | ||
| Request: | Send a blank email to php-webmaster+get-14588@lists.php.net to get a copy of this message | ||
Commit: 4ae8b96a60814f9e53135aab01a6522e88481c35
Author: Adam Harvey <aharvey@php.net> Fri, 31 Aug 2012 16:54:58 +0800
Parents: 63190b8f961f414bb6f9a4a8ea4bd3a7d376f76e
Branches: master
Link: http://git.php.net/?p=web/php.git;a=commitdiff;h=4ae8b96a60814f9e53135aab01a6522e88481c35
Log:
Prevent overlapping the toc box over content via a series of media queries.
Changed paths:
M styles/doc.css
Diff:
diff --git a/styles/doc.css b/styles/doc.css
index 161bfd2..bfd06df 100755
--- a/styles/doc.css
+++ b/styles/doc.css
@@ -438,6 +438,24 @@ ul.chunklist_children {
.docs #layout #usernotes {
margin-left: 264px;
}
+
+/* Default rule for non-@media supporting browsers (IE<9, basically). */
+.docs #layout .layout-content {
+ margin-right: 160px;
+}
+
+@media screen and (max-width: 1199px) {
+ .docs #layout .layout-content {
+ margin-right: 160px;
+ }
+}
+
+@media screen and (min-width: 1200px) and (max-width: 1365px) {
+ .docs #layout .layout-content {
+ margin-right: 80px;
+ }
+}
+
#changelang-langs {
width:120px;
font-size:12px;