diff --git a/en/layout/css/iefixes.css b/en/layout/css/iefixes.css index 9ae2c3fe50..d5fc6caf8a 100644 --- a/en/layout/css/iefixes.css +++ b/en/layout/css/iefixes.css @@ -1,51 +1,54 @@ /* * FreeBSD.org - Fixes for Internet Explorer - * $FreeBSD$ + * $FreeBSD: www/en/layout/css/iefixes.css,v 1.3 2005/11/23 14:22:06 keramida Exp $ */ /*Win IE fix \*/ * html #TOPNAVLIST li { margin: 0 0.5em 0 -0.5em; } * html #topnavlist li { margin: 0 0.5em 0 -0.5em; } +* html #MENU ul.first { border-left: 0; } +* html #MENU li { margin: 0.2em 0 -1em 0; } + * html #languagenavlist li { padding: 0 0.1em 0 0.4em; } * html #languagenavlist li.last-child { padding: 0 0em 0 0.4em; } * html #searchnavlist li { padding: 0 0.4em 0 0.8em; } * html #searchnavlist li.last-child { padding: 0 0 0 0.8em; } * html #SEARCHNAVLIST li { padding: 0 0.4em 0 0.8em; } * html #SEARCHNAVLIST li.last-child { padding: 0 0 0 0.8em; } * html #SEARCH, #search { height: 1%; } * html #MIRROR, #mirror { height: 1%; } /*End Win IE fix*/ /*Win IE fix \*/ * html pre { font-size: 1.0em; } * html tt { font-size: 1.0em; } /*End Win IE fix*/ /*Win IE fix \*/ * html #FRONTSHORTCUTS, #frontshortcuts { height: 1%; } * html #FRONTSHORTCUTSWRAP, #frontshortcutswrap { height: 1%; } * html #FRONTSHORTCUTSCONTENT, #frontshortcutscontent { height: 1%; } * html #FRONTSHORTCUTSLIST, #frontshortcutslist { height: 1%; } * html #FRONTRELEASES, #frontreleases { height: 1%; } * html #FRONTRELEASESWRAP, #frontreleaseswrap { height: 1%; } * html #FRONTRELEASESCONTENT, #frontreleasescontent { height: 1%; } * html #FRONTRELEASESLIST, #frontreleaseslist { height: 1%; } /*End Win IE fix*/ diff --git a/en/layout/css/navigation.css b/en/layout/css/navigation.css index 41588cfe53..a42f1afe69 100644 --- a/en/layout/css/navigation.css +++ b/en/layout/css/navigation.css @@ -1,307 +1,378 @@ /* * FreeBSD.org - Navigation (and List) Styles * - * $FreeBSD: www/en/layout/css/navigation.css,v 1.5 2008/01/15 21:18:19 murray Exp $ + * $FreeBSD: www/en/layout/css/navigation.css,v 1.6 2008/01/16 02:10:22 murray Exp $ */ /* Site Navigation */ #TOPNAV, #topnav { text-align: left; color: #666; font-size: 0.9em; margin: 0; padding: 0; height: 29px; overflow: visible; margin-top: 7px; } #TOPNAVLEFT, #topnavleft { width: 7px; height: 29px; border: 0px; padding-right: 10px; margin: 0px; float: left; } #TOPNAVLEFT img, #topnavleft img { border: 0px; margin: 0; padding: 0; } #TOPNAVRIGHT, #topnavright { width: 7px; height: 29px; border: 0px; padding: 0px; margin: 0px; float: right; } #TOPNAVRIGHT img, #topnavright img { border: 0px; margin: 0; padding: 0; } #TOPNAVLIST, #topnavlist { list-style: none; margin: 0; padding: 0; height: 29px; } #TOPNAVLIST li, #topnavlist li { padding: 0 1em 0 1.2em; display: inline; border-left: 1px solid #B4B4B4; } #TOPNAVLIST li a, #topnavlist li a { color: #666; font-weight: bold; text-decoration: none; } #TOPNAVLIST li:first-child, #topnavlist li:first-child { border-left: 0; padding-left: 0; } +/* New drop-down menu implementation */ + +#MENU { + width: 100%; + float: left; + height: 29px; + font-size: 0.9em; + margin: 5px 0 2px 0; + font-weight: bold; +} + +#MENU ul { + list-style: none; + margin: 0; + padding: 0px 10px 2px 10px; + float: left; + border-left: 1px solid #B4B4B4; +} + +#MENU ul:first-child { + padding-left: 0; + border: 0; +} + +#MENU a { + display: block; + padding: 0px 3px; + color: #666; + text-decoration: none; +} + +#MENU a:hover { + color: #990000; +} + +#MENU li { + position: relative; +} + +#MENU ul ul { + position: absolute; + background-color: #e5e5e5; + padding: 2px; + border: 0; + width: 10em; + z-index: 500; +} + +#MENU ul ul li { + border-top: 1px solid #B4B4B4; + padding: 4px 0 4px 0; +} + +#MENU ul ul ul { + top: 0; + left: 100%; + background: #e5e5e5; +} + +div#MENU ul ul, +div#MENU ul li:hover ul ul, +div#MENU ul ul li:hover ul ul { + display: none; +} + +div#MENU ul li:hover ul, +div#MENU ul ul li:hover ul, +div#MENU ul ul ul li:hover ul { + display: block; +} + /* Language selection */ #LANGUAGENAV, #languagenav { text-align: right; color: #666; font-size: 0.9em; margin: 0px 0px 0px 0px; right: 0px; padding: 0; } #LANGUAGENAVLIST, #languagenavlist { list-style: none; margin: 0; padding: 0; } #LANGUAGENAVLIST li, #languagenavlist li { padding: 0 0.5em 0 0.2em; display: inline; border-right: 1px solid #B6B6B6; } #LANGUAGENAVLIST li.last-child, #languagenavlist li.last-child { padding: 0 0em 0 0.2em; border-right: 0; } #LANGUAGENAVLIST li a, #languagenavlist li a { text-decoration: underline; } #LANGUAGENAVLIST li a:hover, #languagenavlist li a:hover { } /* The search navigation is the list of links above the search box. */ #SEARCHNAV, #searchnav { position: relative; text-align: right; color: #fff; font-size: 0.9em; margin: 0px 0px 0px 0px; margin-top: 8px; right: 0px; padding: 0; } #SEARCHNAVLIST, #searchnavlist { list-style: none; margin: 0; padding: 0; } #SEARCHNAVLIST li, #searchnavlist li { padding: 0 0.6em 0 0.3em; display: inline; border-right: 1px solid #fff; } #SEARCHNAVLIST li.last-child, #searchnavlist li.last-child { padding: 0 0 0 0.3em; border-right: 0; } #SEARCHNAVLIST li a, #searchnavlist li a { color: #FFCC66; text-decoration: underline; } #SEARCHNAVLIST li a:hover, #searchnavlist li a:hover { color: #fff; } /* Category Navigation */ #SIDENAV, #SIDENAV ul, #SIDENAV ul ul, #sidenav, #sidenav ul, #sidenav ul ul { margin: 0; padding: 0; list-style: none; font-size: 1.0em; } #SIDENAV, #sidenav { width: 150px; background-color: #eee; border: 1px solid #D4D4D4; } #SIDENAV ul, #sidenav ul { padding: 8px 4px 12px 4px; } #SIDENAV ul ul, #sidenav ul ul { background: none; background-color: #eee; margin: 0; padding: 0; list-style: none; } #SIDENAV ul ul li, #sidenav ul ul li { background: none; border: none; } #SIDENAV ul li, #sidenav ul li { border-bottom: 1px solid #eee; margin: 0; padding-left: 12px; background-image: url(../images/blt_red_arrow.png); background-repeat: no-repeat; background-position: 12px 0.65em; } #SIDENAV ul li.active, #sidenav ul li.active { font-weight: bold; } #SIDENAV ul li.active span, #sidenav ul li.active span { display: none; } #SIDENAV ul li a, #sidenav ul li a { display: block; color: #990000; text-decoration: underline; padding: 3px 5px 3px 12px; margin: 0; } #SIDENAV ul ul li a.active, #sidenav ul ul li a.active { font-weight: bold; } #SIDENAV ul ul li a, #sidenav ul ul li a { display: block; padding-left: 12px; margin: 0; } #SIDENAV ul li a:hover, #sidenav ul li a:hover { color: #000; } #FEEDLINKS, #feedlinks { padding-top: 5px; padding-left: 5px; margin-top: 5px; margin-left: 5px; list-style: none; display: block; } #FEEDLINKS ul, #feedlinks ul { list-style-image: url(../images/ico_rss.png); } /* Right Navigation */ .RIGHTNAV, .RIGHTNAV ul, .RIGHTNAV ul ul, .rightnav, .rightnav ul, .rightnav ul ul { margin: 0; padding: 0; list-style: none; font-size: 1.0em; } .RIGHTNAV, .rightnav { width: 150px; background-color: #eee; border: 1px solid #D4D4D4; } .RIGHTNAV ul, .rightnav ul { padding: 8px 4px 12px 4px; } .RIGHTNAV ul ul, .rightnav ul ul { background: none; background-color: #eee; margin: 0; padding: 0; list-style: none; } .RIGHTNAV ul ul li, .rightnav ul ul li { background: none; border: none; } .RIGHTNAV ul li, .rightnav ul li { border-bottom: 1px solid #eee; margin: 0; padding-left: 12px; background-image: url(../images/blt_red_arrow.png); background-repeat: no-repeat; background-position: 12px 0.65em; } .RIGHTNAV ul li.active, .rightnav ul li.active { font-weight: bold; } .RIGHTNAV ul li.active span, .rightnav ul li.active span { display: none; } .RIGHTNAV ul li a, .rightnav ul li a { display: block; color: #990000; text-decoration: underline; padding: 3px 5px 3px 12px; margin: 0; } .RIGHTNAV ul ul li a.active, .rightnav ul ul li a.active { font-weight: bold; } .RIGHTNAV ul ul li a, .rightnav ul ul li a { display: block; padding-left: 12px; margin: 0; } .RIGHTNAV ul li a:hover, .rightnav ul li a:hover { color: #000; } .RIGHTNAV h1, .RIGHTNAV h2, .RIGHTNAV h3, .RIGHTNAV h4, .RIGHTNAV h5, .RIGHTNAV h6, .RIGHTNAV p, .rightnav h1, .rightnav h2, .rightnav h3, .rightnav h4, .rightnav h5, .rightnav h6, .rightnav p { padding-left: 10px; padding-right: 10px; } diff --git a/share/sgml/header.ent b/share/sgml/header.ent index 2f8954a597..a11ccfe365 100644 --- a/share/sgml/header.ent +++ b/share/sgml/header.ent @@ -1,246 +1,305 @@ - + '> '> Site Map | Legal Notices | © 1995-2009 The FreeBSD Project. All rights reserved.'> home   |   contact   |   legal   |   ©right;'> FreeBSD Home Page'> '> '> ]]> '> '> '> ]]> '> '> ]]> '> '> ]]> &title; &header1.meta; &header1.link; &header1.rsslink; '> FreeBSD '> ]]> FreeBSD '> '> ]]> '> Site Navigation -
-
'> Skip site navigation (1) Skip section navigation (2)
&header2.topnav;
'> &title;'>
&header2;
&nav;
&header3;'> &html.br.clearboth;
'> This document describes how to build and update the FreeBSD Web pages from the CVS repository by hand.

'>