jQuery-3, Bootstrap-4, FontAwesome-4.7, Select2-4, remove popup windows

1 files changed, 479 insertions, 1319 deletions

diff --git a/themes/fab/css-1.7.8/style.css b/themes/fab/css-1.7.8/style.css
index 55e6e9d397..07bb0e4f51 100644
--- a/themes/fab/css-1.7.8/style.css
+++ b/themes/fab/css-1.7.8/style.css
@@ -13,29 +13,465 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  */
 
-/* ======== Globals ========== */
+/* The FAB theme */
 
-/* Add a permanent scrollbar, to prevent "flickering" when hover effects lengthen page */
-html {
-	overflow-y: scroll;
+/* Override Bootstrap formatting */
+.btn-link {
+	padding-left: 0.25rem;
+	padding-right: 0.25rem;
 }
 
-body {
+/*
+ * Any element that is loaded dynamically has the class wt-ajax-load.
+ * We can provide a "loading" placeholder for empty elements with this class.
+ */
+.wt-ajax-load:empty {
+	height: 32px;
+	background: url(images/loading-32x32.gif) no-repeat 50% 50%;
+}
+
+/*
+ * Icons use FontAwesome by default, but have additional classes to
+ * allow them to be overridden
+ *
+ * .wt-icon-arrow-down
+ * .wt-icon-arrow-end (right on LTR, left on RTL)
+ * .wt-icon-arrow-start (left on LTR, right on RTL)
+ * .wt-icon-arrow-up
+ * .wt-icon-bing-maps
+ * .wt-icon-calendar
+ * .wt-icon-copy
+ * .wt-icon-delete
+ * .wt-icon-edit
+ * .wt-icon-email
+ * .wt-icon-family
+ * .wt-icon-help
+ * .wt-icon-individual
+ * .wt-icon-google-maps
+ * .wt-icon-keyboard
+ * .wt-icon-media
+ * .wt-icon-note
+ * .wt-icon-openstreetmap
+ * .wt-icon-preferences
+ * .wt-icon-repository
+ * .wt-icon-source
+ * .wt-icon-submitter
+ */
+.wt-icon-bing-maps::before {
+	width: 16px;
+	height: 16px;
+	content: url(icons/bing-maps.png);
+}
+
+.wt-icon-google-maps::before {
+	width: 16px;
+	height: 16px;
+	content: url(icons/google-maps.png);
+}
+
+.wt-icon-openstreetmap::before {
+	width: 16px;
+	height: 16px;
+	content: url(icons/openstreetmap.png);
+}
+
+/*
+ * Pages have the following high-level structure:
+ *
+ * wt-global
+ * +---wt-header-wrapper
+ *     +---wt-header-container
+ *     |   +---wt-header-content
+ *     |       +---wt-accessibility-links
+ *     |       +---wt-site-logo
+ *     |       +---wt-site-title
+ *     |       +---wt-header-search
+ *     |       |   +---wt-header-search-form
+ *     |       |       +---wt-header-search-field
+ *     |       |       +---wt-header-search-button
+ *     |       +---wt-secondary-navigation
+ *     |       |   +---wt-secondary-menu
+ *     |       +---wt-primary-navigation
+ *     |           +---wt-primary-menu
+ *     +---wt-main-container
+ *     |   +---wt-main-content
+ *     |       +---wt-messages
+ *     |       +---wt-page-title
+ *     |       +---wt-page-options wt-page-options-xxxxx
+ *     |       +---wt-page-content
+ *     +---wt-footer-container
+ *         +---wt-footer-content
+ *             +---wt-contact-links
+ *             +---wt-powered-by-webtrees
+ *             +---wt-page-views
+ *             +---wt-cookie-warning
+ */
+
+.wt-global {
 	color: #555;
-	background-color: #fff;
-	font: 14px/1.42857 sans-serif; /* Use the browser’s prefered font */
-	margin: 0;
 }
 
-main {
-	display: block;
-	clear: both;
+.wt-header-wrapper {
+}
+
+.wt-header-container {
+	background-color: #eee;
+}
+
+.wt-header-content {
+}
+
+.wt-accessibility-links {
+}
+
+.wt-site-logo {
+	display: none;
 }
 
+.wt-site-title {
+	order: 1;
+	flex: 1 1 fit-content;
+	font-size: 1.5rem;
+	color: #888;
+}
+
+.wt-header-search {
+	order: 3;
+	flex: 0 0 15rem;
+}
+
+.wt-header-search-form {
+}
+
+.wt-secondary-navigation {
+	order: 2;
+	flex: 0 0 fit-content;
+	white-space: nowrap;
+}
+
+.wt-secondary-menu {
+}
+
+.wt-secondary-menu .nav-link {
+	display: inline-block;
+	padding: 0.5rem;
+}
+
+.wt-secondary-menu .nav-item::after {
+	content: "|";
+}
+
+.wt-secondary-menu .dropdown-toggle::after {
+	display: none;
+}
+
+.wt-primary-navigation {
+	order: 4;
+	flex: 0 0 100%;
+}
+
+.wt-primary-menu {
+	justify-content: center;
+}
+
+.wt-primary-menu .dropdown-toggle::after {
+	display: none;
+}
+
+.wt-primary-menu .nav-link {
+	white-space: nowrap;
+	display: inline-block;
+	padding: 0.5rem;
+}
+
+.wt-primary-menu .nav-item + .nav-item::before {
+	content: "|";
+}
+
+.wt-main-container {
+}
+
+.wt-main {
+}
+
+.wt-messages {
+}
+
+.wt-page-title {
+	text-align: center;
+}
+
+.wt-page-options {
+	max-width: 50rem;
+	margin: 0 auto;
+}
+
+.wt-page-content {
+	margin-top: 1rem;
+}
+
+.wt-footer-container {
+}
+
+.wt-footer-content {
+}
+
+.wt-contact-links {
+}
+
+.wt-powered-by-webtrees {
+}
+
+.wt-page-views {
+}
+
+.wt-cookie-warning {
+}
+
+/*
+ * The home/my pages
+ *
+ * wt-home-page / wt-my-page
+ * +---wt-main-blocks
+ * |   +---wt-block, wt-block-AAA
+ * |   +---wt-block, wt-block-BBB
+ * |   +---wt-block, wt-block-CCC
+ * +---wt-side-blocks
+ *     +---wt-block, wt-block-XXX
+ *     +---wt-block, wt-block-YYY
+ *     +---wt-block, wt-block-ZZZ
+ *
+ * Each block as the structure
+ * wt-block, wt-block-XXX
+ * +---wt-block-header, wt-block-header-XXX
+ * +---wt-block-content, wt-block-content-XXX
+ */
+
+.wt-block {
+	background-color: #eee;
+	padding: 3px;
+	vertical-align: top;
+}
+
+.wt-block-header {
+	background-color: #eee;
+	border-bottom: 0;
+	font-weight: bold;
+}
+
+.blockcontent .list_table {
+	border-right: 0;
+}
+
+.blockcontent .list_value,
+.blockcontent .list_value_wrap {
+	border: 0;
+}
+
+/*
+ * Pending changes page
+ *
+ * wt-pending-changes-page
+ */
+
+/*
+ * Edit genealogy data page
+ *
+ * wt-edit-page, wt-edit-XXXX-page
+ */
+
+/*
+ * Configure home/my page blocks page
+ *
+ * wt-edit-blocks-page
+ */
+
+/*
+ * Login page
+ *
+ * wt-login-page
+ */
+
+/*
+ * Ancestors chart
+ *
+ * wt-chart, wt-ancestors-chart
+ * +---wt-ancestors-chart-list
+ *     +---wt-ancestors-chart-list-item
+ */
+.wt-ancestors-chart-list {
+}
+
+/*
+ * Compact chart
+ *
+ * wt-chart, wt-compact-chart
+ */
+
+.wt-ancestors-chart-list-item {
+}
+
+/*
+ * Descendants chart
+ *
+ * wt-chart, wt-descendants-chart
+ * +---wt-descendants-chart-list
+ *     +---wt-descendants-chart-list-item
+ */
+.wt-descendants-chart-list {
+}
+
+.wt-descendants-chart-list-item {
+}
+
+/*
+ * Family book chart
+ *
+ * wt-chart, wt-family-book-chart
+ */
+
+/*
+ * Fan chart
+ *
+ * wt-chart, wt-fan-chart
+ */
+
+/*
+ * Hourglass chart
+ *
+ * wt-chart, wt-hourglass-chart
+ */
+
+/*
+ * Hourglass chart
+ *
+ * wt-chart, wt-interactive-tree
+ */
+
+/*
+ * Lifespans chart
+ *
+ * wt-chart, wt-lifespans-chart
+ */
+
+/*
+ * Pedigree chart
+ *
+ * wt-chart, wt-pedigree-chart
+ */
+
+/*
+ * Pedigree map
+ *
+ * wt-chart, wt-pedigree-map
+ */
+
+/*
+ * Relationships chart
+ *
+ * wt-chart, wt-relationships-chart
+ */
+
+/*
+ * Statistics chart
+ *
+ * wt-chart, wt-statistics-chart
+ */
+
+/*
+ * Timeline chart
+ *
+ * wt-chart, wt-timeline-chart
+ */
+
+/*
+ * Family list and individual list
+ *
+ * wt-page-options
+ * +---wt-initials-list
+ *     +---wt-initial-list-item
+ *         +---wt-initial
+ *         +---wt-initial, active
+ * wt-page-content
+ * +---wt-list, wt-{family,individual}-list
+ */
+
+.wt-initials-list {
+	list-style: none;
+}
+
+.wt-initials-list-item {
+	display: inline;
+}
+
+.wt-initials-list-item + .wt-initials-list-item::before {
+	content: '|';
+}
+
+.wt-initial {
+	padding: 0 0.25rem;
+}
+
+.wt-initial.active {
+	color: #f00;
+	font-weight: bold;
+}
+
+/*
+ * Media object list
+ *
+ * wt-list, wt-media-list
+ */
+
+/*
+ * Note object list
+ *
+ * wt-list, wt-note-list
+ */
+
+/*
+ * Source list
+ *
+ * wt-list, wt-source-list
+ */
+
+/*
+ * Repository list
+ *
+ * wt-list, wt-repository-list
+ */
+
+/*
+ * Branches list
+ *
+ * wt-branches-page
+ */
+
+/*
+ * Place hierarchy
+ *
+ * wt-place-hierarchy-page
+ */
+
+/*
+ * Calendar
+ *
+ * wt-calendar-page
+ */
+
+/*
+ * Reports
+ *
+ * wt-reports-page
+ */
+
+/*
+ * Search
+ *
+ * wt-search-page, wt-general-serach-page/wt-phonetic-search-page/wt-advanced-search-page/wt-search-replace-page
+ */
+
 /* ====== Round Corners ======== */
-input,
-textarea,
-fieldset,
 .border1,
 .block,
 .descriptionbox,
@@ -57,11 +493,8 @@ fieldset,
 .person3,
 .person4,
 .person5,
-header,
-footer,
 #indi_main_blocks,
 #tabs,
-#save-cancel,
 .topbottombar {
 	margin: 4px;
 	padding: 4px;
@@ -73,24 +506,16 @@ footer,
 	cursor: pointer;
 }
 
-input:required:valid,
-textarea:required:valid {
+input:required:valid {
 	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAONJREFUeNpi/P//PwMlgImBQjDwBrCgCzDOF2Zg+Adk/AOGDRvQfHZGoDWMxgyMDMb/Q1/NIt0F/xk8gIbNZPj7P41YL4AUGsM1//rfkuyeYMzw8z9xXgBqgNm0nuHnv0D/IH/juavmngV6oYY4F3z7y2DqY2oMpANB9MYl684yfP9Xw3Dzzw7sXgQmJGTM0MbjwdDKc0b2vt5/EM2QwunBoMyCVS1YPYYAMOwZ7FmiGLLYzjBYsSQD+QpALAjErNgMYERPyoyMjMxAih+IOYD4LxD/hOJfQLV/MaJ9NC8wAAQYAPbPfH2KJKx/AAAAAElFTkSuQmCC) no-repeat right top;
 }
 
-input:required:invalid,
-textarea:required:invalid {
+input:required:invalid {
 	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMpJREFUeNpi/P//PwMlgImBQjAMDGBBF1jFyOgBpFqAuOYPA8MOoAI4P+z//x0YJoBiARkvYWA486+k5D+IBuJqZD66WnAMogvMA9o4F6j4R3Lyf2R6IQODMVEGTAW6CoirgfjMB2/v/yB6CgNDYQ8W14IwRiB+A7rgOwNDYLChofGcrVvPgugfDAzR/yFhwUAwDJqBNj6Ulf0PooEhV4jMx+YCRvSknAeMBWDotwgwMKRzMTCcfQW0GcQHxkbNJCyxwDiaFxgAAgwAYy67YIOQ//cAAAAASUVORK5CYII=) no-repeat right top;
 }
 
-input {
-	font-size: 14px;
-}
-
 [dir=rtl] input:required:valid,
-[dir=rtl] textarea:required:valid,
-[dir=rtl] input:required:invalid,
-[dir=rtl] textarea:required:invalid {
+[dir=rtl] input:required:invalid {
 	background-position: left top;
 }
 
@@ -133,93 +558,6 @@ dt {
 	margin-left: 10px;
 }
 
-header {
-	color: #888;
-	text-align: center;
-}
-
-#content {
-	margin: 5px 5px 12px 5px;
-}
-
-header,
-footer,
-.block {
-	background-color: #eee;
-	clear: none;
-}
-
-th {
-	font-weight: 100;
-}
-
-ul {
-	padding-left: 15px;
-	padding-right: 15px;
-	margin: 8px;
-}
-
-img {
-	border: 0;
-}
-
-legend img {
-	height: 20px;
-	vertical-align: middle;
-	width: 20px;
-}
-
-img.block,
-#mycart img {
-	border: 0;
-	height: 25px;
-	vertical-align: middle;
-}
-
-textarea {
-	border-style: inset;
-}
-
-.topbottombar {
-	background-color: #ccc;
-	font-size: 12px;
-	font-weight: bold;
-	padding: 4px;
-	text-align: center;
-}
-
-fieldset {
-	margin: 8px 8px 4px;
-	text-align: left;
-}
-
-[dir=rtl] fieldset {
-	text-align: right;
-}
-
-legend {
-	font-weight: bold;
-}
-
-select {
-	font-size: 12px;
-	margin: 0 7px;
-	padding: 1px;
-}
-
-header form {
-	font-size: 12px;
-}
-
-/* Some styles from bootstrap */
-.text-muted {
-	color: #777;
-}
-
-.small {
-	font-size: 12px;
-}
-
 #mycart a img {
 	height: 15px;
 }
@@ -770,13 +1108,11 @@ a:hover .nameZoom {
 
 /* ---Pending edits--- */
 .new {
-	border: solid #00f 1px;
-	overflow: hidden;
+	outline: solid #00f 1px;
 }
 
 .old {
-	border: solid #f00 1px;
-	overflow: hidden;
+	outline: solid #f00 1px;
 }
 
 .tag_cloud {
@@ -787,60 +1123,6 @@ a:hover .nameZoom {
 	white-space: nowrap;
 }
 
-/* ---Autocomplete styles--- */
-.ui-autocomplete-input {
-	background-color: #eea;
-}
-
-.ui-autocomplete {
-	padding: 0;
-	border: thin solid #aaa;
-	background-color: #fff;
-	z-index: 99999;
-	list-style: none outside none;
-	margin: 0;
-	max-height: 200px;
-	overflow-x: hidden;
-	overflow-y: scroll;
-}
-
-.ui-autocomplete li {
-	margin: 0;
-	padding: 2px 5px;
-	font-size: 12px;
-	cursor: default;
-	display: block;
-	/* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */
-	/* width: 100%; */
-	font: menu;
-	/* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */
-	line-height: 14px;
-	overflow: hidden;
-}
-
-.ui-autocomplete-loading {
-	background: #fff url(images/indicator.gif) right center no-repeat;
-}
-
-.ui-autocomplete li:nth-child(odd) {
-	background-color: #eee;
-}
-
-.ui-autocomplete a.ui-state-focus {
-	background: #369;
-	color: #fff;
-}
-
-.ui-sortable li {
-	list-style-type: none;
-}
-
-.ui-sortable .noprint {
-	display: none;
-}
-
-/* ---End of Autocomplete styles--- */
-
 .nowrap {
 	white-space: nowrap;
 }
@@ -900,7 +1182,7 @@ a:hover .nameZoom {
 }
 
 #pending .indent {
-	padding: 0px;
+	padding: 0;
 }
 
 /* ======== Person box ======= */
@@ -954,12 +1236,6 @@ a:hover .nameZoom {
 	display: none;
 }
 
-.person_box_template .noprint {
-	width: 25px;
-	height: 50px;
-	position: relative;
-}
-
 .person_box_template .chart_textbox {
 	overflow: hidden;
 	font: 13px tahoma, arial, helvetica, sans-serif;
@@ -1095,7 +1371,7 @@ a:hover .nameZoom {
 }
 
 .lb-menu li a {
-	padding: 0px 10px 1px 5px;
+	padding: 0 10px 1px 5px;
 }
 
 .lb-menu li li a {
@@ -1221,8 +1497,7 @@ a:hover .nameZoom {
 }
 
 #register-form label input,
-#register-form label select,
-#register-form textarea {
+#register-form label select {
 	width: 220px;
 	margin: 0 10px;
 	padding: 3px;
@@ -1233,10 +1508,6 @@ a:hover .nameZoom {
 	width: 228px;
 }
 
-#register-form textarea {
-	vertical-align: top;
-}
-
 #register-form div#registration-submit {
 	text-align: center;
 }
@@ -1300,8 +1571,6 @@ a:hover .nameZoom {
 	opacity: 0;
 	transition: visibility 0s ease .25s,opacity .25s ease;
 	z-index: 9999;
-	-webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,.4);
-	-moz-box-shadow: 5px 5px 5px 0 rgba(0,0,0,.4);
 	box-shadow: 5px 5px 5px 0 rgba(0,0,0,.4);
 }
 
@@ -1401,16 +1670,6 @@ a:hover .nameZoom {
 }
 
 /* ======== List styles ====== */
-.source-list,
-.note-list,
-.repo-list,
-.media-list,
-.indi-list,
-.fam-list {
-	margin: 5px auto;
-	visibility: hidden;
-	width: 98%;
-}
 
 .recent_changes_block,
 .upcoming_events_block,
@@ -1508,17 +1767,6 @@ a:hover .nameZoom {
 	text-align: center;
 }
 
-#source-tabs,
-#note-tabs,
-#repo-tabs,
-#media-tabs {
-	visibility: hidden;
-}
-
-#statistics_chart {
-	visibility: hidden;
-}
-
 #source-edit,
 #note-edit,
 #repo-edit,
@@ -1552,13 +1800,6 @@ a:hover .nameZoom {
 	text-align: center;
 }
 
-#search-result-tabs,
-#places-tabs {
-	margin: auto;
-	width: 98%;
-	visibility: hidden;
-}
-
 #search-result-tabs h3 {
 	text-align: center;
 }
