Family navigator CSS - RTL not mirroring LTR

6 files changed, 100 insertions, 158 deletions

diff --git a/themes/clouds/css-1.5.3/style.css b/themes/clouds/css-1.5.3/style.css
index 4e5b11d626..ca29c1ed36 100644
--- a/themes/clouds/css-1.5.3/style.css
+++ b/themes/clouds/css-1.5.3/style.css
@@ -109,9 +109,9 @@ td {
 }
 
 /* ===== */
-/* Layout Left Main menu  */
+/* Layout Left Main menu */
 
-/* set up div container  */
+/* set up div container */
 #topMenu {
 	background: #acf;
 	clear: both;
@@ -205,7 +205,7 @@ td {
 	margin-right: 100%;
 }
 
-/*  Mainmenu Icons*/
+/* Mainmenu Icons*/
 #main-menu > li {
 	background-image: url(images/sprites-top-menu.png);
 	background-repeat: no-repeat;
@@ -220,7 +220,7 @@ td {
 	left: auto;
 }
 
-/*  Submenu Icons */
+/* Submenu Icons */
 #main-menu li ul li {
 	background-image: url(images/sprites-sub-menu.png);
 	background-repeat: no-repeat;
@@ -234,7 +234,7 @@ td {
 	text-indent: 0;
 }
 
-/*  Delete tag from mainmenu icons */
+/* Delete tag from mainmenu icons */
 #main-menu > li > a {
 	color: #2a2b2d;
 	height: 17px;
@@ -681,7 +681,7 @@ td {
 	background-position: right -667px;
 }
 
-/* Family Icons  */
+/* Family Icons */
 #menu-fam-addchil {
 	background-position: left -759px;
 }
@@ -788,7 +788,7 @@ td {
 	background-position: right -736px;
 }
 
-/* Edit Notes  */
+/* Edit Notes */
 #menu-note-addfav {
 	background-position: left -736px;
 }
@@ -821,7 +821,7 @@ td {
 	background-position: right -667px;
 }
 
-/* Objects  */
+/* Objects */
 #menu-obje-addfav {
 	background-position: left -736px;
 }
@@ -919,7 +919,7 @@ td {
 	background-position: right -667px;
 }
 
-/*  Source  */
+/* Source */
 #menu-sour-addfav {
 	background-position: left -736px;
 }
@@ -952,7 +952,7 @@ td {
 	background-position: right -667px;
 }
 
-/*  Stories  */
+/* Stories */
 #menu-story-sub {
 	background-position: left -920px;
 }
@@ -1112,12 +1112,12 @@ a.link:hover {
 	color: #006;
 }
 
-/*   Edit Facts */
+/* Edit Facts */
 td.descriptionbox div a {
 	color: #fff;
 }
 
