Working on themes

1 files changed, 326 insertions, 1 deletions

diff --git a/resources/css/colors.css b/resources/css/colors.css
index 1c41c84a71..5b84a71545 100644
--- a/resources/css/colors.css
+++ b/resources/css/colors.css
@@ -184,6 +184,7 @@ table {
 }
 
 .wt-secondary-menu {
+	flex-wrap: nowrap;
 }
 
 .wt-secondary-menu .nav-link {
@@ -546,6 +547,11 @@ table {
 }
 
 .wt-main-container {
+	/* Grow to fill content, to allow footer to stay at bottom of page. */
+	flex: 1;
+	/* Space between the header/footer and the main content. */
+	padding-top: 1rem;
+	padding-bottom: 1rem;
 }
 
 .wt-main {
@@ -735,7 +741,11 @@ table {
  * Family list and individual list
  *
  * wt-page-options
- * +---wt-initials-list
+ * +---wt-initials-list, wt-initials-list-surnames
+ *     +---wt-initial-list-item
+ *         +---wt-initial
+ *         +---wt-initial, active
+ * +---wt-initials-list, wt-initials-list-given-names
  *     +---wt-initial-list-item
  *         +---wt-initial
  *         +---wt-initial, active
@@ -743,6 +753,15 @@ table {
  * +---wt-list, wt-{family,individual}-list
  */
 
+.wt-initials-list {
+}
+
+.wt-initials-list-item {
+}
+
+.wt-initial {
+}
+
 /*
  * Media object list
  *
@@ -2966,3 +2985,309 @@ i[class*="wt-icon-media"] {
 .wt-mime-video {
 }
 
+/*
+ * On-screen keyboard, for entering characters that are not on the keyboard
+ */
+.wt-osk {
+}
+.wt-osk-keys {
+}
+.wt-osk-group {
+}
+.wt-osk-key {
+}
+.wt-osk-key-shift {
+}
+.wt-osk-keys.shifted .wt-osk-key {
+}
+.wt-osk-keys.shifted .wt-osk-key-shift {
+}
+
+/* Census assistant */
+.wt-census-assistant-form-control:focus {
+}
+
+/*
+ * Drag and drop sortable lists
+ */
+.wt-sortable-list {
+}
+
+.wt-sortable-item {
+}
+
+/* Some blocks show a reduced version on the right-hand side. */
+.wt-side-blocks .wt-side-block-optional {
+	display: none !important;
+}
+
+/* my page chart enhancements */
+.wt-block-content-charts {
+	flex-flow: column-reverse;
+	overflow: auto;
+}
+
+.wt-block-content-todays-events-block {
+	padding: .25rem;
+}
+
+/* Some charts are wider than the page. */
+.wt-chart {
+	overflow-x: auto;
+	overflow-y: hidden;
+}
+
+/* Fit thumbnail into parent on charts */
+.select2-selection.select2-selection--single {
+	min-height: 36px;
+	height: auto;
+	padding: 2px 0;
+}
+
+.select2-container .select2-selection--single .select2-selection__rendered {
+	padding-left: 2px;
+}
+.select2-selection--single .NAME {
+	padding-left: 4px;
+}
+
+/*
+ *  These selectors control how the short horizontal lines are positioned in the Charts
+ *  Optimized for Win10 and FF, Chrome and Edge browsers
+ *  	Ancestors
+ *  	Descendants
+ *  	amily book
+ *  	Hourglass chart
+ *
+ */
+
+/* Ascentors */
+.wt-ancestors-chart .linea1 {margin-bottom: 4px;}
+.wt-ancestors-chart .linea2 {margin-bottom: 7px;}
+.wt-ancestors-chart .linea3 {margin-bottom: 4px;}
+.wt-ancestors-chart .linea4 {margin-bottom: 7px;}
+.wt-ancestors-chart .linea5 {vertical-align: top;}
+
+/* Descendants */
+.wt-descendants-chart .lined1 {margin-bottom: 4px;}
+.wt-descendants-chart .lined2 {margin-bottom: 7px;}
+.wt-descendants-chart .lined3 {margin-bottom: 4px;}
+.wt-descendants-chart .lined4 {margin-bottom: 7px;}
+.wt-descendants-chart .linea5 {vertical-align: top;}
+
+/* Family book */
+.linef1 {margin-bottom: 3px;}
+.linef2 {margin-bottom: 3px;}
+.linef3 {margin-bottom: 7px;}
+
+/* Hourglass */
+.lineh1 {margin-bottom: 4px;}
+.lineh2 {margin-bottom: 4px;}
+.lineh3 {margin-bottom: 7px;}
+
+/*
+ * Ancestors chart
+ *
+ * wt-chart, wt-ancestors-chart
+ * +---wt-ancestors-chart-list
+ *     +---wt-ancestors-chart-list-item
+ */
+.wt-ancestors-chart-list {
+}
+
+.wt-ancestors-chart .family-break {
+	page-break-before: always;
+}
+
+/*
+ * Compact chart
+ *
+ * wt-chart, wt-compact-chart
+ */
+
+.wt-ancestors-chart-list-item {
+	list-style: none outside none;
+}
+
+.wt-ancestors-chart .person_box_template {
+	line-height: 1.0;
+}
+
+/*
+ * 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 {
+	list-style: none outside none;
+}
+
+#descendancy_chart .person_box_template, .wt-descendants-chart .person_box_template {
+	line-height: 1.0;
+}
+
+.wt-descendants-chart .family-break {
+	page-break-before: always;
+}
+
+/*
+ * Family book chart
+ *
+ * wt-chart, wt-family-book-chart
+ */
+.wt-family-book-chart .person_box_template {
+	line-height: 1.0;
+}
+
+.wt-family-book-chart hr {
+	page-break-after: always;
+}
+/*
+ * Hourglass chart
+ *
+ * wt-chart, wt-hourglass-chart
+ */
+.hourglassChart .person_box_template {
+	line-height: 1.0;
+}
+
+/*
+ * Pedigree chart
+ *
+ * wt-chart, wt-pedigree-chart
+ */
+
+#pedigree_chart {
+	position: relative;
+	margin: 20px auto;
+}
+
+#pedigree_canvas {
+	z-index: -1000;
+}
+
+.wt-pedigree-chart .person_box_template {
+	line-height: 1.0;
+}
+
+#childbox-pedigree {
+	border: 1px solid;
+	background-color: #fff;
+}
+
+#pedigree-page #childbox-pedigree {
+	border: 1px solid;
+	background-color: #fff;
+}
+
+#childbox-pedigree {
+	padding: 5px;
+	position: absolute;
+	display: none;
+	text-align: start;
+	white-space: nowrap;
+	left: auto;
+	z-index: 9999;
+}
+
+.wt-pedigree-chart, .wt-hourglass-chart {
+	overflow-y: auto;
+}
+
+.wt-pedigree-chart .spacer {
+	background-image: url(images/spacer.png);
+	height:           20px;
+	width:            1px;
+}
+
+#pedigree-page .shadow {
+	box-shadow: 0 0 0!important;  /* override vendor css shadow  */
+}
+
+#childarrow,
+.ancestorarrow {
+	text-align: center;
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.layout3 #childbox-pedigree {
+	top: auto;
+}
+
+#childbox-pedigree a.name1 {
+	display: block;
+	margin-left: 5px;
+}
+
+/*
+ * Relationships chart
+ *
+ * wt-chart, wt-relationships-chart
+ */
+.wt-relationship-chart .person_box_template {
+	line-height: 1.0;
+}
+.vline-text, .hline-text {	font-size: 0.7rem;
+}
+
+/*
+ * Place hierarchy
+ *
+ * wt-place-hierarchy-page
+ */
+
+#place-hierarchy ul {
+	list-style-type: none;
+}
+
+.d-table-cell {
+	padding-right: 5px;
+}
+
+/*
+ * Search
+ *
+ * wt-search-page, wt-general-serach-page/wt-phonetic-search-page/wt-advanced-search-page/wt-search-replace-page
+ */
+
+/* Some menus (e.g. languages) can be longer than a page */
+.dropdown-menu {
+	max-height: 30rem;
+	overflow-x: hidden;
+}
+
+/* Clipping cart */
+.clipping-cart h2 {
+	margin: 20px;
+	text-align: center;
+}
+.clipping-cart .wt-page-options {
+	max-width: 25rem;
+}
+
+.clipping-cart .topbottombar, .clipping-cart .optionbox, .add-to .topbottombar {
+	font-size: 1rem;
+}
+
+.clipping-cart .add-to {
+	text-align: left;
+}
+
+/* Forms */
+.col-form-label {
+	font-weight: bold;
+}
+
+/* Popups */
+.popup .nav-link {
+	display: inline;
+	vertical-align: top;
+	padding: 5px;
+}
+