Skip site navigation (1)Skip section navigation (2)
Date:      Wed, 9 Sep 2015 00:30:45 +0000 (UTC)
From:      Warren Block <wblock@FreeBSD.org>
To:        doc-committers@freebsd.org, svn-doc-all@freebsd.org, svn-doc-head@freebsd.org
Subject:   svn commit: r47390 - head/en_US.ISO8859-1/htdocs/layout/css
Message-ID:  <201509090030.t890UjAH079831@repo.freebsd.org>

next in thread | raw e-mail | index | archive | help
Author: wblock
Date: Wed Sep  9 00:30:44 2015
New Revision: 47390
URL: https://svnweb.freebsd.org/changeset/doc/47390

Log:
  Embiggen fonts and emwiden display.  Adjust the main web site CSS so
  that fonts are not tiny and the site uses more than the middle third of
  the monitor.  Discussed in -doc.
  
  Differential Revision:	https://reviews.freebsd.org/D3215

Modified:
  head/en_US.ISO8859-1/htdocs/layout/css/global.css
  head/en_US.ISO8859-1/htdocs/layout/css/layout.css

Modified: head/en_US.ISO8859-1/htdocs/layout/css/global.css
==============================================================================
--- head/en_US.ISO8859-1/htdocs/layout/css/global.css	Tue Sep  8 19:22:07 2015	(r47389)
+++ head/en_US.ISO8859-1/htdocs/layout/css/global.css	Wed Sep  9 00:30:44 2015	(r47390)
@@ -8,43 +8,42 @@ body {
   margin: 0;
   padding: 0;
   font-family: verdana, sans-serif;
-  font-size: 69%;
   color: #000;
   background: #fff url("../images/hdr_fill.png") repeat-x;
 }
 
 h1 {
-  font-size: 1.4em;
+  font-size: 120%;
   font-weight: bold;
   margin: 0em 0em 1.2em 0em;
 }
 
 h2 {
-  font-size: 1.2em;
+  font-size: 115%;
   margin: 1.2em 0em 1.2em 0em;
   font-weight: bold;
 }
 
 h3 {
-  font-size: 1.0em;
+  font-size: 110%;
   margin: 1.2em 0em 1.2em 0em;
   font-weight: bold;
 }
 
 h4 {
-  font-size: 0.95em;
+  font-size: 100%;
   margin: 1.2em 0em 1.2em 0em;
   font-weight: bold;
 }
 
 h5 {
-  font-size: 0.9em;
+  font-size: 90%;
   margin: 1.2em 0em 1.2em 0em;
   font-weight: bold;
 }
 
 h6 {
-  font-size: 0.85em;
+  font-size: 85%;
   margin: 1.2em 0em 1.2em 0em;
   font-weight: bold;
 }
@@ -61,7 +60,6 @@ ol, ul, li {
 }
 
 p {
-  font-size: 1.0em;
   line-height: 1.2em;
   margin: 1.2em 0em 1.2em 0em;
 }
@@ -72,12 +70,12 @@ li > p {
 
 pre {
   font-family: monospace;
-  font-size: 1.4em;
+  font-size: 1.1em;
 }
 
 tt {
   font-family: monospace;
-  font-size: 1.4em;
+  font-size: 1.1em;
 }
 
 strong, b {

Modified: head/en_US.ISO8859-1/htdocs/layout/css/layout.css
==============================================================================
--- head/en_US.ISO8859-1/htdocs/layout/css/layout.css	Tue Sep  8 19:22:07 2015	(r47389)
+++ head/en_US.ISO8859-1/htdocs/layout/css/layout.css	Wed Sep  9 00:30:44 2015	(r47390)
@@ -14,7 +14,7 @@
 
 #container {
   margin: 0em auto;
-  width: 775px;
+  width: 90%;
   padding: 0;
   padding-top: 0px;
   padding-bottom: 15px;
@@ -29,7 +29,7 @@
 
 #header {
   position: relative;
-  height: 76px;
+  height: 15%;
   margin: 0;
   padding: 0;
   clear: both;
@@ -40,7 +40,6 @@
   border: 0px;
   padding: 0px;
   top: 0px;
-  margin-left: -4%;
   float: left;
 }
 
@@ -82,15 +81,9 @@
 
 #search form label {
   color: #666;
-  font-size: 0.8em;
-}
-
-#search form input {
-  font-size: 0.8em;
 }
 
 #search form #submit {
