/** * Print for Cloudy theme * * Use this stylesheet to customize the display of your site. * To learn more about CSS visit http://www.w3.org/TR/REC-CSS2/ * * webtrees: Web based Family History software * Copyright (C) 2010 webtrees development team. * * Derived from PhpGedView * Copyright (C) 2002 to 2010 PGV Development Team. All rights reserved. * * This program is free software; you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by * the Free Software Foundation; either version 2 of the License, or * (at your option) any later version. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with this program; if not, write to the Free Software * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA * * $Id$ * * @package webtrees * @subpackage Themes */ .something { /*empty style to make sure that the BODY style is not ignored */ } #backprint { display:none; } body { padding: 5pt 5pt 0pt 5pt; COLOR: #000066; background-color:#c8e7ff; background-image: url('images/background.jpg'); background-attachment: fixed; background-position: top left; background-repeat: repeat-x; font-family: Verdana, Helvetica, sans-serif; font-size:11px; } ul,div,p,form,span,tr,td,table,br,hr,BR,SPAN,LI,TR,TD,TABLE,P,FORM,DIV { margin: 0px; padding: 0px; } .blockcontent{ margin-left:auto; border:1pt solid #999; margin-right:5px; margin-bottom:10px; font-size: 12px; } #content { width:100%; background:#ffffff; } #header{ } #footer { } /*-- should header and footer of this theme also display: none? --*/ .noprint {display:none !important;} #container{ border:1px solid #003399; background:white; padding:10px; } #cellcontainer{ display: block; border:1pt solid #003399; } #index_small_blocks { width: 220px; float: right; display: none; /* flashing floats work around */ } #index_small_blocks .blockheader { width: 222px; caption-side: top; margin:0; padding:0; } #index_small_blocks .blockh2 { width: 190px; } #index_small_blocks .blockhc .icon{ text-align: right; caption-side: right; position: relative; margin-left:172px; top:-21px; } #index_small_blocks .blockcontent{ width:219px; caption-side: right; margin-right:2px; } #index_main_blocks { width:auto; display: none; /* flashing floats work around */ } #index_main_blocks.blockheader { caption-side: left; } #index_main_blocks .blockh2 { white-space: nowrap; overflow: hidden; } #index_main_blocks .blockh2 .icon{ text-align:right; position: relative; top:3px; } #index_main_blocks .blockcontent{ padding:5px; margin-left:0; margin-right:2px; } .small_inner_block { overflow: auto; FONT: normal 10px tahoma, verdana, arial, Helvetica, sans-serif; text-decoration: none; height:150px; max-height: 170px; max-width: 218px; width:210px; padding:0pt 5px 0pt 5px; } .blockheader{ table-layout: fixed; padding:0px; margin:0px; height: 25px; max-height:25px; line-height:25px; vertical-align: top; width: 100%; } .blockh1{ background-image: url(images/left1B.gif); width:26px; height:24px; } .blockh2{ background-image: url(images/left2.gif); background-repeat: repeat-x; font-family: "arial narrow", arial, sans-serif; font-weight:bold; font-size:13px; height:24px; max-height:24px; line-height:25px; margin:0; } .blockh3{ background-image: url(images/left3.gif); background-repeat: no-repeat; width:8px; height:24px; } .blockhc{ height:25px; max-height:25px; padding-right:15px; overflow: hidden; } #login_block .blockh1{ background-image: url(images/left1R.gif);} #index_small_blocks .person_box , #index_small_blocks .person_boxNN , #index_small_blocks .person_boxF { margin:0; padding:0; border:0pt solid white; width:120px; max-width:180px; height:auto; } #index_small_blocks .name1 { font: bold 10px tahoma, verdana, arial, helvetica, sans-serif; color:#003399; } #index_small_blocks .person_box IMG, #index_small_blocks .person_boxF IMG, #index_small_blocks .person_boxNN IMG{ display: none; visibility: hidden; } /* exclude thumbs */ #index_small_blocks .person_box .pedigree_image_portrait, #index_small_blocks .person_boxF .pedigree_image_portrait, #index_small_blocks .person_boxNN .pedigree_image_portrait, #index_small_blocks .person_box .pedigree_image_landscape, #index_small_blocks .person_boxF .pedigree_image_landscape, #index_small_blocks .person_boxNN .pedigree_image_landscape, #index_small_blocks .person_box .pedigree_image_portrait_rtl, #index_small_blocks .person_boxF .pedigree_image_portrait_rtl, #index_small_blocks .person_boxNN .pedigree_image_portrait_rtl, #index_small_blocks .person_box .pedigree_image_landscape_rtl, #index_small_blocks .person_boxF .pedigree_image_landscape_rtl, #index_small_blocks .person_boxNN .pedigree_image_landscape_rtl { display: inline; visibility: visible; } #calendar_page #day {border:1px solid #cccccc;} #index_title { float: left; margin: 0px 0px 10px 0px; padding: 0px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', arial, Helvetica, sans-serif; } #index_main_blocks { font-family: monospace; float:left; width:73%; } #index_main_blocks .person_box, #index_main_blocks .person_boxF, #index_main_blocks .person_boxNN{ margin-bottom:10pt; } #index_main_blocks .name2{ font: bold 9pt monospace; color:#003399; } #index_main_blocks .details2{ font: normal 9pt monospace; color:#333; } #facts, #relatives { max-width:95%; } #random_picture #small_inner_block{ width:220px; max-width:220px; } #random_picture_box{ width:190px; padding:0; margin:0; } #random_picture .blockheader .ltr{ text-align:left; } #random_picture .blockheader .rtl{ text-align:right; } #pedigree_chart { position: absolute; top: 120px; left: 15pt; } #pedigree_chart_rtl { position: absolute; float: right; top: 120px; right: 22pt; } /*-- descendancy chart specific stylesheets --*/ #descendancy_chart ul { list-style: none; margin: 0px 0px 5px 15px; /* top right bottom left */ padding: 0px 0px 0px auto; /* top right bottom left */ border-left: thin solid #84beff; } #descendancy_chart li { list-style: none; margin: 0px 0px 2px -15px; /* top right bottom left */ padding: 0px 0px 0px auto; /* top right bottom left */ } /*-- descendancy chart rtl specific stylesheets --*/ #descendancy_chart_rtl ul { list-style: none; margin: 0px 15px 5px 0px; /* top right bottom left */ padding: 0px auto 0px 0px; /* top right bottom left */ border-right: thin solid #84beff; } #descendancy_chart_rtl li { list-style: none; margin: 0px -16px 2px 0px; /* top right bottom left */ padding: 0px 0px 0px 0px; /* top right bottom left */ } #relationship_chart { position: relative; top: -40px; left: 0px; } #relationship_chart_rtl { position: relative; top: -40px; right: 10px; } /*-- ancestry chart specific stylesheets --*/ #ancestry_chart ul { border-left: thin solid #84beff; list-style: none; margin: 0px 0px 0px 15px; /* top right bottom left */ padding: 0px 0px 0px auto; /* top right bottom left */ } #ancestry_chart li { list-style: url(images/spacer.gif); margin: 0px 0px 2px -15px; /* top right bottom left */ padding: 0px 0px 0px auto; /* top right bottom left */ } /*-- ancestry chart rtl specific stylesheets --*/ #ancestry_chart_rtl ul { border-right: thin solid #84beff; list-style: none; margin: 0px 15px 0px 0px; /* top right bottom left */ padding: 0px auto 0px 0px; /* top right bottom left */ } #ancestry_chart_rtl li { list-style: url(images/spacer.gif); margin: 0px -18px 2px 0px; /* top right bottom left */ padding: 0px 2px 0px 0px; /* top right bottom left */ } A.link:link{COLOR: #6699ff; FONT-FAMILY: verdana, arial, sans-serif; } A.link:active{COLOR: #6699ff; FONT-FAMILY: verdana, arial, sans-serif; } A.link:visited {COLOR: #6699ff; FONT-FAMILY: verdana, arial, sans-serif; } A.link:hover {COLOR: #333366; FONT-FAMILY: verdana, arial, sans-serif; } A { COLOR: #003399;text-decoration: none;} .topheader{ color:#fff; margin:0; white-space: nowrap; } A:hover{ COLOR: #FF0000; text-decoration: underline; } ul{ padding-left: 15px; padding-right: 15px; margin: 8px; } .center { text-align: center; } table.center { margin-left: auto; margin-right: auto; } th { font-weight: 100; } .button { width: 60px } .person_box { /*background-color: #f0F9FF; border: 1px solid #84beff; */ background-color:white; border: 1px solid #84beff; padding: 3pt; } .person_boxF { /*background-color: #fff0f0; border: 1px solid #ff2080; */ background-color:white; border:1px solid #84beff; padding: 3pt; } .person_boxNN { background-color: #fff; border: 1px dashed #cccccc; padding: 3pt; } .list_table { margin:auto; width:96%; } .list_label { COLOR: #FFFFFF; border:1px solid #3399cc; background-color: #95B8E0; font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; text-align: center; vertical-align: text-top; white-space: nowrap; } .list_label_wrap { COLOR: #FFFFFF; border:1px solid #3399cc; background-color: #95B8E0; font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; text-align: center; vertical-align: text-top; } .list_label IMG{ width:22px; text-align: left; position: relative; top:1px; } .list_value { COLOR: #000066; font-size: 1.20 em; vertical-align: top; white-space: nowrap; } .list_value_wrap { COLOR: #000066; font-size: 1.20 em; vertical-align: top; } .list_item { font-size:11px; } .facts_table { width:90%; } .tabs_table { max-width:99%; margin-right:0pt; margin-left:0pt; } .tab_page{ max-width:95%; width:100%; margin-right:30pt; } .facts_label { COLOR: #FFFFFF; border:1px solid #3399cc; background-color: #95B8E0; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; padding: 4px 4px 4px 4px; width: 20%; text-align: center; } .facts_label02 { COLOR: #FFFFFF; background-color: #84beff; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; padding: 4px 4px 4px 4px; text-align: center; font-weight: bold; } .facts_label03 { COLOR: #FFFFFF; background-color: #84beff; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; padding: 4px 4px 4px 4px; text-align: center; font-weight: bold; } .facts_value { background-color: #ffffff; border:1pt solid #aaccff; COLOR: #000066; font-family: arial, sans-serif; padding: 4px 4px 4px 4px; } .facts_value02 { background-color: #F2F5F9; COLOR: #000066; font-family: arial, sans-serif; padding: 4px 4px 4px 4px; } .facts_labelred { COLOR: #000066; border: solid red 2px; background-color: #9DD8FF; font-size: 14px; font-family: Verdana, Helvetica, sans-serif; padding: 4px 4px 4px 4px; width: 20%; text-align: center; } .facts_valuered { background-color: #FBFDFF; border: solid red 2px; COLOR: #000066; font-size: 14px; font-family: arial, sans-serif; padding: 4px 4px 4px 4px; } .facts_labelblue { COLOR: #000066; border: solid blue 2px; background-color: #9DD8FF; font-family: Verdana, Helvetica, sans-serif; font-size: 14px; padding: 4px 4px 4px 4px; width: 20%; text-align: center; } .facts_valueblue { background-color: #FBFDFF; border: solid blue 2px; COLOR: #000066; font-size: 14px; font-family: arial, sans-serif; padding: 4px 4px 4px 4px; } .tab_cell_active { background:#ECF5FF url('images/th_c4.gif') no-repeat; font-family: Verdana, Helvetica, sans-serif; font-weight:bolder; border-right: 1pt solid #84beff; text-align: center; width:20%; padding:2pt; font-size: 10px; } .tab_cell_inactive { background-color: #FFFFFF; background: #FFFFFF url('images/th_5.gif') no-repeat; font-family: Verdana, Helvetica, sans-serif; border-top: none; border-right: 1pt solid #cccccc; text-align: center; width:20%; padding:2px; font-size: 10px; } .tab_active_bottom { border-top: none; border-bottom: none; border-left: none; border-right: none; height: 5px; } .tab_inactive_bottom { border-left: none; border-right: none; border-top: 1pt solid #cccccc; height: 5px; } .tab_inactive_bottom_right { border-left: none; border-right: none; border-top: 1pt solid #cccccc; width: 35%; height: 5px; } .tab_cell_inactive_empty { background-color: #efefef; background: #FFFFFF url('images/th_5.gif') no-repeat; border-top: none; border-right: 1pt solid #cccccc; text-align: center; width:20%; padding:2px; font-size: 10px; } .tab_cell_inactive_empty A { color: #77aaff; } .name1 { COLOR: #000066; FONT:bold 11px tahoma, verdana, arial, helvetica, sans-serif; } .namered { border: solid red 1px; } .nameblue { border: solid blue 1px; } .details1 { color: #000066; font: normal 10px tahoma, verdana, arial, helvetica, sans-serif; } .name2 { COLOR: #000066; FONT: bold 11px verdana, arial, helvetica, sans-serif; } .details2 { color: #000066; font: normal 11px tahoma, verdana, arial, helvetica, sans-serif; } .nameZoom { COLOR: #000066; FONT: bold 16pxtahoma, verdana, arial, helvetica, sans-serif; } .detailsZoom { FONT: 13px arial, helvetica, sans-serif; text-decoration: none; } .name_head { COLOR: #000066; FONT: bold 11pt verdana, helvetica, arial, sans-serif; letter-spacing: .2px; } .date { } .label { COLOR: #000066; FONT: bold 11px verdana, helvetica, arial, sans-serif; } .field { COLOR: #000066; FONT: 11px verdana, helvetica, arial, sans-serif; } .error { COLOR: #DD0000; font-family: verdana, helvetica, arial, sans-serif; } .warning { COLOR: red; font-family: verdana, helvetica, arial, sans-serif; font-weight: bold; } .indent { padding-left: 7px; } .indent_rtl { padding-right: 7px; } .image { height: 150px; padding: 5px; border: solid black 1px; } .gender_image { height: 9px; width: 9px; margin-right: 3px; } .pedigree_image_portrait { float: left; height: 50px; border: solid black 1px; margin-right: 3px; } .pedigree_image_portrait_rtl { float: right; height: 50px; border: solid black 1px; margin-left: 3px; } .pedigree_image_landscape { float: left; width: 50px; border: solid black 1px; margin-right: 3px; } .pedigree_image_landscape_rtl { float: right; width: 50px; border: solid black 1px; margin-left: 3px; } .pedigree_form { width: 60px; } .thumbnail { height: auto; padding: 5px; } .icon { border: none; padding-top:1pt; padding-left:3pt; padding-right:5pt; } .link { font-size: 11px; text-align: center; } .sublinks_table { border: solid #84beff 1px; margin-bottom:20px;} .sublinks_cell{ font-size: 11px; background-color: #95B8E0; } .sublinks_cell a{ color:white; } .subheaders { font-size: 16px; font-weight: bold; padding: 10px; margin-top: 15px; vertical-align: bottom; font-family: Arial, sans-serif; } .age { font-size: 9px; } .source_citations { display: none; } .footer { COLOR: #000066; font-family: arial, Helvetica, sans-serif; font-size: 12px; width: 99%; } .contact_links { text-align: center; } .flag { width: 15px; border: solid black 1px; } .header_select { font-size: 10px; } .lang_form { margin-top: 3px; } .selected-option { background-color: #c8e7ff; } .favorites_form { margin-top: 0px; font-size: 14px; font-family: Arial, sans-serif; color: white; } .favmenuitem { COLOR: white; FONT-SIZE: 9px; FONT-FAMILY: Verdana, Helvetica, sans-serif; FONT-WEIGHT: normal; text-decoration: none; text-align: right; padding: 1px; } .favmenuitem A { COLOR: white; } .favmenuitem_hover{ COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica, sans-serif; FONT-WEIGHT: normal; text-decoration: none; text-align: right; padding: 1px; } .favsubmenu { COLOR: #000000; text-decoration: none; font-family: Arial, sans-serif; font-size: 9px; text-align: center; background-color: #ECF5FF; border: solid #84beff 1px; white-space: nowrap; } .favsubmenuitem { COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica, sans-serif; FONT-WEIGHT: normal; text-decoration: none; background-color: #ECF5FF; white-space: nowrap; text-align: left; } .favsubmenuitem A { COLOR: #000000; } .favsubmenuitem_hover{ COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica, sans-serif; FONT-WEIGHT: normal; text-decoration: none; background-color: #ffffff; white-space: nowrap; text-align: left; } .help { font-weight: bold; cursor: help; } .menuitem { COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica, sans-serif; FONT-WEIGHT: normal; text-decoration: none; text-align: center; } .menuitem_hover{ COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica, sans-serif; FONT-WEIGHT: normal; text-decoration: none; text-align: center; } .submenu { min-width:180px; COLOR: #000000; text-decoration: none; font-family: Arial, sans-serif; font-size: 11px; text-align: center; background-color: #ECF5FF; border: solid #84beff 1px; white-space: nowrap; direction:ltr; } .submenuitem .icon{ padding: 0px 5px 0px 5px; } .submenuitem { min-width:155px; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica, sans-serif; FONT-WEIGHT: normal; text-decoration: none; line-height: 22px; border:1pt solid #ECF5FF; background-color: #ECF5FF; white-space: nowrap; text-align: left; padding:1px; padding-right:1px; margin-right:15px; } .submenuitem_hover .icon{ padding: 0px 5px 0px 5px; } .submenuitem_hover{ min-width:155px; background-color: #ffffff; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica, sans-serif; FONT-WEIGHT: normal; text-decoration: none; border:1pt solid #aaccff; line-height: 22px; padding-right:5px; white-space: nowrap; text-align: left; COLOR: #003399; padding: 1px; padding-right:15px; margin-right:1px; } .menuitem A { COLOR: #003399; } .current_day { font-weight: bold; font-size: 16px; } .cal_day { float: left; font-weight: bold; } .rtl_cal_day { direction: rtl; float: right; color: blue; font-weight: bold; } .helpheader { font-family: Arial, sans-serif; color: black; font-size: 16px; font-weight: bold; } .helpstart { font-family: Arial, sans-serif; color: Blue; font-size: 14px; font-weight : bold; text-decoration : none; } .helptext { font-family: Arial, sans-serif; color: black; font-size: 12px; } .block { COLOR: #333; font-family: monospace; font-size: normal; vertical-align: top; } .news_title { color: black; font-size: 1.10em; font-weight: bold; } .news_date { font-family: Arial, sans-serif; color: black; font-size: 12px; } .timeline_table { } .person0{ background-color: #ECF5FF; border: outset #84beff 1px; vertical-align: top; padding: 3px; } .person1{ background-color: #AAFFAA; border: outset #AAFFAA 1px; vertical-align: top; padding: 3px; } .person2{ background-color: #FFAAAA; border: outset #FFAAAA 1px; vertical-align: top; padding: 3px; } .person3{ background-color: #5555FF; border: outset #5555FF 1px; vertical-align: top; padding: 3px; } .person4{ background-color: #FF5555; border: outset #FF5555 1px; vertical-align: top; padding: 3px; } .person5{ background-color: #55FF55; border: outset #55FF55 1px; vertical-align: top; padding: 3px; } .listlog{ line-height: 20pt; color: #555555; font-family: Arial, sans-serif; } .barra{COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica, sans-serif; FONT-WEIGHT: normal} .blanco{COLOR: #FFFFFF; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica, sans-serif; FONT-WEIGHT: bold} INPUT {BORDER-TOP-COLOR: #ffffff; BORDER-LEFT-COLOR: #ffffff; BORDER-RIGHT-COLOR: #000066; BORDER-BOTTOM-COLOR: #000066; BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 10px; BORDER-BOTTOM-WIDTH: 1px; FONT-FAMILY: Verdana,Helvetica; BORDER-RIGHT-WIDTH: 1px} TEXTAREA{BORDER-TOP-COLOR: #ffffff; BORDER-LEFT-COLOR: #ffffff; BORDER-RIGHT-COLOR: #000066; BORDER-BOTTOM-COLOR: #000066; BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 10px; BORDER-BOTTOM-WIDTH: 1px; FONT-FAMILY: Verdana,Helvetica; BORDER-RIGHT-WIDTH: 1px} SELECT {BORDER-TOP-COLOR: #84beff; BORDER-LEFT-COLOR: #84beff; BORDER-RIGHT-COLOR: #84beff; BORDER-BOTTOM-COLOR: #84beff; BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 10px; BORDER-BOTTOM-WIDTH: 1px; FONT-FAMILY: Verdana,Helvetica; BORDER-RIGHT-WIDTH: 1px} FORM {FONT-FAMILY: Verdana, Helvetica, san-serif; FONT-SIZE: 10px} H2 {COLOR: #000066; FONT-FAMILY: arial, Helvetica, sans-serif; FONT-SIZE: 18px; FONT-WEIGHT: normal} .formField { font-family: Arial, sans-serif; font-size: 12px; } @media all { a img { color: inherit; border: none; } } /* Colors */ .red { color: #FF0000; } /* Text direction */ .ltr { text-align: left; } .rtl { text-align: right; } /* Width settings */ .width20 { width: 20%; } .width40 { width: 40%; } .width60 { width: 60%; } .width80 { width: 80%; } .width100 { width: 100%; } /* Font sizes */ .font11 { font-size: 11px; } .lifespan_outer { position: relative; width: auto; height: auto; overflow: visible; border: none; } .lifespan_people { position: absolute; width: auto; left: -10px; top: -60px; z-index:1; } #header, #footer, .submenu, .sublinks_table, .door, .help, .alpha_index, .noprint {display:none !important;} form, button, input, tfoot>tr>td>label {display: none;} /* buttons and input are used out of forms in sortable tables*/