com web/php: Working on the responsiveness of the homepage, mainly the right panel and download section. Very minute UI changes: index.php
styles/home.css styles/theme-base.css
| From: | Paul Dragoonis | Date: | Sun, 01 Jun 2014 21:11:55 +0000 |
| Subject: | com web/php: Working on the responsiveness of the homepage, mainly the right panel and download section. Very minute UI changes: index.php styles/home.css styles/theme-base.css |
||
| Groups: | php.webmaster | ||
| Request: | Send a blank email to php-webmaster+get-19093@lists.php.net to get a copy of this message | ||
Commit: 307701428418ce0af1a8e88ce36c403f1be6a9db
Author: Paul Dragoonis <dragoonis@gmail.com> Sun, 1 Jun 2014 22:11:55 +0100
Parents: 5e26a4e4ee51b2fac4885e420976f719188e8e97
Branches: master
Link: http://git.php.net/?p=web/php.git;a=commitdiff;h=307701428418ce0af1a8e88ce36c403f1be6a9db
Log:
Working on the responsiveness of the homepage, mainly the right panel and download section. Very
minute UI changes
Changed paths:
M index.php
M styles/home.css
M styles/theme-base.css
Diff:
diff --git a/index.php b/index.php
index b05d0be..e0b35bb 100644
--- a/index.php
+++ b/index.php
@@ -98,7 +98,7 @@ if(!empty($RELEASES[5])) {
$intro .= "<ul>\n";
foreach ($RELEASES[5] as $version => $release) {
$intro .= "
- <li><a class='download-link'
href='/downloads.php#v$version'>$version</a> · <a
class='notes' href='/ChangeLog-5.php#$version'>Release
Notes</a></li>\n";
+ <li><a class='download-link'
href='/downloads.php#v$version'>$version</a><span
class='dot'>·</span><a class='notes'
href='/ChangeLog-5.php#$version'>Release Notes</a></li>\n";
}
$intro .= "</ul>\n";
}
diff --git a/styles/home..css b/styles/home.css
index d594409..0ac3479 100644
--- a/styles/home.css
+++ b/styles/home.css
@@ -9,6 +9,11 @@
text-shadow:0 1px 2px rgba(0,0,0,.5);
font-size:1.125rem;
}
+
+#intro ul a {
+ word-spacing: 0;
+}
+
#intro .row .blurb p:first-child {
margin-top:1.5rem;
}
@@ -16,7 +21,6 @@
#intro .row .download {
display:table-cell;
float:none;
- vertical-align: middle;
padding:0 1.5rem;
}
@@ -38,8 +42,14 @@
word-spacing:.25rem;
margin-left:0;
}
+
+#intro .dot {
+ display: inline-block;
+ width: 5px;
+ padding: 0 5px;
+}
+
#intro .download {
- text-align:center;
}
#intro .download a.notes {
font-size:.75em;
@@ -56,6 +66,8 @@
#intro .download a.download-link {
color:#fff;
+ width: 50px;
+ display: inline-block;
}
#layout-content {
@@ -69,3 +81,43 @@
p.archive {
text-align: right;
}
+
+@media (min-width: 480px) and (max-width: 768px) {
+ #intro ..download {
+ width: 35%;
+ }
+
+ #intro .blurb {
+ width: 65%;
+ }
+}
+
+@media (min-width: 768px) {
+ ..navbar-search,
+ #intro .download,
+ #intro .background,
+ aside.tips,
+ .layout-menu {
+ width: 25%;
+ }
+
+ #intro .blurb, #layout-content {
+ width: 75%;
+ }
+}
+
+@media (min-width: 480px) and (max-width: 590px) {
+ #intro .dot {
+ display: none;
+ }
+}
+
+@media (min-width: 768px) and (max-width: 784px) {
+ #intro .download, aside.tips, .navbar-search {
+ width: 30%;
+ }
+
+ #intro .blurb, #layout-content {
+ width:70%;
+ }
+}
\ No newline at end of file
diff --git a/styles/theme-base.css b/styles/theme-base.css
index 0a39bd0..2150119 100755
--- a/styles/theme-base.css
+++ b/styles/theme-base.css
@@ -253,6 +253,7 @@ textarea {
.hidden-tablet {
display: none !important;
}
+
}
@media (max-width: 767px) {
.hidden-desktop {
@@ -268,6 +269,8 @@ textarea {
display: none !important;
}
}
+
+
@media (max-width: 979px) {
}
@media (min-width: 980px) {
@@ -1514,8 +1517,7 @@ div.soft-deprecation-notice blockquote.sidebar {
float: left;
}
- #intro .blurb,
- #layout-content {
+ #intro .blurb, #layout-content {
float:left;
width:75%;
}
@@ -1527,7 +1529,18 @@ div.soft-deprecation-notice blockquote.sidebar {
margin-bottom: 0;
}
}
+
+
+
+
@media (min-width: 768px) and (max-width: 979px) {
+ #intro .download, aside.tips, .navbar-search {
+ width: 30% !important;
+ }
+
+ #intro .blurb, #layout-content {
+ width: 70% !important;
+ }
}
@media (min-width: 1200px) {
#intro .container,