Cyclone-Team/gramps
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated stylesheets to fix "Vertical Alphabet Navigation" problem.

Browse Source 
svn: r12565
This commit is contained in:
Rob G. Healey 2009-05-23 07:47:59 +00:00
parent 4785ca18b4
commit e9b1ec6b7e
8 changed files with 878 additions and 91 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

118
src/data/Web_Basic-Ash.css
View File

@ -178,6 +178,43 @@ a:visited {
margin:0; 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
----------------------------------------------------- */ ----------------------------------------------------- */
#navigation, #subnavigation { #navigation, #subnavigation {
@ -397,10 +434,23 @@ table.individuallist tbody tr td.ColumnName a {
table.individuallist tbody tr td.ColumnName a:hover { table.individuallist tbody tr td.ColumnName a:hover {
background-color:#CCC; 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; 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; display:inline;
} }
#IndividualDetail table.infolist tr td a:hover { #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 { #IndividualDetail table.infolist tbody tr td.ColumnAttribute {
width:10%; width:10%;
color:#999; color:#696969;
padding-left:5px; }
#IndividualDetail div.subsection table tr td:first-child {
padding-left:20px;
} }
/* Sources /* Sources
@ -558,15 +610,67 @@ table.individuallist tbody tr td.ColumnName a:hover {
text-decoration:underline; 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 /* Subsections
----------------------------------------------------- */ ----------------------------------------------------- */
#Home, #Introduction, #Download, #Contact { #Home, #Introduction, #Contact {
padding:1.5em 0 3em 0; 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; margin:0 20px 1em 20px;
} }
#Home img, #Introduction img, #Download img, #Contact img { #Home img, #Introduction img, #Contact img {
float:right; float:right;
margin:0; margin:0;
padding:0 20px 3em 20px; padding:0 20px 3em 20px;

118
src/data/Web_Basic-Cypress.css
View File

@ -171,6 +171,43 @@ a:visited {
margin:0; 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
----------------------------------------------------- */ ----------------------------------------------------- */
#navigation { #navigation {
@ -393,10 +430,23 @@ table.individuallist tbody tr td.ColumnName a {
table.individuallist tbody tr td.ColumnName a:hover { table.individuallist tbody tr td.ColumnName a:hover {
background-color:#9DBF9D; 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; 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; display:inline;
} }
#IndividualDetail table.infolist tr td a:hover { #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 { #IndividualDetail table.infolist tbody tr td.ColumnAttribute {
width:10%; width:10%;
color:#7C8F7C; color:#696969;
padding-left:5px; }
#IndividualDetail div.subsection table tr td:first-child {
padding-left:20px;
} }
/* Sources /* Sources
@ -554,15 +606,67 @@ table.individuallist tbody tr td.ColumnName a:hover {
text-decoration:underline; 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 /* Subsections
----------------------------------------------------- */ ----------------------------------------------------- */
#Home, #Introduction, #Download, #Contact { #Home, #Introduction, {
padding:1.5em 0 3em 0; 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; margin:0 20px 1em 20px;
} }
#Home img, #Introduction img, #Download img, #Contact img { #Home img, #Introduction img, #Contact img {
float:right; float:right;
margin:0; margin:0;
padding:0 20px 3em 20px; padding:0 20px 3em 20px;

118
src/data/Web_Basic-Lilac.css
View File

@ -176,6 +176,43 @@ a:visited {
margin:0; 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
----------------------------------------------------- */ ----------------------------------------------------- */
#navigation, #subnavigation { #navigation, #subnavigation {
@ -395,10 +432,23 @@ table.individuallist tbody tr td.ColumnName a {
table.individuallist tbody tr td.ColumnName a:hover { table.individuallist tbody tr td.ColumnName a:hover {
background-color:#B4B4CB; 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; 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; display:inline;
} }
#IndividualDetail table.infolist tr td a:hover { #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 { #IndividualDetail table.infolist tbody tr td.ColumnAttribute {
width:10%; width:10%;
color:#669; color:#696969;
padding-left:5px; }
#IndividualDetail div.subsection table tr td:first-child {
padding-left:20px;
} }
/* Sources /* Sources
@ -556,15 +608,67 @@ table.individuallist tbody tr td.ColumnName a:hover {
text-decoration:underline; 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 /* Subsections
----------------------------------------------------- */ ----------------------------------------------------- */
#Home, #Introduction, #Download, #Contact { #Home, #Introduction, #Contact {
padding:1.5em 0 3em 0; 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; margin:0 20px 1em 20px;
} }
#Home img, #Introduction img, #Download img, #Contact img { #Home img, #Introduction img, #Contact img {
float:right; float:right;
margin:0; margin:0;
padding:0 20px 3em 20px; padding:0 20px 3em 20px;