@@ -1582,67 +1823,6 @@ a:hover .nameZoom {
 	margin: 0 1px 1px -2px;
 }
 
-/* ======== Block styles ===== */
-#index_main_blocks {
-	clear: none;
-	width: 60%;
-	float: left;
-}
-
-#index_small_blocks {
-	clear: none;
-	width: 40%;
-	float: right;
-}
-
-#index_full_blocks {
-	clear: none;
-	width: 100%;
-}
-
-[dir=rtl] #index_main_blocks {
-	float: right;
-}
-
-[dir=rtl] #index_small_blocks {
-	float: left;
-}
-
-.small_inner_block {
-	max-height: 200px;
-	overflow: auto;
-}
-
-.normal_inner_block {
-	overflow: auto;
-}
-
-.block {
-	background-color: #eee;
-	padding: 3px;
-	vertical-align: top;
-}
-
-.blockcontent {
-	margin: 5px;
-	overflow: auto;
-}
-
-.blockcontent .list_table {
-	border-right: 0;
-}
-
-.blockcontent .list_value,
-.blockcontent .list_value_wrap {
-	border: 0;
-}
-
-.blockheader {
-	font-weight: bold;
-}
-
-/* end Block styles */
-
 #main_select,
 #available_select,
 #right_select {
@@ -1798,36 +1978,7 @@ div.faq_body {
 	padding-top: 15px;
 }
 
