You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@qpid.apache.org by jr...@apache.org on 2015/03/20 13:30:49 UTC

svn commit: r1668002 - in /qpid/site: docs/deferred.css docs/site.css input/deferred.css input/site.css

Author: jross
Date: Fri Mar 20 12:30:48 2015
New Revision: 1668002

URL: http://svn.apache.org/r1668002
Log:
QPID-6334: A modest style overhaul

Modified:
    qpid/site/docs/deferred.css
    qpid/site/docs/site.css
    qpid/site/input/deferred.css
    qpid/site/input/site.css

Modified: qpid/site/docs/deferred.css
URL: http://svn.apache.org/viewvc/qpid/site/docs/deferred.css?rev=1668002&r1=1668001&r2=1668002&view=diff
==============================================================================
--- qpid/site/docs/deferred.css (original)
+++ qpid/site/docs/deferred.css Fri Mar 20 12:30:48 2015
@@ -29,7 +29,7 @@
 }
 
 body {
-    background: linear-gradient(to bottom, #f4f7fa, #fcfcfa 32em, #fcfcfa) no-repeat, #fcfcfa;
+    background: linear-gradient(to bottom, #f4f7fa, #fcfcfb 32em, #fcfcfb) no-repeat, #fcfcfb;
 }
 
 code, pre {
@@ -38,28 +38,29 @@ code, pre {
 
 blockquote, pre {
     color: #222;
-    background-color: #fcfcfa;
-    box-shadow: 0 0 0.05em #d0c6e7;
+    background-color: #fcfcfb;
+    box-shadow: inset 0 0 0.3em 0 #ecece0;
 }
 
 .feature {
-    border-radius: 0.3em;
-    background: linear-gradient(to bottom, #fcfcfa 70%, #f7f7ef) no-repeat, #fcfcfa;
-    box-shadow: 0 0.1em 0.2em #d0c6e7;
+    border-radius: 0.5em;
+    background-color: #f6f6f6;
+    background: radial-gradient(ellipse at 30% 40%, #fefefe 30%, #f6f6f6 100%);
+    box-shadow: 0 0.025em 0.15em #7d778b;
 }
 
 input {
-    box-shadow: inset 0.05em 0.05em 0.2em 0.05em #fcfcfa;
+    box-shadow: inset 0 0.05em 0.05em 0.1em #fcfcfc;
 }
 
 button {
-    background: #f7f7ef;
-    background: linear-gradient(to bottom, white, #f7f7ef 10%, #f7f7ef 98%, #d4d4ca) no-repeat;
+    background: #f6f6f6;
+    background: linear-gradient(to bottom, white, #f6f6f6 10%) no-repeat;
 }
 
 button:hover {
-    background: #fcfcfa;
-    background: linear-gradient(to bottom, white, #fcfcfa 10%, #fcfcfa 98%, #f7f7ef) no-repeat;
+    background: #fcfcfc;
+    background: linear-gradient(to bottom, white, #fcfcfc 10%) no-repeat;
 }
 
 ol, ul {
@@ -123,7 +124,7 @@ a[href]:visited {
 
 #-content {
     background-color: white;
-    box-shadow: 0 0.1em 0.2em #d0c6e7;
+    box-shadow: 0 0 0.15em #7d778b;
 }
 
 #-top a {
@@ -140,8 +141,9 @@ a[href]:visited {
 
 #-menu, #-search {
     border-bottom: 1px solid #d4d4ca;
-    background-color: #f7f7f7;
-    box-shadow: inset 0 0.4em 0.4em -0.4em #d4d4d4, inset 0 -0.4em 0.4em -0.4em #d4d4d4;
+    background-color: #f6f6f6;
+    background: radial-gradient(ellipse at 30% 40%, #fbfbfb 30%, #f6f6f6 100%);
+    box-shadow: inset 0 0.3em 0.4em -0.4em #7d778b, inset 0 -0.3em 0.4em -0.45em #7d778b;
 }
 
 #-menu h3 {
@@ -174,12 +176,11 @@ a[href]:visited {
 #-search button {
     display: inline;
     color: #0d6dad;
-    background: #fafafa;
+    background: #fafafb;
     border: 1px solid #0d6dad;
     border-radius: 0.3em;
     padding: 0.1em 0.8em;
     margin-bottom: 0.6em;
-    box-shadow: 0 0.1em 0.2em #d0c6e7;
 }
 
 #-search p {
@@ -195,9 +196,8 @@ a[href]:visited {
 #-download-link > a {
     color: #0d6dad;
     border-radius: 0.3em;
-    background: #f7f7ef;
-    background: linear-gradient(to bottom, white, #f7f7ef 10%, #f7f7ef 95%, #d4d4ca) no-repeat;
-    box-shadow: 0 0.1em 0.3em #d0c6e7;
+    background: #f7f7f7;
+    background: linear-gradient(to bottom, white, #f7f7f7 10%, #f7f7f7 95%, #d4d4d4) no-repeat;
 }
 
 #-download-link > a:hover {

Modified: qpid/site/docs/site.css
URL: http://svn.apache.org/viewvc/qpid/site/docs/site.css?rev=1668002&r1=1668001&r2=1668002&view=diff
==============================================================================
--- qpid/site/docs/site.css (original)
+++ qpid/site/docs/site.css Fri Mar 20 12:30:48 2015
@@ -20,13 +20,15 @@
  */
 
 /*
-light linen: #fcfcfa
+light linen: #fcfcfb
 medium linen: #f7f7ef
 darker linen: #ecece0
 darkest linen: #d4d4ca
 blue: #0d6dad
 dark blue: #0d567f
-light indigo: #d0c6e7
+lightest indigo: #f9f8fd
+lighter indigo: #d0c6e7
+shady indigo: #7d778b
 */
 
 @font-face {
@@ -134,6 +136,12 @@ ul li strong {
     font-family: "Oswald", sans-serif;
 }
 
+ul li strong {
+    font-size: 0.95em;
+    font-weight: 400;
+    font-family: "Oswald", sans-serif;
+}
+
 dd > dl {
     margin: 0 0 0 0.8em;
 }
@@ -174,7 +182,7 @@ input, button {
     font-family: inherit;
     font-weight: inherit;
     font-size: inherit;
-    border: 1px solid #d4d4ca;
+    border: 0.1em solid #d4d4ca;
 }
 
 input {
@@ -195,7 +203,7 @@ table {
 }
 
 td, th {
-    border-bottom: 1px solid #d4d4ca;
+    border-bottom: 1px solid #ecece0;
     padding: 0.2em 1.6em 0.2em 0;
     vertical-align: top;
     text-align: left;
@@ -224,7 +232,6 @@ code, pre {
 
 blockquote, pre {
     padding: 0.8em 1.2em;
-    border: 1px solid #ddddd0;
 }
 
 pre, .scroll {
@@ -233,7 +240,6 @@ pre, .scroll {
 
 .feature {
     padding: 0.8em 1.2em;
-    border: 1px solid #ddddd0;
     margin-bottom: 1.2em;
 }
 
@@ -246,7 +252,6 @@ pre, .scroll {
 #-content {
     max-width: 60em;
     margin: 0 auto;
-    border: 1px solid #d4d4ca;
     border-top: none;
 }
 
@@ -336,14 +341,26 @@ pre, .scroll {
     width: 67%;
 }
 
+#-components-link {
+    font-family: "Oswald", sans-serif;
+    font-weight: 300;
+    font-size: 1.15em;
+}
+
 #-right-column {
     float: right;
     width: 30%;
+    min-height: 32em;
     padding: 0 0 0 2.75%;
     border-left: 1px solid #d4d4ca;
     margin: 0.7em 0 1.2em 2.5%;
 }
 
+.right-column-adjusted {
+    position: relative;
+    top: -2em;
+}
+
 #-right-column h2 {
     font-weight: 300;
 }
@@ -362,7 +379,8 @@ pre, .scroll {
 }
 
 #-apache-navigation {
-    margin: 0 0 0.8em 0;
+    margin-top: 0.8em;
+    margin-left: 0;
     padding: 0;
 }
 
@@ -439,6 +457,10 @@ pre, .scroll {
         -webkit-column-count: 2;
         -moz-column-count: 2;
     }
+
+    .right-column-adjusted {
+        position: inherit;
+    }
 }
 
 @media screen and (max-width: 360px) {

Modified: qpid/site/input/deferred.css
URL: http://svn.apache.org/viewvc/qpid/site/input/deferred.css?rev=1668002&r1=1668001&r2=1668002&view=diff
==============================================================================
--- qpid/site/input/deferred.css (original)
+++ qpid/site/input/deferred.css Fri Mar 20 12:30:48 2015
@@ -29,7 +29,7 @@
 }
 
 body {
-    background: linear-gradient(to bottom, #f4f7fa, #fcfcfa 32em, #fcfcfa) no-repeat, #fcfcfa;
+    background: linear-gradient(to bottom, #f4f7fa, #fcfcfb 32em, #fcfcfb) no-repeat, #fcfcfb;
 }
 
 code, pre {
@@ -38,28 +38,29 @@ code, pre {
 
 blockquote, pre {
     color: #222;
-    background-color: #fcfcfa;
-    box-shadow: 0 0 0.05em #d0c6e7;
+    background-color: #fcfcfb;
+    box-shadow: inset 0 0 0.3em 0 #ecece0;
 }
 
 .feature {
-    border-radius: 0.3em;
-    background: linear-gradient(to bottom, #fcfcfa 70%, #f7f7ef) no-repeat, #fcfcfa;
-    box-shadow: 0 0.1em 0.2em #d0c6e7;
+    border-radius: 0.5em;
+    background-color: #f6f6f6;
+    background: radial-gradient(ellipse at 30% 40%, #fefefe 30%, #f6f6f6 100%);
+    box-shadow: 0 0.025em 0.15em #7d778b;
 }
 
 input {
-    box-shadow: inset 0.05em 0.05em 0.2em 0.05em #fcfcfa;
+    box-shadow: inset 0 0.05em 0.05em 0.1em #fcfcfc;
 }
 
 button {
-    background: #f7f7ef;
-    background: linear-gradient(to bottom, white, #f7f7ef 10%, #f7f7ef 98%, #d4d4ca) no-repeat;
+    background: #f6f6f6;
+    background: linear-gradient(to bottom, white, #f6f6f6 10%) no-repeat;
 }
 
 button:hover {
-    background: #fcfcfa;
-    background: linear-gradient(to bottom, white, #fcfcfa 10%, #fcfcfa 98%, #f7f7ef) no-repeat;
+    background: #fcfcfc;
+    background: linear-gradient(to bottom, white, #fcfcfc 10%) no-repeat;
 }
 
 ol, ul {
@@ -123,7 +124,7 @@ a[href]:visited {
 
 #-content {
     background-color: white;
-    box-shadow: 0 0.1em 0.2em #d0c6e7;
+    box-shadow: 0 0 0.15em #7d778b;
 }
 
 #-top a {
@@ -140,8 +141,9 @@ a[href]:visited {
 
 #-menu, #-search {
     border-bottom: 1px solid #d4d4ca;
-    background-color: #f7f7f7;
-    box-shadow: inset 0 0.4em 0.4em -0.4em #d4d4d4, inset 0 -0.4em 0.4em -0.4em #d4d4d4;
+    background-color: #f6f6f6;
+    background: radial-gradient(ellipse at 30% 40%, #fbfbfb 30%, #f6f6f6 100%);
+    box-shadow: inset 0 0.3em 0.4em -0.4em #7d778b, inset 0 -0.3em 0.4em -0.45em #7d778b;
 }
 
 #-menu h3 {
@@ -174,12 +176,11 @@ a[href]:visited {
 #-search button {
     display: inline;
     color: #0d6dad;
-    background: #fafafa;
+    background: #fafafb;
     border: 1px solid #0d6dad;
     border-radius: 0.3em;
     padding: 0.1em 0.8em;
     margin-bottom: 0.6em;
-    box-shadow: 0 0.1em 0.2em #d0c6e7;
 }
 
 #-search p {
@@ -195,9 +196,8 @@ a[href]:visited {
 #-download-link > a {
     color: #0d6dad;
     border-radius: 0.3em;
-    background: #f7f7ef;
-    background: linear-gradient(to bottom, white, #f7f7ef 10%, #f7f7ef 95%, #d4d4ca) no-repeat;
-    box-shadow: 0 0.1em 0.3em #d0c6e7;
+    background: #f7f7f7;
+    background: linear-gradient(to bottom, white, #f7f7f7 10%, #f7f7f7 95%, #d4d4d4) no-repeat;
 }
 
 #-download-link > a:hover {

Modified: qpid/site/input/site.css
URL: http://svn.apache.org/viewvc/qpid/site/input/site.css?rev=1668002&r1=1668001&r2=1668002&view=diff
==============================================================================
--- qpid/site/input/site.css (original)
+++ qpid/site/input/site.css Fri Mar 20 12:30:48 2015
@@ -20,13 +20,15 @@
  */
 
 /*
-light linen: #fcfcfa
+light linen: #fcfcfb
 medium linen: #f7f7ef
 darker linen: #ecece0
 darkest linen: #d4d4ca
 blue: #0d6dad
 dark blue: #0d567f
-light indigo: #d0c6e7
+lightest indigo: #f9f8fd
+lighter indigo: #d0c6e7
+shady indigo: #7d778b
 */
 
 @font-face {
@@ -134,6 +136,12 @@ ul li strong {
     font-family: "Oswald", sans-serif;
 }
 
+ul li strong {
+    font-size: 0.95em;
+    font-weight: 400;
+    font-family: "Oswald", sans-serif;
+}
+
 dd > dl {
     margin: 0 0 0 0.8em;
 }
@@ -174,7 +182,7 @@ input, button {
     font-family: inherit;
     font-weight: inherit;
     font-size: inherit;
-    border: 1px solid #d4d4ca;
+    border: 0.1em solid #d4d4ca;
 }
 
 input {
@@ -195,7 +203,7 @@ table {
 }
 
 td, th {
-    border-bottom: 1px solid #d4d4ca;
+    border-bottom: 1px solid #ecece0;
     padding: 0.2em 1.6em 0.2em 0;
     vertical-align: top;
     text-align: left;
@@ -224,7 +232,6 @@ code, pre {
 
 blockquote, pre {
     padding: 0.8em 1.2em;
-    border: 1px solid #ddddd0;
 }
 
 pre, .scroll {
@@ -233,7 +240,6 @@ pre, .scroll {
 
 .feature {
     padding: 0.8em 1.2em;
-    border: 1px solid #ddddd0;
     margin-bottom: 1.2em;
 }
 
@@ -246,7 +252,6 @@ pre, .scroll {
 #-content {
     max-width: 60em;
     margin: 0 auto;
-    border: 1px solid #d4d4ca;
     border-top: none;
 }
 
@@ -336,14 +341,26 @@ pre, .scroll {
     width: 67%;
 }
 
+#-components-link {
+    font-family: "Oswald", sans-serif;
+    font-weight: 300;
+    font-size: 1.15em;
+}
+
 #-right-column {
     float: right;
     width: 30%;
+    min-height: 32em;
     padding: 0 0 0 2.75%;
     border-left: 1px solid #d4d4ca;
     margin: 0.7em 0 1.2em 2.5%;
 }
 
+.right-column-adjusted {
+    position: relative;
+    top: -2em;
+}
+
 #-right-column h2 {
     font-weight: 300;
 }
@@ -362,7 +379,8 @@ pre, .scroll {
 }
 
 #-apache-navigation {
-    margin: 0 0 0.8em 0;
+    margin-top: 0.8em;
+    margin-left: 0;
     padding: 0;
 }
 
@@ -439,6 +457,10 @@ pre, .scroll {
         -webkit-column-count: 2;
         -moz-column-count: 2;
     }
+
+    .right-column-adjusted {
+        position: inherit;
+    }
 }
 
 @media screen and (max-width: 360px) {



---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@qpid.apache.org
For additional commands, e-mail: commits-help@qpid.apache.org