com web/shared: Fix the wiki frontpage issues, and make room for the icon bar: styles/defaults.css
| From: | Hannes Magnusson | Date: | Wed, 18 Dec 2013 22:56:16 +0000 |
| Subject: | com web/shared: Fix the wiki frontpage issues, and make room for the icon bar: styles/defaults.css | ||
| Groups: | php.webmaster | ||
| Request: | Send a blank email to php-webmaster+get-17726@lists.php.net to get a copy of this message | ||
Commit: 772adf01abda4f8c67c77fa2dfe6a54ebd623530
Author: Hannes Magnusson <bjori@mongodb.com> Wed, 18 Dec 2013 14:56:16 -0800
Parents: eaf43907dd865a82aea27c04e5c0ca486e7c05bf
Branches: master
Link: http://git.php.net/?p=web/shared.git;a=commitdiff;h=772adf01abda4f8c67c77fa2dfe6a54ebd623530
Log:
Fix the wiki frontpage issues, and make room for the icon bar
Changed paths:
M styles/defaults.css
Diff:
diff --git a/styles/defaults.css b/styles/defaults.css
index 9638879..3205682 100644
--- a/styles/defaults.css
+++ b/styles/defaults.css
@@ -192,31 +192,29 @@ section.mainscreen {
}
header nav {
max-height: 0;
+ overflow-x: hidden;
}
nav {
- overflow: auto;
+ overflow-y: auto;
clear: both;
}
nav ul, nav li, nav a {
display: block;
text-align: center;
}
- .home {
+ a.home {
position: absolute;
top: 0;
}
.fullscreen,
.mainscreen,
.secondscreen {
- display: block;
width: 100%;
+ display: block;
}
section.fullscreen {
top: 50px;
}
- body {
- margin: 0;
- }
footer {
max-height: 0;
}
@@ -225,9 +223,6 @@ section.mainscreen {
}
}
@media (min-width: 641px) {
- .fullscreen {
- width: 100%;
- }
.fullscreen,
.mainscreen,
.secondscreen {
@@ -237,6 +232,9 @@ section.mainscreen {
section.fullscreen {
top: 85px;
}
+ section.secondscreen {
+ margin-bottom: 75px;
+ }
header, footer, section.fullscreen {
padding: 0 10%;
}
@@ -247,32 +245,37 @@ section.mainscreen {
@media (min-width: 1020px) {
.fullscreen {
+ width: 100%;
display: block;
- width: 90%;
}
section.fullscreen {
top: 45px;
- margin-bottom: 50px;
+ }
+ section.mainscreen {
+ margin-bottom: 75px;
}
header, footer, section.fullscreen {
- padding: 0 75px;
+ padding: 0 10px;
}
.mainscreen {
width: 65%;
display: inline-block;
- }
- .mainscreen {
padding: 0;
+ padding: 0 35px 0 0;
}
.secondscreen {
width: 300px;
}
}
@media (min-width: 1250px) {
+ header, footer, section.fullscreen {
+ padding: 0 40px;
+ }
.fullscreen {
- width: 90%;
+ width: 100%;
}
.mainscreen {
+ width: 65%;
padding: 0 40px;
}
}