-/* a container for the following three links */
-
-.editlink,
-.copylink,
-.deletelink {
-	float: left;
-}
-
-[dir=rtl] .editlink,
-[dir=rtl] .copylink,
-[dir=rtl] .deletelink {
-	float: right;
-}
-
-span.link_text {
-	display: none;
-}
-
 /* ======== Indi header ====== */
-.field .editlink,
-.field .deletelink,
-.field .copylink {
-	float: right;
-}
-
-[dir=rtl].field .editlink,
-[dir=rtl].field .deletelink {
-	float: left;
-}
-
 #indi_header {
 	overflow: hidden;
 	border-radius: 4px;
@@ -1928,8 +2079,8 @@ span.link_text {
 	float: right;
 }
 
-dd .editlink,
-dd .deletelink {
+#individual-names .wt-icon-edit,
+#individual-names .wt-icon-delete {
 	float: right;
 }
 
@@ -2010,13 +2161,13 @@ dd .deletelink {
 	float: left;
 }
 
-[dir=rtl] dd .editlink,
-[dir=rtl] dd .deletelink {
+[dir=rtl] #individual-names .wt-icon-edit,
+[dir=rtl] #individual-names .wt-icon-delete {
 	float: left;
 }
 
 .odometer {
-	font-family: courier, mono-space;
+	font-family: courier, monospace;
 	font-weight: bold;
 	background: #000;
 	color: #fff;
@@ -2025,10 +2176,7 @@ dd .deletelink {
 /* ======= General sprite ==== */
 .male_gender,
 .female_gender,
-.unknown_gender,
-.editicon,
-.copyicon,
-.deleteicon {
+.unknown_gender {
 	display: block;
 	background: url(images/indi_sprite.png) no-repeat;
 }
@@ -2051,24 +2199,6 @@ dd .deletelink {
 	height: 30px;
 }
 
-.editicon {
-	background-position: -40px -32px;
-	width: 24px;
-	height: 16px;
-}
-
-.copyicon {
-	background-position: -70px -32px;
-	width: 24px;
-	height: 16px;
-}
-
-.deleteicon {
-	background-position: -100px -32px;
-	width: 24px;
-	height: 16px;
-}
-
 /* ======== Indi tabs ======== */
 /* Facts & Events tab */
 #personal_facts_content .fact_NOTE,
@@ -2149,69 +2279,6 @@ dd .deletelink {
 	width: 100%;
 }
 
-/* === jquery-ui.css changes === */
-.ui-state-highlight a {
-	font-weight: bold;
-}
-
-.ui-tabs .ui-tabs-panel {
-	background-color: #eee;
-	border-radius: 4px;
-	padding: 4px;
-}
-
-.ui-widget {
-    font-size: 1em;
-}
-
-.ui-accordion .ui-accordion-header .ui-icon {
-	position: absolute;
-	left: 6px;
-	top: 50%;
-	margin-top: -8px;
-}
-
-.ui-accordion .ui-accordion-content {
-	padding: 12px 1px;
-	border-top: 0;
-	margin-top: 1px;
-	position: relative;
-	top: 1px;
-	margin-bottom: 2px;
-	overflow: visible;
-	display: none;
-}
-
-.ui-accordion .ui-accordion-content-active {
-	display: block;
-}
-
-.ui-accordion .ui-accordion-header a {
-	padding: 6px;
-}
-
-[dir=rtl] .ui-tabs {
-	direction: rtl;
-}
-
-[dir=rtl] .ui-tabs .ui-tabs-nav li.ui-tabs-selected,
-[dir=rtl] .ui-tabs .ui-tabs-nav li.ui-state-default {
-	float: right;
-}
-
-[dir=rtl] .ui-accordion .ui-accordion-header .ui-icon {
-	right: 6px;
-}
-
-[dir=rtl] .ui-dialog-title {
-	float: right;
-}
-
-[dir=rtl] .ui-dialog-titlebar-close {
-	left: .3em;
-	right: auto;
-}
-
 /* === jQuery.datatable styling general over-rides === */
 .odd {
 	background-color: LightGrey;
@@ -2353,14 +2420,6 @@ dd .deletelink {
 	display: table-cell;
 }
 
-#indi_left .ui-tabs-panel {
-	padding: 0;
-}
-
-#indi_left .ui-tabs-nav {
-	margin: 0 2px;
-}
-
 #tabs {
 	padding-bottom: 0;
 	margin-bottom: 0;
@@ -2598,110 +2657,6 @@ dd .deletelink {
 	float: left;
 }
 
-/* ===== find.php =====  */
-#find-page h3,
-#find-page h4 {
-	margin: 10px;
-	text-align: center;
-}
-
-#find-header {
-	background-color: #ccc;
-	border: 1px solid #aaa;
-	border-radius: 4px;
-	margin: 10px auto;
-	padding: 5px 20px;
-	width: 50%;
-}
-
-#find-header p {
-	margin: 5px;
-	text-align: center;
-}
-
-#find-header span {
-	color: #fff;
-	font-weight: bold;
-}
-
-#find-output,
-#find-output-special {
-	background-color: #ddd;
-	border: 1px outset #aaa;
-	margin: 20px 5px;
-	padding: 10px;
-}
-
-#find-output p {
-	border-top: 1px solid #aaa;
-	font-weight: bold;
-	margin: 0;
-	padding-top: 10px;
-	text-align: center;
-}
-
-#find-media {
-	background-color: #81a9cb;
-	border: 1px outset #81a9cb;
-	color: #fff;
-	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 #aaa;
-	padding: 3px;
-}
-
-#find-output .find-media-media {
-	border: 1px solid #aaa;
-	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;
-	font-weight: normal;
-	text-align: left;
-}
-
-#find-output .find-media-details div span {
-	font-weight: normal;
-	padding: 0 5px 2px;
-}
-
-#find-output p.find-media-title {
-	font-weight: bold;
-}
-
-#find-output .find-media-details ul {
-	padding: 0;
-	margin: 0 20px 10px;
-	list-style-type: none;
-}
-
-#find-facts-header .list_label {
-	text-align: inherit;
-}
-
 /* ===== search.php ===== */
 #search-page h2 {
 	margin: 20px;
