[Midnightbsd-cvs] mports [20495] trunk/Templates/README.top: fix mobile text

[laffer1 at midnightbsd.org]

Revision: 20495
          http://svnweb.midnightbsd.org/mports/?rev=20495
Author:   laffer1
Date:     2015-10-09 23:28:19 -0400 (Fri, 09 Oct 2015)
Log Message:
-----------
fix mobile text

Modified Paths:
--------------
    trunk/Templates/README.top

Modified: trunk/Templates/README.top
===================================================================
--- trunk/Templates/README.top	2015-10-10 03:10:39 UTC (rev 20494)
+++ trunk/Templates/README.top	2015-10-10 03:28:19 UTC (rev 20495)
@@ -10,7 +10,7 @@
 	html,body{ margin:0; padding; 0; height: 100%; }
 	body{ background: #fff; color:#333; font-family: sans-serif; }
 	#globe { width: 850px; margin: 0 auto; border-left: 1px solid #999; border-right: 1px solid #999; padding: 0 2em; }
-	h1 { background: url("http://www.midnightbsd.org/images/ports-tree.png"); padding: 399px 0 0 0; width: 512px; height: 0; overflow: hidden; margin: auto; }
+	h1 { background: url("http://www.midnightbsd.org/images/ports-tree.png"); padding: 399px 0 0 0; width: 512px; max-width: 100%; height: 0; overflow: hidden; margin: auto; }
 	h2, h2 a { text-align: center; color: #666; }
 	h3, h3 a { text-align: center; color: #999; }
 	a { color: #79c143; }
@@ -19,6 +19,11 @@
 	li { list-style: none; width: auto; background: fff; margin: 1em; text-align: left; height: auto; vertical-align: top; }
 	li a { font-weight: bold;  text-decoration: none; color: #79c143; }
 	blockquote { margin-top: 3em; color: #aaa; font-size: .9em; }
+
+        @media screen and (max-width: 700px) {
+                h1 { padding: 0; width: 95%; height: auto; background: none}
+                #globe { width: 100%; border: none; padding 0; }
+        }
      </style>
   </head>