118
src/data/Web_Basic-Peach.css
View File

@ -177,6 +177,43 @@ a:visited {
margin:0; 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
----------------------------------------------------- */ ----------------------------------------------------- */
#navigation, #subnavigation { #navigation, #subnavigation {
@ -396,10 +433,23 @@ table.individuallist tbody tr td.ColumnName a {
table.individuallist tbody tr td.ColumnName a:hover { table.individuallist tbody tr td.ColumnName a:hover {
background-color:#FFC35E; 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; 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; display:inline;
} }
#IndividualDetail table.infolist tr td a:hover { #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 { #IndividualDetail table.infolist tbody tr td.ColumnAttribute {
width:10%; width:10%;
color:#8C581C; color:#696969;
padding-left:5px; }
#IndividualDetail div.subsection table tr td:first-child {
padding-left:20px;
} }
/* Sources /* Sources
@ -557,15 +609,67 @@ table.individuallist tbody tr td.ColumnName a:hover {
text-decoration:underline; 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 /* Subsections
----------------------------------------------------- */ ----------------------------------------------------- */
#Home, #Introduction, #Download, #Contact { #Home, #Introduction, #Contact {
padding:1.5em 0 3em 0; 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; margin:0 20px 1em 20px;
} }
#Home img, #Introduction img, #Download img, #Contact img { #Home img, #Introduction img, #Contact img {
float:right; float:right;
margin:0; margin:0;
padding:0 20px 3em 20px; padding:0 20px 3em 20px;

118
src/data/Web_Basic-Spruce.css
View File

@ -177,6 +177,43 @@ a:visited {
margin:0; 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
----------------------------------------------------- */ ----------------------------------------------------- */
#navigation, #subnavigation { #navigation, #subnavigation {
@ -396,10 +433,23 @@ table.individuallist tbody tr td.ColumnName a {
table.individuallist tbody tr td.ColumnName a:hover { table.individuallist tbody tr td.ColumnName a:hover {
background-color:#BFD0EA; 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; 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; display:inline;
} }
#IndividualDetail table.infolist tr td a:hover { #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 { #IndividualDetail table.infolist tbody tr td.ColumnAttribute {
width:10%; width:10%;
color:#7CA3DD; color:#696969;
padding-left:5px; }
#IndividualDetail div.subsection table tr td:first-child {
padding-left:20px;
} }
/* Sources /* Sources
@ -557,15 +609,67 @@ table.individuallist tbody tr td.ColumnName a:hover {
text-decoration:underline; 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 /* Subsections
----------------------------------------------------- */ ----------------------------------------------------- */
#Home, #Introduction, #Download, #Contact { #Home, #Introduction, #Contact {
padding:1.5em 0 3em 0; 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; margin:0 20px 1em 20px;
} }
#Home img, #Introduction img, #Download img, #Contact img { #Home img, #Introduction img, #Contact img {
float:right; float:right;
margin:0; margin:0;
padding:0 20px 3em 20px; padding:0 20px 3em 20px;

118
src/data/Web_Mainz.css
View File

@ -198,6 +198,43 @@ a:visited {
margin:0 0 5px 50px; 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
----------------------------------------------------- */ ----------------------------------------------------- */
#navigation, #subnavigation { #navigation, #subnavigation {
@ -407,10 +444,23 @@ table.individuallist tbody tr td.ColumnName a {
padding:.6em 10px; padding:.6em 10px;
vertical-align:middle; 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; 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; display:inline;
} }
#IndividualDetail table.infolist tr td a:hover { #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 { #IndividualDetail table.infolist tbody tr td.ColumnAttribute {
width:10%; width:10%;
color:#767D25; color:#696969;
padding-left:5px; }
#IndividualDetail div.subsection table tr td:first-child {
padding-left:20px;
} }
/* Sources /* Sources
@ -568,17 +620,69 @@ table.individuallist tbody tr td.ColumnName a {
text-decoration:underline; 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 /* SubSection
----------------------------------------------------- */ ----------------------------------------------------- */
#Home, #Introduction, #Download, #Contact { #Home, #Introduction, #Contact {
min-height:500px; min-height:500px;
padding:1.5em 0 3em 0; 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; margin:0 20px 1em 20px;
padding-top:1em; padding-top:1em;
} }
#Home img, #Introduction img, #Download img { #Home img, #Introduction img {
float:right; float:right;
margin:0; margin:0;
padding:0 20px 3em 20px; padding:0 20px 3em 20px;