-/*   End Edit Facts  */
+/* End Edit Facts */
 .facts_label .submenu a {
 	background: #fff;
 	color: #000;
@@ -2416,10 +2416,6 @@ a.showit:hover > span {
 	white-space: normal;
 }
 
-ul.clist {
-	list-style-image: none;
-}
-
 .statistics-page {
 	text-align: center;
 }
@@ -3010,7 +3006,7 @@ div.faq_title {
 	width: 98%;
 }
 
-/* FAQ table  */
+/* FAQ table */
 table.faq {
 	background-color: #eee;
 	margin: 5px 0 15px 5px;
@@ -3050,7 +3046,7 @@ ul.clist {
 	font-size: 200%;
 }
 
-/* edit, copy, delete links  */
+/* edit, copy, delete links */
 .editfacts {
 	clear: left;
 	padding-top: 15px;
@@ -3887,7 +3883,8 @@ span.link_text {
 .nav_content .facts_label {
 	width: 75px;
 }
-.famnav_title{
+
+.famnav_title {
 	font-weight: bold;
 	display: block;
 	padding: 5px 0;
@@ -3896,13 +3893,18 @@ span.link_text {
 .flyout {
 	left: 40px;
 	padding: 3px;
-	background-color: #ECF5FF;
-	border: 1px solid #cccccc;
+	background-color: #ecf5ff;
+	border: 1px solid #ccc;
+}
+
+[dir=rtl] .flyout {
+	left: auto;
+	right: 40px;
 }
 
 .flyout a, .flyout a:hover {
-	color: #000000;
-    cursor: default;
+	color: #000;
+	cursor: default;
 	text-decoration: none;
 }
 
@@ -3911,26 +3913,12 @@ span.link_text {
 }
 
 .flyout3 {
-    color: #003399;
+	color: #039;
 }
 
 .flyout3:hover {
 	cursor: pointer;
-    color: #FF0000;
-}
-
-[dir=rtl] .flyout {
-	text-align: right;
-	right: 40px;
-}
-
-[dir=rtl] .flyout2 {
-	text-align: right;
-	left: 210px;
-}
-
-[dir=rtl] .flyout3 {
-	text-align: right;
+	color: #f00;
 }
 
 .nam a:hover {
diff --git a/themes/colors/css-1.5.3/css/colors.css b/themes/colors/css-1.5.3/css/colors.css
index 2274108cdd..310be05903 100644
--- a/themes/colors/css-1.5.3/css/colors.css
+++ b/themes/colors/css-1.5.3/css/colors.css
@@ -150,7 +150,7 @@ textarea:required:invalid {
 	z-index: 210;
 }
 
-/* Title Line    */
+/* Title Line */
 #header {
 	height: 50px;
 }
@@ -166,7 +166,7 @@ span.title {
 	margin: 16px 12px 3px 3px;
 }
 
-/* Options Menu  */
+/* Options Menu */
 .makeMenu {
 	float: right;
 	margin: 21px 10px 0 0;
@@ -262,7 +262,7 @@ span.title {
 	text-align: right;
 }
 
-/* Menu setup  */
+/* Menu setup */
 #main-menu {
 	display: inline-block;
 	width: 100%;
@@ -657,7 +657,7 @@ span.title {
 	background-position: right -520px;
 }
 
-/* Report Icons  */
+/* Report Icons */
 #menu-report li {
 	background-position: left -546px;
 }
@@ -1110,7 +1110,7 @@ span.title {
 	background-position: right -1040px;
 }
 
-/* families  */
+/* families */
 #content {
 	clear: both;
 	padding: 10px 10px 0 10px;
@@ -2814,7 +2814,7 @@ a.showit > span {
 	width: 50%;
 }
 
-/* FAQ table  */
+/* FAQ table */
 table.faq {
 	background-color: #eee;
 	margin: 5px 0 15px 5px;
@@ -2866,19 +2866,19 @@ ul.clist {
 	text-decoration: none;
 }
 
-/* Find special characters  */
+/* Find special characters */
 .largechars {
 	font-family: monospace;
 	font-size: 200%;
 }
 
-/* edit, copy, delete links  */
+/* edit, copy, delete links */
 .editfacts {
 	clear: left;
 	padding-top: 15px;
 }
 
-/* container for next two links  */
+/* container for next two links */
 .editlink,
 .copylink,
 .deletelink {
@@ -3164,7 +3164,7 @@ dd .deletelink {
 	content: " »";
 }
 
-/*  Indi tabs  */
+/* Indi tabs */
 /* Facts & Events */
 #personal_facts_content .fact_NOTE,
 #personal_facts_content .fact_SOUR,
@@ -3243,7 +3243,7 @@ dd .deletelink {
 	width: 100%;
 }
 
-/* jquery-ui.custom.css changes  */
+/* jquery-ui.custom.css changes */
 span.link_text {
 	display: none;
 }
@@ -3458,7 +3458,7 @@ span.link_text {
 	margin-right: -20px;
 }
 
-/*  List styles */
+/* List styles */
 
 .source-list,
 .note-list,
@@ -3652,7 +3652,7 @@ span.link_text {
 	margin: 0 1px 1px -2px;
 }
 
-/* Sidebar  */
+/* Sidebar */
 #indi_left {
 	float: left;
 	width: 98%;
@@ -3757,7 +3757,7 @@ span.link_text {
 	width: 75px;
 }
 
-.famnav_title{
+.famnav_title {
 	font-weight: bold;
 	display: block;
 	padding: 5px 0;
@@ -3766,39 +3766,30 @@ span.link_text {
 .flyout {
 	left: 40px;
 	padding: 3px;
-	background-color: #FFFFFF;
-	border: 1px solid #CCCCCC;
+	background-color: #fff;
+	border: 1px solid #ccc;
+}
+
+[dir=rtl] .flyout {
+	left: auto;
+	right: 40px;
 }
 
 .flyout a, .flyout a:hover {
-	color: #000000;
-    cursor: default;
+	color: #000;
+	cursor: default;
 	text-decoration: none;
 }
 
 .flyout2 {
 	font-weight: 700;
- }
+}
 
 .flyout3:hover {
 	cursor: pointer;
 	text-decoration: underline;
 }
 
-[dir=rtl] .flyout {
-	text-align: right;
-	right: 40px;
-}
-
-[dir=rtl] .flyout2 {
-	text-align: right;
-	left: 210px;
-}
-
-[dir=rtl] .flyout3 {
-	text-align: right;
-}
-
 #sb_desc_content {
 	font-size: 0.8em;
 	margin-left: 3px;
@@ -3834,7 +3825,7 @@ span.link_text {
 	list-style-image: url(../images/plus.png);
 }
 
-/* Extra Info  */
+/* Extra Info */
 #sb_content_extra_info {
 	font-size: 80%;
 	font-weight: 700;
@@ -3866,7 +3857,7 @@ span.link_text {
 	display: inline;
 }
 
-/* find.php   */
+/* find.php */
 #find-page h3,
 #find-page h4 {
 	margin: 10px;
@@ -3961,7 +3952,7 @@ span.link_text {
 	font-weight: 700;
 }
 
-/* search.php  */
+/* search.php */
 #search-page h2,
 #search_submit {
 	margin: 20px;
@@ -4040,7 +4031,7 @@ span.link_text {
 	margin: 0 170px 0 0;
 }
 
-/*  edituser.php  */
+/* edituser.php */
 #edituser-page h2,
 #edituser_submit {
 	margin: 20px;
diff --git a/themes/fab/css-1.5.3/style.css b/themes/fab/css-1.5.3/style.css
index 26c9080ae8..32469df9d1 100644
--- a/themes/fab/css-1.5.3/style.css
+++ b/themes/fab/css-1.5.3/style.css
@@ -1685,7 +1685,6 @@ ul.clist {
 	text-decoration: none;
 	color: #000;
 	margin: 0;
-	margin-left: -23px;
 }
 
 /* Find special characters */
@@ -2482,7 +2481,7 @@ dd .deletelink {
 	width: 75px;
 }
 
-.famnav_title{
+.famnav_title {
 	font-weight: bold;
 	display: block;
 	padding: 5px 0;
@@ -2493,9 +2492,14 @@ dd .deletelink {
 	padding: 3px;
 }
 
+[dir=rtl] .flyout {
+	left: auto;
+	right: 40px;
+}
+
 .flyout a, .flyout a:hover {
-	color: #000000;
-    cursor: default;
+	color: #000;
+	cursor: default;
 	text-decoration: none;
 }
 
@@ -2504,7 +2508,7 @@ dd .deletelink {
 }
 
 .flyout3 {
-	color: #336699;
+	color: #369;
 }
 
 .flyout3:hover {
@@ -2512,20 +2516,6 @@ dd .deletelink {
 	text-decoration: underline;
 }
 
-[dir=rtl] .flyout {
-	text-align: right;
-	right: 40px;
-}
-
-[dir=rtl] .flyout2 {
-	text-align: right;
-	left: 210px;
-}
-
-[dir=rtl] .flyout3 {
-	text-align: right;
-}
-
 /* Descendancy */
 #sb_desc_content {
 	margin-left: 4px;
diff --git a/themes/minimal/css-1.5.3/style.css b/themes/minimal/css-1.5.3/style.css
index 31866d92f4..d4adda0edf 100644
--- a/themes/minimal/css-1.5.3/style.css
+++ b/themes/minimal/css-1.5.3/style.css
@@ -2919,20 +2919,25 @@ dd .deletelink {
 	width: 75px;
 }
 
-.famnav_title{
+.famnav_title {
 	font-weight: bold;
 	display: block;
 	padding: 5px 0;
 }
 
 .flyout {
-    left: 40px;
-    padding: 3px;
+	left: 40px;
+	padding: 3px;
 }
 
-.flyout a, .flyout a:hover{
-	color: #000000;
-    cursor: default;
+[dir=rtl] .flyout {
+	left: auto;
+	right: 40px;
+}
+
+.flyout a, .flyout a:hover {
+	color: #000;
+	cursor: default;
 	text-decoration: none;
 }
 
@@ -2945,20 +2950,6 @@ dd .deletelink {
 	text-decoration: underline;
 }
 
-[dir=rtl] .flyout {
-	text-align: right;
-	right: 40px;
-}
-
-[dir=rtl] .flyout2 {
-	text-align: right;
-	left: 210px;
-}
-
-[dir=rtl] .flyout3 {
-	text-align: right;
-}
-
 /* Descendancy */
 #sb_desc_content {
 	margin-left: 3px;
diff --git a/themes/webtrees/css-1.5.3/style.css b/themes/webtrees/css-1.5.3/style.css
index f8039d94aa..e1aa204a38 100644
--- a/themes/webtrees/css-1.5.3/style.css
+++ b/themes/webtrees/css-1.5.3/style.css
@@ -3718,7 +3718,7 @@ dd .deletelink {
 	padding: 0;
 }
 
-.nav_content .facts_label{
+.nav_content .facts_label {
 	width: 75px;
 }
 
@@ -3726,47 +3726,38 @@ dd .deletelink {
 	margin: 0;
 }
 
-.famnav_title{
+.famnav_title {
 	font-weight: bold;
 	display: block;
 	padding: 5px 0;
 }
 
 .flyout {
-    left: 40px;
+	left: 40px;
+}
+
+[dir=rtl] .flyout {
+	left: auto;
+	right: 40px;
 }
 
 .flyout a, .flyout a:hover {
-	color: #000000;
-    cursor: default;
+	color: #000;
+	cursor: default;
 	text-decoration: none;
 }
 
 .flyout2 {
-    font-weight: 700;
- }
+	font-weight: 700;
+}
 
 .flyout3 {
-    color: #362B36;
+	color: #362b36;
 }
 
 .flyout3:hover {
 	cursor: pointer;
-    color: #FF0000;
-}
-
-[dir=rtl] .flyout {
-	text-align: right;
-	right: 40px;
-}
-
-[dir=rtl] .flyout2 {
-	text-align: right;
-	left: 210px;
-}
-
-[dir=rtl] .flyout3 {
-	text-align: right;
+	color: #f00;
 }
 
 /* Descendancy */
diff --git a/themes/xenea/css-1.5.3/style.css b/themes/xenea/css-1.5.3/style.css
index c93e5f7cef..03b3d39d4b 100644
--- a/themes/xenea/css-1.5.3/style.css
+++ b/themes/xenea/css-1.5.3/style.css
@@ -858,7 +858,7 @@ textarea:required:invalid {
 	background-position: right -667px;
 }
 
-/* Family Icons  */
+/* Family Icons */
 #menu-fam-addchil {
 	background-position: left -759px;
 }
@@ -3899,7 +3899,7 @@ dd .deletelink {
 	width: 100%;
 }
 
-.famnav_title{
+.famnav_title {
 	font-weight: bold;
 	display: block;
 	padding: 5px 0;
@@ -3910,9 +3910,14 @@ dd .deletelink {
 	padding: 3px;
 }
 
+[dir=rtl] .flyout {
+	left: auto;
+	right: 40px;
+}
+
 .flyout a, .flyout a:hover {
-	color: #000000;
-    cursor: default;
+	color: #000;
+	cursor: default;
 	text-decoration: none;
 }
 
@@ -3922,25 +3927,11 @@ dd .deletelink {
 
 .flyout3 {
 	cursor: pointer;
-	color: #362B36;
+	color: #362b36;
 }
 
 .flyout3:hover {
-	color: #FF0000;
-}
-
-[dir=rtl] .flyout {
-	text-align: right;
-	right: 40px;
-}
-
-[dir=rtl] .flyout2 {
-	text-align: right;
-	left: 210px;
-}
-
-[dir=rtl] .flyout3 {
-	text-align: right;
+	color: #f00;
 }
 
 .sb_indi_surname_li,