@@ -2790,213 +2745,6 @@ dd .deletelink {
 	margin: 0 260px 0 0;
 }
 
-/* ===== Edit interface pop-ups ===== */
-#edit_interface-page h4 {
-	color: #555;
-	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*="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;
-	background-color: #eee;
-	width: 96.5%;
-	border-radius: 4px;
-	border: solid #999 1px;
-	margin: 0;
-}
-
-#save-cancel input {
-	padding: 2px 8px;
-}
-
-#save-cancel .save {
-	float: left;
-	margin: 5px;
-}
-
-#save-cancel .cancel {
-	float: right;
-	margin: 5px;
-}
-
-[dir=rtl] #save-cancel .save {
-	float: right;
-}
-
-[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 {
-	margin: 0 5px;
-	font-size: 11px;
-}
-
-#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;
-}
-
-#addmedia-page textarea[id*="TEXT"],
-#addmedia-page textarea[id*="PUBL"] {
-	height: 140px;
-}
-
 /* ===== Styling for the jquery.colorbox gallery ===== */
 #colorbox,
 #cboxOverlay,
@@ -3189,39 +2937,20 @@ dd .deletelink {
 	display:block;
 }
 
-#compact_chart,
-#fan_chart,
-.chart_common,
-#ancestry_booklet,
-#descendancy_booklet,
-#familybook_chart,
-#hourglass_chart {
-	margin: 20px;
-}
-
-/* styles for vertical lines in ancestry and descendancy charts */
-.chart_common li {
-	list-style: none;
-}
-
-.chart_common li > span.details1 {
-	white-space: nowrap;
-}
-
-.chart_common .generation {
+/* Ancestry chart */
+.wt-ancestors-chart-list {
 	background: transparent url(images/vline.png) left top repeat-y;
 	margin: 0 0 0 15px;
 	padding: 0;
 	display: block;
 }
 
-[dir=rtl] .chart_common .generation {
+[dir=rtl] .wt-ancestors-chart-list {
 	margin: 0 15px 0 0;
-	background-position: right top
-;
+	background-position: right top;
 }
 
-.chart_common .generation > li {
+.wt-ancestors-chart-list-item {
 	margin: 5px 0;
 }
 
@@ -3305,22 +3034,6 @@ dd .deletelink {
 	text-align: center;
 }
 
-/*-- Hourglass ---- */
-#hourglass_chart img.line4 {
-	vertical-align: middle;
-}
-
-#hourglass_chart table,
-.charts_block table {
-	border-collapse: collapse;
-}
-
-#hourglass_chart td,
-.charts_block td {
-	padding: 0;
-	empty-cells: show;
-}
-
 /*-- Lifespan ---- */
 #lifespan-chart {
 	padding:    0 10px 10px;
@@ -3383,11 +3096,6 @@ dd .deletelink {
 	z-index: -1000;
 }
 
-#pedigree-page .shadow {
-	position: absolute;
-	white-space: nowrap;
-}
-
 #pedigree-page .layout0 .shadow > div,
 #pedigree-page .layout1 .shadow > div {
 	display: inline-block;
@@ -3403,6 +3111,16 @@ dd .deletelink {
 #childarrow,
 .ancestorarrow {
 	text-align: center;
+	display: inline-block;
+	vertical-align: middle;
+}
+
+#pedigree_chart .person_box_template {
+	display: inline-block;
+}
+
+#pedigree_chart .shadow {
+	white-space: nowrap;
 }
 
 #pedigree-page #childarrow {
