Decouple popup menu css from charts css

Although I think it looks quite nice, it's
not part of the original styling so have
commented out box-shadow on the popup menu

1 files changed, 55 insertions, 100 deletions

diff --git a/themes/clouds/css-1.6.2/style.css b/themes/clouds/css-1.6.2/style.css
index 08e0f65e3f..412bad3ed8 100644
--- a/themes/clouds/css-1.6.2/style.css
+++ b/themes/clouds/css-1.6.2/style.css
@@ -1266,59 +1266,51 @@ background-color: #fff;
 	text-align: center;
 }
 
+/* styles for popup menus */
 .itr {
-	position: absolute;
+	position: relative;
 	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 {
+	position: absolute;
+	top: 20px;
+	right: 0;
+	left: auto;
+	visibility: hidden;
+	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);*/
 }
 
-.popup {
-	display: none;
+[dir=rtl] .popup {
+	left: 0;
+	right: auto;
 }
 
 .popup ul {
-	background-image: none !important;
+	white-space: nowrap;
 	list-style: none;
-	font-size: 9px;
 	margin: 0;
 	padding: 0 10px;
+	font-size: smaller;
 }
 
-.popup li {
-	padding: 1px 5px;
+.popup > ul {
+	padding: 2px 10px;
 }
 
-.popup li span {
+.popup li .NAME {
 	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;
-}
-
-[dir=rtl] .itr:hover .popup {
-	left: 0;
-	right: auto;
+	visibility: visible;
+	opacity: 1;
+	transition-delay: 0s;
 }
 
 /* styles for FindFacts pop-up */
@@ -3213,97 +3205,60 @@ table.table-census-assistant th {
 }
 
 /* ====== Charts Styles ======== */
-#ancestry_chart,
 #compact_chart,
-#descendancy_chart,
-#familybook_chart,
 #fan_chart,
-#hourglass_chart,
-#relationship_chart {
+.chart_common,
+#ancestry_booklet,
+#descendancy_booklet,
+#familybook_chart,
+#hourglass_chart {
 	margin: 20px;
 }
 
-/*-- ancestry  --*/
-#ancestry_chart table div p {
-	font-size: 90%;
-	margin: 0;
-}
-
-#ancestry_chart ul {
-	background-image:url(images/vline.png);
-	background-position:left top;background-repeat:repeat-y;
+/* styles for vertical lines in ancestry and descendancy charts */
+.chart_common li {
 	list-style: none;
-	display: block;
-	margin: 0 0 0 15px;
-	padding-top: 0;
-	padding-right: 0;
-	padding-bottom: 0;
 }
 
-#ancestry_chart li {
-	list-style: none;
-	margin: 0 0 2px -13px;
-	padding-top: 0;
-	padding-right: 0;
-	padding-bottom: 0;
+.chart_common li > span.details1 {
+	white-space: nowrap;
 }
 
-#ancestry_chart li table {
-	margin: 5px 0;
+.chart_common .generation {
+	background: transparent url(images/vline.png) left top repeat-y;
+	margin: 0 0 0 15px;
+	padding: 0;
+	display: block;
 }
 
-[dir=rtl] #ancestry_chart ul {
-	background-position: right top;
+[dir=rtl] .chart_common .generation {
 	margin: 0 15px 0 0;
-	left: auto;
-}
-
-#ancestry_chart span.details1 div[class^="fact_"] {
-	display: inline-block;
+	background-position: right top
+;
 }
 
-[dir=rtl] #ancestry_chart li {
-	margin: 0;
-	padding: 0 2px 0 0;
-	left: auto;
+.chart_common .generation > li {
+	margin: 5px 0;
 }
 
-/*-- descendancy  --*/
-#descendancy_chart ul {
-	background-image:url(images/vline.png);
-	background-position:left top;background-repeat:repeat-y;
-	list-style: none;
-	margin: 0 0 5px 15px;
-	padding-top: 0;
-	padding-right: 0;
-	padding-bottom: 0;
+.chart_common table {
+	padding: 0;
+	border-spacing: 0;
+	border-collapse: collapse;
+	margin: 5px 0;
 }
 
-#descendancy_chart li {
-	list-style: none;
-	margin: 5px 0 0 -15px;
-	padding-top: 0;
-	padding-right: 0;
-	padding-bottom: 0;
+.chart_common td {
+	border: 0;
+	padding: 0;
 }
 
-#descendancy_chart span.details1 div[class^="fact_"] {
+.chart_common span.details1 div[class^=fact_] {
 	display: inline-block;
 }
 
-#descendancy_chart td.details1 {
-	padding-top: 5px;
-}
-
-[dir=rtl] #descendancy_chart ul {
-	background-position: right top;
-	margin: 0 15px 0 0;
-	left: auto;
-}
-
-[dir=rtl] #descendancy_chart li {
-	margin: 5px -15px 0 0;
-	left: auto;
+.chart_common span.details1 .date {
+	color: inherit;
 }
 
 /*-- Family book  --*/