/* * Style for Minimal theme * * webtrees: Web based Family History software * Copyright (C) 2013 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 */ /* Add a permanent scrollbar, to prevent "flickering" when hover effects lengthen page */ html {overflow-y:scroll;} body {color:#555555;background-color:#ffffff;font:12px tahoma, arial, helvetica, sans-serif;} fieldset {margin:8px 8px 4px 8px;text-align:left;} html[dir=rtl] fieldset {text-align:right;} legend {font-weight:bold;} a {color:#666666;text-decoration:none;} a:hover {color:#555555;text-decoration:underline;} :focus {outline-style:none;} input:required:valid, textarea:required:valid {background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAONJREFUeNpi/P//PwMlgImBQjDwBrCgCzDOF2Zg+Adk/AOGDRvQfHZGoDWMxgyMDMb/Q1/NIt0F/xk8gIbNZPj7P41YL4AUGsM1//rfkuyeYMzw8z9xXgBqgNm0nuHnv0D/IH/juavmngV6oYY4F3z7y2DqY2oMpANB9MYl684yfP9Xw3Dzzw7sXgQmJGTM0MbjwdDKc0b2vt5/EM2QwunBoMyCVS1YPYYAMOwZ7FmiGLLYzjBYsSQD+QpALAjErNgMYERPyoyMjMxAih+IOYD4LxD/hOJfQLV/MaJ9NC8wAAQYAPbPfH2KJKx/AAAAAElFTkSuQmCC);background-position:right top; background-repeat:no-repeat;} input:required:invalid, textarea:required:invalid {background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMpJREFUeNpi/P//PwMlgImBQjAMDGBBF1jFyOgBpFqAuOYPA8MOoAI4P+z//x0YJoBiARkvYWA486+k5D+IBuJqZD66WnAMogvMA9o4F6j4R3Lyf2R6IQODMVEGTAW6CoirgfjMB2/v/yB6CgNDYQ8W14IwRiB+A7rgOwNDYLChofGcrVvPgugfDAzR/yFhwUAwDJqBNj6Ulf0PooEhV4jMx+YCRvSknAeMBWDotwgwMKRzMTCcfQW0GcQHxkbNJCyxwDiaFxgAAgwAYy67YIOQ//cAAAAASUVORK5CYII=);background-position:right top; background-repeat:no-repeat;} html[dir=rtl] input:required:valid, html[dir=rtl] textarea:required:valid, html[dir=rtl] input:required:invalid, html[dir=rtl] textarea:required:invalid {background-position:left top;} /* ======= Layout for top header ======= */ /* Set stack level for top two header menu rows */ .makeMenu ul, #main-menu ul {z-index:210;} /* Row one */ #header-title {font-size:175%;float:left;clear:left;font-size: 26px;font-weight: 900;} #header-user-links {float:right;} html[dir=rtl] #header-title {float:right;clear:right;} html[dir=rtl] #header-user-links {float:left;clear:left;} /* Row two */ .makeMenu {font-size:14px;} .makeMenu li {background:none !important;border:1px solid #999999;display:inline;float:left;line-height:26px;position:relative;white-space:nowrap;} .makeMenu li a {padding:5px 8px;} .makeMenu li ul {display:none;font-weight:normal;font-size:12px;position:absolute;left:0;right:auto;top:26px;background-color:#ffffff;border:1px solid #999999;} /* position sub-menus */ .makeMenu ul ul {background:#eeeeee;top:0;left:100px;} .makeMenu li ul li {border:0;clear:both;display:block;line-height:2;text-align:left;} .makeMenu, .makeMenu li ul {list-style:none;margin:0;padding:1px;} .makeMenu li:hover > ul {display:block;} .makeMenu ul li a {padding:0 5px 0 2px;display:block;} .lang-active, .theme-active {font-weight:900;} /* --- RTL --- */ html[dir=rtl] .makeMenu li {float:right;} html[dir=rtl] .makeMenu li ul {left:auto;right:0;} html[dir=rtl] .makeMenu ul ul {top:0;left:auto;right:100px;} html[dir=rtl] .makeMenu li ul li {text-align:right;} /* set up container for menu */ #topMenu {position:relative;float:left;width:100%;margin-top:18px;border-bottom:1px solid;} #topMenu ul {position:relative;float:right;right:50%;list-style:none;} #topMenu ul li {position:relative;float:left;left:50%;clear:right;width:auto;padding: 0 5px 0 5px; border:1px solid #999999;} #topMenu ul li a {display:block;font-size:14px;text-align:center;padding:5px;background-color:#ffffff;} /* Subnavigation section */ #topMenu ul li ul {position:absolute;top:27px;left:0;right:auto;display:none;background:#ffffff;white-space:nowrap;border:1px solid #999999;} /* sub-sub-menus */ #topMenu ul ul ul {top:0;left:96px;border:1px solid #999999;} #topMenu ul ul li {float:left;width:100%;border:0;left:auto;margin:0;padding:0;clear:left;} #topMenu ul ul li a {padding:5px;text-align:left;font-size:12px;} /* header hover */ #topMenu ul li:hover > ul {position:absolute;margin:0;display:block;text-align:left;padding:0;} #topMenu ul #menu-chart li:hover ul, #topMenu ul #menu-obje li:hover ul {position:absolute;display:block;margin-left:100%;left:0px;} /* --- RTL --- */ html[dir=rtl] #topMenu {float:right;} html[dir=rtl] #topMenu ul {right:auto;float:left;left:50%;} html[dir=rtl] #topMenu ul li {float:right;clear:left;right:50%;} html[dir=rtl] #topMenu ul ul {right:0;left:auto;} html[dir=rtl] #topMenu ul ul li {right:auto;/*resets the right:50% on the parent li */ clear:right;float:right;width:100%;} html[dir=rtl] #topMenu ul ul li a {text-align:right;} html[dir=rtl] #topMenu ul li:hover > ul {text-align:right;} html[dir=rtl] #topMenu ul #menu-chart li:hover ul {margin-right:100%;right:0px;left:auto;} html[dir=rtl] #topMenu ul #menu-obje li:hover ul {margin-right:100%;right:0px;left:auto;} #flash-messages {clear:both;} /* --- end headers --- */ h2 { color:#555555; font-weight:bold;font-size:18px; } h4 { color:#555555; font-weight:bold;font-size:12px; } th { font-weight:100; } ul { padding-left:15px; padding-right:15px; margin:8px; } img { border:none; } .button { width:60px } input, textarea { padding-left:3px; padding-right:3px; font-family:inherit; } .gedcom_table { border:1px solid #555555; margin:0; width:99%; } .person_box { background-color:#ffffff; border:solid #555555 1px; padding:3px; } .person_boxF { background-color:#ffffff; border:solid #555555 1px; padding:3px; } .person_boxNN { background-color:#ffffff; border:1px dashed #808080; padding:3px; } .person_box:target, .news_box:target, #gedcom_stats:target { background-color:#ffffcc; } .person_box_lifespan {display:inline;} /* families tab person box */ #relatives_content .person_box > .person_box, #relatives_content .person_boxF > .person_boxF, #relatives_content .person_boxNN > .person_boxNN {border:none;min-height:50px;} .list_table { margin-left:auto; margin-right:auto; } .center { text-align:center; } table.center { margin-left:auto; margin-right:auto; } .list_label, .list_label_wrap { color:#555555; background-color:#eeeeee; border:1px solid #555555; font-size:12px; text-align:center; } .list_value, .list_value_wrap { background-color:#ffffff; color:#555555; border:solid #555555 1px; font-size:12px; vertical-align:top; } .list_label, .list_value { white-space:nowrap; } .list_label_wrap, .list_value_wrap { white-space:normal; } .list_item { font-size:12px; } .facts_table { width:100%; } .facts_label { color:#555555; background-color:#eeeeee; border:1px solid #555555; font-size:12px; padding:4px 4px 4px 4px; width:20%; text-align:center; } .facts_label02, .facts_label03 { color:#555555; background-color:#eeeeee; border:1px solid #555555; font-weight:bold;font-size:12px; padding:4px 4px 4px 4px; width:20%; text-align:center; } .facts_value { background-color:#ffffff; color:#555555; border:solid #555555 1px; font-size:12px; padding:4px 4px 4px 4px; } .facts_value02 { background-color:#ffffff; color:#555555; border:solid #555555 1px; font-size:12px; padding:5px; } .quickfacts a {font-size:9px;padding:0 3px;} .tabs_table { width:100%; } .name1 { color:#555555; font-weight:bold; font-size:11px; } .name1:hover { color:#555555; font-weight:bold; font-size:11px; text-decoration:underline; } .details1 { font-size:10px; } .name2 { color:#555555; font-weight:bold;font-size:12px; } .details2 { font-size:12px; } .nameZoom { color:#555555; font-weight:bold;font-size:14px; } .detailsZoom { font-size:14px; text-decoration:none; } .details_label { font-weight:bold; } .name_head { color:#555555; font-weight:bold;font-size:16px; letter-spacing:.2px; } .date { color:#666666; font-weight:bold; } .field { } .label { font-weight:bold; } .error { color:#dd0000; font-weight:bold; } .largeError { color:#dd0000; font-size:large; font-weight:bold; } .warning { color:#dd0000; font-weight:bold; } .indent { padding-left:7px; } .gender_image { padding-left:3px; padding-right:3px; border:none; vertical-align:middle; } .pedigree_form { width:45px; } .thumbnail { height:auto; padding:5px; } .icon { display:none; border:none; padding-left:0; padding-right:5pt; } #head_icon { display:block; float:left; margin-right:15px; } html[dir=rtl] .icon { padding-left:5pt; padding-right:0; } .link { text-align:center; } .sublinks_cell { font-size:12px; background-color:#eeeeee; } .subheaders { font-weight:bold;font-size:16px; text-indent:20px; margin-top:15px; vertical-align:bottom; } .age { font-size:9px; } .source_citations { display:none; } .selected-option { background-color:#eeeeee; border:solid #555555 1px; } .user_links { white-space:nowrap; } .contact_links { padding-top:5px; text-align:center; } .hit-counter { background:#555555; color:#ffffff; font-weight:bold; } .border1 { border:solid #555555 1px; } .submenu { background-color:#eeeeee; border:solid #555555 1px; } .journal_box { padding:3pt; border:thin solid #999999; overflow:visible; } .news_title { font-weight:bold;font-size:14px; } .news_date { font-size:12px; margin-bottom:12px; } .current_day { font-weight:bold; font-size:16px; } .cal_day { float:left; font-weight:bold; } .rtl_cal_day { direction:rtl; float:right; color:#0000ff; font-weight:bold; } .helpheader { } .helpcontent { margin-left:10px; margin-right:10px; } .helpcontent dt { clear:both; } #content { clear:both; margin-left:1px; } #footer { clear:both; color:#555555; font-size:12px; } #home-page {margin-top:10px;} /*-- index.php specific style sheets -- */ .small_inner_block { max-height:200px; overflow:auto; text-decoration:none; } .normal_inner_block { overflow:auto; } .block { background-color:#ffffff; color:#555555; border:solid #555555 1px; font-size:12px; vertical-align:top; margin-bottom:5px; padding:1px; } .blockcontent { margin-left:5px; margin-right:5px; margin-bottom:10px; font-size:13px; overflow:auto; } .blockcontent .list_table { border-spacing:0; border:solid #555555 1px; border-right:0; } .blockcontent .list_value, .blockcontent .list_value_wrap, .blockcontent .list_label { border:0; border-top:solid #555555 1px; border-right:solid #555555 1px; } .blockheader {font-weight:bold;} img.block { border:none; height:20px; vertical-align:middle; } .line1, .line2, .line3 {vertical-align:middle;} #hourglass_chart img.line4 {vertical-align:middle;} .line5 {vertical-align:top;} #index_main_blocks { clear:none; width:66%; float:left; } #index_small_blocks { clear:none; width:33%; float:right; } #index_full_blocks { clear:none; width:100%; } html[dir=rtl] #index_main_blocks {float:right;} html[dir=rtl] #index_small_blocks {float:left;} #main_select,#available_select,#right_select {min-width:150px;} .user_welcome_block table, .gedcom_block_block table {margin:auto;} .user_welcome_block td, .gedcom_block_block td {width:33%;text-align:center;vertical-align:top;} .user_welcome_block i, .gedcom_block_block i {background-image:none;width:0;height:0;} #link_change_blocks {clear:both;margin:0 auto;padding:25px 0 0 0;text-align:center;width:400px;} #link_change_blocks span {padding:0 50px;} #link_change_blocks span span {padding:0 3px;} #random_picture { text-align:center; } #random_picture_box { width:100%; } #familybook_chart {margin-left:10px; } #familybook_chart table {border-collapse: collapse; empty-cells: show;} #familybook_chart td {margin:0; padding:0;} #familybook_chart h2 {text-align:center;} #familybook_chart .line3, #familybook_chart .pvline, #familybook_chart .spacer {width: 3px} #familybook_chart .line4 {width: 7px; vertical-align:middle;} [ID^="vline"] {width:3px;} #familybook_chart h3 {font-size: 16px;text-align:center;} #relationship-page h3 {margin:20px 0 0 20px;} #relationship_chart {margin:0 20px 0;} .tdtop {vertical-align:top;} .tdmid {vertical-align:middle;} .tdbot, .tvertline {vertical-align:bottom;} html[dir=rtl] #familybook_chart {margin-right:10px;} /*-- pedigree chart specific stylesheets --*/ #pedigree-page table.list_table {margin:0 auto;width:500px;} .pedigree_chart_table {border:0;border-collapse:collapse;padding:0;width:100%;} #pedigree_chart { position:relative; top:-200px; left:10px; } #pedigree_canvas {position:absolute;top:200px;z-index:-1000;} #pedigree_chart #childarrow, #pedigree_chart #uparrow, #pedigree_chart .shadow {position:absolute;} #pedigree_chart #childbox {border:1px solid;background-color:#ffffff;padding:5px;position:absolute;visibility:hidden;} /*-- pedigree chart rtl specific stylesheets --*/ html[dir=rtl] #pedigree_chart { left:auto; right:-20px; } /*-- descendancy chart specific stylesheets --*/ #descendancy_chart{margin:20px;} #descendancy_chart ul { background-image:url(images/vline.png); background-repeat:repeat-y; background-position:left top; list-style:none; margin:0 0 5px 15px; padding-top:0; padding-right:0; padding-bottom:0; } #descendancy_chart li { list-style:none; margin:0 0 0 -14px; padding-top:0; padding-right:0; padding-bottom:0; } /*-- descendancy chart rtl specific stylesheets --*/ html[dir=rtl] #descendancy_chart ul { background-position:right top; margin:0 15px 0 0; left:auto; } /*-- ancestry chart specific stylesheets --*/ #ancestry_chart ul { background-image:url(images/vline.png); background-repeat:repeat-y; background-position:left top; list-style:none; display:block; margin:0 0 0 15px; padding-top:0; padding-right:0; padding-bottom:0; } #ancestry_chart li { list-style:url(images/spacer.png); margin:0 0 2px -13px; padding-top:0; padding-right:0; padding-bottom:0; } #ancestry_chart li table {margin:5px 0;} /*-- ancestry chart rtl specific stylesheets --*/ html[dir=rtl] #ancestry_chart ul { background-position:right top; margin:0 15px 0 0; left:auto; } html[dir=rtl] #ancestry_chart li { margin:0; padding:0 2px 0 0; left:auto; } #compact_chart, #fan_chart, #ancestry_chart, #familybook_chart, #hourglass_chart { margin:20px; } #timeline_chart { position:relative; top:0; } .timeline_table { } .person0 { background-color:#eeeeee; border:outset #555555 1px; vertical-align:top; } .person1 { background-color:#bfbfbf; border:outset #555555 1px; vertical-align:top; } .person2 { background-color:#999999; border:outset #555555 1px; vertical-align:top; } .person3 { background-color:#dfdfdf; border:outset #555555 1px; vertical-align:top; } .person4 { background-color:#eeeeee; border:outset #555555 1px; vertical-align:top; } .person5 { background-color:#fefefe; border:outset #555555 1px; vertical-align:top; } .compact_view {cursor:url(images/zoomin.png),n-resize;} .compact_view p {font-size:90%;margin:0;} .listlog { line-height:20pt; color:#555555; } .formField { font-size:12px; } .starredname { text-decoration:underline; } .search_hit { background-color:#cccccc; } .search_item {font-weight:600;} .title { font-size:20px; } /* Style for the top and bottom bar */ .topbottombar { color:#555555; background-color:#eeeeee; border:1px solid #555555; font-weight:bold;font-size:12px; padding:4px; text-align:center; } /* Style for the descriptionbox */ .descriptionbox { background-color:#ffffff; color:#555555; border:solid #555555 1px; font-size:12px; padding:3px; white-space:nowrap; vertical-align:top; } /* Style for the optionbox */ .optionbox { background-color:#ffffff; color:#555555; border:solid #555555 1px; font-size:12px; vertical-align:top; white-space:nowrap; padding:3px; } .vmiddle { vertical-align:middle } /* colors */ .red { color:#ff0000; } .rela, .histo { opacity:0.8; } /* Width settings */ .width10 { width:10%; } .width20 { width:20%; } .width25 { width:25%; } .width30 { width:30%; } .width33 { width:33%; } .width40 { width:40%; } .width50 { width:50%; } .width60 { width:60%; } .width66 { width:66%; } .width70 { width:70%; } .width75 { width:75%; } .width80 { width:80%; } .width90 { width:90%; } .width100 { width:100%; } /* font sizes */ .font9 { font-size:9px; } /* Message box */ .messagebox { background-color:#ffffff; border:solid #555555 1px; } /* Pending edits - TODO perhaps show differently in different contexts? */ .new { outline: solid blue 1px; } .old { outline: solid red 1px; } a.showit { position:relative; z-index:24; color:#555555; text-decoration:none; } a.showit:hover { z-index:25; background-color:#ffff9b; cursor:crosshair; } a.showit > span { display:none; } a.showit:hover > span { display:block; position:absolute; top:22px; left:0; width:225px; border-style:outset; border-left:15px outset #1f1f1f; border-top:2px solid #1f1f1f; border-bottom:2px solid #555555; border-right:2px solid #555555; padding:3px; background:#4f4f4f; color:#ffffff; font-size:15px; text-align:left; opacity:.85; z-index:5; white-space:normal; } .lifespan_people span:first-letter { font-weight:bold;font-size:16px; font-variant:small-caps; padding:1px; } .lifespan_outer { position:relative; width:99.5%; height:600px; overflow:hidden; border:solid #0000ff 1px; } .lifespan_outer a { color:#555555; } .lifespan_outer a:hover { color:#ff0000; text-decoration:none; } .lifespan_timeline { position:absolute; width:100%; left:-10px; top:-65px; z-index:2; background-color:white } .lifespan_people { position:absolute; width:500px; left:-10px; top:-60px; z-index:1; } .iwstyle { width:360px; } .iwstyle a { } .iwstyle a:hover { } #map_nav { position:relative; top:-484px; left:101%; } #tree_nav { position:relative; top:-584px; left:90%; z-index:100; } #map_type { margin:0; padding:0; font-size:10px; list-style:none; } #map_type li { display:block; width:70px; text-align:center; padding:2px; border:1px solid #555555; cursor:pointer; float:left; margin-left:2px; } #map_type li.non_active { background:#ffffff; color:#555555; font-weight:normal; } #map_type li.active { background:#808080; color:#ffffff; font-weight:bold; } #map_type li:hover { background:#dddddd; } .tag_cloud { } .tag_cloud a { white-space:nowrap; } /* Autocomplete styles*/ .ui-autocomplete-input { background-color:#EEE8AA; } .ui-autocomplete { padding:0; border:1px solid #555555; background-color:#ffffff; z-index:99999; list-style-position:outside; list-style:none; margin:0; max-height:200px; overflow-y:auto; } .ui-autocomplete li { margin:0; padding:2px 5px; cursor:default; display:block; font:menu; font-size:12px; line-height:14px; overflow:hidden; } .ui-autocomplete-loading { background:#ffffff url(images/indicator.png) right center no-repeat; } .ui-autocomplete li:nth-child(odd) { background-color:#eeeeee; } .ui-autocomplete a.ui-state-focus { color:#ff0000 !important; } .ui-sortable li { list-style-type: none; } .ui-sortable .noprint { display:none; } /* End of Autocomplete styles*/ /* Flyout menu Styles */ .flyout { color:#000000; text-align:left; margin-top:-20px; right:210px; padding:3px; } .flyoutrtl { color:#000000; text-align:right; margin-top:-20px; left:210px; padding:3px; } /* End of Flyout Menu styles*/ .nowrap { white-space:nowrap; } .wrap { white-space:normal; } ul.clist { list-style-image:none; margin:0; } .statistics-page { text-align:center; } .gchart { border:solid #555555 1px; } .execution_stats { padding-top:5px; text-align:center; } dt { float:left; font-weight:bold; margin-right:10px; clear:both; } html[dir=rtl] dt { float:right; margin-right:auto; margin-left:10px; } .clearfloat { clear:both; } .gedcom_favorites_block .person_box .details2, .gedcom_favorites_block .person_boxF.details2, .gedcom_favorites_block .person_boxNN.details2 {min-height:40px;} .user_favorites_block .person_box .details2, .user_favorites_block .person_boxF.details2, .user_favorites_block .person_boxNN.details2 {min-height:40px;} /* ============= Statistics block ============ */ .gedcom_stats_block table td {vertical-align:top;} .gedcom_stats_block table td td {vertical-align:middle;} .gedcom_stats_block td .stats_value {text-align:center;} /* ============= Theme select block ============ */ .theme_form ul {margin:-10px auto;-webkit-padding-start:0;width:90%;overflow:hidden;} .theme_form li {list-style:none;visibility:hidden;} .theme_form li ul li {float:left;padding:10px;visibility:visible;} html[dir=rtl] .theme_form li ul li {float:right;} /* ======= Favourites block ========== */ .user_favorites_block .person_box, .gedcom_favorites_block .person_box {margin:5px 0;} .add_fav_head {font-weight:900;margin:5px 0;} .add_fav_head i {margin:0 5px 1px 5px;} .add_fav_ref label {display:inline-block;min-width:100px;} .add_fav_ref label:after {content:":";} .add_fav_ref input {margin:0 5px;} .charts_block .person_box, .charts_block .person_boxF, .charts_block .person_boxNN, .gedcom_favorites_block,.user_favorites_block, #ancestry_chart .person_box, #ancestry_chart .person_boxF, #ancestry_chart .person_boxNN, #descendancy_chart .person_box, #descendancy_chart .person_boxF, #descendancy_chart .person_boxNN, #family-table .person_box, #family-table .person_boxF, #family-table .person_boxNN, #familybook_chart .person_box, #familybook_chart .person_boxF, #familybook_chart .person_boxNN, #hourglass_chart .person_box, #hourglass_chart .person_boxF, #hourglass_chart .person_boxNN, #pedigree_chart .person_box, #pedigree_chart .person_boxF, #pedigree_chart .person_boxNN, #relatives_content .person_box, #relatives_content .person_boxF, #relatives_content .person_boxNN, #relationship_chart .person_box, #relationship_chart .person_boxF, #relationship_chart .person_boxNN { overflow:visible !important; } .person_box_template .style1 {overflow:hidden;} .person_box_template .style0 {padding: 2px;} .person_box_template .noprint { width:25px;height:50px; position:relative;} .person_box_template .chart_textbox {height:auto;overflow: hidden;} .person_box_template .details div {display:block;} .person_box_template img, .person_box_template a.gallery { float:left; height: 50px; width: auto; max-width: 80px; margin: 0 3px 0 0; } html[dir=rtl] .person_box_template img, html[dir=rtl] .person_box_template a.gallery { float: right; margin: 0 0 0 3px; } .person_box_template i[class^="icon-silhouette"] { float:left; } html[dir=rtl] .person_box_template i[class^="icon-silhouette"] { float:right; } #branches-page table, #medialist-page .list_table, #medialist-page .list_table_controls {margin:0 auto;} #medialist-page .list_table_controls {width:100%;} .list_table_controls td {min-width:40px;text-align:center;} /* ============== medialist.php ======================= */ #lightbox-menu {margin-bottom:60px;} .lb-menu {position:relative; float:left; list-style-type:none; margin:0;} .lb-menu ul {list-style-type:none;} .lb-menu li {font-weight:normal; float:left; top:0;} .lb-menu > li ul {display:none;width:80px;} .lb-menu > li:hover ul {display:block; top:36px;} .lb-menu a {display:block;} .lb-menu li li a {padding:1px 10px 1px 5px;} html[dir=rtl] .lb-menu {float:right;} html[dir=rtl] .lb-menu li {float:right;} /* ============== login.php ======================= */ #login-register-page h2 {text-align:center;} #login-register-page .warning {margin:20px auto;text-align:center;} #login-register-page .back {font-weight:bold;font-size:14px;text-align:center;} #login-register-page .confirm {margin:20px auto;text-align:justify;width:500px;} #login-register-page .confirm p {font-size:14px;font-weight:bold;} #login-register-page .confirm p+p {font-size:12px;font-weight:normal;} #login-text, #register-text, #user-verify {margin:20px auto;width:610px;text-align:justify;} #login-box, #register-box {text-align:center;} #login-form, #new_passwd_form, #register-form, #verify-form {border:1px solid #000000;display:inline-block;margin:10px auto 0 auto;padding:5px;} #login-form div, #login-form div a, #new_passwd_form div, #register-form div, #verify-form div {margin:auto;padding:5px;text-align:center;} #login-form label, #new_passwd_form label, #verify-form label {display:block;text-align:right;} #login-form label input, #new_passwd_form label input, #verify-form input {width:140px;margin:0 10px;} #new_passwd_form h4, #register-form h4 {font-weight:normal;text-align:center;} #register-form div, #verify-form div {text-align:right;} #register-form label input, #register-form label select, #register-form textarea {width:220px;margin:0 10px;} #register-form label select {margin:0 10px;width:230px;} #register-form textarea {vertical-align:top;width:223px;} #register-form div#registration-submit {text-align:center;} .login_block_block #login-form, .login_block_block #new_passwd_form {border:0;background:none;} html[dir=rtl] #login-form label, html[dir=rtl] #new_passwd_form label, html[dir=rtl] #register-form label, html[dir=rtl] #verify-form label {text-align:left;} /* ============== reportengine.php ======================= */ #reportengine-page table {margin:20px auto;} #reportengine-page .report-type {overflow:hidden;margin:auto;width:180px;} #reportengine-page .report-type div {float:left;margin:0 20px;} #reportengine-page .report-type p {margin:0;text-align:center;} .itr { position:absolute; line-height:1.5; } .block .itr, #family-table .itr, #ancestry_chart .itr, #descendancy_chart .itr, #familybook_chart .itr, #hourglass_chart .itr, #relatives_content .itr { position:relative; top:0; } .popup { display:none; } .popup ul { background-image:none !important; font-size:9px; list-style:none; margin:0; padding:0 10px; } .popup li { padding:1px 5px; } .popup li span { padding:0 5px; } .popup li ul, .popup li ul li, .popup li span span { padding:0; } .itr:hover .popup { display:block; position:absolute; width:12em; right:0; z-index:9999; } html[dir=rtl] .itr:hover .popup {left:0;right:auto;} /* styles for FindFacts pop-up */ #layDefinedTags,#tabDefinedTagsShow { width:450px; } #tabDefinedTags { width:430px; } #layDefinedTags { margin-left:auto; margin-right:auto; height:285px; overflow:auto; border:inset 2px buttonface; } #tabDefinedTags { border-collapse:collapse; } #tabDefinedTags th,#tabDefinedTags td { border:solid 1px #000000; margin:0; padding:3px; } #tabDefinedTags tbody th { text-align:left; font-weight:bold; } #tabDefinedTags tr.sel { background-color:#D1D9EF; color:#888888; } #tabDefinedTags tr.unsel { background-color:#FFFFFF; color:#888888; } #tabDefinedTagsShow { margin-left:auto; margin-right:auto; } #tabDefinedTagsShow td { width:50%; text-align:center; } #tabFilterAndCustom { margin-left:auto; margin-right:auto; } #tabAction { margin-left:auto; margin-right:auto; } #tabAction td { width:50%; text-align:center; } /* FAQ table styles */ table.faq { background-color:#dddddd; margin:5px 0 50px 5px; width:98%; } table.faq tr.odd td { background-color:#ffffff; } div.faq_title { background-color:#dddddd; margin:1em 0 0 1em; padding:.25em; font-weight:bold; width:98%; } div.faq_body { clear:both; margin:1em 0; padding:1em; } .faq_italic { font-style:italic; font-weight:bold; font-size:90%; padding:0 10px; } .faq_top {float:right;} .faq_edit {float:right;} html[dir=rtl] .faq_top {float:left;} html[dir=rtl] .faq_edit {float:left;} td.descriptionbox a {/* this keeps the tag color the same when it is a link as when not */ float:left; } html[dir=rtl] td.descriptionbox a { float:right; } .logo {font-size:16px;font-weight:900;margin:0;padding-top:5px;text-align:center;} /* Find special characters */ .largechars { font-family:monospace; font-size:200%; } /* ========= Positioning edit, copy, delete links ============= */ /* General use */ .editfacts {clear:both;padding-top:15px;} /* a container for the following three links */ .editlink, .copylink, .deletelink {float:left;padding:0 5px 0 0; } html[dir=rtl] .editlink, html[dir=rtl] .copylink, html[dir=rtl] .deletelink {float:right;padding:0 0 0 5px; } span.link_text {} span.link_text:hover {text-decoration:underline;} /* Indi header */ .field .editlink, .field .deletelink, .field .copylink {float:right;} html[dir=rtl].field .editlink, html[dir=rtl].field .deletelink {float:left;} /* =========== end edit, copy, delete links ==================== */ /* =========== Indi header ================== */ #indi_header {float:left;width:98%;margin:5px 0;padding:0 10px 0 0;} #indi_header h3 {font-weight:bold;margin:0;padding:0 10px 0 30px;text-align:left;} #indi_header h3.name_one {overflow:hidden;position:relative;font-size:1.5em;} #indi_header h3.name_two {background:#DDD;border:1px solid #888} #indi_header h3.person_box, #indi_header h3.person_boxF , #indi_header h3.person_boxNN {background:#DDD;border:1px solid #888888;} #indi_header h3 .header_age {padding:7px 0 5px 5px;float:right;font-weight:normal;font-size:65%;} #indi_header h3 span.details1 {font-size:1em;} #indi_header h3 a {display:inline;} #indi_header a.warning {color:#ff0000;font-weight:normal;} #main_name {float:left;font-size:2em;margin:10px;font-weight:bold;} #indi_mainimage {float:right;} #indi_mainimage a img {float:right;padding:0;} .indi_name_details {background:none #ffffff;border:none;font-size:10px;margin:0;overflow:hidden !important;padding:5px;} .indi_name_details .warning {font-size:1em;} .indi_name_details dl {height:10px;margin-top:0;} .indi_name_details dt:after {content:":";} .indi_name_details dt.label, .indi_name_details dd.field {font-size:12px;} .indi_name_details .name1 {font-weight:normal;} .indi_name_details .name1:hover {text-decoration:none;} #indi_note {margin:0 0 5px 0;} #indi_note .fact_NOTE .label {float:left;margin:0 10px 0 0;} #indi_note , #indi_note .fact_NOTE .label {font-size:12px;} #indi_note .fact_SOUR a {font-size:12px;} #indi_note .fact_NOTE, #indi_note .fact_SOUR {clear: both;} .markdown p { margin: 0 0 0.5em; white-space: pre-wrap; } .markdown table { border-collapse: collapse; } .markdown th { font-weight: bold; } .markdown td, .markdown th { border: solid thin #000; padding: 3px; } #header_accordion1 {border:1px solid #DDD;border-radius:3px 3px 3px 3px;float:left;} .indi_table {clear:left;} #sex {float:right;} html[dir=rtl] #sex {float:left;} #dates {float:right;} dd .editlink, dd .deletelink {float:right;} html[dir=rtl] #indi_header {float:right;padding:0 0 0 10px;} html[dir=rtl] #indi_header h3 {padding:0 30px 0 10px;text-align:right;} html[dir=rtl] #indi_header h3 .header_age {padding:5px 5px 5px 0;float:left;} html[dir=rtl] #main_name {float:right;} html[dir=rtl] #indi_mainimage {float:left;} html[dir=rtl] #indi_mainimage a img {float:left;} html[dir=rtl] #indi_note .fact_NOTE {float:right;margin:0 0 0 10px;} html[dir=rtl] #header_accordion1 {float:right;} html[dir=rtl] .indi_table {clear:right;} html[dir=rtl] #dates {float:left;} html[dir=rtl] dd .editlink, html[dir=rtl] dd .deletelink {float:left;} /* INDI IMAGE SPRITE */ .male_gender, .female_gender, .unknown_gender {display:block;background:url(images/indi_sprite.png) no-repeat;} .female_gender {background-position:-45px 3px;width:24px;height:30px;} .male_gender {background-position:-79px 3px;width:24px;height:30px;} .unknown_gender {background-position:-107px 4px;width:24px;height:30px;} /* =========== Indi tabs ================== */ /* Facts & Events tab */ #personal_facts_content .fact_NOTE, #personal_facts_content .fact_SOUR, #family-table .fact_NOTE, #family-table .fact_SOUR {margin:5px 3px 5px 0;clear:both;} .media-display-image {float:left;} .media-display-title {float:left;font-style:italic;margin:10px;} html[dir=rtl] .media-display-image {float:right;} html[dir=rtl] .media-display-title {float:right;} /* ========= jquery-ui.custom.css changes ============ */ .ui-widget-content {color:#555555;} .ui-widget-content {color:#555555;border-color:#999999;} .ui-widget-content a {color:#555555;} .ui-widget-content a:hover {color:#555555;} .ui-state-active, .ui-widget-content .ui-state-active {background:#888888;font-weight:normal;color:#555555;outline:none;} .ui-tabs .ui-tabs-nav {padding:.3em .3em 0 .3em;border-color:#888888;background:#dddddd;} .ui-tabs .ui-tabs-nav li {font-size:1em;bottom:0;margin:0 0.15em 0 0.1em;border-color:#888888;background:#efefef;} .ui-tabs .ui-tabs-nav li a {color:#555555;padding:0;} .ui-tabs .ui-tabs-nav li a span {display:block; padding:.5em 1em;} .ui-tabs .ui-tabs-nav li:hover {color:#555555;background:#dfdfdf;} .ui-tabs .ui-tabs-nav li a:hover {color:#555555;} .ui-tabs, .ui-tabs .ui-tabs-nav li a {} .ui-tabs-nav li.ui-tabs-active {color:#555555;padding-top:0;top:1px;bottom:0;border-color:#888888;border-bottom-width:0;background:#f8f8f8;} .ui-tabs-nav li.ui-tabs-active a {font-weight:600;color:#555555;} .ui-tabs-nav li.ui-tabs-active a:hover {font-weight:600;color:#555555;background:#f8f8f8;} .ui-tabs-nav li.ui-tabs-active:hover {background:#f8f8f8;} .ui-tabs .ui-tabs-panel {background:#f8f8f8;} .ui-accordion .ui-accordion-header .ui-icon {position:absolute;left:.5em;top:50%;margin-top:-8px;} .ui-accordion .ui-accordion-content {border-top:0;margin-top:1px;position:relative;top:1px;padding:0 5px;overflow:visible;display:none;} .ui-accordion .ui-accordion-content-active {display:block;} .ui-accordion .ui-accordion-header a {padding:.5em} .ui-helper-reset {line-height:1.5;} .ui-state-highlight a {color:#ff0000;} html[dir=rtl] .ui-tabs {direction:rtl;} html[dir=rtl] ui-tabs .ui-tabs-nav li.ui-tabs-active, html[dir=rtl] .ui-tabs .ui-tabs-nav li.ui-state-default {float:right;} html[dir=rtl] .ui-accordion .ui-accordion-header .ui-icon {right:.5em;} html[dir=rtl] .ui-dialog-title {float:right;} html[dir=rtl] .ui-dialog-titlebar-close {left:.3em;right:auto;} /* ========= jQuery.datatable styling over-rides ============ */ .odd {background-color:#dcdcdc;} .even {background-color:#ffffff;} .css_right {float:left;} .fg-button {padding:2px 6px;} .fg-toolbar {background:#DDD;border-color:#888888;} .dataTables_paginate {float:left;margin:5px;} .dataTables_processing {float:left;margin:5px;} .dataTables_filter {float:right;margin:4px;} .dataTables_info {float:left;margin:5px;} .recent_changes_block .dataTables_info, .upcoming_events_block .dataTables_info, .todays_events_block .dataTables_info, .todo_block .dataTables_info, .yahrzeit_block .dataTables_info {padding:0;} .upcoming_events_block .dataTables_info, .todays_events_block .dataTables_info {padding:2px 0 0 0;} .upcoming_events_block button, .todays_events_block button {margin:5px 20px;} .dataTables_length {float:right;} .dataTables_length select, .dataTables_filter input {font-size:11px;padding:1px;} .dt-clear {clear:both;} #loading {text-align:center;} .DataTables_sort_wrapper {position:relative;margin:0 20px;} .DataTables_sort_wrapper span {left:0;margin-left:-20px;margin-top:-8px;position:absolute;top:50%;} html[dir=rtl] .css_right {float:right;} html[dir=rtl] .dataTables_paginate {float:right;} html[dir=rtl] .dataTables_processing {float:right;} html[dir=rtl] .dataTables_filter {float:left;} html[dir=rtl] .dataTables_info {float:right} html[dir=rtl] .dataTables_length {float:left;} html[dir=rtl] .DataTables_sort_wrapper {margin-right:20px;} html[dir=rtl] .DataTables_sort_wrapper span {left:auto;right:0;margin-right:-20px;} /* ========= List styles ================= */ .source-list, .note-list, .repo-list, .media-list, .indi-list, .fam-list {margin:5px auto;visibility:hidden;width:98%;} .surname-list, .givn-list {margin:5px auto;} .source-list table, .note-list table, .repo-list table, .media-list table, .indi-list table, .fam-list table {width:100%;} .source-list td, .note-list td, .repo-list td, .media-list td, .indi-list td, .fam-list td, .recent_changes_block td, .upcoming_events_block, .surname-list td, .givn-list td {padding:2px 5px;} .indi-list td, .fam-list td {color:#555555;} .surname-list td {vertical-align:top;} .indi-list .stats, .fam-list .stats {margin:0 auto;width:auto;} .source-list th, .note-list th, .repo-list th, .media-list th, .indi-list th, .fam-list th, .recent_changes_block th, .upcoming_events_block th, .todays_events_block th, .todo_block th, .yahrzeit_block th, .surname-list th, .givn-list th {cursor:pointer;white-space:nowrap;} .source-list th:last-child, .note-list th:last-child, .repo-list th:last-child {margin:0 -2px 1px 1px;padding:3px 0 4px;width:24px;} .givn-list th {cursor:pointer;white-space:nowrap;padding:2px;text-align:center;} #source-details h2,#sourcelist-page h2, #note-details h2, #notelist-page h2, #repo-details h2, #repolist-page h2, #media-details h2, #medialist-page h2, #statistics-page h2 {margin-bottom:20px;text-align:center;} #source-tabs, #note-tabs, #repo-tabs, #media-tabs {margin:auto;visibility:hidden;width:80%;} #statistics_chart {margin:auto;visibility:hidden;width:90%;} #source-edit, #note-edit, #repo-edit, #media-edit {overflow-x:auto;} .media-list td img {display:block;height:40px;width:auto;margin:3px auto;} .filtersH, .filtersF {margin:4px} .filtersH img {margin-bottom:2px;} .filtersH .ui-state-default,.filtersF .ui-state-default {margin:0 2px;padding:2px;} .loading-image {background:transparent url(images/loading.gif) 50% 50% no-repeat;height:50px;margin:50px;} #search-result-tabs, #places-tabs {margin:auto;width:98%;visibility:hidden;} #search-result-tabs h3 {text-align:center;} #searchAccordion-indi, #searchAccordion-fam, #searchAccordion-source, #searchAccordion-note {margin:auto;width:99%;} #place-hierarchy h2, #place-hierarchy h4 {text-align:center;} html[dir=rtl] .source-list th:last-child, html[dir=rtl] .note-list th:last-child, html[dir=rtl] .repo-list th:last-child {margin:0 1px 1px -2px;} /* ========= Sidebar ============== */ #main {min-width:600px;width:100%} #indi_left {float:left;width:98%;} #tabs {background-color:#ffffff;border-color:#DDD;width:98%;overflow:auto;} #sidebarAccordion, #sidebarAccordion2 {width:auto;} #sidebarAccordion h3, #sidebarAccordion2 h3 {height:30px;text-align:center;background:#DDD; border:1px solid #888888;} #sidebar {border-color:#dddddd;display:none;margin:5px 2px 0 0;height:auto;} .use-sidebar #indi_left {width:77%;} .use-sidebar #sidebar {display:block;} .sidebar-at-right #sidebar {width:20%;} .use-sidebar.sidebar-at-right #sidebar, .sidebar-at-right #separator {float:right;} #separator {display:block;background:#dddddd url(images/indi_sprite.png) no-repeat -26px 100px;min-width:6px;max-width:10px;width:0.75%;border:1px solid #888888;border-top-left-radius:3px;border-top-right-radius:3px;margin-top:5px;} .use-sidebar #separator {background:#dddddd url(images/indi_sprite.png) no-repeat -1px 100px;} html[dir=rtl] #indi_left {float:right;} html[dir=rtl] #sidebar {margin:5px 0 0 2px;} html[dir=rtl] .use-sidebar.sidebar-at-right #sidebar, html[dir=rtl] .sidebar-at-right #separator {float:left;} html[dir=rtl] #separator {background:#dddddd url(images/indi_sprite.png) no-repeat -1px 100px;} html[dir=rtl] .use-sidebar #separator {background:#dddddd url(images/indi_sprite.png) no-repeat -26px 100px;} /* ============== Sidebar content items ============== */ /* Family navigator */ #sb_content_family_nav {padding:0;} #sb_family_nav_content {margin-top:2px;} .nam a:hover {color:#555555;} .nav_content {width:100%;padding:10px 0 0 0;} .flyout {color:#000000;text-align:left;margin-top:-20px;right:210px;padding:3px;} .flyout2 {color:#000000;text-align:left;margin-top:-2px;left:40px;padding:3px;} .flyout2 a:hover {color:#555555;} .flyout4 {color:#000000;text-align:left;margin-top:0;margin-left:0;padding:3px;} .flyout3, .flyout3 a {background:none;border:none;text-decoration:none;text-align:left;margin-top:0;left:0;padding:0;} .famnav_link {font-size:12px;padding:0;width:100%;} html[dir=rtl] .flyout {text-align:right;left:210px;} html[dir=rtl] .flyout2 {text-align:right;right:40px;} html[dir=rtl] .flyout3 {text-align:right;} /* Descendancy */ #sb_desc_content {margin-left:3px;font-size:0.8em;} #sb_desc_content ul {padding:0;margin:0;} .sb_desc_indi_li {list-style-type:none;white-space:nowrap;} .desc_tree_div {display:none;} .desc_tree_div ul {padding:0;margin-left:10px;margin-top:0;margin-right:0;} html[dir=rtl] #sb_desc_content {margin-right:3px;} html[dir=rtl] .desc_tree_div ul {margin-right:10px;margin-left:0;} /* Individuals, Families */ .sb_indi_surname_li, .sb_fam_surname_li {list-style-image:url(images/plus.png);} .name_tree_div li, .name_tree_div_visible li {white-space:normal;} .name_tree_div {display:none;} .name_tree_div li, .name_tree_div_visible li {list-style:none;margin:0;padding:0;} .name_tree_div ul, .name_tree_div_visible ul {padding:0;margin:0;} /* Clippings */ #sb_clippings_content li {list-style:none;margin:0;padding:0;} #sb_clippings_content ul {padding:0;margin:0;} /* References */ #sb_content_extra_info {font-size:80%;font-weight:bold;margin-top:1px;overflow:hidden;padding:5px;} #sb_content_extra_info .editfacts {float:right;margin-top:-10px;} #sb_content_extra_info a {display:block;} #sb_content_extra_info span {font-weight:normal;} #sb_content_extra_info span a {display:inline;} #sb_content_extra_info #hitcounter {border-top:1px solid #B2C7D7;font-weight:bold;padding-top:5px;} html[dir=rtl] #sb_content_extra_info .editfacts {float:left;} /* ============== find.php ======================= */ #find-page h3, #find-page h4 {margin:10px;text-align:center;} #find-header {border:1px solid #000000;border-radius:3px;margin:10px auto;padding:5px 20px;width:50%;} #find-header p {margin:5px;text-align:center;} #find-header span {font-weight:bold;} #find-output, #find-output-special {border:1px solid #000000;margin:20px 5px;padding:10px;} #find-output p {border-top:1px solid #000000;font-weight:bold;margin:0;padding-top:10px;text-align:center;} #find-media {border:1px solid #000000;padding:5px;text-align:center;} #find-media span {border:0;font-weight:bold;margin:auto;padding:5px;} #find-output .find-media-dirs {border-bottom:1px solid #000000;padding:3px;} #find-output .find-media-media {border:1px solid #000000;overflow:hidden;margin:1px;padding:2px;} #find-output .find-media-thumb {clear:left;float:left;} #find-output .find-media-details {float:left;} #find-output .find-media-details p {border:0;padding:0 5px 2px 5px;font-weight:normal;text-align:left;} #find-output .find-media-details div span {font-weight:normal;padding:0 5px 2px 5px;} #find-output p.find-media-title {font-weight:bold;} #find-output .find-media-details ul {padding:0;margin:0px 20px 10px 20px;list-style-type:none;} #find-facts-header .list_label {text-align:inherit;} /* ============== search.php ======================= */ #search-page h2, #search_submit {margin:20px;text-align:center;} #search-page-table {border:1px solid #000000;margin:20px auto 0;width:580px;} #search-page-table .label {float:left;font-weight:bold;padding:5px;width:150px;} #search-page-table .value {border-top:1px solid #000000;margin:0 0 0 170px;padding:5px;white-space:nowrap;} #search-page-table div:nth-of-type(2) {border:0;} #search-page-table p {margin:0;} html[dir=rtl] #search-page-table .label {float:right;} html[dir=rtl] #search-page-table .value {margin:0 170px 0 0;} /* ============== edituser.php ======================= */ #edituser-page h2, #edituser_submit {margin:20px;text-align:center;} #edituser-table {border:1px solid #000000;margin:20px auto 0;width:800px;} #edituser-table .label {float:left;font-weight:bold;padding:5px;width:240px;white-space:nowrap;} #edituser-table .value {border-top:1px solid #000000;margin:0 0 0 260px;padding:5px;} #edituser-table .label span {margin:0 10px;} #edituser-table div:nth-of-type(2) {border:0;} #edituser-table select {margin:0;} html[dir=rtl] #edituser-table .label {float:right;} html[dir=rtl] #edituser-table .value {margin:0 260px 0 0;} /* ======= Who is online block ========== */ .logged_in_list {margin:5px 0 0 0;padding:0;line-height:20px;} @media print { #backprint, #header, #topMenu, #separator {display:none;} #pedigree_chart {left:right;left:-80px;} #header_accordion1 {width: 510px!important} html[dir=rtl] #pedigree_chart {left:auto;right:-80px;} #header, #footer, .noprint {display:none !important;} #familybook_chart h3 {margin-bottom: 10px;} form, button, input {display:none;} /* buttons and input are used out of forms in sortable tables*/ .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} #CB_All {display:none;} } /* Icons */ [class^="icon-"],[class*=" icon-"] {display:inline-block;vertical-align:middle;background-repeat:no-repeat;} .icon-add {width:14px;height:15px;background-image:url(images/add.png);} .icon-admin {width:25px;height:25px;background-image:url(images/admin.png);} .icon-bing {width:16px;height:16px;background-image:url(images/bing.png);} .icon-button_addmedia {width:18px;height:16px;background-image:url(images/addmedia.png);} .icon-button_addnote {width:17px;height:15px;background-image:url(images/addnote.png);} .icon-button_addrepository {width:15px;height:15px;background-image:url(images/addrepository.png);} .icon-button_addsource {width:18px;height:16px;background-image:url(images/addsource.png);} .icon-button_calendar {width:19px;height:15px;background-image:url(images/calendar.png);} .icon-button_find_facts {width:20px;height:20px;background-image:url(images/find_facts.png);} .icon-button_head {width:12px;height:18px;background-image:url(images/head.png);} .icon-button_indi {width:11px;height:15px;background-image:url(images/indi.png);} .icon-button_media {width:18px;height:16px;background-image:url(images/media.png);} .icon-button_note {width:17px;height:15px;background-image:url(images/note.png);} .icon-button_place {width:15px;height:15px;background-image:url(images/place.png);} .icon-button_repository {width:15px;height:15px;background-image:url(images/repository.png);} .icon-button_source {width:18px;height:16px;background-image:url(images/source.png);} .icon-button_family {width:14px;height:15px;background-image:url(images/family.png);vertical-align:top;} .icon-button_indi {width:15px;height:15px;background-image:url(images/indi.png);vertical-align:top;} .icon-button_keyboard {width:30px;height:15px;background-image:url(images/keyboard.png);} .icon-darrow {width:20px;height:20px;background-image:url(images/darrow.png);} a.icon-darrow:hover {width:20px;height:20px;background-image:url(images/darrow2.png);} .icon-ddarrow {width:20px;height:20px;background-image:url(images/ddarrow.png);} a.icon-ddarrow {width:20px;height:20px;background-image:url(images/ddarrow2.png);} .icon-childless {width:25px;height:25px;background-image:url(images/childless.png);} .icon-children {width:16px;height:16px;background-image:url(images/children.png);} .icon-email {width:16px;height:16px;background-image:url(images/email.png);} .icon-googlemaps {width:16px;height:16px;background-image:url(images/googlemaps.png);} .icon-help {cursor:help;width:15px;height:15px;background-image:url(images/help.png);} .icon-lifespan-chunk {width:50px;height:37px;background-image:url(images/lifespan-chunk.png);} .icon-larrow {width:20px;height:20px;background-image:url(images/larrow.png);} a.icon-larrow:hover {width:20px;height:20px;background-image:url(images/larrow2.png);} .icon-ldarrow {width:20px;height:20px;background-image:url(images/ldarrow.png);} a.icon-ldarrow:hover {width:20px;height:20px;background-image:url(images/ldarrow2.png);} .icon-loading-small {width:16px;height:16px;background-image:url(images/indicator.gif);} .icon-loading-large {width:32px;height:32px;background-image:url(images/loading.gif);} .icon-lsdnarrow {width:48px;height:48px;background-image:url(images/lifespan-down.png);} .icon-lsltarrow {width:48px;height:48px;background-image:url(images/lifespan-left.png);} .icon-lsrtarrow {width:48px;height:48px;background-image:url(images/lifespan-right.png);} .icon-lsuparrow {width:48px;height:48px;background-image:url(images/lifespan-up.png);} .icon-mapquest {width:16px;height:16px;background-image:url(images/mapquest.png);} .icon-media-next {width:20px;height:20px;background-image:url(images/rdarrow.png);} .icon-media-play {width:20px;height:20px;background-image:url(images/rarrow.png);} .icon-media-prev {width:20px;height:20px;background-image:url(images/ldarrow.png);} .icon-media-shuffle {width:10px;height:10px;background-image:url(images/reorder.png);} .icon-media-stop {width:16px;height:17px;background-image:url(images/stop.png);} .icon-minus {width:11px;height:11px;background-image:url(images/minus.png);} .icon-pedigree {width:24px;height:24px;background-image:url(images/pedigree.png);} .icon-plus {width:11px;height:11px;background-image:url(images/plus.png);} .icon-rarrow {width:20px;height:20px;background-image:url(images/rarrow.png);} a.icon-rarrow:hover {width:20px;height:20px;background-image:url(images/rarrow2.png);} .icon-rdarrow {width:20px;height:20px;background-image:url(images/rdarrow.png);} a.icon-rdarrow:hover {width:20px;height:20px;background-image:url(images/rdarrow2.png);} .icon-reminder {width:15px;height:12px;background-image:url(images/reminder.png);} .icon-remove {width:14px;height:15px;background-image:url(images/remove.png);} .icon-resn-confidential {background-image:none;} .icon-resn-locked {background-image:none;} .icon-resn-none {background-image:none;} .icon-resn-privacy {background-image:none;} .icon-rings {width:9px;height:9px;background-image:url(images/rings.png);} .icon-search {width:24px;height:24px;background-image:url(images/search.png);} .icon-selected {width:12px;height:12px;background-image:url(images/selected.png);} .icon-sex_f_15x15 {width:15px;height:15px;background-image:url(images/sex_f_15x15.png);} .icon-sex_f_9x9 {width:9px;height:9px;background-image:url(images/sex_f_9x9.png);} .icon-sex_m_15x15 {width:15px;height:15px;background-image:url(images/sex_m_15x15.png);} .icon-sex_m_9x9 {width:9px;height:9px;background-image:url(images/sex_m_9x9.png);} .icon-sex_u_15x15 {width:15px;height:15px;background-image:url(images/sex_u_15x15.png);} .icon-sex_u_9x9 {width:9px;height:9px;background-image:url(images/sex_u_9x9.png);} .icon-target {width:15px;height:15px;background-image:url(images/buttons/target.png);} .icon-terraserver {width:16px;height:16px;background-image:url(images/terraserver.png);} .icon-uarrow {width:20px;height:20px;background-image:url(images/uarrow.png);} a.icon-uarrow:hover {width:20px;height:20px;background-image:url(images/uarrow2.png);} .icon-udarrow {width:20px;height:20px;background-image:url(images/udarrow.png);} a.icon-udarrow {width:20px;height:20px;background-image:url(images/udarrow2.png);} .icon-warning {width:17px;height:17px;background-image:url(images/warning.png);} .icon-wiki {width:16px;height:16px;background-image:url(images/w_button.png);} .icon-zoomin {width:25px;height:25px;background-image:url(images/zoomin.png);} .icon-zoomout {width:25px;height:25px;background-image:url(images/zoomout.png);} /* .icon-cfamily {width:24px;height:24px;background-image:url(images/cfamily.png);} .icon-clippings {width:24px;height:24px;background-image:url(images/clippings.png);} .icon-indis {width:24px;height:24px;background-image:url(images/indis.png);} .icon-mypage {width:25px;height:25px;background-image:url(images/mypage.png);} .icon-note {width:16px;height:16px;background-image:url(images/notes.png);} .icon-patriarch {width:25px;height:25px;background-image:url(images/patriarch.png);} .icon-place {width:24px;height:24px;background-image:url(images/place.png);} .icon-repository {width:25px;height:25px;background-image:url(images/repository.png);} .icon-sfamily {width:24px;height:24px;background-image:url(images/sfamily.png);} .icon-source {width:24px;height:24px;background-image:url(images/source.png);} .icon-tree {width:24px;height:24px;background-image:url(images/gedcom.png);} .icon-user_add {width:24px;height:24px;background-image:url(images/user_add.png);} */ [class^="icon-mime-"], [class*=" icon-mime-"] {display:inline-block;background-image:url(images/icon-mime-sprite.png);background-color:transparent;background-repeat:no-repeat;width:48px;height:48px;} /* Generic MIME types */ [class^="icon-mime-"], [class*=" icon-mime-"] {background-position: -99px -49px;} [class^="icon-mime-application-"], [class*=" icon-mime-application-"] {background-position: -99px -196px;} [class^="icon-mime-audio-"], [class*=" icon-mime-audio-"] {background-position:-197px -98px;} [class^="icon-mime-image-"], [class*=" icon-mime-image-"] {background-position:-148px -245px;} [class^="icon-mime-text-"], [class*=" icon-mime-text-"] {background-position:-197px -147px;} [class^="icon-mime-video-"], [class*=" icon-mime-video-"] {background-position:-148px -147px;} /* Specific MIME types */ .icon-mime-application-pdf {background-position: -1px -49px;} .icon-mime-application-msword {background-position:-148px -49px;} .icon-mime-application-vnd-ms-excel {background-position:-148px -196px;} .icon-mime-application-x-rar-compressed {background-position: -50px -98px;} .icon-mime-application-zip {background-position: -50px -147px;} .icon-mime-application-x-shockwave-flash {background-position:-148px 0px;} .icon-mime-audio-mp3 {background-position: -50px -245px;} .icon-mime-audio-mpeg {background-position: -50px 0px;} .icon-mime-audio-x-ms-wma {background-position: -1px -245px;} .icon-mime-audio-wav {background-position: -1px -98px;} .icon-mime-text-html {background-position: -99px -245px;} .icon-mime-text-x-gedcom {background-position: -50px -49px;} .icon-mime-image-bmp {background-position: 197px 0px;} .icon-mime-image-gif {background-position:-197px -49px;} .icon-mime-image-jpeg {background-position: -1px -147px;} .icon-mime-image-png {background-position: -99px -98px;} .icon-mime-image-svg {background-position:-197px -196px;} .icon-mime-image-tiff {background-position:-148px -98px;} .icon-mime-video-quicktime {background-position: -99px -147px;} .icon-mime-video-avi {background-position: -99px 0px;} .icon-mime-video-x-ms-wmv {background-position: -50px -196px;} /* Silhouettes on charts */ .icon-silhouette-F {width:37px; height:50px; background-image:url(images/silhouette_female_small.png);} .icon-silhouette-M {width:37px; height:50px; background-image:url(images/silhouette_male_small.png);} .icon-silhouette-U {width:37px; height:50px; background-image:url(images/silhouette_unknown_small.png);} /* Silhouettes on individual pages */ #indi_mainimage {min-width:100px;} #indi_mainimage .icon-silhouette-F {width: 99px; height:106px; background-image:url(images/silhouette_female.png);} #indi_mainimage .icon-silhouette-M {width: 99px; height: 99px; background-image:url(images/silhouette_male.png);} #indi_mainimage .icon-silhouette-U {width:100px; height: 97px; background-image:url(images/silhouette_unknown.png);} /* Edit interface pop-ups*/ #edit_interface-page h4 {color:#555555;margin:5px;} #edit_interface-page .optionbox span {margin:0 5px;} #edit_interface-page #LATI,#edit_interface-page #LONG,#edit_interface-page #SPFX,#edit_interface-page #NSFX,#edit_interface-page #NPFX {line-height:18px;margin:0 5px;width:88px;} #edit_interface-page #GIVN,#edit_interface-page #SURN,#edit_interface-page #_MARNM {line-height:18px;margin:0 5px;width:180px;} #edit_interface-page input[type="text"], #edit_interface-page #NAME_display {line-height:18px;margin:0 5px;vertical-align:top;width:240px;} #edit_interface-page input[type="text"][id*="PAGE"], #edit_interface-page input[type="text"][id*="_UID"] {width:350px;} #edit_interface-page input[type="text"][id*="SOUR"], #edit_interface-page input[type="text"][id*="REPO"],#edit_interface-page input[type="text"][id*="OBJE"],#edit_interface-page input[type="text"][id*="FAMC"],#edit_interface-page input[type="text"][id*="ASSO"],#edit_interface-page input[type="text"][id^="AGE"],#edit_interface-page input[type="text"][id*="SHARED_NOTE"] {width:250px;} #edit_interface-page input[type="text"][id$="DATE"] {width:160px;} #edit_interface-page input[type="text"][id^="TIME"] {width:100px;} #edit_interface-page input[type="text"][id*="OBJE_FILE"] {width:200px;} #edit_interface-page input[type="text"][id*="SOUR_TITL"] {width:250px;} #edit_interface-page input[id*="TEXT"] {height:140px;width:440px;} #edit_interface-page textarea {margin:0 5px;width:440px;} #edit_interface-page textarea[id*="NOTE"] {height:240px;} #edit_interface-page textarea[id*="TEXT"], #edit_interface-page textarea[id*="PUBL"] {height:140px;} #edit_interface-page textarea[id^="newgedrec"] {line-height:18px;width:605px;} #edit_interface-page textarea#gedcom {height:364px;} #edit_interface-page textarea[id*="ADDR"], #edit_interface-page input[id*="ADDR"] {height:80px;width:300px;} #edit_interface-page #changefam {padding:5px;} #edit_interface-page #changefam table {margin:10px auto;min-width:400px;max-width:650px;} #edit_interface-page #changefam span {margin:0;} #edit_interface-page #changefam td {padding:5px; white-space:normal;} #edit_interface-page #changefam td.child {text-align:center;} #save-cancel {position:fixed;bottom: 0;width:98%;border:solid #555555 1px;margin:0;} #save-cancel input {padding:2px 8px;} #save-cancel .save {float:left;margin:5px;} #save-cancel .cancel {float:right;margin:5px;} html[dir=rtl] #save-cancel .save {float:right;} html[dir=rtl] #save-cancel .cancel {float:left;} #edit_interface-page, #addmedia-page { margin-bottom: 50px; } /* Addmedia pop-ups*/ #addmedia-page input[type="text"] {line-height:18px;margin:0 5px;width:350px;} #addmedia-page .optionbox select {margin:0 5px;} #addmedia-page .optionbox p.sub {font-size:11px;margin:0 5px;} #addmedia-page input[type="text"][id*="PAGE"], #addmedia-page input[type="text"][id*="_UID"] {width:350px;} #addmedia-page input[type="text"][id*="SOUR"], #addmedia-page input[type="text"][id*="REPO"],#addmedia-page input[type="text"][id*="OBJE"],#addmedia-page input[type="text"][id*="FAMC"],#addmedia-page input[type="text"][id*="ASSO"],#addmedia-page input[type="text"][id^="AGE"],#addmedia-page input[type="text"][id*="SHARED_NOTE"] {width:70px;} #addmedia-page input[id*="TEXT"] {height:140px;width:440px;} #addmedia-page textarea {margin:0 5px;width:440px;} #addmedia-page textarea[id*="NOTE"] {height:240px;} /* Styling for the jquery.colorbox gallery */ #colorbox, #cboxOverlay, #cboxWrapper {position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #colorbox {border: 2px solid #cccccc;} #cboxOverlay {position:fixed; width:100%; height:100%;background:#cccccc;} #cboxContent {background:#ffffff;border:5px solid #888888;} #cboxLoadedContent {overflow:auto;background:#ffffff;margin-bottom: 30px;margin-top: 35px;} #cboxTitle {position: absolute;left: 0;top: 10px;color: #949494;text-align:center;width: 100%;font-weight: 800;font-size: 14px;} .cboxPhoto {float:left; margin:auto; border:0; display:block; max-width:none;} .cboxIframe {width:100%; height:100%; display:block; border:0;} #cboxPrevious {position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;margin:10px; border:0;} #cboxPrevious:hover {background-position:-75px -25px;} #cboxNext {position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;margin:10px; border:0;} #cboxNext:hover {background-position:-50px -25px;} #cboxSlideshow {position:absolute; bottom:5px; left:57px; margin:10px; border:0; background:none; font-size:14px;} #cboxSlideshow:hover {color:#ff0000;background:#ffffff;} #cboxClose {position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;margin:10px; border:0;} #cboxClose:hover {background-position:-25px -25px;} #cboxCurrent {bottom: 4px;color: #949494;left: 58px;position: absolute;} html[dir=rtl] #cboxPrevious {right:27px;left:auto} html[dir=rtl] #cboxNext {right:0;left:auto} html[dir=rtl] #cboxCurrent {right:auto;left:0} html[dir=rtl] #cboxClose {right:auto;left:0} html[dir=rtl] #cboxSlideshow {right:57px;left:0; } /* Census assistant module */ table.table-census-assistant th { font-weight: bold; text-align: left; } /* Stories module */ .story_title { padding-top: 12px; height: 32px; font-size: 13px; font-weight: 700; } .story_body { padding: 20px; white-space: normal; } .story_edit { padding:12px; } /* User content in stories tab */ #stories h2, #stories h3, #stories h4, #stories h5 { padding-top: 20px; } #stories p { padding-top: 8px; }