Should be final ommit for classes EventListPage and EventPage, but do not hold your breath. Stylesheet updated to match work.

svn: r13185
This commit is contained in:
Rob G. Healey 2009-09-10 06:15:53 +00:00
parent a052bc3c63
commit b73ad55161
2 changed files with 497 additions and 491 deletions

View File

@ -133,11 +133,11 @@ h3 {
}
h4 {
font:normal 1.2em/1.2em serif;
color:#FFF;
color: #FFF;
margin-top: .3cm;
padding:.2em 0 .2em 20px;
background-color:#453619;
border-bottom:solid 2px #5D835F;
background-color: #453619;
border-bottom:solid 4px #5D835F;
}
h5, h6 {
font:normal 1em/1.2em serif;
@ -150,11 +150,11 @@ p#description {
padding:1em 20px;
}
p#description:first-letter {
color:#228A22;
color: #228A22;
font-size:xx-large;
}
p a {
color:#FFF;
color: #FFF;
text-decoration:underline;
}
sup {
@ -174,14 +174,14 @@ ol li a:hover {
text-decoration:underline;
}
a {
color:#542;
color: #542;
}
a:visited {
color:#542;
color: #542;
}
a:hover {
color:#000;
background-color:#C1B398;
color: #000;
background-color: #C1B398;
text-decoration:underline;
}
span.preposition {
@ -190,7 +190,7 @@ span.preposition {
}
.grampsid {
font:normal .8em/1.2em monospace;
color:#000;
color: #000;
}
/* Header
@ -209,13 +209,13 @@ span.preposition {
margin:0;
padding:.5em 0 0.5em 10px;
font-size: 40px;
color:#FFF;
color: #FFF;
font-style:italic;
}
p#user_header {
font-size:1.3em;
text-align:left;
color:#6AF364;
color: #6AF364;
margin:0;
padding:.2em 0 .6em 20px;
}
@ -235,10 +235,10 @@ p#user_header {
}
#footer a, #footer a:visited {
text-decoration:none;
color:#FFF;
color: #FFF;
}
#footer a:hover {
color:#000;
color: #000;
text-decoration:underline;
}
#footer img {
@ -255,7 +255,7 @@ p#user_header {
#footer p#copyright {
float:right;
text-align:right;
color:#FFF;
color: #FFF;
margin: 10px 10px 0px 0px;
}
#footer p#copyright img {
@ -266,7 +266,7 @@ p#user_header {
width:70%;
float:left;
margin:1em;
color:#6AF364;
color: #6AF364;
}
#user_footer p {
font:normal 1em/1.2em serif;
@ -288,7 +288,7 @@ div#alphabet ul {
padding:0 0 0 9px;
border-top:solid 2px #000;
border-bottom:solid 4px #000;
background-color:#6AF364;
background-color: #6AF364;
}
div#alphabet ul li:after {
content:" |";
@ -304,14 +304,14 @@ div#alphabet ul li.letters a {
display:block;
float:left;
font:bold 16px/100% sans;
color:#000;
color: #000;
margin:0;
padding:5px 5px;
text-decoration:none;
}
div#alphabet ul li.letters a:hover {
background-color:#000;
color:#FFF;
background-color: #000;
color: #FFF;
}
/* Navigation
@ -326,7 +326,7 @@ div#alphabet ul li.letters a:hover {
height:32px;
margin:0;
padding:0 0 0 20px;
background-color:#FFF;
background-color: #FFF;
border-bottom:solid 2px #000;
}
#navigation ul li, #subnavigation ul li {
@ -337,15 +337,15 @@ div#alphabet ul li.letters a:hover {
display:block;
float:left;
font:normal 16px/100% serif;
color:#000;
color: #000;
text-decoration:none;
margin:0;
padding:5px 5px;
}
#navigation ul li a:hover, #subnavigation ul li a:hover {
background-color:#C1B398;
color:#000;
background-color: #C1B398;
color: #000;
border-top:solid 3px #C1B398;
border-bottom:solid 8px #C1B398;
}
@ -355,13 +355,13 @@ div#alphabet ul li.letters a:hover {
margin-top:-6px;
padding-top:11px;
padding-bottom:8px;
background-color:#CCC;
color:#000;
background-color: #CCC;
color: #000;
border-bottom:solid 4px #CCC;
}
#navigation ul li.CurrentSection a:hover {
background-color:#000;
color:#FFF;
background-color: #000;
color: #FFF;
}
#subnavigation ul li.CurrentSection a {
border-width:0 0 1px 0;
@ -377,18 +377,18 @@ table.infolist {
}
table.infolist thead tr th {
font:normal 1.1em/1.2em serif;
color:#000;
color: #000;
margin:0;
padding:.2em 10px;
background-color:#6AF364;
background-color: #6AF364;
border: solid 1px #5D835F;
}
table.infolist thead tr th a {
background-color:#6AF364;
color:#000;
background-color: #6AF364;
color: #000;
}
table.infolist thead tr th a:hover {
background-color:#C1B398;
background-color: #C1B398;
}
table.infolist tr td {
font:normal 1.1em/1.4em serif;
@ -398,7 +398,7 @@ table.infolist tr td {
table.infolist tr td a {
display:block;
text-decoration:none;
color:#000;
color: #000;
}
table.infolist tr.BeginLetter td, table.infolist tr.BeginSurname td {
border-top:solid 1px #453619;
@ -425,7 +425,7 @@ table.infolist tbody tr td.ColumnType {
}
table.infolist tbody tr td.ColumnPartner {
font-size:.9em;
background-color:#FFF;
background-color: #FFF;
}
table.infolist tbody tr td.ColumnPartner a {
display:block;
@ -472,11 +472,11 @@ table.surnamelist thead tr th.ColumnLetter {
padding-right:10px;
}
table.surnamelist tbody tr td.ColumnSurname {
background-color:#FFF;
background-color: #FFF;
}
table#SortByName thead tr th.ColumnSurname,
table#SortByCount thead tr th.ColumnQuantity {
background-color:#C1B398;
background-color: #C1B398;
}
table#SortByName thead tr th.ColumnSurname a:after,
table#SortByCount thead tr th.ColumnQuantity a:after {
@ -493,7 +493,7 @@ table#SortByCount tbody tr td.ColumnQuantity { }
table.surnamelist tbody tr td.ColumnSurname:hover,
table#SortByName tbody tr td.ColumnSurname:hover {
background-color:#C1B398;
background-color: #C1B398;
}
table.surname {
border-bottom:solid 1px #000;
@ -506,7 +506,7 @@ table.surname thead tr th.ColumnName {
padding-left:20px;
}
table.surname tbody tr td.ColumnName {
background-color:#FFF;
background-color: #FFF;
width:20%;
padding:0;
}
@ -517,7 +517,7 @@ table.surname tbody tr td.ColumnName a {
table.surname tbody tr td.ColumnName a span.grampsid { }
table.surname tbody tr td.ColumnName:hover {
background-color:#C1B398;
background-color: #C1B398;
}
table.surname tbody tr td.ColumnPartner {
background-color: #FFF;
@ -548,7 +548,7 @@ table.individuallist tbody tr td.ColumnSurname a:active {
}
table.individuallist tbody tr td.ColumnName {
padding:0;
background-color:#FFF;
background-color: #FFF;
}
table.individuallist tbody tr td.ColumnName a {
display:block;
@ -559,7 +559,7 @@ table.individuallist tbody tr td.ColumnName a:hover { }
table.individuallist tbody tr td.ColumnPartner {
padding:0;
background-color:#FFF;
background-color: #FFF;
}
table.individuallist tbody tr td.ColumnPartner a {
display:block;
@ -603,7 +603,7 @@ table.individuallist tbody tr td.ColumnPartner a:hover {
#Places table.infolist tbody tr td.ColumnName {
padding:0;
background-color:#FFF;
background-color: #FFF;
}
#Places table.infolist tbody tr td.ColumnName a {
padding:.1em 10px .3em 10px;
@ -612,15 +612,11 @@ table.individuallist tbody tr td.ColumnPartner a:hover {
/* Events
----------------------------------------------------- */
div#EventList, div#EventDetail { }
div#EventList, div#EventDetail {}
div#events table.eventlist {
margin-top: .3cm;
}
table.eventlist a:hover {
padding: 2px 0 2px 0;
display: block;
}
table.eventlist thead tr th {
font-weight: bold;
text-transform: uppercase;
@ -633,15 +629,16 @@ table.eventlist tbody tr td {
padding: 4px 0px 4px 0px;
}
table.eventlist tbody tr td.ColumnType {
background-color:#FFF;
width: 16%;
background-color: #FFF;
border-top: solid 1px #5D835F;
width: 20%;
}
table.eventlist tbody tr td.ColumnDate {
width: 12%;
width: 9%;
}
table.eventlist tbody tr td.ColumnPlace {
background-color: #FFF;
width: 35%;
width: 40%;
}
table.eventlist tbody tr td.ColumnSources {
background-color: #FFF;
@ -653,14 +650,29 @@ table.eventlist tbody tr td.ColumnNotes {
}
table.eventlist tbody tr td.ColumnPerson {
background-color: #FFF;
width: 35%;
width: 25%;
}
table.eventlist tbody tr td.ColumnPartner {
background-color: #FFF;
width: 35%;
}
div#EventDetail h3 {
font-size: 40px;
font-size: xxx-large;
}
div#EventDetail h3:first-lettr {
color: #5D835F;
}
div#EventDetail table.eventlist {
margin: .5cm 0 .3cm 1.5cm;
width: 800px;
}
div#EventDetail table.eventlist tbody tr td.ColumnAttribute {
font-weight: bold;
text-transform: uppercase;
width: 20%;
}
div#EventDetail table.eventlist tbody tr td.ColumnType {
background-color: #D8F3D6;
}
/* Gallery
@ -673,7 +685,7 @@ div#EventDetail h3 {
}
#Gallery table.infolist tbody tr td.ColumnName {
padding:0;
background-color:#FFF;
background-color: #FFF;
}
#Gallery table.infolist tbody tr td.ColumnName a {
padding:.1em 10px .3em 10px;
@ -736,7 +748,7 @@ div#EventDetail h3 {
margin-bottom:0;
border-style:solid;
border-width:2px 0 1px 0;
border-color:#000;
border-color: #000;
}
table.exifdata tr td.ColumnAttribute {
border-top:solid 1px #000;
@ -804,19 +816,19 @@ table.download {
margin: 2cm 0 2cm 0;
border:solid 2px #000;
width:100%;
nackground-color:#D8F3D6;
nackground-color: #D8F3D6;
}
table.download img {
float:center;
}
table.download thead tr th {
background-color:#6AF364;
background-color: #6AF364;
color: #000;
text-transform:uppercase;
padding-left:20px;
padding-top:15px;
border-style:solid;
border-color:#000;
border-color: #000;
border-width:0 2px 2px 2px;
text-align:left;
}
@ -827,7 +839,7 @@ table.download tbody tr td {
padding-left:20px;
padding-top:15px;
border-style:solid;
border-color:#000;
border-color: #000;
border-width:0 2px 2px 2px;
text-align:left;
}
@ -840,7 +852,7 @@ table.download td.ColumnLicense {
}
table.download td.ColumnFilename {
width:30%;
background-color:#FFF;
background-color: #FFF;
}
table.download td.ColumnFilename a {
display:block;
@ -866,7 +878,7 @@ table.download td.ColumnModified {
}
#Sources table.infolist tbody tr td.ColumnName {
padding:0;
background-color:#FFF;
background-color: #FFF;
}
#Sources table.infolist tbody tr td.ColumnName a {
font-size:.9em;
@ -881,7 +893,7 @@ table.download td.ColumnModified {
/* Repositories
------------------------------------------------------ */
#RepositoryList table.repolist tbody tr td.ColumnName {
background-color:#FFF;
background-color: #FFF;
}
/* Subsections
@ -927,7 +939,7 @@ div#events h4 {
border:none;
}
#IndividualDetail {
background-color:#FFF;
background-color: #FFF;
}
#IndividualDetail div#events table.eventtable {
width:100%;
@ -938,9 +950,9 @@ div#events h4 {
font-size:10px;
line-height:12px;
text-transform:uppercase;
color:#542;
color: #542;
padding-top:6px 0 4px 0;
background-color:#6AF364;
background-color: #6AF364;
}
#IndividualDetail div#events table.infolist thead tr th:first-child {
padding-left:20px;
@ -957,7 +969,7 @@ div#events h4 {
}
table.infolist tbody tr td.ColumnValue p {
font-family:sans-serif;
color:#696969;
color: #696969;
margin:.2em 0 0 2em;
}
@ -965,29 +977,30 @@ table.infolist tbody tr td.ColumnValue p {
----------------------------------------------------- */
div#attributes { }
div#attributes table.attrlist {
table.attrlist {
width: 100%;
}
div#attributes table.attrlist thead tr th {
table.attrlist thead tr th {
font-weight: bold;
text-transform: uppercase;
}
div#attributes table.attrlist tbody tr td {
border-bottom: solid 1px #5D835F;
table.attrlist tbody tr {
border: solid 1px #5D835F;
}
table.attrlist tbody tr td {
background-color: #D8F3D6;
}
div#attributes table.attrlist tbody tr td.ColumnType {
table.attrlist tbody tr td.ColumnType {
width: 200px;
}
div#attributes table.attrlist tbody tr td.ColumnValue {
table.attrlist tbody tr td.ColumnValue {
width: 250px;
padding: 4px 0 4px 0;
}
div#attributes table.attrlist tbody tr td.ColumnSources {
table.attrlist tbody tr td.ColumnSources {
background-color: #FFF;
width: 100px;
}
div#attributes table.attrlist tbody tr td.ColumnNotes {
table.attrlist tbody tr td.ColumnNotes {
width: 400px;
}
@ -1012,9 +1025,8 @@ div#parents table.infolist tbody tr td.ColumnValue ol li {
div#families table.infolist {
margin: .3cm 0 .3cm 0;
}
div#Families table.infolist tbody tr td {
background-color: #D8F3D6;
}
div#Families table.infolist tbody tr td { }
div#families table.infolist tbody tr td.ColumnValue {
background-color: #FFF;
}
@ -1072,7 +1084,7 @@ div#Addresses {
}
div#Addresses table.infolist {
font-size:.35cm;
background-color:#FFF;
background-color: #FFF;
}
div#Addresses table.infolist tbody tr td {
border-bottom:solid 1px #000;
@ -1166,7 +1178,7 @@ div#sourcerefs ol li ol {
/* Subsections : Summary Area
----------------------------------------------------- */
div#summaryarea {
background-color:#FFF;
background-color: #FFF;
}
div#summaryarea table.infolist {
margin:0;
@ -1183,7 +1195,7 @@ div#summaryarea table.infolist tr td a, div#summaryarea table.infolist tr td p a
}
div#summaryarea table.infolist tbody tr td.ColumnAttribute {
width:14%;
color:#696969;
color: #696969;
padding-left:20px;
}
@ -1197,7 +1209,7 @@ div#pedigree {
}
#pedigree a {
text-decoration:none;
color:#000;
color: #000;
}
#pedigree a:hover {
text-decoration:underline;
@ -1228,7 +1240,7 @@ div#pedigree {
.spouse a {
font-weight:normal;
font-style:normal;
color:#000;
color: #000;
}
.spouse:before {
content: "+ ";
@ -1263,12 +1275,12 @@ div#pedigree {
font:normal .7em/1.4em sans-serif;
text-align:center;
text-decoration:none;
color:#542;
color: #542;
width:118px;
padding:5px 20px 7px 20px;
margin-top:-25px;
margin-left:16px;
background-color:#FFF;
background-color: #FFF;
border:solid 1px #453619;
}
#treeContainer div.boxbg a:hover {
@ -1276,7 +1288,7 @@ div#pedigree {
z-index:999;
font-size:1em;
text-decoration:none;
color:#542;
color: #542;
width:190px;
margin-left:-20px;
padding:10px 25px 12px 25px;
@ -1332,8 +1344,8 @@ div#pedigree {
}
#treeContainer div.unknown a,
#treeContainer div.unknown span.unlinked {
background-color:#000;
color:#FAFAFA;
background-color: #000;
color: #FAFAFA;
}
.shadow {
display:none;
@ -1344,7 +1356,7 @@ div#pedigree {
height:1px;
margin:0 0 0 16px;
padding:0;
background-color:#453619;
background-color: #453619;
}
#tree div div.bhline {
position:absolute;
@ -1352,7 +1364,7 @@ div#pedigree {
width:1px;
margin:0 0 0 16px;
padding:0;
background-color:#453619;
background-color: #453619;
}
.ghline, .gvline {
display:none;
@ -1363,7 +1375,7 @@ div#pedigree {
/* Calendar : General */
body#WebCal {
padding:0 14px;
background-color:#542;
background-color: #542;
}
.calendar {
empty-cells:show;
@ -1389,34 +1401,34 @@ body#WebCal {
font-size:2em;
line-height:100%;
text-transform:none;
color:#542;
color: #542;
padding:.3em 0 .2em 0;
background-color:#FFF;
background-color: #FFF;
}
#CreatorInfo {
float:right;
color:#FFF;
color: #FFF;
margin:-24px 10px 0 0;
}
#CreatorInfo a {
color:#FFF;
color: #FFF;
}
#CreatorInfo a:hover {
color:#FFF;
color: #FFF;
}
.calendar thead tr th.weekend,
.calendar thead tr th.weekday {
font-style:italic;
color:#000;
background-color:#6AF364;
color: #000;
background-color: #6AF364;
border:solid 2px #453619;
}
.calendar tfoot tr td {
padding:.7em 5% 1em 5%;
border-top:solid 2px #000;
vertical-align:middle;
color:#453619;
background-color:#D8F3D6;
color: #453619;
background-color: #D8F3D6;
}
/* Calendar : Date Numeral */
@ -1427,10 +1439,10 @@ body#WebCal {
font-size:1.2em;
line-height:100%;
text-align:center;
color:#542;
color: #542;
margin:0 0 0 .5em;
padding:.2em 0;
background-color:#D8F3D6;
background-color: #D8F3D6;
}
/* Calendar : Date Container */
@ -1440,13 +1452,13 @@ body#WebCal {
padding:0;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#453619;
border-color: #453619;
}
.calendar tbody tr td.weekday {
background-color:#FFF;
background-color: #FFF;
}
.calendar tbody tr td.weekend {
background-color:#D8F3D6;
background-color: #D8F3D6;
}
.calendar tbody tr td.saturday {
border-right:solid 1px #453619;
@ -1483,16 +1495,16 @@ body#WebCal {
/* Calendar : Birthday, Anniversary, Highlight */
.calendar tbody tr td ul li em {
font-style:normal;
color:#0A65B5;
color: #0A65B5;
}
.calendar tbody tr td ul li span.yearsmarried em {
color:#453619;
color: #453619;
}
.calendar tbody tr td.highlight { }
.calendar tbody tr td.highlight div.date {
color:#0A65B5;
background-color:#C2E1FE;
color: #0A65B5;
background-color: #C2E1FE;
}
/* Calendar : Previous-Next Month */
@ -1500,8 +1512,8 @@ body#WebCal {
.calendar tbody tr td.next,
.calendar tbody tr td.previous div.date,
.calendar tbody tr td.next div.date {
color:#333;
background-color:#D8F3D6;
color: #333;
background-color: #D8F3D6;
}
/* Calendar : Full Year */

File diff suppressed because it is too large Load Diff