116
src/data/Web_Nebraska.css
View File

@ -203,6 +203,43 @@ p#user_header {
background-color:#542; 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
----------------------------------------------------- */ ----------------------------------------------------- */
#navigation, #subnavigation { #navigation, #subnavigation {
@ -421,11 +458,24 @@ table.individuallist tbody tr td.ColumnName a {
table.individuallist tbody tr td.ColumnName a:hover { table.individuallist tbody tr td.ColumnName a:hover {
background-color:#C1B398; 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; font:normal .9em/1.2em sans-serif;
vertical-align:top; 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; display:inline;
} }
#IndividualDetail table.infolist tr td a:hover { #IndividualDetail table.infolist tr td a:hover {
@ -435,6 +485,9 @@ table.individuallist tbody tr td.ColumnName a:hover {
width:10%; width:10%;
color:#696969; color:#696969;
} }
#IndividualDetail div.subsection table tr td:first-child {
padding-left:20px;
}
/* Sources /* Sources
----------------------------------------------------- */ ----------------------------------------------------- */
@ -590,18 +643,67 @@ table.individuallist tbody tr td.ColumnName a:hover {
text-decoration:underline; 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 /* Subsections
----------------------------------------------------- */ ----------------------------------------------------- */
#Home, #Introduction, #Contact { #Home, #Introduction, #Contact {
padding:2em 0 3em 0; padding:2em 0 3em 0;
} }
#Download { #Home p, #Introduction p {
padding:1em 0 3em 0;
}
#Home p, #Introduction p, #Download p {
margin:0 20px 1em 20px; margin:0 20px 1em 20px;
} }
#Home img, #Introduction img, #Download img { #Home img, #Introduction img {
float:right; float:right;
margin:0; margin:0;
padding:0 20px 3em 2em; padding:0 20px 3em 2em;

143
src/data/Web_Visually.css
View File