@@ -3462,18 +3180,6 @@ dd .deletelink {
 	background-image: url(images/add.png);
 }
 
-.icon-admin {
-	width: 30px;
-	height: 30px;
-	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;
@@ -3499,13 +3205,6 @@ dd .deletelink {
 	background-image: url(images/buttons/addsource.png);
 }
 
-.icon-button_calendar {
-	width: 19px;
-	height: 15px;
-	background-image: url(images/buttons/calendar.png);
-	vertical-align: middle;
-}
-
 .icon-button_family {
 	width: 14px;
 	height: 15px;
@@ -3536,13 +3235,6 @@ dd .deletelink {
 	background-image: url(images/buttons/indi.png);
 }
 
-.icon-button_keyboard {
-	width: 30px;
-	height: 15px;
-	background-image: url(images/buttons/keyboard.png);
-	vertical-align: middle;
-}
-
 .icon-button_media {
 	width: 18px;
 	height: 16px;
@@ -3599,98 +3291,30 @@ dd .deletelink {
 	background-image: url(images/clippings.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);
-}
-
 .icon-edit_indi {
 	width: 25px;
 	height: 25px;
 	background-image: url(images/edit_indi.png);
 }
 
-.icon-email {
-	width: 16px;
-	height: 16px;
-	background-image: url(images/email.png);
-}
-
 .icon-fam-list {
 	width: 24px;
 	height: 24px;
 	background-image: url(images/sfamily.png);
 }
 
-.icon-googlemaps {
-	width: 16px;
-	height: 16px;
-	background-image: url(images/googlemaps.png);
-}
-
-.icon-help {
-	cursor: help;
-	margin: 0 5px;
-	width: 15px;
-	height: 15px;
-	background-image: url(images/help.png);
-}
-
 .icon-indi-list {
 	width: 50px;
 	height: 50px;
 	background-image: url(images/indis.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);
-}
-
-.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-media {
 	width: 24px;
 	height: 24px;
@@ -3703,24 +3327,6 @@ a.icon-larrow:hover {
 	background-image: url(images/media.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;
@@ -3757,12 +3363,6 @@ a.icon-larrow:hover {
 	background-image: url(images/notes.png);
 }
 
-.icon-osm {
-	width: 16px;
-	height: 16px;
-	background-image: url(images/osm.png);
-}
-
 .icon-pin-in {
 	width: 16px;
 	height: 16px;
@@ -3781,30 +3381,6 @@ a.icon-larrow:hover {
 	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;
@@ -3907,43 +3483,12 @@ a.icon-rdarrow:hover {
 	background-image: url(images/source.png);
 }
 
-.icon-target {
-	width: 15px;
-	height: 15px;
-	background-image: url(images/buttons/target.png);
-	vertical-align: middle;
-}
-
-.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);
-}
-
 .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;
@@ -4119,120 +3664,6 @@ a.icon-uarrow:hover {
 /* ====== End Icon styles ====== */
 
 /* ====== Theme Header ========= */
-header h1 {
-	clear: left;
-	float: left;
-	font-size: x-large;
-	font-weight: normal;
-	margin: 0;
-}
-
-[dir=rtl] header h1 {
-	clear: right;
-	float: right;
-}
-
-.header-search {
-	display: inline-block;
-}
-
-/* Set stack level for top two header menu rows */
-.secondary-menu ul,
-.primary-menu ul {
-	z-index: 210;
-	max-height: 400px;
-	min-width: 140px;
-	overflow-y: auto;
-	overflow-x: hidden;
-}
-
-.secondary-menu {
-	white-space: nowrap;
-	float: right;
-}
-
-[dir=rtl] .secondary-menu {
-	float: left;
-}
-
-/* ====== Secondary menu ======= */
-.secondary-menu li {
-	background: none !important;
-	display: inline;
-	position: relative;
-	white-space: nowrap;
-}
-
-.secondary-menu li:before {
-	content: " | ";
-}
-
-.secondary-menu li ul li:before {
-	content: "";
-}
-
-.secondary-menu li:first-child:before {
-	content: "";
-}
-
-.secondary-menu li ul {
-	display: none;
-	position: absolute;
-	left: 0;
-	top: 15px;
-	background-color: #eee;
-	border: thin solid #aaa;
-}
-
-.secondary-menu.lb-menu li:before {
-	content: "";
-}
-
-[dir=rtl] .secondary-menu {
-	float: left;
-	margin-left: 10px;
-}
-
-[dir=rtl] .secondary-menu li ul {
-	left: -15px;
-	right: auto;
-}
-
-.secondary-menu ul ul {
-	top: 0;
-	left: 100px;
-}
-
-[dir=rtl] .secondary-menu ul ul {
-	top: 0;
-	left: auto;
-	right: 100px;
-}
-
-.secondary-menu li ul li {
-	display: block;
-	text-align: left;
-}
-
-[dir=rtl] .secondary-menu li ul li {
-	text-align: right;
-}
-
-.secondary-menu,
-.secondary-menu li ul {
-	list-style: none;
-	margin: 0;
-	padding: 1px;
-}
-
-.secondary-menu li:hover > ul {
-	display: block;
-}
-
-.secondary-menu .active {
-	font-weight: 900;
-}
-
 .menu-language li {
 	text-align: left; /* The language menu is always LTR, even on RTL pages */
 }
@@ -4241,116 +3672,6 @@ header h1 {
 	text-align: left; /* The theme menu is always LTR, even on RTL pages */
 }
 
-#header-user-links {
-	float: right;
-}
-
-[dir=rtl] #header-user-links {
-	float: left;
-}
-
-.secondary-menu ul li a {
-	background-color: #eee;
-	padding: 2px 5px;
-	display: block;
-}
-
-.secondary-menu ul li a:hover {
-	background-color: #369;
-	color: #fff;
-	text-decoration: none;
-}
-
-/* ====== Primary menu ========= */
-header nav {
-	clear: both;
-	text-align: center;
-	padding-top: 12px;
-}
-
-.primary-menu {
-	margin: 0;
-}
-
-.primary-menu li {
-	background: none !important;
-	display: inline;
-	position: relative;
-	white-space: nowrap;
-}
-
-.primary-menu li:before {
-	content: " | ";
-}
-
-.primary-menu li ul li:before {
-	content: "";
-}
-
-.primary-menu li:first-child:before {
-	content: "";
-}
-
-.primary-menu li ul {
-	display: none;
-	position: absolute;
-	left: 0;
-	top: 7px;
-	background-color: #eee;
-	border: thin solid #aaa;
-}
-
-[dir=rtl] .primary-menu li ul {
-	left: auto;
-	right: 0;
-}
-
-/* position sub-sub-menus */
-
-.primary-menu ul ul {
-	top: 0;
-	left: 100px;
-}
-
-[dir=rtl] .primary-menu ul ul {
-	top: 0;
-	left: auto;
-	right: 100px;
-}
-
-.primary-menu li ul li {
-	display: block;
-	text-align: left;
-}
-
-[dir=rtl] .primary-menu li ul li {
-	text-align: right;
-}
-
-.primary-menu,
-.primary-menu li ul {
-	list-style: none;
-	padding: 1px;
-}
-
-.primary-menu li:hover > ul {
-	display: block;
-
-}
-
-.primary-menu ul li a {
-	background-color: #eee;
-	padding: 2px 5px;
-	display: block;
-
-}
-
-.primary-menu ul li a:hover {
-	background-color: #369;
-	color: #fff;
-	text-decoration: none;
-}
-
 /* ====== End Theme Header ===== */
 
 /* ====== Theme Footer ========= */
@@ -4451,164 +3772,3 @@ footer {
 	height: 0;
 	overflow: hidden;
 }
-
-@media print {
-	header,
-	footer,
-	form,
-	#sidebar,
-	#separator,
-	.editfacts,
-	.noprint {
-		display: none;
-	}
-
-	.descriptionbox, .optionbox {
-		border: solid #888 1px;
-		}
-
-	.person_box, .person_boxF, .person_boxNN {
-		border: solid #888 1px;
-		background: #fff;
-	}
-
-	#header_accordion1 {
-		width: 510px;
-	}
-
-	#pedigree-page h2 {
-		margin: 0;
-	}
-
-	#pedigree_chart {
-		margin: 0 auto;
-	}
-
-	#familybook_chart h3 {
-		margin-bottom: 10px;
-	}
-
-	#lifespan-chart {
-		margin: 0;
-		border: 0;
-		padding: 0;
-	}
-}
-
-/* Mobile low resolution viewports */
-@media (max-width: 650px) {
-	/* Search */
-	#search-page-table {
-		width: auto;
-	}
-	#search-page-table div #query {
-		width: 150px;
-	}
-	#search-page-table {
-		width: auto;
-		font-size: 10px;
-	}
-	#search-page-table .value {
-		white-space: normal;
-		margin: 0 0 0 30%;
-	}
-	[dir=rtl] #search-page-table .value {
-		margin: 0 30% 0 0;
-	}
-	/* Search */
-	#search-page-table > input {
-		width: 20px;
-	}
-	#field_table {
-		width: 80%;
-		min-width: 380px;
-	}
-	.list_label, .list_value {
-		white-space: normal;
-	}
-	/* Phonetic Search */
-	#search-page-table .label {
-		width: 25%;
-	}
-}
-
-@media (max-width: 500px) {
-	/* Header */
-	header {
-		text-align: left;
-		height: 109px;
-	}
-	header h1 {
-		width: 100%;
-	}
-	[dir=rtl] header {
-		text-align: right;
-	}
-	[dir=rtl] .secondary-menu {
-		float: right;
-	}
-	.header-search {
-		display: none;
-	}
-	.primary-menu li, .secondary-menu li {
-		float:left;
-	}
-	.secondary-menu li:last-child:before {
-		content: "  ";
-	}
-	/* Front Page */
-	#index_main_blocks {
-		float: left;
-		width: 100%;
-	}
-	#index_small_blocks {
-		float: left;
-		width: 100%;
-	}
-	.stat-table1, .stat-table2 {
-		width: 100%;
-	}
-	/* Indi Page */
-	#indi_left {
-		float: left;
-		width: 100%;
-		font-size: 10px;
-	}
-	#header_accordion1 {
-		font-size: 10px;
-	}
-	#main {
-		display: inline;
-	}
-	#separator {
-		display: none;
-	}
-	#sidebar {
-		float: left;
-		width: 100%;
-		display: inline;
-	}
-	/* Lists */
-	#place_hierarchy td {
-		white-space: normal;
-	}
-	/* Reports */
-	#reportengine-page table {
-		width: 100%;
-	}
-	/* Login */
-	#register-form div, #verify-form div {
-		text-align: left;
-	}
-	#register-form, #verify-form {
-		width: auto;
-	}
-	#login-text, #user-verify, #register-text, #user-verify {
-		min-width: auto;
-		width: 100%;
-	}
-	/* Advanced Search */
-	#field_table {
-		min-width: 100%;
-	}
-}