-  font-size: 0.8em;
   background: transparent;
   color: #fff;
   border-right: 1px solid #DADADA;
@@ -101,8 +94,7 @@
 }
 
 #search form #words {
-  font-size: 0.8em;
-  width: 120px;
+  width: 50%;
   border: 1px solid #DADADA;
   background: #FFFFFF;
   color: #666;
@@ -160,7 +152,6 @@
 
 #frontcontainer {
   width: 100%;
-  float: left;
 }
 
 #frontfeaturecontainer {
@@ -168,7 +159,7 @@
 }
 
 #frontfeatureleft{
-  width: 273px;
+  width: 30%;
   margin: 0;
   padding: 0;
   float: left;
@@ -192,6 +183,7 @@
   margin-top: 20px;
   background: url(../images/beastie.png) no-repeat top left;
   min-height: 196px;
+  width: 30%;
 }
 
 #frontfeatureright {
@@ -199,13 +191,14 @@
   border: 0px;
   padding: 0px;
   margin: 0px;
-  width: 162px;
+  width: 30%;
   float: right;
 }
 
 /* News/Events/Media/Security Box */
 
 #frontnemscontainer {
+  width: 100%;
   background: #eee;
   display: inline;
   float: left;
@@ -214,7 +207,7 @@
 }
 
 #frontnews {
-  width: 191px;
+  width: 24%;
   margin: 0;
   padding: 0;
   float: left;
@@ -225,7 +218,7 @@
 }
 
 #frontevents {
-  width: 189px;
+  width: 24%;
   margin: 0;
   padding: 0;
   float: left;
@@ -236,7 +229,7 @@
 }
 
 #frontmedia {
-  width: 189px;
+  width: 24%;
   margin: 0;
   padding: 0;
   float: left;
@@ -247,7 +240,7 @@
 }
 
 #frontsecurity {
-  width: 190px;
+  width: 24%;
   margin: 0;
   padding: 0;
   float: left;
@@ -259,8 +252,8 @@
 
 /* No way to get equal columns in pure CSS - setting height is a temporary hack */
 .frontseparator {
-  width: 1px;
-  height: 317px;
+  width: 0.5%;
+  height: 500px;
   margin: 0;
   padding: 0;
   background-color: #fff;
@@ -316,6 +309,7 @@
 }
 
 #frontshortcutscontent {
+  float: right;
   margin: 0;
   padding: 0;
   padding-left: 15px;
@@ -342,12 +336,12 @@
 
 #frontreleases {
   padding: 0;
-  margin: 0;
-  margin-left: 162px;
-  margin-top: 15px;
+  margin: 8px;
+  margin-left: 190px;
+  margin-top: 5px;
   padding-bottom: 20px;
   color: #666;
-  width: 155px;
+  width: 85%;
 }
 
 #frontreleasescontent {
@@ -377,7 +371,6 @@
 .frontnewtop div, .frontnewtop, .frontnewbot div, .frontnewbot {
   width: 100%;
   height: 12px;
-  font-size: 1px;
 }
 
 .frontnewcontent {
@@ -396,6 +389,7 @@
 }
 
 .frontnewroundbox {
+  float: left;
   margin: 0;
   margin-top: 30px;
   padding: 0;
@@ -462,7 +456,7 @@
 
 .frontgetroundbox {
   margin-top: 50px;
-  margin-left: 140px;
+  margin-left: 160px;
   padding: 0;
   width: 190px;
   background-color: #FACC2E;
@@ -493,6 +487,7 @@
 
 #footer {
   font-size: 0.9em;
+  text-align: center;
   color: #737373;
   line-height: 1.3em;
   padding-top: 5px;



Want to link to this message? Use this URL: <https://mail-archive.FreeBSD.org/cgi/mid.cgi?201509090030.t890UjAH079831>