CSS Page Layout
![]() |
English • français |
---|
The GeneWeb page layout is designed using CSS. The default style sheet is etc/css.css
. Edit the my_base.gwf
file to use your own style sheet:
css_prop=your_css_file
The style sheet must be saved in gw/css/
.
HTML pages properties (all pages).
html { background: url('/images/gwback.jpg'); font-family: "Arial"; }
Text highlighting (all pages).
.highlight { color: #2f6400; font-weight: bold; }
Links properties (all pages).
a:link.highlight { color: #2f6400; } a:visited.highlight { color: #2f6400; } a:hover.highlight { color: #2f6400; } a:link.date { text-decoration: none; color: black; background-color: transparent; } a:visited.date { text-decoration: none; color: black; background-color: transparent; } a:hover.date { text-decoration: none; color: black; background-color: transparent; }
Page title (all pages).
h1 { text-align: center; color: #303900; }
Footer (all pages).
#footer { background-color: #e7edb3; }
'Title' section (all pages).
#title { padding-top: 10px; width: 100%%; background-color: #e7edb3; }
'Language' section (page 'welcome.txt').
#lang { text-align: center; }
'Logo' section (page 'welcome.txt').
#logo { float: left; width: 160px; }
'Access' section (page 'welcome.txt').
#acces { float: right; width: 160px; height: 65px; border: solid 2px #6f8301; margin-right: 10px; text-align: center; }
Title of the 'Access' section (page 'welcome.txt').
#acces h3 { text-align: left; background-color: #6f8301; color: white; margin: 0; }
Search form (page 'welcome.txt').
#search { width: 750px; border: solid 2px #6f8301; text-align: left; align: center; margin-left: auto; margin-right: auto; }
Title of the search form (page 'welcome.txt').
#search h3 { margin: 0; text-align: left; background-color: #6f8301; color: white; }
Properties for the search form (page 'welcome.txt').
#search form { margin-top: 10px; margin-left: 10px; }
Display the 'Search by title/fief' form on a single line (page 'welcome.txt').
#form-titles div { float: left; margin-right: 3px; }
Properties for the 'Search by title/fief' form in the search form section (page 'welcome.txt').
#content fieldset { border: 0; }
'Option' section (page 'welcome.txt'). Tip: Add the following properties to easily center this section: align, margin-left, margin-right et l'astuce : overflow: auto.
#options { width: 750px; border: solid 2px #6f8301; text-align: left; overflow: auto; align: center; margin-left: auto; margin-right: auto; }
Properties for the title of the 'Option' section (page 'welcome.txt').
#options h3 { margin: 0; text-align: left; background-color: #6f8301; color: white; }
Properties for the 'Browse' section (page 'perso.txt'). Tip: Add the following properties to easily center this section: align, margin-left, margin-right et l'astuce : overflow: auto.
#navigation { width: 750px; border: solid 2px #6f8301; text-align: left; overflow: auto; align: center; margin-left: auto; margin-right: auto; }
Properties for the title of the 'Browse' section (page 'perso.txt').
#navigation h3 { text-align: left; background-color: #6f8301; color: white; margin: 0; }
Display lists in 2 columns: list_left and list_right. These lists are used in the 'Other option' section of the 'welcome.txt' page, and in the 'Browse' section of the 'perso.txt' page. 'width': width of the column in the section. 'float': alignment of the column in the section. The 'text-align' property is inherited from the parent section.
#list_left { width: 45%; float: left; } #list_right { width: 45%; float: right; }
GeneWeb Manual
- Download and install GeneWeb program under GNU/Linux, Mac OS X, Microsoft Windows, FreeBSD; on Mac OS X, Linux or Windows using Docker; or in CGI mode behind a web server.
- Understand GeneWeb server, homonym, consanguinity.
Use and manage genealogical databases
- Import Gedcom
.ged
or GeneWeb.gw
files with gwsetup or in command-line. - Update datas (add/remove individuals and families), merge duplicates, type dates.
- Use wikitext syntax, macros, keyboard shortcuts.
- Clean, recover, rename, save, archive a database.
- Merge and split multiples databases.
Technical annex
- Personalize CSS, header and trailer, templates, lexicon and declension.
- Configuration file
.gwf
(for templm), wizard notes, passwords for friends/wizards and access restrictions to databases. - Add images in notes, further remarks for experts.