@ -87,6 +87,10 @@ img {
.thumbnail a:hover { .thumbnail a:hover {
background:none; background:none;
} }
.content:first-letter {
color:#FF0000;
font:xx-large;
}
.content { .content {
width:965px; width:965px;
margin:0 auto; margin:0 auto;
@ -146,8 +150,12 @@ h5, h6 {
margin:1.3em 0 .5em 1em; margin:1.3em 0 .5em 1em;
} }
#description:first-letter {
color:#FF0000;
font:20px;
}
p#description { p#description {
color:#542; color:#000;
max-width:800px; max-width:800px;
margin:0; margin:0;
padding:1em 20px; padding:1em 20px;
@ -243,6 +251,10 @@ p#user_header {
margin:0 auto; margin:0 auto;
vertical-align:middle; vertical-align:middle;
} }
#footer p:first-letter {
color:yellow;
font:x-large;
}
#footer p#createdate { #footer p#createdate {
float:left; float:left;
width:40%; width:40%;
@ -274,28 +286,31 @@ p#user_header {
/* Alphabet Navigation /* Alphabet Navigation
----------------------------------------------------- */ ----------------------------------------------------- */
#alphabet { div#alphabet {
padding:0; padding:0;
margin:0; margin:0;
} }
#alphabet ul { div#alphabet ul {
list-style:none; list-style:none;
min-width:770px; min-width:770px;
height:24px; height:24px;
margin:0; margin:0;
padding:0 0 0 9px; padding:0 0 0 9px;
background-color:#6AF364;
border-top:solid 2px #000; border-top:solid 2px #000;
border-bottom:solid 4px #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; margin:0;
float:left; float:left;
} }
.letters:after { div#alphabet ul li.letters a {
content:" |";
}
#alphabet ul li.letters a {
display:block; display:block;
float:left; float:left;
font:bold 16px/100% sans; font:bold 16px/100% sans;
@ -304,8 +319,9 @@ p#user_header {
padding:5px 5px; padding:5px 5px;
text-decoration:none; text-decoration:none;
} }
#alphabet ul li.letters a:hover { div#alphabet ul li.letters a:hover {
background-color:#C1B398; background-color:#000;
color:#FFF;
} }
/* Navigation /* Navigation
@ -424,6 +440,9 @@ table.infolist tbody tr td.ColumnType {
table.infolist tbody tr td.ColumnPartner { table.infolist tbody tr td.ColumnPartner {
font-size:.9em; font-size:.9em;
} }
table.infolist tbody tr td.ColumnPartner a {
background-color:#FFF;
}
table.infolist tbody tr td.ColumnParents { table.infolist tbody tr td.ColumnParents {
font-size:.9em; font-size:.9em;
} }
@ -534,11 +553,36 @@ table.individuallist tbody tr td.ColumnName a {
table.individuallist tbody tr td.ColumnName a:hover { table.individuallist tbody tr td.ColumnName a:hover {
background-color:#C1B398; 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; font:normal .9em/1.2em sans-serif;
vertical-align:top; 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; display:inline;
} }
#IndividualDetail table.infolist tr td a:hover { #IndividualDetail table.infolist tr td a:hover {
@ -548,6 +592,9 @@ table.individuallist tbody tr td.ColumnName a:hover {
width:10%; width:10%;
color:#696969; color:#696969;
} }
#IndividualDetail div.subsection table tr td:first-child {
padding-left:20px;
}
/* Sources /* Sources
----------------------------------------------------- */ ----------------------------------------------------- */
@ -711,39 +758,52 @@ table.individuallist tbody tr td.ColumnName a:hover {
----------------------------------------------------- */ ----------------------------------------------------- */
#Download { #Download {
padding:1cm; padding:1cm;
height:420px;
} }
table.Download { table.download {
border:solid 1px #000; border:solid 2px #000;
width:100%; width:100%;
} }
table.Download tbody tr td { table.download img {
padding:1em; 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-style:solid;
border-color:#000; border-color:#000;
border-width:0 2px 2px 2px; 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%; width:30%;
background-color:#6AF364;
} }
table.Download tbody tr td.ColumnValue { table.download td.Filename a {
width:70%;
}
table.Download tbody tr td.ColumnValue a {
font-weight:bold; font-weight:bold;
font-style: italic; font-style: italic;
text-decoration:none;
} }
table.Download tbody tr td.ColumnValue a:hover { table.download td.Filename a:hover {
text-decoration:underline; text-decoration:underline;
background-color:#C1B398;
padding-top:15px;
padding-bottom:15px;
padding-right:190px;
padding-left:35px;
} }
table.Download img { table.download td.Modified {
float:left; width:12%;
text-align:left; font-weight:bold;
} }
/* Subsections /* Subsections
@ -751,10 +811,10 @@ table.Download img {
#Home, #Introduction, #Contact { #Home, #Introduction, #Contact {
padding:2em 0 3em 0; padding:2em 0 3em 0;
} }
#Home p, #Introduction p, #Download p { #Home p, #Introduction p {
margin:0 20px 1em 20px; margin:0 20px 1em 20px;
} }
#Home img, #Introduction img, #Download img { #Home img, #Introduction img {
float:right; float:right;
margin:0; margin:0;
padding:0 20px 3em 2em; padding:0 20px 3em 2em;
@ -779,15 +839,12 @@ div.subsection table.infolist {
width:100%; width:100%;
margin:0; margin:0;
} }
#IndividualDetail div.subsection table tr td:first-child {
padding-left:20px;
}
/* Subsections : Events /* Subsections : Events
----------------------------------------------------- */ ----------------------------------------------------- */
div#events { div#events {
padding-bottom:0; padding-bottom:0;
height:3cm; height:3.5cm;
overflow:auto; overflow:auto;
} }
div#events h4 { div#events h4 {
@ -805,6 +862,10 @@ div#events h4 {
padding-bottom:4px; padding-bottom:4px;
background-color:#6AF364; background-color:#6AF364;
} }
#IndividualDetail div#events table.eventtable {
width:100%;
padding-bottom:15px;
}
#IndividualDetail div#events table.infolist thead tr th:first-child { #IndividualDetail div#events table.infolist thead tr th:first-child {
padding-left:20px; padding-left:20px;
} }
@ -881,20 +942,20 @@ div#addresses table.infolist tbody tr td.ColumnValue {
#indivgallery h4 { #indivgallery h4 {
margin-bottom:1em; margin-bottom:1em;
} }
#indivgallery .thumbnail { #indivgallery .thumbnail tr {
margin:0; margin:0;
float:left; float:left;
width:130px; width:130px;
height:150px; height:150px;
text-align:center; text-align:center;
} }
#indivgallery .thumbnail a { #indivgallery .thumbnail tr a {
display:block; display:block;
margin:0; margin:0;
padding:0; padding:0;
background:none; background:none;
} }
#indivgallery .thumbnail a img { #indivgallery .thumbnail tr a img {
margin:0; margin:0;
padding:0; padding:0;
border:solid 1px #453619; border:solid 1px #453619;