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
This commit is contained in:
parent
e58bfe136f
commit
bf0a6a755e
Notes:
svn2git
2020-12-08 03:00:23 +00:00
svn path=/head/; revision=47390
2 changed files with 29 additions and 36 deletions
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue