You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@guacamole.apache.org by jm...@apache.org on 2016/05/05 22:39:43 UTC
[1/3] incubator-guacamole-website git commit: Rearrange page style
for small screens. Restyle when printed.
Repository: incubator-guacamole-website
Updated Branches:
refs/heads/master 6768323f1 -> 2b797ccd2
Rearrange page style for small screens. Restyle when printed.
Project: http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/commit/292c6321
Tree: http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/tree/292c6321
Diff: http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/diff/292c6321
Branch: refs/heads/master
Commit: 292c6321a2d86fdb54b7f145de68c9c4e05e259b
Parents: 8b2f713
Author: Michael Jumper <mj...@apache.org>
Authored: Wed May 4 15:29:00 2016 -0700
Committer: Michael Jumper <mj...@apache.org>
Committed: Wed May 4 16:01:17 2016 -0700
----------------------------------------------------------------------
styles/main.css | 122 ++++++++++++++++++++++++++++++++++++++++++++++++---
1 file changed, 115 insertions(+), 7 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/blob/292c6321/styles/main.css
----------------------------------------------------------------------
diff --git a/styles/main.css b/styles/main.css
index 5ff11c0..c788b44 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -38,6 +38,7 @@ div#header > * {
text-align: left;
font-size: 1.75em;
margin: 0.25em 0;
+ white-space: nowrap;
}
#header h1 a[href] {
@@ -50,9 +51,13 @@ div#header > * {
background-position: 0.25em center;
}
+#content > ul.features {
+ padding-left: 0.25in;
+ padding-right: 0.25in;
+}
+
ul.features {
list-style: none;
- padding: 0;
}
ul.features li {
@@ -185,9 +190,7 @@ ul#navigation {
#navigation li a {
display: inline-block;
- padding: 1em;
- padding-top: 0.5em;
- padding-bottom: 0.5em;
+ margin: 0.5em;
}
#navigation li a:hover {
@@ -261,6 +264,7 @@ p {
border-left: 0.25em solid #EEE;
font-style: oblique;
width: 8in;
+ max-width: 80%;
}
div#footer {
@@ -491,10 +495,57 @@ table.releases td {
@media print {
div#header {
- background: inherit;
+ margin: 0.25in;
+ }
+
+ div#header,
+ #header h1,
+ #header h1 a[href] {
+ color: black;
+ background: transparent;
+ padding: 0;
}
- #navigation, .social-buttons, .hook{
+ #header h1 {
+ font-size: 2em;
+ }
+
+ ul#navigation {
+ display: none;
+ }
+
+ .hook {
+ background: transparent;
+ color: black;
+ padding-bottom: 0;
+ }
+
+ .hook .description {
+ font-size: 1em;
+ max-width: 100%;
+ }
+
+ .hook > * {
+ display: block;
+ margin: 0;
+ }
+
+ .demo {
+ border: none;
+ float: right;
+ margin: 1em 3em;
+ margin-right: 0;
+ }
+
+ .demo iframe {
+ display: none;
+ }
+
+ ul.features li {
+ padding: 0;
+ }
+
+ ul.features li::before {
display: none;
}
@@ -508,6 +559,63 @@ table.releases td {
display: none;
}
+ div#footer {
+ background: white;
+ opacity: 1;
+ border-top: 1px solid black;
+ font-size: 0.75em;
+ }
+
+}
+
+/* Reformat hook/header when screen too small */
+@media screen and (max-width: 10in) {
+
+ #header h1 {
+ font-size: 1.25em;
+ }
+
+ #navigation {
+ font-size: 0.8em;
+ }
+
+ .hook .description {
+ font-size: 1em;
+ }
+
+}
+
+/* Reformat hook/header on individual lines if screen otherwise too small */
+@media screen and (max-width: 8in) {
+
+ #header h1 {
+ font-size: 1.75em;
+ }
+
+ div#header > * {
+ display: block;
+ text-align: center;
+ }
+
+ .hook {
+ padding-bottom: 1em;
+ }
+
+ .hook > * {
+ margin: 0;
+ }
+
+ .demo {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .demo,
+ .hook .description {
+ display: block;
+ max-width: 100%;
+ }
+
}
/* Reformat feature list when screen too small */
@@ -525,7 +633,7 @@ table.releases td {
ul.features li > h2 {
display: inline-block;
vertical-align: middle;
- max-width: 75%;
+ max-width: 70%;
margin: 0.75em 0;
}
[3/3] incubator-guacamole-website git commit: Merge stylstic fixes.
Posted by jm...@apache.org.
Merge stylstic fixes.
Project: http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/commit/2b797ccd
Tree: http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/tree/2b797ccd
Diff: http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/diff/2b797ccd
Branch: refs/heads/master
Commit: 2b797ccd25de64d0a2eb227f109f03815d6de534
Parents: 6768323 63a82c3
Author: James Muehlner <ja...@guac-dev.org>
Authored: Thu May 5 15:39:12 2016 -0700
Committer: James Muehlner <ja...@guac-dev.org>
Committed: Thu May 5 15:39:12 2016 -0700
----------------------------------------------------------------------
styles/main.css | 138 +++++++++++++++++++++++++++++++++++++++++++++++----
1 file changed, 129 insertions(+), 9 deletions(-)
----------------------------------------------------------------------
[2/3] incubator-guacamole-website git commit: Add legacy
Mozilla/Webkit styles.
Posted by jm...@apache.org.
Add legacy Mozilla/Webkit styles.
Project: http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/commit/63a82c3f
Tree: http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/tree/63a82c3f
Diff: http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/diff/63a82c3f
Branch: refs/heads/master
Commit: 63a82c3f34b1208b3ecd5acd5a27a945e91eb8d0
Parents: 292c632
Author: Michael Jumper <mj...@apache.org>
Authored: Thu May 5 14:19:31 2016 -0700
Committer: Michael Jumper <mj...@apache.org>
Committed: Thu May 5 14:19:31 2016 -0700
----------------------------------------------------------------------
styles/main.css | 16 ++++++++++++++--
1 file changed, 14 insertions(+), 2 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/incubator-guacamole-website/blob/63a82c3f/styles/main.css
----------------------------------------------------------------------
diff --git a/styles/main.css b/styles/main.css
index c788b44..5b61906 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -47,8 +47,12 @@ div#header > * {
padding-left: 1.5em;
background-image: url('/images/guac-logo.png');
background-repeat: no-repeat;
- background-size: 1em;
- background-position: 0.25em center;
+ -moz-background-size: 1em;
+ -webkit-background-size: 1em;
+ background-size: 1em;
+ -moz-background-position: 0.25em center;
+ -webkit-background-position: 0.25em center;
+ background-position: 0.25em center;
}
#content > ul.features {
@@ -75,6 +79,8 @@ ul.features li::before {
height: 1in;
width: 1in;
background: #304730;
+ -moz-border-radius: 1in;
+ -webkit-border-radius: 1in;
border-radius: 1in;
display: block;
position: absolute;
@@ -82,12 +88,18 @@ ul.features li::before {
top: 50%;
margin-top: -0.5in;
background-repeat: no-repeat;
+ -moz-background-size: 75%;
+ -webkit-background-size: 75%;
background-size: 75%;
+ -moz-background-position: center;
+ -webkit-background-position: center;
background-position: center;
}
ul.features li.apache::before {
background-image: url('/images/feather.png');
+ -moz-background-size: 40%;
+ -webkit-background-size: 40%;
background-size: 40%;
}