From e9b1ec6b7e347143af2f61e3e5a8c7705cbfd10f Mon Sep 17 00:00:00 2001 From: "Rob G. Healey" Date: Sat, 23 May 2009 07:47:59 +0000 Subject: [PATCH] Updated stylesheets to fix "Vertical Alphabet Navigation" problem. svn: r12565 --- src/data/Web_Basic-Ash.css | 118 +++++++++++++++++++++++++-- src/data/Web_Basic-Cypress.css | 118 +++++++++++++++++++++++++-- src/data/Web_Basic-Lilac.css | 118 +++++++++++++++++++++++++-- src/data/Web_Basic-Peach.css | 118 +++++++++++++++++++++++++-- src/data/Web_Basic-Spruce.css | 118 +++++++++++++++++++++++++-- src/data/Web_Mainz.css | 118 +++++++++++++++++++++++++-- src/data/Web_Nebraska.css | 116 ++++++++++++++++++++++++-- src/data/Web_Visually.css | 145 +++++++++++++++++++++++---------- 8 files changed, 878 insertions(+), 91 deletions(-) diff --git a/src/data/Web_Basic-Ash.css b/src/data/Web_Basic-Ash.css index 0be0767e9..f663c5936 100644 --- a/src/data/Web_Basic-Ash.css +++ b/src/data/Web_Basic-Ash.css @@ -178,6 +178,43 @@ a:visited { margin:0; } +/* Alphabet Navigation +----------------------------------------------------- */ +#alphabet { + padding:0; + margin:0; +} +#alphabet ul { + list-style:none; + min-width:770px; + height:24px; + margin:0; + padding:0 0 0 9px; + border-top:solid 2px #000; + border-bottom:solid 4px #000; +background-color:#EEE; +} +#alphabet ul li.letters { + margin:0; + float:left; +} +.letters:after { + content:" |"; +} +#alphabet ul li.letters a { + display:block; + float:left; + font:bold 16px/100% sans; + color:#000; + margin:0; + padding:5px 5px; + text-decoration:none; +} +#alphabet ul li.letters a:hover { + background-color:#000; + color:#FFF; +} + /* Navigation ----------------------------------------------------- */ #navigation, #subnavigation { @@ -397,10 +434,23 @@ table.individuallist tbody tr td.ColumnName a { table.individuallist tbody tr td.ColumnName a:hover { background-color:#CCC; } -#IndividualDetail div table.infolist tr td, #Individuals div table.infolist tr td p { +#Individuals div table.infolist tr td p { vertical-align:top; } -#IndividualDetail div table.infolist tr td a, #Individuals div table.infolist tr td p a { +#Individuals div table.infolist tr td p a { + display:inline; +} + +/* IndividualDetail +------------------------------------------------------ */ +#IndividualDetail { + background-color:#EEE; +} +#IndividualDetail div table.infolist tr td { + font:normal .9em/1.2em sans-serif; + vertical-align:top; +} +#IndividualDetail div table.infolist tr td a { display:inline; } #IndividualDetail table.infolist tr td a:hover { @@ -408,8 +458,10 @@ table.individuallist tbody tr td.ColumnName a:hover { } #IndividualDetail table.infolist tbody tr td.ColumnAttribute { width:10%; - color:#999; - padding-left:5px; + color:#696969; +} +#IndividualDetail div.subsection table tr td:first-child { + padding-left:20px; } /* Sources @@ -558,15 +610,67 @@ table.individuallist tbody tr td.ColumnName a:hover { text-decoration:underline; } +/* Download +----------------------------------------------------- */ +#Download { + padding:1cm; + height:396px; +} +table.download { + border:solid 2px #000; + width:100%; +} +table.download img { + float:center; +} +table.download thead tr th { + text-align:center; + border:solid 2px #000; + color: #000; + text-transform:uppercase; +} +table.download tbody tr#Row02 { + border-bottom:solid 2px #000; +} +table.download thead tr th, table.download tbody tr td { + padding-left:10px; + padding-top:20px; + border-style:solid; + border-color:#000; + border-width:0 2px 2px 2px; + text-align:left; +} +table.download td.Description { + width: 50%; +} +table.download td.License { + width:8%; +} +table.download td.Filename { + width:30%; +} +table.download td.Filename a { + font-weight:bold; + font-style: italic; + text-decoration:none; +} +table.download td.Filename a:hover { + text-decoration:underline; +} +table.download td.Modified { + width:12%; + font-weight:bold; +} + /* Subsections ----------------------------------------------------- */ -#Home, #Introduction, #Download, #Contact { +#Home, #Introduction, #Contact { padding:1.5em 0 3em 0; } -#Home p, #Introduction p, #Download p, #Contact p { +#Home p, #Introduction p, #Contact p { margin:0 20px 1em 20px; } -#Home img, #Introduction img, #Download img, #Contact img { +#Home img, #Introduction img, #Contact img { float:right; margin:0; padding:0 20px 3em 20px; diff --git a/src/data/Web_Basic-Cypress.css b/src/data/Web_Basic-Cypress.css index 075d7decb..c365122be 100644 --- a/src/data/Web_Basic-Cypress.css +++ b/src/data/Web_Basic-Cypress.css @@ -171,6 +171,43 @@ a:visited { margin:0; } +/* Alphabet Navigation +----------------------------------------------------- */ +#alphabet { + padding:0; + margin:0; +} +#alphabet ul { + list-style:none; + min-width:770px; + height:24px; + margin:0; + padding:0 0 0 9px; + border-top:solid 2px #000; + border-bottom:solid 4px #000; + background-color:#454; +} +#alphabet ul li.letters { + margin:0; + float:left; +} +.letters:after { + content:" |"; +} +#alphabet ul li.letters a { + display:block; + float:left; + font:bold 16px/100% sans; + color:#000; + margin:0; + padding:5px 5px; + text-decoration:none; +} +#alphabet ul li.letters a:hover { + background-color:#000; + color:#FFF; +} + /* Navigation ----------------------------------------------------- */ #navigation { @@ -393,10 +430,23 @@ table.individuallist tbody tr td.ColumnName a { table.individuallist tbody tr td.ColumnName a:hover { background-color:#9DBF9D; } -#IndividualDetail div table.infolist tr td, #Individuals div table.infolist tr td p { +#Individuals div table.infolist tr td p { vertical-align:top; } -#IndividualDetail div table.infolist tr td a, #Individuals div table.infolist tr td p a { +#Individuals div table.infolist tr td p a { + display:inline; +} + +/* IndividualDetail +------------------------------------------------------ */ +#IndividualDetail { + background-color:#454; +} +#IndividualDetail div table.infolist tr td { + font:normal .9em/1.2em sans-serif; + vertical-align:top; +} +#IndividualDetail div table.infolist tr td a { display:inline; } #IndividualDetail table.infolist tr td a:hover { @@ -404,8 +454,10 @@ table.individuallist tbody tr td.ColumnName a:hover { } #IndividualDetail table.infolist tbody tr td.ColumnAttribute { width:10%; - color:#7C8F7C; - padding-left:5px; + color:#696969; +} +#IndividualDetail div.subsection table tr td:first-child { + padding-left:20px; } /* Sources @@ -554,15 +606,67 @@ table.individuallist tbody tr td.ColumnName a:hover { text-decoration:underline; } +/* Download +----------------------------------------------------- */ +#Download { + padding:1cm; + height:396px; +} +table.download { + border:solid 2px #000; + width:100%; +} +table.download img { + float:center; +} +table.download thead tr th { + text-align:center; + border:solid 2px #000; + color: #000; + text-transform:uppercase; +} +table.download tbody tr#Row02 { + border-bottom:solid 2px #000; +} +table.download thead tr th, table.download tbody tr td { + padding-left:10px; + padding-top:20px; + border-style:solid; + border-color:#000; + border-width:0 2px 2px 2px; + text-align:left; +} +table.download td.Description { + width: 50%; +} +table.download td.License { + width:8%; +} +table.download td.Filename { + width:30%; +} +table.download td.Filename a { + font-weight:bold; + font-style: italic; + text-decoration:none; +} +table.download td.Filename a:hover { + text-decoration:underline; +} +table.download td.Modified { + width:12%; + font-weight:bold; +} + /* Subsections ----------------------------------------------------- */ -#Home, #Introduction, #Download, #Contact { +#Home, #Introduction, { padding:1.5em 0 3em 0; } -#Home p, #Introduction p, #Download p, #Contact p { +#Home p, #Introduction p, #Contact p { margin:0 20px 1em 20px; } -#Home img, #Introduction img, #Download img, #Contact img { +#Home img, #Introduction img, #Contact img { float:right; margin:0; padding:0 20px 3em 20px; diff --git a/src/data/Web_Basic-Lilac.css b/src/data/Web_Basic-Lilac.css index 41d30db1b..314f0c595 100644 --- a/src/data/Web_Basic-Lilac.css +++ b/src/data/Web_Basic-Lilac.css @@ -176,6 +176,43 @@ a:visited { margin:0; } +/* Alphabet Navigation +----------------------------------------------------- */ +#alphabet { + padding:0; + margin:0; +} +#alphabet ul { + list-style:none; + min-width:770px; + height:24px; + margin:0; + padding:0 0 0 9px; + border-top:solid 2px #000; + border-bottom:solid 4px #000; + background-color:#E0E0E9; +} +#alphabet ul li.letters { + margin:0; + float:left; +} +.letters:after { + content:" |"; +} +#alphabet ul li.letters a { + display:block; + float:left; + font:bold 16px/100% sans; + color:#000; + margin:0; + padding:5px 5px; + text-decoration:none; +} +#alphabet ul li.letters a:hover { + background-color:#000; + color:#FFF; +} + /* Navigation ----------------------------------------------------- */ #navigation, #subnavigation { @@ -395,10 +432,23 @@ table.individuallist tbody tr td.ColumnName a { table.individuallist tbody tr td.ColumnName a:hover { background-color:#B4B4CB; } -#IndividualDetail div table.infolist tr td, #Individuals div table.infolist tr td p { +#Individuals div table.infolist tr td p { vertical-align:top; } -#IndividualDetail div table.infolist tr td a, #Individuals div table.infolist tr td p a { +#Individuals div table.infolist tr td p a { + display:inline; +} + +/* IndividualDetail +------------------------------------------------------ */ +#IndividualDetail { + background-color:#E0E0E9; +} +#IndividualDetail div table.infolist tr td { + font:normal .9em/1.2em sans-serif; + vertical-align:top; +} +#IndividualDetail div table.infolist tr td a { display:inline; } #IndividualDetail table.infolist tr td a:hover { @@ -406,8 +456,10 @@ table.individuallist tbody tr td.ColumnName a:hover { } #IndividualDetail table.infolist tbody tr td.ColumnAttribute { width:10%; - color:#669; - padding-left:5px; + color:#696969; +} +#IndividualDetail div.subsection table tr td:first-child { + padding-left:20px; } /* Sources @@ -556,15 +608,67 @@ table.individuallist tbody tr td.ColumnName a:hover { text-decoration:underline; } +/* Download +----------------------------------------------------- */ +#Download { + padding:1cm; + height:396px; +} +table.download { + border:solid 2px #000; + width:100%; +} +table.download img { + float:center; +} +table.download thead tr th { + text-align:center; + border:solid 2px #000; + color: #000; + text-transform:uppercase; +} +table.download tbody tr#Row02 { + border-bottom:solid 2px #000; +} +table.download thead tr th, table.download tbody tr td { + padding-left:10px; + padding-top:20px; + border-style:solid; + border-color:#000; + border-width:0 2px 2px 2px; + text-align:left; +} +table.download td.Description { + width: 50%; +} +table.download td.License { + width:8%; +} +table.download td.Filename { + width:30%; +} +table.download td.Filename a { + font-weight:bold; + font-style: italic; + text-decoration:none; +} +table.download td.Filename a:hover { + text-decoration:underline; +} +table.download td.Modified { + width:12%; + font-weight:bold; +} + /* Subsections ----------------------------------------------------- */ -#Home, #Introduction, #Download, #Contact { +#Home, #Introduction, #Contact { padding:1.5em 0 3em 0; } -#Home p, #Introduction p, #Download p, #Contact p { +#Home p, #Introduction p, #Contact p { margin:0 20px 1em 20px; } -#Home img, #Introduction img, #Download img, #Contact img { +#Home img, #Introduction img, #Contact img { float:right; margin:0; padding:0 20px 3em 20px; diff --git a/src/data/Web_Basic-Peach.css b/src/data/Web_Basic-Peach.css index 5a77c6c09..e0998b6ed 100644 --- a/src/data/Web_Basic-Peach.css +++ b/src/data/Web_Basic-Peach.css @@ -177,6 +177,43 @@ a:visited { margin:0; } +/* Alphabet Navigation +----------------------------------------------------- */ +#alphabet { + padding:0; + margin:0; +} +#alphabet ul { + list-style:none; + min-width:770px; + height:24px; + margin:0; + padding:0 0 0 9px; + border-top:solid 2px #000; + border-bottom:solid 4px #000; + background-color:#FFE09F; +} +#alphabet ul li.letters { + margin:0; + float:left; +} +.letters:after { + content:" |"; +} +#alphabet ul li.letters a { + display:block; + float:left; + font:bold 16px/100% sans; + color:#000; + margin:0; + padding:5px 5px; + text-decoration:none; +} +#alphabet ul li.letters a:hover { + background-color:#000; + color:#FFF; +} + /* Navigation ----------------------------------------------------- */ #navigation, #subnavigation { @@ -396,10 +433,23 @@ table.individuallist tbody tr td.ColumnName a { table.individuallist tbody tr td.ColumnName a:hover { background-color:#FFC35E; } -#IndividualDetail div table.infolist tr td, #Individuals div table.infolist tr td p { +#Individuals div table.infolist tr td p { vertical-align:top; } -#IndividualDetail div table.infolist tr td a, #Individuals div table.infolist tr td p a { +#Individuals div table.infolist tr td p a { + display:inline; +} + +/* IndividualDetail +------------------------------------------------------ */ +#IndividualDetail { + background-color:#FFE09F; +} +#IndividualDetail div table.infolist tr td { + font:normal .9em/1.2em sans-serif; + vertical-align:top; +} +#IndividualDetail div table.infolist tr td a { display:inline; } #IndividualDetail table.infolist tr td a:hover { @@ -407,8 +457,10 @@ table.individuallist tbody tr td.ColumnName a:hover { } #IndividualDetail table.infolist tbody tr td.ColumnAttribute { width:10%; - color:#8C581C; - padding-left:5px; + color:#696969; +} +#IndividualDetail div.subsection table tr td:first-child { + padding-left:20px; } /* Sources @@ -557,15 +609,67 @@ table.individuallist tbody tr td.ColumnName a:hover { text-decoration:underline; } +/* Download +----------------------------------------------------- */ +#Download { + padding:1cm; + height:396px; +} +table.download { + border:solid 2px #000; + width:100%; +} +table.download img { + float:center; +} +table.download thead tr th { + text-align:center; + border:solid 2px #000; + color: #000; + text-transform:uppercase; +} +table.download tbody tr#Row02 { + border-bottom:solid 2px #000; +} +table.download thead tr th, table.download tbody tr td { + padding-left:10px; + padding-top:20px; + border-style:solid; + border-color:#000; + border-width:0 2px 2px 2px; + text-align:left; +} +table.download td.Description { + width: 50%; +} +table.download td.License { + width:8%; +} +table.download td.Filename { + width:30%; +} +table.download td.Filename a { + font-weight:bold; + font-style: italic; + text-decoration:none; +} +table.download td.Filename a:hover { + text-decoration:underline; +} +table.download td.Modified { + width:12%; + font-weight:bold; +} + /* Subsections ----------------------------------------------------- */ -#Home, #Introduction, #Download, #Contact { +#Home, #Introduction, #Contact { padding:1.5em 0 3em 0; } -#Home p, #Introduction p, #Download p, #Contact p { +#Home p, #Introduction p, #Contact p { margin:0 20px 1em 20px; } -#Home img, #Introduction img, #Download img, #Contact img { +#Home img, #Introduction img, #Contact img { float:right; margin:0; padding:0 20px 3em 20px; diff --git a/src/data/Web_Basic-Spruce.css b/src/data/Web_Basic-Spruce.css index 54e0790db..ba1fd304c 100644 --- a/src/data/Web_Basic-Spruce.css +++ b/src/data/Web_Basic-Spruce.css @@ -177,6 +177,43 @@ a:visited { margin:0; } +/* Alphabet Navigation +----------------------------------------------------- */ +#alphabet { + padding:0; + margin:0; +} +#alphabet ul { + list-style:none; + min-width:770px; + height:24px; + margin:0; + padding:0 0 0 9px; + border-top:solid 2px #000; + border-bottom:solid 4px #000; + background-color:#EAEEF4; +} +#alphabet ul li.letters { + margin:0; + float:left; +} +.letters:after { + content:" |"; +} +#alphabet ul li.letters a { + display:block; + float:left; + font:bold 16px/100% sans; + color:#000; + margin:0; + padding:5px 5px; + text-decoration:none; +} +#alphabet ul li.letters a:hover { + background-color:#000; + color:#FFF; +} + /* Navigation ----------------------------------------------------- */ #navigation, #subnavigation { @@ -396,10 +433,23 @@ table.individuallist tbody tr td.ColumnName a { table.individuallist tbody tr td.ColumnName a:hover { background-color:#BFD0EA; } -#IndividualDetail div table.infolist tr td, #Individuals div table.infolist tr td p { +#Individuals div table.infolist tr td p { vertical-align:top; } -#IndividualDetail div table.infolist tr td a, #Individuals div table.infolist tr td p a { +#Individuals div table.infolist tr td p a { + display:inline; +} + +/* IndividualDetail +------------------------------------------------------ */ +#IndividualDetail { + background-color:#EAEEF4; +} +#IndividualDetail div table.infolist tr td { + font:normal .9em/1.2em sans-serif; + vertical-align:top; +} +#IndividualDetail div table.infolist tr td a { display:inline; } #IndividualDetail table.infolist tr td a:hover { @@ -407,8 +457,10 @@ table.individuallist tbody tr td.ColumnName a:hover { } #IndividualDetail table.infolist tbody tr td.ColumnAttribute { width:10%; - color:#7CA3DD; - padding-left:5px; + color:#696969; +} +#IndividualDetail div.subsection table tr td:first-child { + padding-left:20px; } /* Sources @@ -557,15 +609,67 @@ table.individuallist tbody tr td.ColumnName a:hover { text-decoration:underline; } +/* Download +----------------------------------------------------- */ +#Download { + padding:1cm; + height:396px; +} +table.download { + border:solid 2px #000; + width:100%; +} +table.download img { + float:center; +} +table.download thead tr th { + text-align:center; + border:solid 2px #000; + color: #000; + text-transform:uppercase; +} +table.download tbody tr#Row02 { + border-bottom:solid 2px #000; +} +table.download thead tr th, table.download tbody tr td { + padding-left:10px; + padding-top:20px; + border-style:solid; + border-color:#000; + border-width:0 2px 2px 2px; + text-align:left; +} +table.download td.Description { + width: 50%; +} +table.download td.License { + width:8%; +} +table.download td.Filename { + width:30%; +} +table.download td.Filename a { + font-weight:bold; + font-style: italic; + text-decoration:none; +} +table.download td.Filename a:hover { + text-decoration:underline; +} +table.download td.Modified { + width:12%; + font-weight:bold; +} + /* Subsections ----------------------------------------------------- */ -#Home, #Introduction, #Download, #Contact { +#Home, #Introduction, #Contact { padding:1.5em 0 3em 0; } -#Home p, #Introduction p, #Download p, #Contact p { +#Home p, #Introduction p, #Contact p { margin:0 20px 1em 20px; } -#Home img, #Introduction img, #Download img, #Contact img { +#Home img, #Introduction img, #Contact img { float:right; margin:0; padding:0 20px 3em 20px; diff --git a/src/data/Web_Mainz.css b/src/data/Web_Mainz.css index 076a06b5f..047c8f118 100644 --- a/src/data/Web_Mainz.css +++ b/src/data/Web_Mainz.css @@ -198,6 +198,43 @@ a:visited { margin:0 0 5px 50px; } +/* Alphabet Navigation +----------------------------------------------------- */ +#alphabet { + padding:0; + margin:0; +} +#alphabet ul { + list-style:none; + min-width:770px; + height:24px; + margin:0; + padding:0 0 0 9px; + border-top:solid 2px #000; + border-bottom:solid 4px #000; + background:url(../images/Web_Mainz_MidLight.png) #FFF2C6; +} +#alphabet ul li.letters { + margin:0; + float:left; +} +.letters:after { + content:" |"; +} +#alphabet ul li.letters a { + display:block; + float:left; + font:bold 16px/100% sans; + color:#000; + margin:0; + padding:5px 5px; + text-decoration:none; +} +#alphabet ul li.letters a:hover { + background-color:#000; + color:#FFF; +} + /* Navigation ----------------------------------------------------- */ #navigation, #subnavigation { @@ -407,10 +444,23 @@ table.individuallist tbody tr td.ColumnName a { padding:.6em 10px; vertical-align:middle; } -#IndividualDetail div table.infolist tr td, #Individuals div table.infolist tr td p { + #Individuals div table.infolist tr td p { vertical-align:top; } -#IndividualDetail div table.infolist tr td a, #Individuals div table.infolist tr td p a { +#Individuals div table.infolist tr td p a { + display:inline; +} + +/* IndividualDetail +------------------------------------------------------ */ +#IndividualDetail { + background:url(../images/Web_Mainz_MidLight.png) #FFF2C6; +} +#IndividualDetail div table.infolist tr td { + font:normal .9em/1.2em sans-serif; + vertical-align:top; +} +#IndividualDetail div table.infolist tr td a { display:inline; } #IndividualDetail table.infolist tr td a:hover { @@ -418,8 +468,10 @@ table.individuallist tbody tr td.ColumnName a { } #IndividualDetail table.infolist tbody tr td.ColumnAttribute { width:10%; - color:#767D25; - padding-left:5px; + color:#696969; +} +#IndividualDetail div.subsection table tr td:first-child { + padding-left:20px; } /* Sources @@ -568,17 +620,69 @@ table.individuallist tbody tr td.ColumnName a { text-decoration:underline; } +/* Download +----------------------------------------------------- */ +#Download { + padding:1cm; + height:396px; +} +table.download { + border:solid 2px #000; + width:100%; +} +table.download img { + float:center; +} +table.download thead tr th { + text-align:center; + border:solid 2px #000; + color: #000; + text-transform:uppercase; +} +table.download tbody tr#Row02 { + border-bottom:solid 2px #000; +} +table.download thead tr th, table.download tbody tr td { + padding-left:10px; + padding-top:20px; + border-style:solid; + border-color:#000; + border-width:0 2px 2px 2px; + text-align:left; +} +table.download td.Description { + width: 50%; +} +table.download td.License { + width:8%; +} +table.download td.Filename { + width:30%; +} +table.download td.Filename a { + font-weight:bold; + font-style: italic; + text-decoration:none; +} +table.download td.Filename a:hover { + text-decoration:underline; +} +table.download td.Modified { + width:12%; + font-weight:bold; +} + /* SubSection ----------------------------------------------------- */ -#Home, #Introduction, #Download, #Contact { +#Home, #Introduction, #Contact { min-height:500px; padding:1.5em 0 3em 0; } -#Home p, #Introduction p, #Surnames p, #Individuals p, #Sources p, #Places p, #Gallery p, #Download p, #Contact p { +#Home p, #Introduction p, #Surnames p, #Individuals p, #Sources p, #Places p, #Gallery p, { margin:0 20px 1em 20px; padding-top:1em; } -#Home img, #Introduction img, #Download img { +#Home img, #Introduction img { float:right; margin:0; padding:0 20px 3em 20px; diff --git a/src/data/Web_Nebraska.css b/src/data/Web_Nebraska.css index 982b96d0e..5db76cc08 100644 --- a/src/data/Web_Nebraska.css +++ b/src/data/Web_Nebraska.css @@ -203,6 +203,43 @@ p#user_header { background-color:#542; } +/* Alphabet Navigation +----------------------------------------------------- */ +#alphabet { + padding:0; + margin:0; +} +#alphabet ul { + list-style:none; + min-width:770px; + height:24px; + margin:0; + padding:0 0 0 9px; + border-top:solid 2px #000; + border-bottom:solid 4px #000; + background-color:#A97; +} +#alphabet ul li.letters { + margin:0; + float:left; +} +.letters:after { + content:" |"; +} +#alphabet ul li.letters a { + display:block; + float:left; + font:bold 16px/100% sans; + color:#000; + margin:0; + padding:5px 5px; + text-decoration:none; +} +#alphabet ul li.letters a:hover { + background-color:#000; + color:#FFF; +} + /* Navigation ----------------------------------------------------- */ #navigation, #subnavigation { @@ -421,11 +458,24 @@ table.individuallist tbody tr td.ColumnName a { table.individuallist tbody tr td.ColumnName a:hover { background-color:#C1B398; } -#IndividualDetail div table.infolist tr td, #Individuals div table.infolist tr td p { +#Individuals div table.infolist tr td p { font:normal .9em/1.2em sans-serif; vertical-align:top; } -#IndividualDetail div table.infolist tr td a, #Individuals div table.infolist tr td p a { +#Individuals div table.infolist tr td p a { + display:inline; +} + +/* IndividualDetail +------------------------------------------------------ */ +#IndividualDetail { + background-color:#A97; +} +#IndividualDetail div table.infolist tr td { + font:normal .9em/1.2em sans-serif; + vertical-align:top; +} +#IndividualDetail div table.infolist tr td a { display:inline; } #IndividualDetail table.infolist tr td a:hover { @@ -435,6 +485,9 @@ table.individuallist tbody tr td.ColumnName a:hover { width:10%; color:#696969; } +#IndividualDetail div.subsection table tr td:first-child { + padding-left:20px; +} /* Sources ----------------------------------------------------- */ @@ -590,18 +643,67 @@ table.individuallist tbody tr td.ColumnName a:hover { text-decoration:underline; } +/* Download +----------------------------------------------------- */ +#Download { + padding:1cm; + height:396px; +} +table.download { + border:solid 2px #000; + width:100%; +} +table.download img { + float:center; +} +table.download thead tr th { + text-align:center; + border:solid 2px #000; + color: #000; + text-transform:uppercase; +} +table.download tbody tr#Row02 { + border-bottom:solid 2px #000; +} +table.download thead tr th, table.download tbody tr td { + padding-left:10px; + padding-top:20px; + border-style:solid; + border-color:#000; + border-width:0 2px 2px 2px; + text-align:left; +} +table.download td.Description { + width: 50%; +} +table.download td.License { + width:8%; +} +table.download td.Filename { + width:30%; +} +table.download td.Filename a { + font-weight:bold; + font-style: italic; + text-decoration:none; +} +table.download td.Filename a:hover { + text-decoration:underline; +} +table.download td.Modified { + width:12%; + font-weight:bold; +} + /* Subsections ----------------------------------------------------- */ #Home, #Introduction, #Contact { padding:2em 0 3em 0; } -#Download { - padding:1em 0 3em 0; -} -#Home p, #Introduction p, #Download p { +#Home p, #Introduction p { margin:0 20px 1em 20px; } -#Home img, #Introduction img, #Download img { +#Home img, #Introduction img { float:right; margin:0; padding:0 20px 3em 2em; diff --git a/src/data/Web_Visually.css b/src/data/Web_Visually.css index 013a53db3..5a2f18bac 100644 --- a/src/data/Web_Visually.css +++ b/src/data/Web_Visually.css @@ -87,6 +87,10 @@ img { .thumbnail a:hover { background:none; } +.content:first-letter { + color:#FF0000; + font:xx-large; +} .content { width:965px; margin:0 auto; @@ -146,8 +150,12 @@ h5, h6 { margin:1.3em 0 .5em 1em; } +#description:first-letter { + color:#FF0000; + font:20px; +} p#description { - color:#542; + color:#000; max-width:800px; margin:0; padding:1em 20px; @@ -243,6 +251,10 @@ p#user_header { margin:0 auto; vertical-align:middle; } +#footer p:first-letter { + color:yellow; + font:x-large; +} #footer p#createdate { float:left; width:40%; @@ -274,28 +286,31 @@ p#user_header { /* Alphabet Navigation ----------------------------------------------------- */ -#alphabet { +div#alphabet { padding:0; margin:0; } -#alphabet ul { +div#alphabet ul { list-style:none; min-width:770px; height:24px; margin:0; padding:0 0 0 9px; - background-color:#6AF364; border-top:solid 2px #000; border-bottom:solid 4px #000; + background-color:#6AF364; } -#alphabet ul li.letters { +div#alphabet ul li:after { + content:" |"; +} +div#alphabet ul li:before { + content:" "; +} +div#alphabet ul li.letters { margin:0; float:left; } -.letters:after { - content:" |"; -} -#alphabet ul li.letters a { +div#alphabet ul li.letters a { display:block; float:left; font:bold 16px/100% sans; @@ -304,8 +319,9 @@ p#user_header { padding:5px 5px; text-decoration:none; } -#alphabet ul li.letters a:hover { - background-color:#C1B398; +div#alphabet ul li.letters a:hover { + background-color:#000; + color:#FFF; } /* Navigation @@ -424,6 +440,9 @@ table.infolist tbody tr td.ColumnType { table.infolist tbody tr td.ColumnPartner { font-size:.9em; } +table.infolist tbody tr td.ColumnPartner a { + background-color:#FFF; +} table.infolist tbody tr td.ColumnParents { font-size:.9em; } @@ -534,11 +553,36 @@ table.individuallist tbody tr td.ColumnName a { table.individuallist tbody tr td.ColumnName a:hover { background-color:#C1B398; } -#IndividualDetail div table.infolist tr td, #Individuals div table.infolist tr td p { +table.individuallist tbody tr td.ColumnPartner { + padding:0; + background-color:#FFF; +} +table.individuallist tbody tr td.ColumnPartner a { + display:block; + padding:.6em 10px; + vertical-align:middle; +} +table.individuallist tbody tr td.ColumnPartner a:hover { + background-color:#C1B398; +} +#Individuals div table.infolist tr td p { font:normal .9em/1.2em sans-serif; vertical-align:top; } -#IndividualDetail div table.infolist tr td a, #Individuals div table.infolist tr td p a { +#Individuals div table.infolist tr td p a { + display:inline; +} + +/* IndividualDetail +------------------------------------------------------ */ +#IndividualDetail { + background-color:#C1B398; +} +#IndividualDetail div table.infolist tr td { + font:normal .9em/1.2em sans-serif; + vertical-align:top; +} +#IndividualDetail div table.infolist tr td a { display:inline; } #IndividualDetail table.infolist tr td a:hover { @@ -548,6 +592,9 @@ table.individuallist tbody tr td.ColumnName a:hover { width:10%; color:#696969; } +#IndividualDetail div.subsection table tr td:first-child { + padding-left:20px; +} /* Sources ----------------------------------------------------- */ @@ -711,39 +758,52 @@ table.individuallist tbody tr td.ColumnName a:hover { ----------------------------------------------------- */ #Download { padding:1cm; + height:420px; } -table.Download { - border:solid 1px #000; +table.download { + border:solid 2px #000; width:100%; } -table.Download tbody tr td { - padding:1em; +table.download img { + float:center; +} +table.download thead tr th { + text-align:center; + border:solid 2px #000; + color: #000; + text-transform:uppercase; +} +table.download tbody tr#Row02 { + border-bottom:solid 2px #000; +} +table.download thead tr th, table.download tbody tr td { + padding-left:10px; + padding-top:20px; border-style:solid; border-color:#000; border-width:0 2px 2px 2px; + text-align:left; } -table.Download tbody tr td.ColumnAttribute { +table.download td.Description { + width: 50%; +} +table.download td.License { + width:8%; +} +table.download td.Filename { width:30%; - background-color:#6AF364; } -table.Download tbody tr td.ColumnValue { - width:70%; -} -table.Download tbody tr td.ColumnValue a { +table.download td.Filename a { font-weight:bold; font-style: italic; + text-decoration:none; } -table.Download tbody tr td.ColumnValue a:hover { +table.download td.Filename a:hover { text-decoration:underline; - background-color:#C1B398; - padding-top:15px; - padding-bottom:15px; - padding-right:190px; - padding-left:35px; } -table.Download img { - float:left; - text-align:left; +table.download td.Modified { + width:12%; + font-weight:bold; } /* Subsections @@ -751,10 +811,10 @@ table.Download img { #Home, #Introduction, #Contact { padding:2em 0 3em 0; } -#Home p, #Introduction p, #Download p { +#Home p, #Introduction p { margin:0 20px 1em 20px; } -#Home img, #Introduction img, #Download img { +#Home img, #Introduction img { float:right; margin:0; padding:0 20px 3em 2em; @@ -779,15 +839,12 @@ div.subsection table.infolist { width:100%; margin:0; } -#IndividualDetail div.subsection table tr td:first-child { - padding-left:20px; -} /* Subsections : Events ----------------------------------------------------- */ div#events { padding-bottom:0; - height:3cm; + height:3.5cm; overflow:auto; } div#events h4 { @@ -805,6 +862,10 @@ div#events h4 { padding-bottom:4px; background-color:#6AF364; } +#IndividualDetail div#events table.eventtable { + width:100%; + padding-bottom:15px; +} #IndividualDetail div#events table.infolist thead tr th:first-child { padding-left:20px; } @@ -881,20 +942,20 @@ div#addresses table.infolist tbody tr td.ColumnValue { #indivgallery h4 { margin-bottom:1em; } -#indivgallery .thumbnail { +#indivgallery .thumbnail tr { margin:0; float:left; width:130px; height:150px; text-align:center; } -#indivgallery .thumbnail a { +#indivgallery .thumbnail tr a { display:block; margin:0; padding:0; background:none; } -#indivgallery .thumbnail a img { +#indivgallery .thumbnail tr a img { margin:0; padding:0; border:solid 1px #453619; @@ -926,7 +987,7 @@ div#narrative { ----------------------------------------------------- */ div#sourcerefs { height:2.5cm; -overflow:auto; + overflow:auto; } div#sourcerefs ol { list-style-type:decimal;