1/* 2# 3# Gramps - a GTK+/GNOME based genealogy program 4# 5# Copyright 2008-2011 Rob G. Healey <robhealey1@gmail.com> 6# Copyright 2009 Stephane Charette 7# 8# This program is free software; you can redistribute it and/or modify 9# it under the terms of the GNU General Public License as published by 10# the Free Software Foundation; either version 2 of the License, or 11# (at your option) any later version. 12# 13# This program is distributed in the hope that it will be useful, 14# but WITHOUT ANY WARRANTY; without even the implied warranty of 15# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 16# GNU General Public License for more details. 17# 18# You should have received a copy of the GNU General Public License 19# along with this program; if not, write to the Free Software 20# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA. 21# 22 23************************************************************************************************** 24GRAMPS Cascading Style Sheet 25Style Name: Visually Impaired Stylesheet 26Style Author: Jason M. Simanek (2008) 27*************************************************************************************************** 28 29-------------------------------------------------------------------------------------------------- 30Color Palette 31-------------------------------------------------------------------------------------------------- 32brown dark #453619, #542 33brown light #C1B398 34gray #696969 35green dark #228A22 36green #6AF364, #5D835F 37green lighter #D8F3D6 38 39===== Ancestor Graph Color Scheme ===== 40Males #E5F2FE 41Females #FFC0CB 42Unknown #000 43 44===== Web Graphics ===== 45Males Web_Gender_Male.png 46Females Web_Gender_Female.png 47 48 49 NarrativeWeb Styles 50-------------------------------------------------------------------------------------------- */ 51div#alphabet ul li { 52 background-color: #6AF364; 53} 54div#navigation ul li.CurrentSection a { 55 background-color: #000; 56 color: #FFF; 57} 58div#navigation ul li.CurrentSection a:hover { 59 background-color: 696969; 60} 61div#subnavigation ul li.CurrentSection a { 62 font-weight:bold; 63 font-style: italic; 64 background-color: #453619; 65 color: #FFF; 66} 67div#subnavigation ul li.CurrentSection a:hover { 68 background-color: #000; 69 color: #FFF; 70} 71 72/* General Elements 73----------------------------------------------------- */ 74div { 75 margin:0; 76 padding:0; 77} 78table { 79 border:none; 80 border-collapse:collapse; 81} 82th { 83 font-weight:bold; 84 text-align:left; 85 padding:1px 3em 1px 0.5em; 86} 87td { 88 vertical-align:top; 89 padding:0; 90} 91img { 92 border:none; 93 margin:0; 94} 95.thumbnail a:hover { 96 background:none; 97} 98.content { 99 overflow: auto; 100 width:965px; 101 margin:0 auto; 102 padding-bottom: .2em; 103} 104.content div.snapshot { 105 margin: 0; 106 padding: 0; 107 background: none; 108} 109.content div.snapshot div.thumbnail { 110 margin: 0; 111 padding: 2em 0 0 0; 112 background: none; 113} 114.content div.snapshot div.thumbnail a { 115 display: block; 116 width: 96px; 117 margin: 0 auto; 118} 119.fullclear { 120 width:100%; 121 height:1px; 122 margin:0; 123 padding:0; 124 clear:both; 125} 126 127/* General Text 128----------------------------------------------------- */ 129h1 { 130 font:normal 2em/1.2em serif; 131} 132h2 { 133 font:bold 2em/1.2em sans; 134} 135h3 { 136 font:normal 2em/1.2em serif; 137 text-align:center; 138 margin:0; 139 padding:.5em 20px .2em 20px; 140 border-bottom: double 4px #5D835F; 141} 142h4 { 143 font: normal 1.2em/1.2em serif; 144 color: #FFF; 145 margin-top: .3cm; 146 padding:.2em 0 .2em 20px; 147 background-color: #453619; 148 border-width: 4px 0px 4px 0px; 149 border-style: solid; 150 border-color: #5D835F; 151} 152h5, h6 { 153 font:normal 1em/1.2em serif; 154 font-style:italic; 155 margin:1.3em 0 .5em 1em; 156} 157p#description { 158 margin:0; 159 padding:1em 20px; 160} 161p#description:first-letter { 162 color: #903; 163 font-size: 36px; 164 font-weight: bold; 165 font-style: italic; 166} 167p a { 168 color: #FFF; 169 text-decoration:underline; 170} 171sup { 172 line-height:0; 173} 174ol { 175 font:normal .9em/1.6em sans-serif; 176 margin-top:0; 177 margin-bottom:0; 178 padding-top:.5em; 179 padding-bottom:0; 180} 181ol li a { 182 text-decoration:none; 183} 184ol li a:hover { 185 text-decoration: none; 186} 187a { 188 color: #542; 189} 190a:visited { 191 color: #542; 192} 193a:hover { 194 color: #000; 195 background-color: #C1B398; 196 text-decoration: none; 197} 198span.preposition { 199 padding-left:1em; 200 padding-right:1em; 201} 202.grampsid { 203 font:normal .8em/1.2em monospace; 204 color: #000; 205} 206 207/* Header 208----------------------------------------------------- */ 209div#header { 210 background-color: #542; 211 border-bottom: solid 8px #5D835F; 212 height: 60px; 213 width: 100%; 214} 215#SiteTitle { 216 margin:0; 217 padding:.5em 0 0.5em 10px; 218 font-size: 28px; 219 color: #FFF; 220 font-style: italic; 221} 222p#user_header { 223 font-size:1.3em; 224 text-align:left; 225 color: #6AF364; 226 margin:0; 227 padding:.2em 0 .6em 20px; 228} 229 230/* Footer 231----------------------------------------------------- */ 232div#footer { 233 clear:both; 234 overflow:hidden; 235 width:100%; 236 height: 60px; 237 font-size:12px; 238 line-height:130%; 239 color:#FFF; 240 margin-top: .5cm; 241 background-color:#542; 242 border-top:solid 8px #5D835F; 243} 244div#footer a, div#footer a:visited { 245 text-decoration:none; 246 color: #FFF; 247} 248div#footer a:hover { 249 color: #000; 250 text-decoration: none; 251} 252div#footer img { 253 border:0; 254 margin:0 auto; 255 vertical-align:middle; 256} 257div#footer p#createdate { 258 float:left; 259 width:60%; 260 text-align:left; 261 margin-left:10px; 262} 263div#footer p#copyright { 264 float:right; 265 text-align:right; 266 color: #FFF; 267 margin: 10px 10px 0px 0px; 268} 269div#footer p#copyright img { 270 float:right; 271 margin-right: 10px; 272} 273#user_footer { 274 width:70%; 275 float:left; 276 margin:1em; 277 color: #6AF364; 278} 279#user_footer p { 280 font:normal 1em/1.2em serif; 281 margin:0; 282 padding:0; 283} 284 285/* Main Table 286----------------------------------------------------- */ 287table.infolist { 288 width:100%; 289 margin: 0; 290 padding: 0; 291 font-size: 12px; 292} 293table.infolist thead tr th { 294 font:normal 1.1em/1.2em serif; 295 color: #000; 296 margin:0; 297 padding:.2em 10px; 298 background-color: #6AF364; 299 border: solid 1px #5D835F; 300} 301table.infolist thead tr th a { 302 color: #000; 303} 304table.infolist thead tr th a:hover { 305 background-color: #C1B398; 306} 307table.infolist tr td { 308 font:normal 1.1em/1.4em serif; 309 vertical-align:middle; 310 padding: 6px 0 6px 10px; 311} 312table.infolist tr td a { 313 display:block; 314 text-decoration:none; 315 color: #000; 316} 317table.infolist tr.BeginLetter td, table.infolist tr.BeginSurname td { 318 border-top: solid 1px #5D835F; 319} 320table.infolist tr td.ColumnLetter { 321 width:3%; 322 text-align:center; 323} 324table.infolist tbody tr td.ColumnBirth { 325 font-size:.9em; 326 width:10%; 327} 328table.infolist tbody tr td.ColumnDeath { 329 font-size:.9em; 330 width:10%; 331} 332table.infolist tbody tr td.ColumnRowLabel { 333 width:2%; 334 padding-left:20px; 335} 336table.infolist tbody tr td.ColumnType { 337 width:6%; 338 padding-left:20px; 339} 340table.infolist tbody tr td.ColumnPartner { 341 font-size:.9em; 342 background-color: #FFF; 343} 344table.infolist tbody tr td.ColumnPartner a { 345 display:block; 346 padding:.6em 10px; 347 vertical-align:middle; 348} 349table.infolist tbody tr td.ColumnParents { 350 font-size:.9em; 351} 352table.infolist tbody tr td.ColumnParents span.father, 353table.infolist tbody tr td.ColumnParents span.mother { 354 display:block; 355} 356table.infolist tbody tr td.ColumnParents span.mother:before { 357 content:"+ "; 358} 359 360/* Surnames 361----------------------------------------------------- */ 362#Surnames { 363 margin: 0; 364 padding: 0; 365} 366#SurnameDetail p#description { 367 padding-top:0; 368} 369table.surnamelist thead tr th.ColumnSurname, 370#Surnames table.surnamelist tbody tr td.ColumnSurname { 371 width:50%; 372} 373table.surnamelist thead tr th { 374 padding:0; 375} 376table.surnamelist thead tr th a, table.surnamelist thead tr th a:visited { 377 display:block; 378 text-align:left; 379 text-decoration:none; 380 padding:.2em 10px; 381} 382table.surnamelist thead tr th.ColumnLetter { 383 padding: 0px 10px 0px 20px; 384} 385table.surnamelist tbody tr td { 386 background-color: #D8F3D6; 387} 388table.surnamelist tbody tr td.ColumnLetter a { 389 background: none; 390} 391table.surnamelist tbody tr td.ColumnSurname { 392 background-color: #FFF; 393} 394table#SortByName thead tr th.ColumnSurname, 395table#SortByCount thead tr th.ColumnQuantity { 396 background-color: #C1B398; 397} 398table#SortByName thead tr th.ColumnSurname a:after, 399table#SortByCount thead tr th.ColumnQuantity a:after { 400 content:" ↓"; 401} 402table#SortByName tbody tr td.ColumnSurname { 403 padding:0; 404} 405table#SortByName tbody tr td.ColumnSurname a { 406 display:block; 407 padding:.1em 10px .3em 10px; 408} 409table.surnamelist tbody tr td.ColumnSurname:hover, 410 table#SortByName tbody tr td.ColumnSurname:hover { 411 background-color: #C1B398; 412} 413table.surname { 414 border-bottom: solid 1px #5D835F; 415} 416table.surname thead tr th.ColumnName { 417 width:20%; 418 padding-left:20px; 419} 420table.surname tbody tr td { 421 border-bottom: dashed 1px #5D835F; 422 background-color: #D8F3D6; 423} 424table.surname tbody tr td.ColumnName { 425 background-color: #FFF; 426 width:20%; 427 padding:0; 428} 429table.surname tbody tr td.ColumnName a { 430 display:block; 431 padding:.6em 10px .6em 20px; 432} 433table.surname tbody tr td.ColumnName a span.grampsid { 434 color: #000; 435} 436table.surname tbody tr td.ColumnName:hover { 437 background-color: #C1B398; 438} 439table.surname tbody tr td.ColumnPartner { 440 background-color: #FFF; 441} 442table.surname tbody tr td.ColumnPartner a { 443 display:block; 444 padding:.6em 10px .6em 0px; 445} 446table.surname thead tr th.ColumnParents, 447table.surname tbody tr td.ColumnParents { 448 width:25%; 449} 450 451/* Individuals 452----------------------------------------------------- */ 453div#Individuals { 454 margin: 0; 455 padding: 0; 456} 457div#Individuals table.IndividualList { 458 border-bottom: solid 1px #5D835F; 459} 460div#Individuals table.IndividualList tbody tr td { 461 border-bottom: dashed 1px #5D835F; 462 background-color: #D8F3D6; 463} 464div#Individuals table.IndividualList tbody tr td a { 465 display: block; 466 padding: .6em 10px; 467} 468div#Individuals table.IndividualList tbody tr td.ColumnSurname a:hover, 469div#Individuals table.IndividualList tbody tr td.ColumnSurname a:active { 470 cursor:default; 471 color: #000; 472 background:none; 473} 474div#Individuals table.IndividualList tbody tr td.ColumnName { 475 background-color: #FFF; 476} 477div#Individuals table.IndividualList tbody tr td.ColumnName a { 478 vertical-align:middle; 479} 480div#Individuals table.IndividualList tbody tr td.ColumnPartner { 481 background-color: #FFF; 482} 483div#Individuals div table.infolist tr td p { 484 font:normal .9em/1.2em sans-serif; 485 vertical-align:top; 486} 487div#Individuals div table.infolist tr td p a { 488 display:inline; 489} 490div#IndividualDetail { 491 padding: 0; 492 margin: 0; 493} 494#IndividualDetail div table.infolist tr td { 495 font:normal .9em/1.2em sans-serif; 496 vertical-align:top; 497} 498div#IndividualDetail div table.infolist tr td a { 499 display:inline; 500} 501div#IndividualDetail table.infolist tr td a:hover { 502 text-decoration: none; 503} 504div#IndividualDetail table.infolist tbody tr td.ColumnAttribute { 505 width:10%; 506} 507div#IndividualDetail div.subsection table tr td:first-child { 508 padding-left:20px; 509} 510#familymap a.familymap { 511 margin-left:20px; 512 text-decoration:none; 513 color:rgb(0,0,0); 514} 515#familymap a.familymap:hover { 516 text-decoration:underline; 517} 518 519/* Subsections : Attributes 520----------------------------------------------------- */ 521div#attributes { 522 margin: 0; 523 padding: 0; 524} 525table.attrlist { 526 width: 100%; 527} 528table.attrlist thead tr th { 529 background-color: #70B1ED; 530 color: #000; 531} 532table.attrlist tbody tr td { 533 border-bottom: dashed 1px #000; 534} 535table.attrlist tbody tr td.ColumnType { 536 width: 15%; 537} 538table.attrlist tbody tr td.ColumnValue { 539 width: 15%; 540} 541table.attrlist tbody tr td.ColumnNotes { 542 width: 40%; 543} 544table.attrlist tbody tr td.ColumnSources { 545 width: 10%; 546} 547 548/* Relationships 549================================================= */ 550#Relationships table.relationships tr td { 551 background-color: rgb(216, 243, 214); 552} 553table.relationships thead tr th.ColumnMarriage, 554table.relationships thead tr th.ColumnDivorce { 555 width: 13%; 556} 557table.relationships thead tr th.ColumnHyper { 558 width: 15%; 559} 560table.relationships thead tr th.ColumnMedia { 561 width: 15%; 562} 563table.relationships tbody tr td.ColumnRowLabel a { 564 background: none; 565} 566#Relationships table.relationships tbody tr td.ColumnPartner { 567 background-color: white; 568 font-size: 100%; 569 padding: 0; 570} 571 572/* Places 573----------------------------------------------------- */ 574 575div#Places table.infolist tbody tr td.ColumnLetter { 576 width: 3%; 577} 578#Places table.infolist tbody tr td.ColumnName { 579 padding:0; 580} 581#Places table.infolist tbody tr td.ColumnName a { 582 padding:.1em 10px .3em 10px; 583} 584div#Places table.infolist tbody tr td.ColumnLatitude, 585div#Places table.infolist tbody tr td.ColumnLongitude { 586 width: 11%; 587} 588 589/* EventList and EventDetail 590----------------------------------------------------- */ 591div#EventList, div#EventDetail { 592 margin: 0; 593 padding: 0; 594} 595div#events table.eventlist { 596 margin-top: .3cm; 597} 598div#events table.eventlist tbody tr td.ColumnEvent a { 599 padding: 2px 100px 2px 10px; 600} 601div#events table.eventlist tbody tr td.ColumnPlace a { 602 padding: 2px 70px 2px 0px; 603} 604table.eventlist tbody tr td { 605 background-color: #FFF; 606 border-bottom: dashed 1px #5D835F; 607} 608table.eventlist tbody tr td.ColumnEvent { 609 width: 20%; 610} 611table.eventlist tbody tr td.ColumnDate { 612 background-color: #D8F3D6; 613 width: 16%; 614} 615table.eventlist tbody tr td.ColumnPlace { 616 background-color: #FFF; 617 width: 35%; 618} 619table.eventlist tbody tr td.ColumnSources { 620 background-color: #FFF; 621 width: 12%; 622} 623table.eventlist tbody tr td.ColumnNotes { 624 background-color: #D8F3D6; 625 width: 25%; 626} 627table.eventlist tbody tr td.ColumnPerson { 628 width: 35%; 629} 630table.eventlist tbody tr td.ColumnPartner { 631 width: 35%; 632} 633div#EventList table.eventlist tbody tr.BeginName { 634 border-top: solid 1px #5D835F; 635} 636div#EventList table.eventlist tbody tr td { 637 padding: 4px 0px 4px 0px; 638} 639div#EventList table.infolist tbody tr td.ColumnLetter a:hover { 640 background: none; 641} 642div#EventList table.alphaevent { 643 padding: .3em 0 .3em 0; 644 margin: 0; 645} 646div#EventList table.alphaevent tbody tr.BeginEvent { 647 border-top: solid 1px #5D835F; 648} 649div#EventList table.alphaevent tbody tr td { 650 background-color: #D8F3D6; 651 border-bottom: dashed 1px #5D835F; 652} 653div#EventList table.alphaevent tbody tr td.ColumnType { 654 width: 15%; 655} 656div#EventList table.alphaevent tbody tr td.ColumnType a:hover { 657 background: none; 658} 659div#EventList table.alphaevent tbody tr td.ColumnGRAMPSID { 660 background-color: #FFF; 661 width: 12%; 662} 663div#EventList table.alphaevent tbody tr td.ColumnDate { 664 width: 20%; 665} 666div#EventList table.alphaevent tbody tr td.ColumnPerson { 667 width: 60%; 668} 669div#EventList table.alphaevent tbody tr td.ColumnPerson span.father, 670div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother { 671 display:block; 672} 673div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother:before { 674 content:"+ "; 675} 676div#EventDetail h3 { 677 font-size: 28px; 678} 679div#EventDetail h3:first-letter { 680 color: #903; 681} 682div#EventDetail table.eventlist { 683 width: 100%; 684} 685div#EventDetail table.eventlist tbody tr { 686 border-top: dashed 1px #5D835F; 687} 688div#EventDetail table.eventlist tbody tr td.ColumnAttribute { 689 text-transform: uppercase; 690 width: 20%; 691} 692div#EventDetail table.eventlist tbody tr td.ColumnDate { 693 background-color: #D8F3D6; 694 border-top: solid 1px #5D835F; 695} 696div#EventDetail table.eventlist tbody tr td.ColumnPerson { 697 background-color: #D8F3D6; 698} 699 700/* Events 701----------------------------------------------------- */ 702#EventList table.infolist tr.BeginType td { 703 border-top: dashed 1px #5D835F; 704} 705#EventList table.infolist tr.BeginLetter td { 706 border-top: solid 1px #5D835F; 707} 708#EventList table.infolist tr td a, 709#EventDetail table.infolist tr td a { 710 display: inline; 711} 712#EventList table.infolist tr td span.father, 713#EventList table.infolist tr td span.mother, 714#EventDetail table.infolist tr td span.father, 715#EventDetail table.infolist tr td span.mother { 716 display: block; 717} 718#EventList table.infolist tr td span.person:after, 719#EventList table.infolist tr td span.father:after, 720#EventList table.infolist tr td span.mother:after, 721#EventDetail table.infolist tr td span.person:after, 722#EventDetail table.infolist tr td span.father:after, 723#EventDetail table.infolist tr td span.mother:after { 724 content: ", "; 725} 726#EventList table.infolist tr td span.person:last-child:after, 727#EventList table.infolist tr td span.father:last-child:after, 728#EventList table.infolist tr td span.mother:last-child:after, 729#EventDetail table.infolist tr td span.person:last-child:after, 730#EventDetail table.infolist tr td span.father:last-child:after, 731#EventDetail table.infolist tr td span.mother:last-child:after { 732 content: ""; 733} 734 735/* Gallery 736----------------------------------------------------- */ 737#Gallery { 738 margin: 0; 739 padding: 0; 740} 741#Gallery table.infolist tbody tr td { 742 background-colo: #D8F3D6; 743} 744#Gallery table.infolist tbody tr td.ColumnRowLabel { 745 width: 5%; 746 padding-bottom: 0; 747} 748#Gallery table.infolist tbody tr td.ColumnName { 749 width: 50%; 750 background-color: #FFF; 751} 752#Gallery table.infolist tbody tr td.ColumnName a { 753 display: block; 754 padding: .2em 10px .4em 10px; 755} 756#Gallery table.infolist tbody tr td.ColumnDate { 757 width: 20%; 758} 759#Gallery table.infolist tbody tr td.ColumnMime { 760 width: 20%; 761} 762#Gallery table.gallerylist tbody tr td { 763 border-bottom: dashed 1px #5D835F; 764} 765#GalleryNav { 766 font:normal 1em/1em sans-serif; 767 margin:1em 0 0 0; 768 padding:1.2em 0 1.4em 0; 769 text-align:center; 770} 771#GalleryNav a { 772 font-weight:bold; 773 text-decoration:none; 774 border: solid 1px #5D835F; 775} 776#GalleryNav a#Previous { 777 padding:.5em .7em .3em .7em; 778} 779#GalleryNav a#Next { 780 padding:.5em 1.9em .3em 1.9em; 781} 782#GalleryPages { 783 margin:0 1em; 784} 785#GalleryCurrent { 786 font:bold 1.2em/1em sans-serif; 787} 788#GalleryTotal { 789 font-weight:normal; 790} 791#GalleryDisplay { 792 margin:0 auto; 793 padding:0; 794 position:relative; 795 overflow:hidden; 796 text-align:center; 797 border: solid 1px #5D835F; 798} 799#GalleryDisplay img { 800 margin:0 auto; 801} 802#GalleryDetail div#summaryarea{ 803 margin:0; 804 padding:2em 0 0 0; 805} 806#GalleryDetail div#summaryarea h3 { 807 font:normal 1.2em/1.2em serif; 808 text-align:center; 809} 810#GalleryDetail div h4 { 811 margin-top:0; 812} 813#GalleryDetail div#summaryarea table.gallery { 814 padding-bottom:0; 815 margin: 1.5em 0 0 0; 816 border-style: solid; 817 border-width: 2px 0 1px 0; 818 border-color: #5D835F; 819} 820#GalleryDetail table.exifdata { 821 margin: .2em 0 .2em 0; 822 width: 100%; 823} 824#GalleryDetail table.exifdata tbody tr { 825 border-top: solid 1px #5D835F; 826} 827#GalleryDetail table.exifdata tbody tr td.ColumnExifKeys { 828 width: 60%; 829} 830#GalleryDetail table.exifdata tbody tr td.ColumnMetaData { 831 width: 40%; 832} 833 834/* Thumbnail Preview Reference Section 835------------------------------------------------- */ 836body#ThumbnailPreview div#references { 837 background-color: #FFF; 838 color: #00029D; 839 margin: 0 auto; 840 padding: 0; 841 width: 100%; 842} 843body#ThumbnailPreview div#references table.infolist tbody tr { 844 border-bottom: dashed 1px #000; 845} 846body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnRowLabel a { 847 background: none; 848 width: 2%; 849} 850body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnName { 851 width: 90%; 852} 853 854/* Contact 855----------------------------------------------------- */ 856#Contact #summaryarea { 857 background-color: #D8F3D6; 858 width:500px; 859 margin:0 auto; 860 padding:3em; 861 border: double 4px #5D835F; 862} 863#Contact #summaryarea img { 864 float:right; 865 margin:0; 866} 867#researcher { 868 font:normal 1.5em/1.4em serif; 869 margin-top:.3em; 870} 871#researcher h3 { 872 font:normal 1.2em/1.4em serif; 873 padding:0; 874 text-align:left; 875} 876#researcher span { 877 float:left; 878 display:block; 879 font:normal .9em/1.4em serif; 880 margin-right:.4em; 881} 882#streetaddress { 883 width:100%; 884} 885#locality, .locality { 886 display: block; 887 width: 100%; 888} 889#city:after { 890 content:","; 891} 892#country { 893 clear:left; 894} 895#email { 896 clear:left; 897} 898#email a { 899 text-decoration:none; 900} 901 902/* Download 903----------------------------------------------------- */ 904div#Download { 905 margin: 0; 906} 907div#Download table.download { 908 border: solid 1px #000; 909 margin: .1cm 0px .5cm 0px; 910 width: 100%; 911} 912div#Download table.download tbody tr#Row02 { 913 border-bottom: solid 1px #000; 914} 915div#Download table.download tbody tr td { 916 border: solid 1px #000; 917 text-align: left; 918 padding: 5px 0px 5px 0px; 919} 920div#Download table.download td.ColumnFilename { 921 width: 30%; 922} 923div#Download table.download td.ColumnFilename a { 924 font-weight: bold; 925 font-style: italic; 926} 927div#Download table.download td.ColumnDescription { 928 width: 45%; 929} 930div#Download table.download td.ColumnModified { 931 width: 17%; 932} 933div#Download a.copyright a img { 934 float: center; 935 text-align: center; 936} 937 938/* Sources 939----------------------------------------------------- */ 940#Sources { } 941 942div#Sources table.infolist tbody tr td { 943 background-color: #D8F3D6; 944} 945div#Sources table.infolist tbody tr td.ColumnRowLabel { 946 padding-bottom:0; 947} 948div#Sources table.infolist tbody tr td.ColumnName { 949 padding:0; 950 background-color: #FFF; 951} 952div#Sources table.infolist tbody tr td.ColumnName a { 953 font-size:.9em; 954 padding:.1em 10px .3em 10px; 955} 956div#Sources table.infolist tbody tr td.ColumnName a:hover { } 957 958div#SourceDetail div#references ol li { 959 padding-bottom:.5em; 960} 961div#SourceDetail { 962 margin: 0 auto; 963} 964div#SourceCitationReferents ol.Col1 { 965 list-style-type: decimal 966} 967div#SourceCitationReferents ol.Col2 { 968 list-style-type: upper-alpha 969} 970div#SourceCitationReferents ol.Col3 { 971 list-style-type: lower-alpha 972} 973div#SourceCitationReferents ol.Col4 { 974 list-style-type: disc 975} 976div#SourceCitationReferents ol.Col5 { 977 list-style-type: lower-roman 978} 979 980 981/* Repositories 982------------------------------------------------------ */ 983div#RepositoryList { 984 margin: 0; 985 padding: 0; 986} 987div#RepositoryList table.repolist tbody tr td { 988 background-color: #D8F3D6; 989} 990div#RepositoryList table.repolist tbody tr td a { 991 display: block; 992 padding: .3em 10px; 993} 994div#RepositoryList table.repolist tbody tr td.ColumnRowLabel { 995 width: 9%; 996} 997div#RepositoryList table.repolist tbody tr td.ColumnType { 998 width: 15%; 999} 1000div#RepositoryList table.repolist tbody tr td.ColumnName { 1001 background-color: #FFF; 1002} 1003 1004/* Address Book 1005------------------------------------------------------ */ 1006div#AddressBookList, AddressBookDetail { 1007 margin: 0; 1008 padding: 0; 1009} 1010div#AddressBookList table.addressbook { 1011 margin: .3em 0 .3em 0; 1012} 1013div#AddressBookList table.addressbook tbody tr.Totals { 1014 border: solid 1px #5D835F; 1015} 1016div#AddressBookList tble.addressbook tbody tr.Totals td { 1017 text-align: left; 1018 background-color: #D8F3D6; 1019} 1020div#AddressBookList table.addressbook tbody tr td { 1021 background-color: #D8F3D6; 1022 text-align: center; 1023 border: solid 1px #5D835F; 1024} 1025div#AddressBookList table.addressbook tbody tr td.ColumnRowLabel { 1026 width: 4%; 1027} 1028div#AddressBookList table.addressbook tbody tr td.ColumnName { 1029 background-color: #FFF; 1030 text-align: left; 1031 width: 70%; 1032} 1033div#AddressBookList table.addressbook tbody tr td.ColumnName a { 1034 display: block; 1035 padding: 6px 0px 6px 0px; 1036} 1037div#AddressBookList table.addressbook tbody tr td.ColumnAddress { 1038 width: 8%; 1039} 1040div#AddressBookList table.adressbook tbody tr td.ColumnResidence { 1041 width: 8%; 1042} 1043div#AddressBookList table.addressbook tbody tr td.ColumnWebLinks { 1044 width: 8%; 1045} 1046 1047/* Subsections 1048----------------------------------------------------- */ 1049#Home, #Introduction, #Contact { 1050 padding:2em 0 3em 0; 1051} 1052#Home p, #Introduction p { 1053 margin:0 20px 1em 20px; 1054} 1055#Home img, #Introduction img { 1056 float:right; 1057 margin:0; 1058 padding:0 20px 3em 2em; 1059} 1060#Home a, #Introduction a, #Contact a { 1061 color: #000; 1062 text-decoration: none; 1063} 1064div.subsection{ 1065 padding-bottom:.5em; 1066} 1067div.subsection h4 { 1068 margin-bottom:.5em; 1069} 1070div.subsection table, div.subsection ol, div.subsection p, div.subsection > a { 1071 font-size:.9em; 1072} 1073div.subsection a { 1074 text-decoration:unerline; 1075} 1076div.subsection a:hover { 1077 text-decoration:underline; 1078} 1079div.subsection table.infolist { 1080 width:100%; 1081 margin:0; 1082} 1083 1084/* Subsections : Events 1085----------------------------------------------------- */ 1086div#events { 1087 padding-bottom:0; 1088} 1089div#events h4 { 1090 margin-bottom:0; 1091 border:none; 1092} 1093#IndividualDetail { 1094 background-color: #FFF; 1095} 1096#IndividualDetail div#events table.eventtable { 1097 width:100%; 1098 padding-top:15px; 1099} 1100#IndividualDetail div#events table.infolist thead tr th { 1101 font-weight:bold; 1102 font-size:10px; 1103 line-height:12px; 1104 text-transform:uppercase; 1105 color: #542; 1106 padding-top:6px 0 4px 0; 1107 background-color: #6AF364; 1108} 1109#IndividualDetail div#events table.infolist thead tr th:first-child { 1110 padding-left:20px; 1111} 1112#IndividualDetail div#events table.infolist tbody tr td { 1113 padding-top:.4em; 1114 padding-bottom:.8em; 1115} 1116#IndividualDetail div#events table.infolist tbody tr td.ColumnAttribute { 1117 border-bottom: solid 1px #5D835F; 1118} 1119#IndividualDetail div#events table.infolist tbody tr td.ColumnValue { 1120 border-bottom:solid 1px #5D835F 1121} 1122table.infolist tbody tr td.ColumnValue p { 1123 font-family:sans-serif; 1124 color: #696969; 1125 margin:.2em 0 0 2em; 1126} 1127 1128/* Subsections : Attributes 1129----------------------------------------------------- */ 1130div#attributes { 1131 margin: 0; 1132 padding: 0; 1133} 1134table.attrlist { 1135 width: 100%; 1136} 1137table.attrlist thead tr th.ColumnType { 1138 border: none; 1139 background: none; 1140} 1141table.attrlist thead tr th.ColumnAttribute { 1142 border: none; 1143 background: none; 1144} 1145table.attrlist tbody tr td { 1146 background-color: #D8F3D6; 1147 border-bottom: dashed 1px #5D835F; 1148} 1149table.attrlist tbody tr td.ColumnType { 1150 border: none; 1151 background: none; 1152} 1153table.attrlist tbody tr td.ColumnAttribute { 1154 border: none; 1155 background: none; 1156} 1157table.attrlist tbody tr td.ColumnAttrType { 1158 width: 15%; 1159} 1160table.attrlist tbody tr td.ColumnAttrValue { 1161 width: 15%; 1162} 1163table.attrlist tbody tr td.ColumnAttrNotes { 1164 width: 45%; 1165 background-color: #D8F3D6; 1166} 1167table.attrlist tbody tr td.ColumnAttrSources { 1168 background-color: #FFF; 1169 width: 15%; 1170} 1171 1172/* Subsections : Parents 1173----------------------------------------------------- */ 1174div#parents table.infolist { 1175 margin-top:.5em; 1176} 1177div#parents table.infolist tbody tr td.ColumnAttribute { 1178 width:19%; 1179} 1180div#parents table.infolist tbody tr td.ColumnValue ol { 1181 margin:0; 1182 padding-top:0; 1183} 1184div#parents table.infolist tbody tr td.ColumnValue ol li { 1185 padding-bottom:.2em; 1186} 1187 1188/* Subsections : Families 1189----------------------------------------------------- */ 1190div#families table.infolist { 1191 margin: .3cm 0 .3cm 0; 1192} 1193div#Families table.infolist tbody tr td { } 1194 1195div#families table.infolist tbody tr td.ColumnValue { 1196 background-color: #FFF; 1197} 1198div#families table.infolist tbody tr td.ColumnValue p { 1199 margin-top:0; 1200} 1201div#families table.infolist tbody tr td.ColumnValue ol { 1202 margin:0; 1203 padding-top:0; 1204} 1205div#families table.infolist tbody tr td.ColumnValue ol li { 1206 padding-bottom:.2em; 1207} 1208div#families table.fixed_subtables table.eventlist { 1209 table-layout:fixed; 1210} 1211div#families table.fixed_subtables table.eventlist th:first-child { 1212 width:9em; 1213} 1214div#families table.fixed_subtables table.eventlist th:last-child { 1215 width:5em; 1216} 1217div#families table.attrlist td.ColumnType { 1218 width: 15%; 1219} 1220 1221/* Subsection: LDS Ordinance 1222------------------------------------------------------ */ 1223div#LDSOrdinance { } 1224 1225div#LDSOrdinance table.ldsordlist { 1226 font-size:.35cm; 1227} 1228table.ldsordlist { 1229 margin-bottom:.5em; 1230} 1231table.ldsordlist tbody tr td { 1232 border-bottom: solid 1px #5D835F; 1233} 1234table.ldsordlist tbody tr td.ColumnLDSType { 1235 width:12%; 1236} 1237table.ldsordlist tbody tr td.ColumnLDSDate { 1238 width:15%; 1239} 1240table.ldsordlist tbody tr td.ColumnLDSTemple { 1241 width:10%; 1242} 1243table.ldsordlist tbody tr td.ColumnLDSPlace { 1244 width:35%; 1245} 1246table.ldsordlist tbody tr td.ColumnLDSStatus { 1247 width:8%; 1248} 1249table.ldsordlist tbody tr td.ColumnLDSSealed { 1250 width:25%; 1251} 1252table.ldsordlist tbody tr td.ColumnLDSSources { 1253 width:7%; 1254 margin-top:.2cm; 1255} 1256 1257/* Subsections : Addresses 1258----------------------------------------------------- */ 1259div#Addresses { 1260 margin: 0; 1261 padding: 0; 1262} 1263div#Addresses table.infolist { 1264 font-size: 12px; 1265 background-color: #D8F3D6; 1266} 1267div#Addresses table.infolist tbody tr td { 1268 border-bottom: solid 1px #5D835F; 1269} 1270div#Addresses table.infolist tbody tr td.ColumnDate { 1271 width: 15%; 1272} 1273div#Addresses table.infolist tbody tr td.ColumnStreetAddress { 1274 width: 30%; 1275} 1276div#Addresses table.infolist tbody tr td.ColumnCity { 1277 width: 8%; 1278} 1279div#Addresses table.infolist tbody tr td.ColumnCounty { 1280 width: 8%; 1281} 1282div#Addresses table.infolist tbody tr td.ColumnState { 1283 width: 12%; 1284} 1285div#Addresses table.infolist tbody tr td.ColumnCntry { 1286 width: 5%; 1287} 1288div#Addresses table.infolist tbody tr td.ColumnPostalcode { 1289 width: 10%; 1290} 1291div#Addresses table.infolist tbody tr td.ColumnPhone { 1292 width: 15%; 1293} 1294div#Addresses table.infolist tr td a, div#Addresses table.infolist tr td p a { 1295 display: inline; 1296} 1297 1298/* Subsections : Gallery 1299----------------------------------------------------- */ 1300#indivgallery h4 { 1301 margin-bottom:1em; 1302} 1303#indivgallery .thumbnail { 1304 margin:0; 1305 float:left; 1306 width:130px; 1307 height:150px; 1308 text-align:center; 1309} 1310#indivgallery div.thumbnail a { 1311 display:block; 1312 margin:0; 1313 padding:0; 1314 background:none; 1315} 1316#indivgallery div.thumbnail a img { 1317 margin-bottom:.5cm; 1318 padding:0; 1319 border: solid 1px #5D835F; 1320} 1321#indivgallery div.thumbnail span { 1322/* ## remove this line and the comment markers from the line below to hide the description in Individual Gallery 1323 display: none; */ 1324 1325 font:normal .7em/1.4em sans-serif; 1326 text-align:center; 1327 width:80%; 1328 margin:0 auto; 1329 padding:0; 1330} 1331 1332/* Subsections : Narrative 1333----------------------------------------------------- */ 1334div.narrative { 1335 padding-bottom:0; 1336} 1337.narrative p { 1338 font:normal .9em/1.4em sans-serif; 1339 margin-top:.5em; 1340 margin-bottom:0; 1341 padding:0 20px 1em 20px; 1342} 1343 1344/* Subsections : References 1345----------------------------------------------------- */ 1346 1347/* Subsections : Source References 1348----------------------------------------------------- */ 1349div#sourcerefs { 1350 padding: 0; 1351 margin: 0 auto; 1352} 1353div#sourcerefs ol { 1354 list-style-type:decimal; 1355} 1356div#sourcerefs ol li ol { 1357 list-style-type:lower-alpha; 1358} 1359 1360/* Subsections : Summary Area 1361----------------------------------------------------- */ 1362div#summaryarea { 1363 background-color: #FFF; 1364} 1365div#summaryarea table.infolist { 1366 margin:0; 1367 padding:0; 1368 background:#FFF; 1369 border-bottom: solid .7em #5D835F; 1370} 1371div#summaryarea table.infolist tr td, div#summaryarea table.infolist tr td p { 1372 font:normal .9em/1.2em sans-serif; 1373 vertical-align:top; 1374} 1375div#summaryarea table.infolist tr td a, div#summaryarea table.infolist tr td p a { 1376 display:inline; 1377} 1378div#summaryarea table.infolist tbody tr td.ColumnAttribute { 1379 width:14%; 1380 color: #696969; 1381 padding-left:20px; 1382} 1383 1384/* Subsections : Weblinks 1385----------------------------------------------------- */ 1386div#WebLinks { 1387 margin : 0 auto; 1388 padding: 0; 1389} 1390table.WebLinks { 1391 width: 100%; 1392} 1393table.weblinks tbody tr td { 1394 background-color: #6AF364; 1395 border-bottom: dashed 1px #000; 1396} 1397table.weblinks tbody tr td.ColumnType { 1398 width: 20%; 1399} 1400table.WebLinks tbody tr td.ColumnPath { 1401 background-color: #FFF; 1402 width: 50%; 1403} 1404table.weblinks tbody tr td.ColumnDescription { 1405 width: 30%; 1406} 1407 1408 1409/* Subsections : Pedigree 1410----------------------------------------------------- */ 1411div#pedigree { 1412 padding-bottom:1.2em; 1413} 1414#pedigree a { 1415 text-decoration:none; 1416 color: #000; 1417} 1418#pedigree a:hover { 1419 text-decoration:underline; 1420} 1421.pedigreegen { 1422 font:normal .9em/1.2em sans-serif; 1423 list-style:none; 1424 margin:.5em 0 0 0; 1425 padding:0 0 0 20px; 1426} 1427.pedigreegen li ol { 1428 list-style:none; 1429 margin-left:.5em; 1430} 1431.pedigreegen li ol li ol { 1432 font:normal 1em/1.4em sans-serif; 1433 list-style:decimal; 1434 margin-left:1.6em; 1435} 1436.pedigreegen li ol li ol li ol.spouselist { 1437 list-style:none; 1438 margin-left:0; 1439} 1440.spouselist li.spouse ol { 1441 list-style:decimal; 1442 margin-left:1.6em; 1443} 1444.spouse a { 1445 font-weight:normal; 1446 font-style:normal; 1447 color: #000; 1448} 1449.spouse:before { 1450 content: "+ "; 1451} 1452.thisperson { 1453 font-weight:bold; 1454} 1455 1456/* Calendar Styles 1457-------------------------------------------------------------------------------------------- */ 1458/* Calendar : General */ 1459body#WebCal { 1460 background-color: #FFF; 1461} 1462.calendar { 1463 empty-cells:show; 1464 width:100%; 1465 font-size:1em; 1466 font-weight:normal; 1467 margin:0; 1468 padding:0; 1469 border:none; 1470 border-collapse:collapse; 1471} 1472.calendar thead tr th { 1473 width:14%; 1474 font-weight:normal; 1475 font-size:18px; 1476 line-height:18px; 1477 text-align:center; 1478 text-transform:uppercase; 1479 padding:2px 0; 1480} 1481.calendar thead tr th.monthName { 1482 width:100%; 1483 font-size:2em; 1484 line-height:100%; 1485 text-transform:none; 1486 color: #542; 1487 padding:.3em 0 .2em 0; 1488 background-color: #FFF; 1489} 1490#CreatorInfo { 1491 float:right; 1492 color: #FFF; 1493 margin:-24px 10px 0 0; 1494} 1495#CreatorInfo a { 1496 color: #FFF; 1497} 1498#CreatorInfo a:hover { 1499 color: #FFF; 1500} 1501.calendar thead tr th.weekend, 1502.calendar thead tr th.weekday { 1503 font-style:italic; 1504 color: #000; 1505 background-color: #6AF364; 1506 border: solid 2px #5D835F; 1507} 1508.calendar tfoot tr td { 1509 padding:.7em 5% 1em 5%; 1510 border-top:solid 2px #000; 1511 vertical-align:middle; 1512 color: #000; 1513 background-color: #D8F3D6; 1514} 1515 1516/* Calendar : Date Numeral */ 1517.calendar tbody tr td div.date { 1518 float:right; 1519 display:block; 1520 width:1.8em; 1521 font-size:1.2em; 1522 line-height:100%; 1523 text-align:center; 1524 color: #542; 1525 margin:0 0 0 .5em; 1526 padding:.2em 0; 1527 background-color: #D8F3D6; 1528} 1529 1530/* Calendar : Date Container */ 1531.calendar tbody tr td { 1532 vertical-align:top; 1533 height:10em; 1534 padding:0; 1535 border-width:1px 0 0 1px; 1536 border-style:solid; 1537 border-color: #5D835F; 1538} 1539.calendar tbody tr td.weekday { 1540 background-color: #FFF; 1541} 1542.calendar tbody tr td.weekend { 1543 background-color: #D8F3D6; 1544} 1545.calendar tbody tr td.saturday { 1546 border-right: solid 1px #5D835F; 1547 } 1548.calendar tbody tr td.sunday { 1549 border-left: solid 1px #5D835F; 1550} 1551.calendar tbody tr td:first-child { 1552 border-left: solid 1px #5D835F; 1553} 1554.calendar tbody tr:first-child td { 1555 border-top:none; 1556} 1557 1558/* Calendar : Date Detail */ 1559.calendar tbody tr td ul { 1560 list-style:none; 1561 font-family:sans-serif; 1562 font-size:1em; 1563 margin:2.3em 0 .3em 0; 1564 padding:0; 1565} 1566.calendar tbody tr td ul li { 1567 display:block; 1568 width:92%; 1569 margin:0 4%; 1570 padding:.2em 0 .3em 0; 1571 border-top: dashed 1px #5D835F; 1572} 1573.calendar tbody tr td ul li:first-child { 1574 border:none; 1575} 1576 1577/* Calendar : Birthday, Anniversary, Highlight */ 1578.calendar tbody tr td ul li em { 1579 font-style:normal; 1580 color: #0A65B5; 1581} 1582.calendar tbody tr td ul li span.yearsmarried em { 1583 color: #228A22; 1584} 1585.calendar tbody tr td.highlight { } 1586 1587.calendar tbody tr td.highlight div.date { 1588 color: #0A65B5; 1589 background-color: #C2E1FE; 1590} 1591 1592/* Calendar : Previous-Next Month */ 1593.calendar tbody tr td.previous, 1594.calendar tbody tr td.next, 1595.calendar tbody tr td.previous div.date, 1596.calendar tbody tr td.next div.date { 1597 color: #333; 1598 background-color: #D8F3D6; 1599} 1600 1601/* Calendar : Full Year */ 1602body#fullyearlinked { 1603 background-color: #FFF; 1604} 1605body#fullyearlinked div.content { 1606 width:963px; 1607 margin:0 auto; 1608 padding:15px 0 2px 2px; 1609} 1610body#fullyearlinked table.calendar { 1611 float:left; 1612 width:320px; 1613 height:18em; 1614 border:solid 1px #000; 1615} 1616body#fullyearlinked table.calendar thead tr th { 1617 height:2em; 1618 border-width: 1px 1px 0px 0px; 1619 border-color: #000; 1620 text-align: center; 1621} 1622body#fullyearlinked table.calendar thead tr th.monthName { 1623 font-size:1.2em; 1624 padding:2px 0; 1625 border-bottom: solid 1px #000; 1626} 1627body#fullyearlinked table.calendar tbody tr td { 1628 height:3em; 1629} 1630body#fullyearlinked table.calendar tbody tr td.emptyDays { 1631 background-color: #FFF; 1632} 1633body#fullyearlinked table.calendar tbody tr td.saturday { 1634 border-right:solid 2px #000; 1635} 1636body#fullyearlinked able.calendar tbody tr td.sunday { 1637 border:solid 2px #000; 1638} 1639 1640/* Calendar: OneDay 1641--------------------------------------------------------------------------------- */ 1642body#OneDay h3 { 1643 color: #228A22; 1644 font-weight: bold; 1645 text-align: center; 1646} 1647table.oneday { 1648 margin: .3em 0 .3em 0; 1649 padding: 0; 1650} 1651table.oneday tbody tr td { 1652 border-bottom: dashed 1px #5D835F; 1653} 1654table.oneday tbody tr td.ColumnRowLabel { 1655 width: 5%; 1656} 1657table.oneday tbody tr td.ColumnText { 1658 width: 85%; 1659} 1660table.oneday tbody tr td.ColumnEvent { 1661 width; 10%; 1662} 1663 1664/* PlaceMaps 1665-------------------------------------------------------------------------------- */ 1666div#mapdiv { 1667 height: 400px; 1668} 1669table#mapdiv { 1670 border: none; 1671 width: 50%; 1672 float: center; 1673} 1674table#mapdiv tr td div#googlev3 { 1675 height: 400px; 1676 width: 600px; 1677} 1678table#mapdiv tr td div#openlayers { 1679 height: 400px; 1680 width: 600px; 1681} 1682