I’ve been working on a new default template for Retrospect-GDS in fits and starts for the last two or three weeks. I know a lot of people like the current template because its clean and simple, so that template will still be included in the distribution, but it will no longer be the default template.


The new template still follows the basic pattern of the old template, but is has been updated with better use of fonts and colors. The CSS and markup has also been greatly simplified. The only complicated bit is the new tabbed navigation. I used the CSS Sliding Doors technique from A List Apart and some of the elements from the CSS Sliding Doors 2 article. I chose to leave out the rollovers and I haven’t corrected for the anchor width problem in IE. In any other browser besides IE, the entire tab is clickable. In Internet Exploder you’re stuck with just the text being clickable. The fix for IE requires far too much structural markup for my taste, so I’m leaving it out. After getting all the tabs working, I found that the template started randomly inducing the the IE Peekaboo bug. Thankfully I found that the Peekaboo bug is now easily fixed with the Holly Hack.
What else is new or changed so far?
- The left sidebar menu has been replaced with a horizontal menu bar under the header banner. The links have been styled as buttons and I’ve taken great care to ensure that the language drop-down is vertically centered in every browser that I can get my hands on. Guess which one was the most difficult to get centered? This frees up a lot of real estate for the rest of the content.
- A gender icon is now shown after each person’s name in surname lists and search results windows.
- The surname list is displayed in 5 columns instead of 4.
- Fixed slash escaped characters showing up in the comments.
- The pedigree chart has been completely overhauled. The lines and boxes are made up of simple graphic elements positioned with CSS. I think it looks much better than the square lines and boxes of the old template.
- The tabbed navigation has been replaced with graphical elements. No more ugly square tabs.
That’s all I can think of for now. Stay tuned for part 2 as the work progresses.
You can more information about Retrospect-GDS on the official Retrospect-GDS project page.