svn commit: r971819 - /websites/production/tapestry/content/styles/style.css

[bo...@apache.org]

Author: bobharner
Date: Mon Nov  9 01:15:18 2015
New Revision: 971819

Log:
Style tweaks for mobile-compatible layout

Modified:
    websites/production/tapestry/content/styles/style.css

Modified: websites/production/tapestry/content/styles/style.css
==============================================================================
--- websites/production/tapestry/content/styles/style.css (original)
+++ websites/production/tapestry/content/styles/style.css Mon Nov  9 01:15:18 2015
@@ -17,7 +17,7 @@ p:first-child, ul:first-child, ol:first-
 }
 h1, h2, h3 { margin: 0; padding: 0; }
 
-h2, h3{
+body h2, body h3, body h4 {
     font-weight: normal;
     color: #569D2F;
     margin-top: 5px;
@@ -83,13 +83,6 @@ a img { text-decoration: none;}
 .light, .light a { color: #999; }
 .small { font-size: 0.5em; }
 
-#top { background: #ffffff url('../images/bg.png') repeat-x top right; }
-#top h1 {
-    margin: 0px 15px;
-    float: left;
-    width: 650px;
-}
-
 #aside { float:right; width: 280px; padding:70px 30px 0px 0px; font-family: Georgia, serif; font-size:18px; font-style:italic; line-height:1.3em;}
 
 #banner {
@@ -121,12 +114,32 @@ a img { text-decoration: none;}
     margin: 10px 0px
 }
 
-#features ul { list-style:none; padding:10px; padding-top:0px; margin: 0px;}
-#features li { float:left; width:315px; margin:0px 5px;  }
-#features li h3 { margin-left:15px; font-size:21px; color: #569D2F; margin-top: 0px; }
+#features { margin: 0 .5em; }
+#features h3 { margin-left:15px; font-size:21px; color: #569D2F; margin-top: 0px; }
 .feature { background: #eeeeee url('../images/bg.png') repeat-x top right; padding:15px 15px 0; line-height:1.3em;}
 .feature p, #bar p { padding: 0; margin: 0; }
 
+DIV#downloadbox { margin: 1em; }
+DIV#downloadbox #download, #downloadbox #plugins, #downloadbox #demos  {
+
+    border: 3px solid white;
+    margin-top: 1em;
+    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
+    background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
+    background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
+    background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
+    background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
+}
+@media (min-width: 768px) {
+    DIV#downloadbox #download, #downloadbox #plugins, #downloadbox #demos  {
+        min-height: 13em;
+    }
+}
+
+DIV#whatIs { margin: 1em; }
+
 #bar {
     margin: 15px 0px;
     padding: 10px;