diff options
| author | fisharebest <fisharebest@gmail.com> | 2011-10-21 22:37:17 +0000 |
|---|---|---|
| committer | fisharebest <fisharebest@gmail.com> | 2011-10-21 22:37:17 +0000 |
| commit | d69c86d271e7b348337eab0d05d08bef1adfe9ca (patch) | |
| tree | bc65414ec45e2fd24f3d01b395934ddd0232b866 | |
| parent | 7f6bd28cc2f8a5be4a5deac5f3ad2275da866e65 (diff) | |
| download | webtrees-d69c86d271e7b348337eab0d05d08bef1adfe9ca.tar.gz webtrees-d69c86d271e7b348337eab0d05d08bef1adfe9ca.tar.bz2 webtrees-d69c86d271e7b348337eab0d05d08bef1adfe9ca.zip | |
CSS files. Values of 0 do not need (and should not have) units such as px, em, pt, etc.
| -rw-r--r-- | themes/_administration/style.css | 20 | ||||
| -rw-r--r-- | themes/clouds/style.css | 114 | ||||
| -rw-r--r-- | themes/colors/css/colors.css | 126 | ||||
| -rw-r--r-- | themes/fab/style.css | 710 | ||||
| -rw-r--r-- | themes/minimal/style.css | 199 | ||||
| -rw-r--r-- | themes/webtrees/style.css | 104 | ||||
| -rw-r--r-- | themes/xenea/style.css | 1713 |
7 files changed, 1492 insertions, 1494 deletions
diff --git a/themes/_administration/style.css b/themes/_administration/style.css index 2d1cf67b19..fe3a7db800 100644 --- a/themes/_administration/style.css +++ b/themes/_administration/style.css @@ -31,10 +31,10 @@ input, textarea, select {color:black; font:inherit; padding:0 3px;} fieldset {margin:8px 8px 4px 8px;} legend {font-style:italic; font-weight:bold; padding:0 5px 5px; align:top;} img {border:none; vertical-align:middle;} -h3 {margin:0} +h3 {margin:0;} h4 {margin:5px 3px; font-weight:normal; font-style:italic;} td {vertical-align:top;} -.icon {border:none; padding-left:0pt;padding-right:5pt;} +.icon {border:none; padding-left:0;padding-right:5pt;} .warning, .error, .red {font-weight:bold; color:red;} .accepted, a.accepted {font-weight:bold; color:green;} .center {text-align:center;} @@ -52,11 +52,11 @@ html[dir='rtl'] .indent {padding-right:15px;} .ui-widget-content a.current {color:#E17009; font-weight:bold;} .ui-widget-content a:hover, .DataTables_sort_wrapper:hover {color:red; cursor:pointer;} .ui-widget-header {padding:5px;} -.ui-progressbar-value {height:60%!important;} +.ui-progressbar-value {height:60% !important;} .ui-accordion .ui-accordion-content-active {display:block;} .css_right {float:right;} html[dir='rtl'] .css_right {float:left;} -html[dir='rtl'] input {padding-right:3px; padding-left:0px;} +html[dir='rtl'] input {padding-right:3px; padding-left:0;} /* jEditable styling over-rides */ .editable {width:100%; display:block} @@ -97,8 +97,8 @@ html[dir='rtl'] #info {right:auto; left:10px; text-align:left;} #links {position:absolute; left:10px; bottom:0; display:inline; margin-bottom:5px; white-space:nowrap;} html[dir='rtl'] #links {left:auto; right:10px;} #links li {display:inline; position:relative;} -#links li ul {display:none; position:absolute; left:0px; top:1.2em; background:url("jquery/images/ui-bg_fine-grain_10_eceadf_60x60.png") repeat scroll 50% 50% #ECEADF; border:1px solid #D9D6C4;z-index:999;} -html[dir='rtl'] #links li ul {left:auto; right:0px;} +#links li ul {display:none; position:absolute; left:0; top:1.2em; background:url("jquery/images/ui-bg_fine-grain_10_eceadf_60x60.png") repeat scroll 50% 50% #ECEADF; border:1px solid #D9D6C4;z-index:999;} +html[dir='rtl'] #links li ul {left:auto; right:0;} #links li ul li {display:block; padding:0 5px; text-align:left;} html[dir='rtl'] #links li ul li {text-align:right;} #links, #links li ul {list-style:none; margin:0; padding:1px;} @@ -128,9 +128,9 @@ html[dir='rtl'] #admin_content {margin:0 220px 0 0;} /* DASHBOARD BLOCKS */ #content_container {background:OldLace; padding:5px; border:1px inset #D9D6C4; height:570px; overflow:auto;} #users {white-space:nowrap;} -#users ul {list-style-type:none; padding:0px; margin:0 0 0 20px;} +#users ul {list-style-type:none; padding:0; margin:0 0 0 20px;} html[dir='rtl'] #users ul {margin:0 20px 0 0;} -#users ul li {background-image:url(images/bullet.png); background-repeat:no-repeat; background-position:0px 0px; padding:0 0 0 14px;} +#users ul li {background-image:url(images/bullet.png); background-repeat:no-repeat; background-position:0 0; padding:0 0 0 14px;} html[dir='rtl'] #users ul li {padding:0 14px 0 0;} #users td {padding:0 10px 0 0;} html[dir='rtl'] #users td {padding:0 0 0 10px;} @@ -382,9 +382,9 @@ html[dir='rtl'] #story_module2 th, html[dir='rtl'] #story_module2 td {text-align /* Autocomplete styles */ .ac_input {background-color:#EEE8AA;} -.ac_results {padding:0px; border:1px solid black; background-color:white; overflow:hidden; z-index:99999;} +.ac_results {padding:0; border:1px solid black; background-color:white; overflow:hidden; z-index:99999;} .ac_results ul {width:100%; list-style-position:outside; list-style:none; padding:0; margin:0;} -.ac_results li {margin:0px; padding:2px 5px; cursor:default; display:block; font:menu;font-size:12px; line-height:14px; overflow:hidden;} +.ac_results li {margin:0; padding:2px 5px; cursor:default; display:block; font:menu;font-size:12px; line-height:14px; overflow:hidden;} .ac_loading {background:white url(images/indicator.gif) right center no-repeat;} .ac_odd {background-color:#eee;} .ac_over {background-color:#0A246A; color:white;} diff --git a/themes/clouds/style.css b/themes/clouds/style.css index ecfd467c3b..d5c6c4fe1c 100644 --- a/themes/clouds/style.css +++ b/themes/clouds/style.css @@ -46,7 +46,7 @@ body { #content { padding:10px; } -* { margin:0px; padding:0px; } +* { margin:0; padding:0; } /* ================= */ /* Header Layout */ @@ -72,41 +72,41 @@ html[dir='rtl'] #menu-right { float: left; margin-left: 20px;} #topMenu ul { margin: 0; padding: 0; list-style: none; position:relative; } #topMenu > ul li { display: block; list-style:none; width: auto; float:left; position:relative; } -#topMenu > ul li a {margin: auto;display: block;font-size: 14px; text-align: center;padding: 5px 0px 5px 10px;text-decoration: none; } +#topMenu > ul li a {margin: auto;display: block;font-size: 14px; text-align: center;padding: 5px 0 5px 10px;text-decoration: none; } html[dir='rtl'] #topMenu > ul li { float: right;} -html[dir='rtl'] #topMenu > ul li a { padding: 5px 10px 5px 0px;} +html[dir='rtl'] #topMenu > ul li a { padding: 5px 10px 5px 0;} /* Subnavigation section */ #topMenu ul ul { background: none; display:none; position:absolute; z-index:2001; top: 22px; left:0; right: auto; width: auto; background: #fff; text-align: left; border: 1px solid #ccc; white-space: nowrap;} #topMenu ul ul li {left:auto; margin:0; clear:left; text-align:left; width:100%} #topMenu > ul ul li a {font-size: 12px; padding: 5px 5px 5px 5px; text-align: left; white-space: nowrap; } -html[dir='rtl'] #topMenu ul ul {right: 0px; left: auto; text-align: right;} +html[dir='rtl'] #topMenu ul ul {right: 0; left: auto; text-align: right;} html[dir='rtl'] #topMenu ul ul li { right:auto; clear:right; text-align:right;} html[dir='rtl'] #topMenu > ul ul li a { text-align: right; padding-right: 30px;} /* Submenu horizontal */ -#topMenu ul ul ul{ display:none!important; } /* Sub menus are hiden by default */ +#topMenu ul ul ul{ display:none !important; } /* Sub menus are hiden by default */ /* Set up hover layout and style */ #topMenu ul li:hover ul { display: block; } #topMenu ul li:hover li { float: none; } #topMenu ul li:hover li a { text-decoration: none; } #topMenu ul li li a:hover { width: auto; } -#topMenu ul ul li:hover ul{display:block!important;position: absolute;margin-left: 118px;margin-top: -35px; } +#topMenu ul ul li:hover ul{display:block !important;position: absolute;margin-left: 118px;margin-top: -35px; } html[dir='rtl'] #topMenu ul ul li:hover ul { margin-left: auto; margin-right: 118px; } /* Mainmenu Icons*/ -#topMenu > ul > li {background-image:url(images/sprites-top-menu.png);background-repeat:no-repeat;width: 22px; height: 22px;line-height: 22px; text-indent: 32px; margin: 5px 0px 0px 10px;} +#topMenu > ul > li {background-image:url(images/sprites-top-menu.png);background-repeat:no-repeat;width: 22px; height: 22px;line-height: 22px; text-indent: 32px; margin: 5px 0 0 10px;} -html[dir='rtl'] #topMenu > ul > li {margin: 5px 10px 0px 0px; left: auto;} +html[dir='rtl'] #topMenu > ul > li {margin: 5px 10px 0 0; left: auto;} /* Submenu Icons */ -#main-menu li ul li{background-image:url(images/sprites-sub-menu.png);background-repeat:no-repeat;height: 22px;line-height: 15px;text-indent: 22px; margin: 2px 0px 2px 5px;} +#main-menu li ul li{background-image:url(images/sprites-sub-menu.png);background-repeat:no-repeat;height: 22px;line-height: 15px;text-indent: 22px; margin: 2px 0 2px 5px;} -html[dir='rtl'] #main-menu li ul li{ text-indent: 0px;} +html[dir='rtl'] #main-menu li ul li{ text-indent: 0;} /* Delete tag from mainmenu icons */ #topMenu > ul > li > a {color: #2A2B2D;width: 17px; height: 17px;line-height: 60px;overflow: hidden;} @@ -250,18 +250,18 @@ html[dir='rtl'] #main-menu li ul li{ text-indent: 0px;} .makeMenu li:before { content:" | "; } .makeMenu li ul li:before { content:""; } .makeMenu li:first-child:before { content:""; } -.makeMenu li ul { display:none; position:absolute; left:10px; top: 1.1em!important; background-color:#EEE; border:thin solid #AAA; z-index:999; } +.makeMenu li ul { display:none; position:absolute; left:10px; top: 1.1em !important; background-color:#EEE; border:thin solid #AAA; z-index:999; } .makeMenu li ul li { display:block; text-align:left; } .makeMenu li ul li a { color: #333; } -.makeMenu, .makeMenu li ul { list-style:none; top: 5px; margin-left: 0px!important; padding:1px; } +.makeMenu, .makeMenu li ul { list-style:none; top: 5px; margin-left: 0 !important; padding:1px; } .makeMenu li:hover > ul { display:block; } .makeMenu li a {color: #003399;} .makeMenu li a:hover {color: #f5003d;} -.makeMenu ul li a { background-color: #fff; padding: 0px 5px 0px 5px!important; display: block; } +.makeMenu ul li a { background-color: #fff; padding: 0 5px 0 5px !important; display: block; } .makeMenu ul li a:hover { background: #c8e7ff; color: #000; } li a.link { font-size: 13px; margin-right: 5px; margin-left: 5px; } -html[dir='rtl'] .makeMenu li ul { left:auto; right: -10px!important; } +html[dir='rtl'] .makeMenu li ul { left:auto; right: -10px !important; } html[dir='rtl'] .makeMenu li ul li { text-align:right; } /* Define Tbl hdrs and Light Text Colors */ @@ -356,7 +356,7 @@ background: inherit; table.header { width:100%; padding:0 10px; -margin:0px 0px 0px 0px; +margin:0; } div.error { @@ -514,13 +514,13 @@ text-align:right; #pedigree_chart { position:relative; top:-200px; -left:0px; +left:0; z-index: 1; } html[dir='rtl'] #pedigree_chart { left:auto; -right:0px; +right:0; } #descendancy_chart ul { @@ -528,23 +528,23 @@ background-image:url(images/vline.png); background-repeat:repeat-y; background-position:left top; list-style:none; -margin:0px 0px 5px 15px; -padding-top: 0px; -padding-right: 0px; -padding-bottom: 0px; +margin:0 0 5px 15px; +padding-top: 0; +padding-right: 0; +padding-bottom: 0; } #descendancy_chart li { list-style: none; -margin: 0px 0px 2px -15px; -padding-top: 0px; -padding-right: 0px; -padding-bottom: 0px; +margin: 0 0 2px -15px; +padding-top: 0; +padding-right: 0; +padding-bottom: 0; } html[dir='rtl'] #descendancy_chart ul { background-position:right top; -margin:0px 15px 0px 0px; +margin:0 15px 0 0; left:auto; } @@ -558,7 +558,7 @@ width:98%; html[dir='rtl'] #relationship_chart { left:auto; -right:0px; +right:0; } #ancestry_chart ul { @@ -568,28 +568,28 @@ background-position:left top; list-style:none; display: block; margin:0 0 0 15px; -padding-top:0px; -padding-right:0px; -padding-bottom:0px; +padding-top:0; +padding-right:0; +padding-bottom:0; } #ancestry_chart li { list-style: none; margin:0 0 2px -15px; -padding-top:0px; -padding-right:0px; -padding-bottom:0px; +padding-top:0; +padding-right:0; +padding-bottom:0; } html[dir='rtl'] #ancestry_chart ul { background-position:right top; -margin:0px 15px 0px 0px; +margin:0 15px 0 0; left:auto; } html[dir='rtl'] #ancestry_chart li { -margin:0px 0px 0px 0px; -padding:0px 2px 0px 0px; +margin:0; +padding:0 2px 0 0; left:auto; } @@ -880,7 +880,7 @@ padding: 5px; margin-right: 15px; } -html[dir='rtl'] .image { margin-right: 0px; margin-left: 15px; } +html[dir='rtl'] .image { margin-right: 0; margin-left: 15px; } .gender_image { padding-left: 3px; @@ -1046,7 +1046,7 @@ font-size:11px; background-color:#fff; border: 1px solid #ccc; white-space:nowrap; -padding:3px 3px 0px 3px; +padding:3px 3px 0 3px; } .news_box { @@ -1070,7 +1070,7 @@ margin-bottom: 12px; #timeline_chart { position: relative; top: 50px; -left: 0px; +left: 0; } .person0 { @@ -1229,10 +1229,10 @@ text-align:left; html[dir='rtl'] fieldset {text-align:right;} fieldset ol, fieldset li { -margin:2px 0px 0px 5px; +margin:2px 0 0 5px; } -html[dir='rtl'] fieldset ol, fieldset li { margin:2px 5px 0px 0px; } +html[dir='rtl'] fieldset ol, fieldset li { margin:2px 5px 0 0; } div.blockhc a:hover { background: transparent; @@ -1696,8 +1696,8 @@ ul.clist { list-style-image: none; text-decoration:none; color:#000; - margin: 0px; - margin-left: 0px; + margin: 0; + margin-left: 0; } /* ========= Positioning edit, copy, delete links ============= */ @@ -1734,7 +1734,7 @@ html[dir='rtl'] .editlink, html[dir='rtl'] .copylink, html[dir='rtl'] .deletelin #indi_note {margin:0 0 5px 0;} #indi_note .note_details {font-size:100%;} #indi_note .fact_NOTE {float:left; margin:0 5px 0 0;} -#indi_note .fact_SOUR {margin: 3px 0} +#indi_note .fact_SOUR {margin: 3px 0;} #indi_note .fact_SOUR a {font-size:100%;} #main_name {color:#555; float:left; font-size:2em; margin:10px; font-weight:bold;} #name1 {} @@ -1770,7 +1770,7 @@ html[dir='rtl'] .indi_table {clear:right;} /* =========== Indi tabs ================== */ /* Facts & Events tab */ -#personal_facts_content .fact_NOTE, #personal_facts_content .fact_SOUR {margin: 5px 3px 5px 0} +#personal_facts_content .fact_NOTE, #personal_facts_content .fact_SOUR {margin: 5px 3px 5px 0;} #media-display-image {float:left;} #media-display-title {float:left; font-style:italic; margin:10px;} @@ -1783,7 +1783,7 @@ html[dir='rtl'] .indi_table {clear:right;} .ui-tabs {padding:0;} span.link_text {display:none;} -.ui-state-active, .ui-widget-content .ui-state-active {border:0px solid #8FBCFF; font-weight:normal; color:#000; outline:none; background:#ACF; } +.ui-state-active, .ui-widget-content .ui-state-active {border:0 solid #8FBCFF; font-weight:normal; color:#000; outline:none; background:#ACF; } .ui-state-active a:link { color: #fff;} .ui-state-default a:link { color: #000;} .us-state-hover a, .ui-state-hover a:hover { color: #000;} @@ -1866,9 +1866,9 @@ html[dir='rtl'] .use-sidebar.sidebar-at-right #sidebar, html[dir='rtl'] .sidebar .flyout {color:#000; text-align:left; margin-top:-20px; right:210px; padding:3px;} .flyout2 {color:#000; text-align:left;margin-top:-2px; left:40px; padding:3px; background: #fff; border: 1px solid #ccc;} -.flyout2 a:hover{color:#2f416f; text-decoration:underline!important;} -.flyout3, .flyout3 a {background:none; border:none; text-decoration:none; text-align:left; margin-top:0px; left:0px; padding:0px;} -.flyout4 {color:#000; text-align:left; margin-top:0px;margin-left:0px; padding:3px;} +.flyout2 a:hover {color:#2f416f; text-decoration:underline !important;} +.flyout3, .flyout3 a {background:none; border:none; text-decoration:none; text-align:left; margin-top:0; left:0; padding:0;} +.flyout4 {color:#000; text-align:left; margin-top:0;margin-left:0; padding:3px;} .nam a:hover {color:#f00;} .nav_content {width:100%; padding:0;} @@ -1880,27 +1880,27 @@ html[dir='rtl'] .flyout2 {text-align:right; right:40px;} /* Descendancy */ #sb_content_descendancy {margin-top:5px;} #sb_desc_content {margin-left:3px; font-size:0.8em;} -#sb_desc_content ul {padding:0px; margin:0px;} +#sb_desc_content ul {padding:0; margin:0;} .desc_tree_div { display:none;} -.desc_tree_div ul {padding:0px; margin-left:10px;margin-top:0px; margin-right:0px;} +.desc_tree_div ul {padding:0; margin-left:10px;margin-top:0; margin-right:0;} .sb_desc_indi_li {list-style-type:none; white-space:nowrap;} html[dir='rtl'] #sb_desc_content {margin-right:3px;} -html[dir='rtl'] .desc_tree_div ul {margin-right:10px; margin-left:0px;} +html[dir='rtl'] .desc_tree_div ul {margin-right:10px; margin-left:0;} /* Individuals, Families */ #sb_content_individuals, #sb_content_families {margin-top:5px;} .name_tree_div { display:none;} -.name_tree_div li, .name_tree_div_visible li {list-style:none; margin:0px; padding:0px;} -.name_tree_div ul, .name_tree_div_visible ul {padding:0px;margin:0px;} +.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;} .sb_indi_surname_li, .sb_fam_surname_li {list-style-image:url('images/plus.png');} /* Clippings */ -#sb_clippings_content li {list-style:none; margin:0px; padding:0px;} -#sb_clippings_content ul {padding:0px; margin:0px;} +#sb_clippings_content li {list-style:none; margin:0; padding:0;} +#sb_clippings_content ul {padding:0; margin:0;} #sb_content_clippings {margin-top:5px;} /* References */ @@ -1936,6 +1936,6 @@ form, button, input {display: none;} /* buttons and input are used out of forms z-index:1; } #content {padding: 0 } -#clouds-container { border: 0px;} +#clouds-container { border: 0;} } diff --git a/themes/colors/css/colors.css b/themes/colors/css/colors.css index 28af0188c7..b03efdc21b 100644 --- a/themes/colors/css/colors.css +++ b/themes/colors/css/colors.css @@ -30,7 +30,7 @@ body { font: 12px tahoma, arial, helvetica, sans-serif;} -* { margin:0px; padding:0px; } +* { margin:0; padding:0; } /* Rounded corners on boxes */ .block, .descriptionbox, @@ -51,17 +51,17 @@ body { font: 12px tahoma, arial, helvetica, sans-serif;} #header {height: 65px;} .title {display: block; float: left; margin-top: 30px; margin-left: 12px; font-size: 24px; vertical-align:bottom; } -.makeMenu {display: block; float: right; margin: 40px 10px 0px 0px; } +.makeMenu {display: block; float: right; margin: 40px 10px 0 0; } html[dir='rtl'] .title {float: right; margin-right: 12px; } -html[dir='rtl'] .makeMenu {display: block; float: left; margin: 40px 0px 0px 10px; } +html[dir='rtl'] .makeMenu {display: block; float: left; margin: 40px 0 0 10px; } html[dir='rtl'] .topMenu_right {float: left;} /* ====================== */ /* Layout Main menu */ /* set up div container for menu */ -#topMenu { clear: both; height:51px; float: left; width: 100%; margin:0; padding:0; margin-top: 0px;} +#topMenu { clear: both; height:51px; float: left; width: 100%; margin:0; padding:0; margin-top: 0;} /* Top Menu */ @@ -79,13 +79,13 @@ html[dir='rtl'] #topMenu ul li { float: right;} #topMenu ul ul li { left:auto; margin:0; clear:left; text-align:left; width:100% } #topMenu ul ul li a { font-size: 12px; padding: 5px 5px 5px 5px; text-align: left; white-space: nowrap; } -html[dir='rtl'] #topMenu ul ul {right: 0px; left: auto; } +html[dir='rtl'] #topMenu ul ul {right: 0; left: auto; } html[dir='rtl'] #topMenu ul ul li { right:auto; clear:right; text-align:right;} html[dir='rtl'] #topMenu ul ul li a { text-align: right; float: right; padding-right: 30px;} /* Submenu two */ -#topMenu ul ul ul{ display:none!important; } +#topMenu ul ul ul{ display:none !important; } /* Hover Layout */ @@ -93,7 +93,7 @@ html[dir='rtl'] #topMenu ul ul li a { text-align: right; float: right; padding-r #topMenu ul li:hover li { float: none; } #topMenu ul li:hover li a { text-decoration: none; } #topMenu ul li li a:hover { width: auto; } -#topMenu ul ul li:hover ul { display:block!important; position: absolute; margin-left: 118px; margin-top: -35px; } +#topMenu ul ul li:hover ul { display:block !important; position: absolute; margin-left: 118px; margin-top: -35px; } html[dir='rtl'] #topMenu ul ul li:hover ul { margin-left: auto; margin-right: 118px; } @@ -106,9 +106,9 @@ html[dir='rtl'] #topMenu ul ul li:hover ul { margin-left: auto; margin-right: 1 height: 40px; /* actual height of image 27 x 27 */ line-height: 40px; text-indent: 32px; - margin: 7px 0px 0px 16px; + margin: 7px 0 0 16px; } -html[dir='rtl'] #topMenu > ul > li {margin: 7px 16px 0px 0px; left: auto;} +html[dir='rtl'] #topMenu > ul > li {margin: 7px 16px 0 0; left: auto;} /* Submenu Icons */ #main-menu li ul li{ @@ -117,14 +117,14 @@ html[dir='rtl'] #topMenu > ul > li {margin: 7px 16px 0px 0px; left: auto;} height: 22px; line-height: 15px; text-indent: 22px; - margin: 5px 0px 5px 0px; + margin: 5px 0 5px 0; } -html[dir='rtl'] #main-menu li ul li{ text-indent: 0px;} +html[dir='rtl'] #main-menu li ul li{ text-indent: 0;} #main-menu > li > ul > li:first-child { border-bottom: 2px solid #ddd; font-weight: bold; - text-align: center!important; + text-align: center !important; text-indent: 0; background-image: none; } @@ -271,16 +271,16 @@ html[dir='rtl'] #main-menu li ul li{ text-indent: 0px;} .makeMenu li ul { display:none; position:absolute; left:10px; background-color:#EEE; border:thin solid #AAA; z-index:999; } .makeMenu li ul li { display:block; text-align:left; } .makeMenu li ul li a { color: #333; } -.makeMenu, .makeMenu li ul { color: #fff; list-style:none; top: 5px; margin-left: 0px!important; padding:1px; } +.makeMenu, .makeMenu li ul { color: #fff; list-style:none; top: 5px; margin-left: 0 !important; padding:1px; } .makeMenu li:hover > ul { display:block; } .makeMenu li a:hover { color: #f5003d;} -.makeMenu ul li a { background-color: #fff; padding: 0px 5px 0px 2px; display: block; } +.makeMenu ul li a { background-color: #fff; padding: 0 5px 0 2px; display: block; } .makeMenu ul li a:hover { color: #000; } li a.link { font-size: 13px; margin-right: 5px; margin-left: 5px; } html[dir='rtl'] .toplinks_right { float: left; padding: 13px 10px 10px 10px; } -html[dir='rtl'] .makeMenu li ul { left:auto; right:0px; } -html[dir='rtl'] .makeMenu li ul li { text-align:right!important; } +html[dir='rtl'] .makeMenu li ul { left:auto; right:0; } +html[dir='rtl'] .makeMenu li ul li { text-align:right !important; } /* ================ */ /* Standard style */ @@ -339,7 +339,7 @@ background: inherit; table.header { width:100%; padding:0 10px; -margin:8px 0px 0px 0px; +margin:8px 0 0 0; } div.error { @@ -448,7 +448,7 @@ padding-top: 3px; #content { clear: both; -padding:10px 10px 0px 10px; +padding:10px 10px 0 10px; } #index_small_blocks .person_box .pedigree_image_portrait, @@ -490,13 +490,13 @@ text-align:right; #pedigree_chart { position:relative; top:-200px; -left:0px; +left:0; z-index: 1; } html[dir='rtl'] #pedigree_chart { left:auto; -right:0px; +right:0; } #descendancy_chart ul { @@ -504,23 +504,23 @@ background-image:url(../images/vline.png); background-repeat:repeat-y; background-position:left top; list-style:none; -margin:0px 0px 5px 15px; -padding-top: 0px; -padding-right: 0px; -padding-bottom: 0px; +margin:0 0 5px 15px; +padding-top: 0; +padding-right: 0; +padding-bottom: 0; } #descendancy_chart li { list-style: none; -margin: 0px 0px 0px -15px; -padding-top: 0px; -padding-right: 0px; -padding-bottom: 0px; +margin: 0 0 0 -15px; +padding-top: 0; +padding-right: 0; +padding-bottom: 0; } html[dir='rtl'] #descendancy_chart ul { background-position:right top; -margin:0px 15px 0px 0px; +margin:0 15px 0 0; left:auto; } @@ -534,7 +534,7 @@ width: 98%; html[dir='rtl'] #relationship_chart { left:auto; -right:0px; +right:0; } #ancestry_chart ul { @@ -543,28 +543,28 @@ background-repeat:repeat-y; background-position:left top; list-style:none; margin:0 0 0 15px; -padding-top:0px; -padding-right:0px; -padding-bottom:0px; +padding-top:0; +padding-right:0; +padding-bottom:0; } #ancestry_chart li { list-style: none; -margin:0px 0px 2px -13px; -padding-top:0px; -padding-right:0px; -padding-bottom:0px; +margin:0 0 2px -13px; +padding-top:0; +padding-right:0; +padding-bottom:0; } html[dir='rtl'] #ancestry_chart ul { background-position:right top; -margin:0px 15px 0px 0px; +margin:0 15px 0 0; left:auto; } html[dir='rtl'] #ancestry_chart li { -margin:0px 0px 0px 0px; -padding:0px 2px 0px 0px; +margin:0; +padding:0 2px 0 0; left:auto; } @@ -995,7 +995,7 @@ font-size:11px; background-color:#fff; border: 1px solid #ccc; white-space:nowrap; -padding:3px 3px 0px 3px; +padding:3px 3px 0 3px; } .news_box { @@ -1018,8 +1018,8 @@ margin-bottom: 12px; #timeline_chart { position: relative; -top: 0px; -left: 0px; +top: 0; +left: 0; } .person0 { @@ -1074,11 +1074,11 @@ border-width:1px; } input, textarea { -padding-left: 0px; +padding-left: 0; padding-right: 3px; } -html[dir="rtl"] input, textarea { padding-left: 10px; padding-right: 0px;} +html[dir="rtl"] input, textarea { padding-left: 10px; padding-right: 0;} .optionbox > input { margin-left: 5px;} html[dir="rtl"] .optionbox > input { margin-right: 5px;} @@ -1174,10 +1174,10 @@ text-align:left; html[dir='rtl'] fieldset {text-align:right;} fieldset ol, fieldset li { -margin:2px 0px 0px 5px; +margin:2px 0 0 5px; } -html[dir='rtl'] fieldset ol, fieldset li { margin:2px 5px 0px 0px; } +html[dir='rtl'] fieldset ol, fieldset li { margin:2px 5px 0 0; } #header td { vertical-align:bottom; @@ -1643,8 +1643,8 @@ ul.clist { list-style-image: none; text-decoration:none; color:#000; - margin: 0px; - margin-left: 0px; + margin: 0; + margin-left: 0; } /* ========= Positioning edit, copy, delete links ============= */ @@ -1686,13 +1686,13 @@ html[dir='rtl'].field .editlink, html[dir='rtl'].field .deletelink {float:lef #indi_note .note_details {font-size:100%;} #indi_note {margin:0 0 5px 0;} -#indi_note .fact_SOUR a {font-size:100%; margin: 3px 0} +#indi_note .fact_SOUR a {font-size:100%; margin: 3px 0;} #main_name {color:#555; float:left; font-size:2em; margin:10px; font-weight:bold;} #name1 {} #sex {float:right;} #indi_note .fact_NOTE {float:left; margin:0 5px 0 0;} -#indi_note .fact_SOUR {margin: 3px 0} +#indi_note .fact_SOUR {margin: 3px 0;} .indi_table {clear:left;} dd .editlink, dd .deletelink {float:right;} @@ -1723,7 +1723,7 @@ html[dir='rtl'] .indi_table {clear:right;} /* =========== Indi tabs ================== */ /* Facts & Events tab */ -#personal_facts_content .fact_NOTE, #personal_facts_content .fact_SOUR {margin: 5px 3px 5px 0} +#personal_facts_content .fact_NOTE, #personal_facts_content .fact_SOUR {margin: 5px 3px 5px 0;} #media-display-image {float:left;} #media-display-title {float:left; font-style:italic; margin:10px;} @@ -1739,7 +1739,7 @@ html[dir='rtl'] .indi_table {clear:right;} .ui-tabs {padding:0;} span.link_text {display:none;} -.ui-state-active, .ui-widget-content .ui-state-active {border:0px solid #999; font-weight:normal; color:#000; outline:none; } +.ui-state-active, .ui-widget-content .ui-state-active {border:0 solid #999; font-weight:normal; color:#000; outline:none; } .ui-state-default a:link { color: #000;} .ui-state-highlight a {color: #f00;} @@ -1822,9 +1822,9 @@ html[dir='rtl'] .use-sidebar.sidebar-at-right #sidebar, html[dir='rtl'] .sidebar .flyout {color:#000; text-align:left; margin-top:-20px; right:210px; padding:3px;} .flyout2 {color:#000; text-align:left;margin-top:-2px; left:40px; padding:3px; background: #fff; border: 1px solid #ccc;} -.flyout2 a:hover{color:#2f416f; text-decoration:underline!important;} -.flyout3, .flyout3 a {background:none; border:none; text-decoration:none; text-align:left; margin-top:0px; left:0px; padding:0px;} -.flyout4 {color:#000; text-align:left; margin-top:0px;margin-left:0px; padding:3px;} +.flyout2 a:hover {color:#2f416f; text-decoration:underline !important;} +.flyout3, .flyout3 a {background:none; border:none; text-decoration:none; text-align:left; margin-top:0; left:0; padding:0;} +.flyout4 {color:#000; text-align:left; margin-top:0;margin-left:0; padding:3px;} .nam a:hover {color:#f00;} .nav_content {width:100%; padding:0;} @@ -1836,27 +1836,27 @@ html[dir='rtl'] .flyout2 {text-align:right; right:40px;} /* Descendancy */ #sb_content_descendancy {margin-top:5px;} #sb_desc_content {margin-left:3px; font-size:0.8em;} -#sb_desc_content ul {padding:0px; margin:0px;} +#sb_desc_content ul {padding:0; margin:0;} .desc_tree_div { display:none;} -.desc_tree_div ul {padding:0px; margin-left:10px; margin-top:0px; margin-right:0px;} +.desc_tree_div ul {padding:0; margin-left:10px; margin-top:0; margin-right:0;} .sb_desc_indi_li {list-style-type:none;} html[dir='rtl'] #sb_desc_content {margin-right:3px;} -html[dir='rtl'] .desc_tree_div ul {margin-right:10px; margin-left:0px;} +html[dir='rtl'] .desc_tree_div ul {margin-right:10px; margin-left:0;} /* Individuals, Families */ #sb_content_individuals, #sb_content_families {margin-top:5px;} .name_tree_div { display:none;} -.name_tree_div li, .name_tree_div_visible li {list-style:none; margin:0px; padding:0px;} -.name_tree_div ul, .name_tree_div_visible ul {padding:0px;margin:0px;} +.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;} .sb_indi_surname_li, .sb_fam_surname_li {list-style-image:url('../images/plus.png');} /* Clippings */ -#sb_clippings_content li {list-style:none; margin:0px; padding:0px;} -#sb_clippings_content ul {padding:0px; margin:0px;} +#sb_clippings_content li {list-style:none; margin:0; padding:0;} +#sb_clippings_content ul {padding:0; margin:0;} #sb_content_clippings {margin-top:5px;} /* Extra Info */ diff --git a/themes/fab/style.css b/themes/fab/style.css index c558064169..daf727912f 100644 --- a/themes/fab/style.css +++ b/themes/fab/style.css @@ -25,7 +25,7 @@ */ /* Add a permanent scrollbar, to prevent "flickering" when hover effects lengthen page */ -html { overflow-y:scroll; } +html {overflow-y:scroll;} .submenu { background-color:#EEE; @@ -57,9 +57,9 @@ fieldset, } img.block{ - border: none; - height: 20px; - vertical-align: middle; + border:none; + height:20px; + vertical-align:middle; } legend { @@ -84,7 +84,7 @@ a:hover, a:active { } a.help { font-weight:bold; - text-shadow: Black 1px 1px 1px; + text-shadow:Black 1px 1px 1px; color:Yellow !important; cursor:help; } @@ -93,7 +93,7 @@ body { color:DimGray; background-color:White; font:12px sans-serif; /* Use the browser's default font - give control to the user */ - margin:0px; + margin:0; } img { @@ -102,8 +102,8 @@ img { /* Various text styles */ .warning, .error, .largeError { - color: red; - font-weight: bold; + color:red; + font-weight:bold; } /* Fact labels */ @@ -131,9 +131,9 @@ img { margin-bottom:1em; } #footer { - clear: both; - text-align: center; - width: 99%; + clear:both; + text-align:center; + width:99%; } /* Block level objects, such as header, footer, etc. */ @@ -144,16 +144,16 @@ img { /* Pending edits */ .change_new, .nameblue { - border: solid blue 2px !important; + border:solid blue 2px !important; } .change_old, .namered { - color: #888 !important; + color:#888 !important; text-decoration:line-through !important; } /* Use CSS menus based on nested <ul> */ .makeMenu li { - background: none !important; + background:none !important; display:inline; position:relative; white-space:nowrap; @@ -172,7 +172,7 @@ img { .makeMenu li ul { display:none; position:absolute; - left:0px; + left:0; top:1.1em; background-color:#EEE; border:thin solid #AAA; @@ -181,7 +181,7 @@ img { html[dir='rtl'] .makeMenu li ul { left:auto; - right:0px; + right:0; } /* position sub-sub-menus */ @@ -215,14 +215,14 @@ html[dir='rtl'] .makeMenu li ul li { } .makeMenu ul li a { - background-color: #EEE; - padding: 0px 5px 0px 2px; - display: block; + background-color:#EEE; + padding:0 5px 0 2px; + display:block; } .makeMenu ul li a:hover { - background-color: DarkSlateGray; - color: #000; + background-color:DarkSlateGray; + color:#000; } #menu-language li {text-align:left;} /* The language menu is always LTR, even on RTL pages */ @@ -264,23 +264,23 @@ html[dir='rtl'] .makeMenu li ul li { /* pedigree.php */ .pedigree_image_portrait, .pedigree_image_landscape { float:left; - max-height: 48px; - max-width: 48px; - margin-right: 3px; + max-height:48px; + max-width:48px; + margin-right:3px; } .pedigree_image_portrait_rtl, .pedigree_image_landscape_rtl { float:right; - max-height: 48px; - max-width: 48px; - margin-left: 3px; + max-height:48px; + max-width:48px; + margin-left:3px; } /*-- pedigree chart specific stylesheets --*/ #pedigree_chart { - position: relative; - top: -230px; - left: 0px; + position:relative; + top:-230px; + left:0; } .thumbnail { @@ -303,7 +303,7 @@ right:10px; /* Tabular data */ .list_table { - padding: 3px; + padding:3px; margin-left:auto; margin-right:auto; } @@ -317,7 +317,7 @@ right:10px; font-weight:bold; background-color:#CCC; vertical-align:top; - white-space: nowrap; + white-space:nowrap; } .optionbox { background-color:#DDD; @@ -326,16 +326,16 @@ right:10px; white-space:nowrap; } .facts_label, .facts_label02, .facts_label03 { - background-color: #CCC; - width: 20%; - text-align: center; + background-color:#CCC; + width:20%; + text-align:center; } .list_label, .list_value { - white-space: nowrap; + white-space:nowrap; } .list_label_wrap, .list_value_wrap { - white-space: normal; + white-space:normal; } .list_label, .list_label_wrap { @@ -347,46 +347,46 @@ right:10px; } .news_title { - font-size: 1.10em; - font-weight: bold; + font-size:1.10em; + font-weight:bold; } .news_date { - margin-bottom: 12px; + margin-bottom:12px; } /* Autocomplete styles*/ .ac_input { - background-color: #EEE8AA; + background-color:#EEE8AA; } .ac_results { - padding: 0px; + padding:0; border:thin solid #AAA; - background-color: white; - overflow: hidden; - z-index: 99999; + background-color:white; + overflow:hidden; + z-index:99999; } .ac_results ul { - width: 100%; - list-style-position: outside; - list-style: none; - padding: 0; - margin: 0; + width:100%; + list-style-position:outside; + list-style:none; + padding:0; + margin:0; } .ac_results li { - margin: 0px; - padding: 2px 5px; - cursor: default; - display: block; - font: menu; - line-height: 14px; /* absolute setting required for firefox? */ - overflow: hidden; + margin:0; + padding:2px 5px; + cursor:default; + display:block; + font:menu; + line-height:14px; /* absolute setting required for firefox? */ + overflow:hidden; } .ac_loading { - background: white url(images/indicator.gif) right center no-repeat; + background:white url(images/indicator.gif) right center no-repeat; } .ac_odd { - background-color: #eee; + background-color:#eee; } .ac_over { background-color:navy; @@ -401,105 +401,105 @@ right:10px; margin-right:auto; } .nowrap { - white-space: nowrap; + white-space:nowrap; } .wrap { - white-space: normal; + white-space:normal; } .tabs_table { - width: 99%; + width:99%; } .tab_cell_active { - background-color: white; - border-left: outset #9ca3d4 2px; - border-top: outset #9ca3d4 2px; - border-right: outset #9ca3d4 2px; - text-align: center; - font-weight: bold; + background-color:white; + border-left:outset #9ca3d4 2px; + border-top:outset #9ca3d4 2px; + border-right:outset #9ca3d4 2px; + text-align:center; + font-weight:bold; } .tab_cell_inactive { - background-color: #d6e0ea; - border-left: solid #9ca3d4 2px; - border-top: solid #9ca3d4 2px; - border-right: outset #9ca3d4 2px; - text-align: center; - font-weight: bold; + background-color:#d6e0ea; + border-left:solid #9ca3d4 2px; + border-top:solid #9ca3d4 2px; + border-right:outset #9ca3d4 2px; + text-align:center; + font-weight:bold; } .tab_cell_inactive_empty { - background-color: #c6d0da; - border-left: solid #9ca3d4 2px; - border-top: solid #9ca3d4 2px; - border-right: outset #9ca3d4 2px; - text-align: center; - font-weight: bold; + background-color:#c6d0da; + border-left:solid #9ca3d4 2px; + border-top:solid #9ca3d4 2px; + border-right:outset #9ca3d4 2px; + text-align:center; + font-weight:bold; } .tab_cell_inactive_empty a { - color: #999999; + color:#999999; } .tab_active_bottom { - border-top: none; - border-bottom: none; - border-left: none; - border-right: none; - height: 5px; + border-top:none; + border-bottom:none; + border-left:none; + border-right:none; + height:5px; } .tab_inactive_bottom { - border-left: none; - border-right: none; - border-top: outset #9ca3d4 2px; - height: 5px; + border-left:none; + border-right:none; + border-top:outset #9ca3d4 2px; + height:5px; } .tab_inactive_bottom_right { - border-left: none; - border-right: none; - border-top: outset #9ca3d4 2px; - width: 33%; - height: 5px; + border-left:none; + border-right:none; + border-top:outset #9ca3d4 2px; + width:33%; + height:5px; } .indent { - padding-left: 7px; + padding-left:7px; } .indent_rtl { - padding-right: 7px; + padding-right:7px; } .image { - height: 150px; - padding: 5px; - margin: 2px; + height:150px; + padding:5px; + margin:2px; } .icon, .adminicon { - padding-left: 0pt; - padding-right: 5pt; + padding-left:0; + padding-right:5pt; } .link { - font-size: 12px; - text-align: center; + font-size:12px; + text-align:center; } .subheaders { - margin-top: 15px; - vertical-align: bottom; + margin-top:15px; + vertical-align:bottom; } .age { - font-size: 9px; + font-size:9px; } .source_citations { - display: none; + display:none; } .favorites_form { @@ -508,378 +508,378 @@ right:10px; } .selected-option { - background-color: #d6e0ea; + background-color:#d6e0ea; } .user_links { - white-space: nowrap; + white-space:nowrap; } .hit-counter { - background: black; - color: white; - font-weight: bold; + background:black; + color:white; + font-weight:bold; } .current_day { - font-weight: bold; - font-size: 16px; + font-weight:bold; + font-size:16px; } .cal_day { - float: left; - font-weight: bold; + float:left; + font-weight:bold; } .rtl_cal_day { - direction: rtl; - float: right; - color: blue; - font-weight: bold; + direction:rtl; + float:right; + color:blue; + font-weight:bold; } .helpcontent { - margin-left: 10px; + margin-left:10px; margin-right:10px; } .helpfooter { - margin: 10px; + margin:10px; } .helpheader { - margin: 10px; - font-size: 18px; - font-weight: bold; - color: black; + margin:10px; + font-size:18px; + font-weight:bold; + color:black; } .helpstart { - margin: 10px; - color: blue; - text-decoration: none; + margin:10px; + color:blue; + text-decoration:none; } .helptext { - color: black; + color:black; } /*-- descendancy chart specific stylesheets --*/ #descendancy_chart ul { - background-image: url(images/vline.png); - background-repeat: repeat-y; - background-position: left top; - list-style: none; - margin: 0px 0px 5px 15px; /* top right bottom left */ - padding-top: 0px; - padding-right: 0px; - padding-bottom: 0px; + background-image:url(images/vline.png); + background-repeat:repeat-y; + background-position:left top; + list-style:none; + margin:0 0 5px 15px; /* top right bottom left */ + padding-top:0; + padding-right:0; + padding-bottom:0; } #descendancy_chart li { - list-style: none; - margin: 0px 0px 0px -15px; /* top right bottom left */ - padding-top: 0px; - padding-right: 0px; - padding-bottom: 0px; + list-style:none; + margin:0 0 0 -15px; /* top right bottom left */ + 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:0px 18px 0px 0px; +margin:0 18px 0 0; left:auto; } html[dir='rtl'] #descendancy_chart li { - list-style: none; - margin: 0px 0px 0px 0px; /* top right bottom left */ - padding: 0px 30px 0px 0px; /* top right bottom left */ + list-style:none; + margin:0; /* top right bottom left */ + padding:0 30px 0 0; /* top right bottom left */ } /*-- relationship chart specific stylesheets --*/ #relationship_chart { - position: relative; - top: -40px; - left: 0px; + position:relative; + top:-40px; + left:0; } html[dir='rtl'] #relationship_chart { left:auto; - right:0px; + right:0; } /*-- 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: 0px 0px 0px 15px; /* top right bottom left */ - padding-top: 0px; - padding-right: 0px; - padding-bottom: 0px; + background-image:url(images/vline.png); + background-repeat:repeat-y; + background-position:left top; + list-style:none; + display:block; + margin:0 0 0 15px; /* top right bottom left */ + padding-top:0; + padding-right:0; + padding-bottom:0; } #ancestry_chart li { - list-style: none; - margin: 0px 0px 2px -13px; /* top right bottom left */ - padding-top: 0px; - padding-right: 0px; - padding-bottom: 0px; + list-style:none; + margin:0 0 2px -13px; /* top right bottom left */ + padding-top:0; + padding-right:0; + padding-bottom:0; } /*-- ancestry chart rtl specific stylesheets --*/ html[dir='rtl'] #ancestry_chart ul { background-position:right top; -margin:0px 15px 0px 0px; +margin:0 15px 0 0; left:auto; } html[dir='rtl'] #ancestry_chart li { -margin:0px 25px 0px 0px; -padding:0px 2px 0px 0px; +margin:0 25px 0 0; +padding:0 2px 0 0; left:auto; } /*-- timeline chart specific styles --*/ #timeline_chart { - position: relative; - top: 0px; - left: 0px; + position:relative; + top:0; + left:0; } .person0 { - background-color: #aaaaff; - vertical-align: top; + background-color:#aaaaff; + vertical-align:top; } .person1 { - background-color: #aaffaa; - vertical-align: top; + background-color:#aaffaa; + vertical-align:top; } .person2 { - background-color: #ffaaaa; - vertical-align: top; + background-color:#ffaaaa; + vertical-align:top; } .person3 { - background-color: #5555ff; - vertical-align: top; + background-color:#5555ff; + vertical-align:top; } .person4 { - background-color: #ff5555; - vertical-align: top; + background-color:#ff5555; + vertical-align:top; } .person5 { - background-color: #55ff55; - vertical-align: top; + background-color:#55ff55; + vertical-align:top; } .listlog { - line-height: 20pt; - color: #555555; + line-height:20pt; + color:#555555; } .starredname { - text-decoration: underline; + text-decoration:underline; } .search_hit { - background-color: yellow; + background-color:yellow; } .title { - font-size: 150%; + font-size:150%; } /* Style for the subbar in */ /* facts_value */ .subbar { - background-color: #d1d9ef; - color: black; - vertical-align: top; - white-space: nowrap; - padding: 3px; + background-color:#d1d9ef; + color:black; + vertical-align:top; + white-space:nowrap; + padding:3px; } .vmiddle { - vertical-align: middle + vertical-align:middle } /* Colors */ .red { - color: red; + color:red; } .rela { - opacity: 0.67; + opacity:0.67; } /* Text direction */ .ltr { - text-align: left; + text-align:left; } .rtl { - text-align: right; - direction: rtl; + text-align:right; + direction:rtl; } /* Width settings */ .width10 { - width: 10%; + width:10%; } .width20 { - width: 20%; + width:20%; } .width25 { - width: 25%; + width:25%; } .width30 { - width: 30%; + width:30%; } .width33 { - width: 33%; + width:33%; } .width40 { - width: 40%; + width:40%; } .width50 { - width: 50%; + width:50%; } .width60 { - width: 60%; + width:60%; } .width66 { - width: 66%; + width:66%; } .width70 { - width: 70%; + width:70%; } .width75 { - width: 75%; + width:75%; } .width80 { - width: 80%; + width:80%; } .width90 { - width: 90%; + width:90%; } .width100 { - width: 100%; + width:100%; } /* Font sizes */ .font11 { - font-size: 11px; + font-size:11px; } .font9 { - font-size: 9px; + font-size:9px; } /* Message box */ .messagebox { - background-color: #c2ceef; + background-color:#c2ceef; } .note_details { - display: none; + display:none; } a.showit { - position: relative; - z-index: 24; - color: black; - text-decoration: none; + position:relative; + z-index:24; + color:black; + text-decoration:none; } a.showit:hover { - z-index: 25; - background-color: #ffff9b; - cursor: crosshair; + z-index:25; + background-color:#ffff9b; + cursor:crosshair; } a.showit > span { - display: none; + display:none; } a.showit:hover > span { - display: block; - position: absolute; - top: 22px; - left: 0px; - width: 225px; - border-style: outset; - border-left: 15px outset #1f1f1f; - border-top: 2px solid #1f1f1f; - border-bottom: 2px solid black; - border-right: 2px solid black; - padding: 3px; - background: #4f4f4f; - color: white; - text-align: left; - opacity: .85; - z-index: 5; + 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 black; + border-right:2px solid black; + padding:3px; + background:#4f4f4f; + color:white; + text-align:left; + opacity:.85; + z-index:5; } .lifespan_people span:first-letter { - font-variant: small-caps; - padding: 1px; + font-variant:small-caps; + padding:1px; } .lifespan_outer { - position: relative; - width: 99.5%; - height: 600px; - overflow: hidden; + position:relative; + width:99.5%; + height:600px; + overflow:hidden; } .lifespan_outer a { - color: black; + color:black; } .lifespan_outer a:hover { - color: red; - text-decoration: none; + color:red; + text-decoration:none; } .lifespan_timeline { - position: absolute; - width: 100%; - left: -10px; - top: -65px; - z-index: 2; - background-color: white + 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; + position:absolute; + width:500px; + left:-10px; + top:-60px; + z-index:1; } .iwstyle { width:360px; - /*background-color: #FFFFFF;*/ + /*background-color:#FFFFFF;*/ } .iwstyle a { } @@ -887,51 +887,51 @@ a.showit:hover > span { } #map_nav { - position: relative; - top: -484px; - left: 101%; + position:relative; + top:-484px; + left:101%; } #tree_nav { - position: relative; - top: -584px; - left: 90%; - z-index: 100; + position:relative; + top:-584px; + left:90%; + z-index:100; } #map_type { - margin: 0; - padding: 0; - font-size: 10px; - list-style: none; + margin:0; + padding:0; + font-size:10px; + list-style:none; } #map_type li { - display: block; - width: 70px; - text-align: center; - padding: 2px; + display:block; + width:70px; + text-align:center; + padding:2px; border:thin solid #AAA; - cursor: pointer; - float: left; - margin-left: 2px; + cursor:pointer; + float:left; + margin-left:2px; } #map_type li.non_active { - background: white; - color: black; - font-weight: normal; + background:white; + color:black; + font-weight:normal; } #map_type li.active { - background: gray; - color: white; - font-weight: bold; + background:gray; + color:white; + font-weight:bold; } #map_type li:hover { - background: #ddd; + background:#ddd; } .tag_cloud { @@ -941,7 +941,7 @@ a.showit:hover > span { } .clearfloat { - clear: both; + clear:both; } dl { @@ -961,8 +961,8 @@ html[dir="rtl"] dt { } dd { - display: inline; - margin: 0; + display:inline; + margin:0; } /* styles for FindFacts pop-up */ @@ -1021,51 +1021,51 @@ dd { } /* FAQ table styles */ table.faq { - background-color: #E0E0E0; + background-color:#E0E0E0; margin:5px 0 50px 5px; - width: 98%; + width:98%; } table.faq tr.odd td { background-color:#E7EEF3; } div.faq_title { - background-color: #E0E0E0; - margin: 1em 0 0 1em; - padding: .25em; + background-color:#E0E0E0; + margin:1em 0 0 1em; + padding:.25em; font-weight:bold; - width: 98%; + width:98%; } div.faq_body { clear:both; - margin: 1em 0; - padding: 1em; + margin:1em 0; + padding:1em; } .faq_italic { - font-style: italic; - font-weight: bold; - font-size: 90%; - padding: 0 10px; + 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 { +td.descriptionbox a { } ul.clist { - list-style-image: none; + list-style-image:none; text-decoration:none; color:#000000; - margin: 0px; - margin-left: -23px; + margin:0; + margin-left:-23px; } /* ========= Positioning edit, copy, delete links ============= */ /* General use */ .editfacts {clear:left; padding-top:15px;} /* a container for the following three links */ -.editfacts a:hover, .field a:hover {background-color: transparent!important;} +.editfacts a:hover, .field a:hover {background-color:transparent !important;} .editlink, .copylink, .deletelink {float:left;} html[dir='rtl'] .editlink, html[dir='rtl'] .copylink, html[dir='rtl'] .deletelink {float:right;} span.link_text {display:none;} @@ -1076,8 +1076,8 @@ html[dir='rtl'].field .editlink, html[dir='rtl'].field .deletelink {float:lef /* =========== Indi header ================== */ -#indi_header {float:left; width:98%; border-radius: 3px; margin:5px 0; padding:0 10px;} -#indi_header h3 {color: #000666; font-size: 90%; font-weight:bold; margin: 0; padding: 0 10px 0 30px; text-align:left;} +#indi_header {float:left; width:98%; border-radius:3px; margin:5px 0; padding:0 10px;} +#indi_header h3 {color:#000666; font-size:90%; 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.person_box, #indi_header h3.person_boxF , #indi_header h3.person_boxNN {border:1px solid darkGray;} #indi_header h3 .header_age {padding:5px 0 5px 5px; float:right; font-weight:normal; font-size:65%;} @@ -1090,9 +1090,9 @@ html[dir='rtl'].field .editlink, html[dir='rtl'].field .deletelink {float:lef #indi_mainimage {float:right;} #indi_mainimage a img {float:right; padding:0;} -#indi_name_details { margin:0; overflow: hidden !important; padding: 5px;} +#indi_name_details { margin:0; overflow:hidden !important; padding:5px;} #indi_name_details .warning {color:red; font-size:1em;} -#indi_name_details dt:after { content:":"; } +#indi_name_details dt:after {content:":";} #name1 {} #indi_note {margin: 0 0 5px 0;} @@ -1104,11 +1104,11 @@ html[dir='rtl'].field .editlink, html[dir='rtl'].field .deletelink {float:lef .indi_table {clear:left;} #sex {float:right;} -#dates {color: #000666; float:right;} +#dates {color:#000666; float:right;} dd .editlink, dd .deletelink {float:right;} html[dir='rtl'] #indi_header {float:right;} -html[dir='rtl'] #indi_header h3 {padding: 0 30px 0 10px; text-align:right;} +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;} @@ -1121,38 +1121,38 @@ 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, .editicon, .copyicon, .deleteicon { display: block; background: url('images/indi_sprite.png') no-repeat; } -.female_gender {background-position: -45px 3px; width: 24px;} -.male_gender {background-position: -72px 3px; width: 24px;} -.unknown_gender {background-position: -100px 4px; width: 24px;} -.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;} +.male_gender, .female_gender, .unknown_gender, .editicon, .copyicon, .deleteicon {display:block; background:url('images/indi_sprite.png') no-repeat;} +.female_gender {background-position:-45px 3px; width:24px;} +.male_gender {background-position:-72px 3px; width:24px;} +.unknown_gender {background-position:-100px 4px; width:24px;} +.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, #personal_facts_content .fact_SOUR {margin: 5px 3px 5px 0} +#personal_facts_content .fact_NOTE, #personal_facts_content .fact_SOUR {margin:5px 3px 5px 0;} #media-display-image {float:left;} #media-display-title {float:left; font-style:italic; margin:10px;} /* ========= jquery-ui.custom.css changes ============ */ -.ui-widget-content a:hover { color:red; } -.ui-tabs-nav li.ui-tabs-selected {background:#f8f8f8; } -.ui-tabs-nav li.ui-tabs-selected a {font-weight:600; color:black; } -.ui-tabs-nav li.ui-tabs-selected a:hover {font-weight:600; color:black; } +.ui-widget-content a:hover {color:red;} +.ui-tabs-nav li.ui-tabs-selected {background:#f8f8f8;} +.ui-tabs-nav li.ui-tabs-selected a {font-weight:600; color:black;} +.ui-tabs-nav li.ui-tabs-selected a:hover {font-weight:600; color:black;} .ui-tabs .ui-tabs-panel {padding:1em 0;} .ui-state-active, .ui-widget-content .ui-state-active {border:1px solid darkGray; background:#ccc; font-weight:normal; color:black; outline:none;} -.ui-accordion .ui-accordion-header .ui-icon { position:absolute; left:0.5em; top:50%; margin-top:-8px; } -.ui-accordion .ui-accordion-content { padding:1em .05em; border-top:0; margin-top:-2px; 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: .5em;} -.ui-helper-reset {line-height: 1.6;} -.ui-state-highlight a {color: red;} +.ui-accordion .ui-accordion-header .ui-icon {position:absolute; left:0.5em; top:50%; margin-top:-8px;} +.ui-accordion .ui-accordion-content {padding:1em .05em; border-top:0; margin-top:-2px; 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:.5em;} +.ui-helper-reset {line-height:1.6;} +.ui-state-highlight a {color:red;} -html[dir='rtl'] .ui-tabs { direction:rtl;} +html[dir='rtl'] .ui-tabs {direction:rtl;} html[dir='rtl'] ui-tabs .ui-tabs-nav li.ui-tabs-selected, -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: 0.5em;} +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:0.5em;} /* ========= jQuery.datatable styling over-rides ============ */ .odd {background-color:LightGrey;} @@ -1182,7 +1182,7 @@ html[dir='rtl'] .dataTables_length {float:left;} .source-list td, .note-list td, .repo-list td, .media-list td, .indi-list td{padding:2px 5px;} .indi-list td {color:#555;} .indi-list .stats {margin:0 auto; width:auto;} -.source-list th, .note-list th, .repo-list th, .media-list th, .indi-list th {cursor:pointer; white-space: nowrap;} +.source-list th, .note-list th, .repo-list th, .media-list th, .indi-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;} #source-details h2, #note-details h2, #repo-details h2, #media-details h2 {margin-bottom:20px; text-align:center;} #source-tabs, #note-tabs, #repo-tabs, #media-tabs {margin:auto; visibility:hidden; width:80%;} @@ -1192,8 +1192,8 @@ html[dir='rtl'] .dataTables_length {float:left;} .SEX_M img, .SEX_F img, .SEX_U img {vertical-align:top;} .gender, .aliveinyear, .years, .given, .parents, .charts, .reset {background-color:lightgrey; display:inline; margin:0 6px 0 0; padding:0 0 1px 0;} .gender{padding:2px 0;} -.aliveyear{background-color:#EEE8AA; margin:0; padding: 0;} -.aliveinyear button, .years button, .given button, .parents input, .charts input, .reset button {margin: 1px;} +.aliveyear{background-color:#EEE8AA; margin:0; padding:0;} +.aliveinyear button, .years button, .given button, .parents input, .charts input, .reset button {margin:1px;} 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;} html[dir='rtl'] .gender, html[dir='rtl'] .aliveinyear, html[dir='rtl'] .years, html[dir='rtl'] .given, html[dir='rtl'] .parents, html[dir='rtl'] .charts, html[dir='rtl'] .reset {margin:0 0 0 6px;} @@ -1203,22 +1203,22 @@ html[dir='rtl'] .gender, html[dir='rtl'] .aliveinyear, html[dir='rtl'] .years, h #indi_left {float:left; width:98%;} #tabs {background-color:#FFF; border-color:#DDD; float:left; width:100%; overflow:auto;} #sidebar {border-color:#DDD; display:none; margin:5px 2px 0 0; height:auto;} -#tabs {background-color: #fff; border-color: #ddd; width:98%; overflow:auto;} +#tabs {background-color:#fff; border-color:#ddd; width:98%; overflow:auto;} #sidebarAccordion, #sidebarAccordion2 {width:auto;} -#sidebarAccordion h3, #sidebarAccordion2 h3 {height:30px; text-align: center; border-color:darkGray;} +#sidebarAccordion h3, #sidebarAccordion2 h3 {height:30px; text-align:center; border-color:darkGray;} .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 {float:right; display: block; background: #ccc url('images/indi_sprite.png') no-repeat -26px 100px; min-width:6px; max-width:10px; width:0.75%; border: 1px solid darkGray; border-radius-topleft:3px; border-radius-topright:3px; margin-top:5px;} -.use-sidebar #separator { background: #ccc url('images/indi_sprite.png') no-repeat -1px 100px;} +#separator {float:right; display:block; background:#ccc url('images/indi_sprite.png') no-repeat -26px 100px; min-width:6px; max-width:10px; width:0.75%; border:1px solid darkGray; border-radius-topleft:3px; border-radius-topright:3px; margin-top:5px;} +.use-sidebar #separator {background:#ccc url('images/indi_sprite.png') no-repeat -1px 100px;} html[dir='rtl'] #indi_left {float:right;} html[dir='rtl'] #tabs {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 {float:left; background: #ccc url('images/indi_sprite.png') no-repeat -1px 100px;} -html[dir='rtl'] .use-sidebar #separator {background: #ccc url('images/indi_sprite.png') no-repeat -26px 100px;} +html[dir='rtl'] #separator {float:left; background:#ccc url('images/indi_sprite.png') no-repeat -1px 100px;} +html[dir='rtl'] .use-sidebar #separator {background:#ccc url('images/indi_sprite.png') no-repeat -26px 100px;} /* ============== Sidebar content items ============== */ /* Family navigator */ @@ -1229,9 +1229,9 @@ html[dir='rtl'] .use-sidebar #separator {background: #ccc url('images/indi_sprit .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:#ff0000;} -.flyout4 {color:#000000; text-align:left; margin-top:0px;margin-left:0px; padding:3px;} -.flyout3, .flyout3 a {background:none; border:none; text-decoration:none; text-align:left; margin-top:0px; left:0px; padding:0px;} -.famnav_link div {font-size:12px; padding:0px; width:100%;} +.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 div {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;} @@ -1239,24 +1239,24 @@ html[dir='rtl'] .flyout3 {text-align:right;} /* Descendancy */ #sb_desc_content {margin-left:3px; font-size:0.8em;} -#sb_desc_content ul {padding:0px; margin:0px;} +#sb_desc_content ul {padding:0; margin:0;} .sb_desc_indi_li {list-style-type:none;} .desc_tree_div { display:none;} -.desc_tree_div ul {padding:0px; margin-left:10px; margin-top:0px; margin-right:0px;} +.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:0px;} +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:0px; padding:0px;} -.name_tree_div ul, .name_tree_div_visible ul {padding:0px; margin:0px;} +.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:0px; padding:0px;} -#sb_clippings_content ul {padding:0px; margin:0px;} +#sb_clippings_content li {list-style:none; margin:0; padding:0;} +#sb_clippings_content ul {padding:0; margin:0;} /* Extra info */ #sb_content_extra_info {font-size:80%; font-weight:bold; margin-top:1px; overflow:hidden; padding:5px;} @@ -1264,7 +1264,7 @@ html[dir='rtl'] .desc_tree_div ul {margin-right:10px; margin-left:0px;} #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;} +#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;} diff --git a/themes/minimal/style.css b/themes/minimal/style.css index a5a199897b..e5f5dfab7a 100644 --- a/themes/minimal/style.css +++ b/themes/minimal/style.css @@ -25,7 +25,7 @@ */ /* Add a permanent scrollbar, to prevent "flickering" when hover effects lengthen page */ -html { overflow-y:scroll; } +html {overflow-y:scroll;} body { color: black; @@ -58,8 +58,8 @@ a:hover { .title {display: block; float: left; width: 40%;} .hlogin {display: block; float: left; padding: 2px 20px;} -.htheme {display: block; float: left; width: 10%; white-space: nowrap; } -.htheme option { text-align:left; } +.htheme {display: block; float: left; width: 10%; white-space: nowrap;} +.htheme option {text-align:left;} .hsearch, .favorites_form {display: block; float: right;} .favorites_form { position:absolute; @@ -70,7 +70,7 @@ a:hover { } html[dir='rtl'] .title, html[dir='rtl'] .hlogin, html[dir='rtl'] .htheme {float: right;} html[dir='rtl'] .hsearch {float: left;} -html[dir='rtl'] .htheme option { text-align: right; } +html[dir='rtl'] .htheme option {text-align: right;} html[dir='rtl'] .favorites_form { position:absolute; right: auto; @@ -82,7 +82,7 @@ html[dir='rtl'] .favorites_form { /* Layout for header menu */ -#topMenu { /* set up container for menu */ +#topMenu { /* set up container for menu */ clear: both; float: left; width: 100%; @@ -148,11 +148,11 @@ html[dir='rtl'] .favorites_form { } #topMenu ul ul li { - border: 0px; - left:auto; /*resets the left:50% on the parent li */ + border: 0; + left:auto; /*resets the left:50% on the parent li */ margin:0; /* Reset the 1px margin from the top menu */ - padding-left: 0px; - padding-right: 0px; + padding-left: 0; + padding-right: 0; clear:left; float:left; width:100%; @@ -162,7 +162,7 @@ html[dir='rtl'] .favorites_form { font-size: 12px; /* set font size for submenu */ padding: 5px 5px 5px 5px; text-align: left; - } +} /* Set up hover layout and style */ @@ -181,13 +181,15 @@ html[dir='rtl'] .favorites_form { } #topMenu ul li:hover li { - float: none; } + float: none; +} #topMenu ul li:hover li a { background-color: #eeeeee; border-bottom: 1px solid #fff; text-decoration: none; - color: #000; } + color: #000; +} #topMenu ul li li a:hover { background-color: #fff; @@ -195,22 +197,22 @@ html[dir='rtl'] .favorites_form { } /* --- RTL --- */ -html[dir='rtl'] #topMenu { float: left; width: 100%;} -html[dir='rtl'] #topMenu ul li { float: left; } -html[dir='rtl'] #topMenu ul ul li a { text-align: left; } -html[dir='rtl'] #topMenu ul ul li { text-align: left; } -html[dir='rtl'] #topMenu ul li:hover ul { text-align: left; } -html[dir='rtl'] #topMenu ul li ul li { text-align: left; } -html[dir='rtl'] #topMenu ul li { float: right; } -html[dir='rtl'] #topMenu ul ul li a { text-align: right; } -html[dir='rtl'] #topMenu ul ul li { text-align: right; } -html[dir='rtl'] #topMenu ul li:hover ul { text-align: right; } -html[dir='rtl'] #topMenu ul li ul li { text-align: right; } -html[dir='rtl'] #topMenu ul ul { right:0; left: auto;} -html[dir='rtl'] #topMenu ul ul ul { left:auto; right:100px;} -html[dir='rtl'] #topMenu ul { right: auto; float:left; left: 50%; } -html[dir='rtl'] #topMenu ul li { float:right; right: 50%; } -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 {float: left; width: 100%;} +html[dir='rtl'] #topMenu ul li {float: left;} +html[dir='rtl'] #topMenu ul ul li a {text-align: left;} +html[dir='rtl'] #topMenu ul ul li {text-align: left;} +html[dir='rtl'] #topMenu ul li:hover ul {text-align: left;} +html[dir='rtl'] #topMenu ul li ul li {text-align: left;} +html[dir='rtl'] #topMenu ul li {float: right;} +html[dir='rtl'] #topMenu ul ul li a {text-align: right;} +html[dir='rtl'] #topMenu ul ul li {text-align: right;} +html[dir='rtl'] #topMenu ul li:hover ul {text-align: right;} +html[dir='rtl'] #topMenu ul li ul li {text-align: right;} +html[dir='rtl'] #topMenu ul ul {right:0; left: auto;} +html[dir='rtl'] #topMenu ul ul ul {left:auto; right:100px;} +html[dir='rtl'] #topMenu ul {right: auto; float:left; left: 50%;} +html[dir='rtl'] #topMenu ul li {float:right; right: 50%;} +html[dir='rtl'] #topMenu ul ul li {right:auto; /*resets the right:50% on the parent li */ clear:right; float:right; width:100%;} @@ -571,7 +573,7 @@ table.center{ .icon { display: none; border: none; - padding-left: 0pt; + padding-left: 0; padding-right: 5pt; } @@ -583,13 +585,13 @@ table.center{ .adminicon { border: none; - padding-left: 0pt; + padding-left: 0; padding-right: 5pt; } html[dir='rtl'] .icon, html[dir='rtl'] .adminicon { padding-left: 5pt; - padding-right: 0pt; + padding-right: 0; } .link { @@ -628,7 +630,7 @@ html[dir='rtl'] .icon, html[dir='rtl'] .adminicon { } .lang_form { - margin-top: 0px; + margin-top: 0; } .selected-option { @@ -659,7 +661,7 @@ html[dir='rtl'] .icon, html[dir='rtl'] .adminicon { } .favorites_form { - margin-top: 0px; + margin-top: 0; } .help { @@ -823,24 +825,24 @@ right:10px; background-repeat: repeat-y; background-position: left top; list-style: none; - margin: 0px 0px 5px 15px; /* top right bottom left */ - padding-top: 0px; - padding-right: 0px; - padding-bottom: 0px; + margin: 0 0 5px 15px; /* top right bottom left */ + padding-top: 0; + padding-right: 0; + padding-bottom: 0; } #descendancy_chart li { list-style: none; - margin: 0px 0px 0px -14px; /* top right bottom left */ - padding-top: 0px; - padding-right: 0px; - padding-bottom: 0px; + margin: 0 0 0 -14px; /* top right bottom left */ + 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:0px 15px 0px 0px; +margin:0 15px 0 0; left:auto; } @@ -848,7 +850,7 @@ left:auto; #relationship_chart { position: relative; top: -40px; - left: 0px; + left: 0; } html[dir='rtl'] #relationship_chart { @@ -863,37 +865,37 @@ html[dir='rtl'] #relationship_chart { background-position: left top; list-style:none; display: block; - margin: 0px 0px 0px 15px; /* top right bottom left */ - padding-top: 0px; - padding-right: 0px; - padding-bottom: 0px; + margin: 0 0 0 15px; /* top right bottom left */ + padding-top: 0; + padding-right: 0; + padding-bottom: 0; } #ancestry_chart li { list-style: url(images/spacer.png); - margin: 0px 0px 2px -13px; /* top right bottom left */ - padding-top: 0px; - padding-right: 0px; - padding-bottom: 0px; + margin: 0 0 2px -13px; /* top right bottom left */ + padding-top: 0; + padding-right: 0; + padding-bottom: 0; } /*-- ancestry chart rtl specific stylesheets --*/ html[dir='rtl'] #ancestry_chart ul { background-position:right top; -margin:0px 15px 0px 0px; +margin:0 15px 0 0; left:auto; } html[dir='rtl'] #ancestry_chart li { -margin:0px 0px 0px 0px; -padding:0px 2px 0px 0px; +margin:0; +padding:0 2px 0 0; left:auto; } /*-- timeline chart specific styles --*/ #timeline_chart { position: relative; - top: 0px; + top: 0; } .timeline_table { @@ -1118,7 +1120,7 @@ a.showit:hover > span { display: block; position: absolute; top: 22px; - left: 0px; + left: 0; width: 225px; border-style: outset; border-left: 15px outset #1f1f1f; @@ -1238,7 +1240,7 @@ a.showit:hover > span { } .ac_results { - padding: 0px; + padding: 0; border: 1px solid black; background-color: white; overflow: hidden; @@ -1254,7 +1256,7 @@ a.showit:hover > span { } .ac_results li { - margin: 0px; + margin: 0; padding: 2px 5px; cursor: default; display: block; @@ -1314,7 +1316,7 @@ a.showit:hover > span { ul.clist { list-style-image: none; - margin: 0px; + margin: 0; } .statistics_chart { @@ -1486,7 +1488,7 @@ html[dir='rtl'].field .editlink, html[dir='rtl'].field .deletelink {float:lef #indi_name_details {background: none #FFF; border: none; font-size:10px; margin:0; overflow: hidden !important; padding: 5px;} #indi_name_details .warning {font-size:1em;} -#indi_name_details dt:after { content:":";} +#indi_name_details dt:after {content:":";} #indi_name_details dt.label, #indi_name_details dd.field {font-size:12px;} #name1 {} @@ -1504,8 +1506,8 @@ html[dir='rtl'] #sex {float:left;} #dates {float:right; margin-top:5px;} dd .editlink, dd .deletelink {float:right;} -html[dir='rtl'] #indi_header { float:right; padding:00 0 10px ;} -html[dir='rtl'] #indi_header h3 { padding: 0 30px 0 10px; text-align: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;} @@ -1517,47 +1519,48 @@ 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;} -.male_gender { background-position: -79px 3px; width: 24px;} -.unknown_gender { background-position: -107px 4px; width: 24px;} +.male_gender, .female_gender, .unknown_gender {display: block; background: url('images/indi_sprite.png') no-repeat;} +.female_gender {background-position: -45px 3px; width: 24px;} +.male_gender {background-position: -79px 3px; width: 24px;} +.unknown_gender {background-position: -107px 4px; width: 24px;} /* =========== Indi tabs ================== */ /* Facts & Events tab */ -#personal_facts_content .fact_NOTE, #personal_facts_content .fact_SOUR {margin: 5px 3px 5px 0} +#personal_facts_content .fact_NOTE, #personal_facts_content .fact_SOUR {margin: 5px 3px 5px 0;} #media-display-image {float:left;} #media-display-title {float:left; font-style:italic; margin:10px;} -/* ========= jquery-ui.custom.css changes ============ */.ui-widget-content { color:black; } +/* ========= jquery-ui.custom.css changes ============ */ +.ui-widget-content {color:black;} .ui-widget-content {color:black; border-color:#999999;} -.ui-widget-content a {color:black; } -.ui-widget-content a:hover {color:black; } +.ui-widget-content a {color:black;} +.ui-widget-content a:hover {color:black;} .ui-state-active, .ui-widget-content .ui-state-active {background:#888; font-weight:normal; color:black; outline:none;} -.ui-state-active .ui-icon { background-image: url("../../js/jquery/css/images/ui-icons_222222_256x240.png"); } -.ui-state-default .ui-icon { background-image: url("../../js/jquery/css/images/ui-icons_222222_256x240.png"); } +.ui-state-active .ui-icon {background-image: url("../../js/jquery/css/images/ui-icons_222222_256x240.png");} +.ui-state-default .ui-icon {background-image: url("../../js/jquery/css/images/ui-icons_222222_256x240.png");} -.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:0px; margin:0 0.15em 0 0.1em; border-color:#888888; background: #efefef;} +.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;} .ui-tabs .ui-tabs-nav li:hover {color:black; background: #dfdfdf;} .ui-tabs .ui-tabs-nav li a:hover {color:black;} -.ui-tabs-nav li.ui-tabs-selected {color:black; padding-top:0px; top:1px; bottom:0px; border-color: #888; border-bottom-width: 0; background:#f8f8f8;} -.ui-tabs-nav li.ui-tabs-selected a {font-weight:600; color:black; } -.ui-tabs-nav li.ui-tabs-selected a:hover {font-weight:600; color:black; background:#f8f8f8; } -.ui-tabs-nav li.ui-tabs-selected:hover {background:#f8f8f8; } -.ui-tabs .ui-tabs-panel {background:#f8f8f8; } +.ui-tabs-nav li.ui-tabs-selected {color:black; padding-top:0; top:1px; bottom:0; border-color: #888; border-bottom-width: 0; background:#f8f8f8;} +.ui-tabs-nav li.ui-tabs-selected a {font-weight:600; color:black;} +.ui-tabs-nav li.ui-tabs-selected a:hover {font-weight:600; color:black; background:#f8f8f8;} +.ui-tabs-nav li.ui-tabs-selected: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 {padding: 1em .05em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: visible; display: none; } -.ui-accordion .ui-accordion-content-active {display: block; } +.ui-accordion .ui-accordion-header .ui-icon {position: absolute; left: .5em; top: 50%; margin-top: -8px;} +.ui-accordion .ui-accordion-content {padding: 1em .05em; border-top: 0; margin-top: -2px; 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:.5em} .ui-helper-reset {line-height: 1.5;} .ui-state-highlight a {color: red;} html[dir='rtl'] .ui-tabs {direction:rtl;} html[dir='rtl'] ui-tabs .ui-tabs-nav li.ui-tabs-selected, -html[dir='rtl'] .ui-tabs .ui-tabs-nav li.ui-state-default {float:right; } +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;} /* ========= jQuery.datatable styling over-rides ============ */ @@ -1616,12 +1619,12 @@ html[dir='rtl'] .gender, html[dir='rtl'] .aliveinyear, html[dir='rtl'] .years, h .sidebar-at-right #sidebar { width:20%;} .use-sidebar.sidebar-at-right #sidebar, .sidebar-at-right #separator {float:right;} #separator { display: block; background: #DDD url('images/indi_sprite.png') no-repeat -26px 100px; min-width:6px; max-width:10px; width:0.75%; border: 1px solid #888; border-top-left-radius: 3px; border-top-right-radius: 3px; margin-top:5px;} -.use-sidebar #separator { background: #DDD url('images/indi_sprite.png') no-repeat -1px 100px;} +.use-sidebar #separator {background: #DDD 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: #DDD url('images/indi_sprite.png') no-repeat -1px 100px;} +html[dir='rtl'] #separator {background: #DDD url('images/indi_sprite.png') no-repeat -1px 100px;} html[dir='rtl'] .use-sidebar #separator {background: #DDD url('images/indi_sprite.png') no-repeat -26px 100px;} /* ============== Sidebar content items ============== */ @@ -1633,9 +1636,9 @@ html[dir='rtl'] .use-sidebar #separator {background: #DDD url('images/indi_sprit .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:black;} -.flyout4 {color:#000000; text-align:left; margin-top:0px;margin-left:0px; padding:3px;} -.flyout3, .flyout3 a {background:none; border:none; text-decoration:none; text-align:left; margin-top:0px; left:0px; padding:0px;} -.famnav_link {font-size:12px; padding:0px; width:100%;} +.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;} @@ -1643,24 +1646,24 @@ html[dir='rtl'] .flyout3 {text-align:right;} /* Descendancy */ #sb_desc_content {margin-left:3px; font-size:0.8em;} -#sb_desc_content ul {padding:0px; margin:0px;} +#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:0px; margin-left:10px; margin-top:0px ;margin-right:0px;} +.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:0px;} +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:0px; padding:0px;} -.name_tree_div ul, .name_tree_div_visible ul {padding:0px; margin:0px;} +.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:0px; padding:0px;} -#sb_clippings_content ul {padding:0px; margin:0px;} +#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;} @@ -1678,13 +1681,13 @@ html[dir='rtl'] #sb_content_extra_info .editfacts {float:left;} /*-- pedigree chart specific stylesheets --*/ #pedigree_chart { position: absolute; - top: 0px; - left: 0px; + top: 0; + left: 0; } /*-- pedigree chart rtl specific stylesheets --*/ html[dir='rtl'] #pedigree_chart { left:auto; -right:0px; +right:0; } #header, #footer, .noprint {display:none !important;} diff --git a/themes/webtrees/style.css b/themes/webtrees/style.css index 96405d7a30..b03877894d 100644 --- a/themes/webtrees/style.css +++ b/themes/webtrees/style.css @@ -405,7 +405,7 @@ a:hover .nameZoom { } .gender_image { - margin:0px 3px; + margin:0 3px; border:none; vertical-align:middle; } @@ -435,13 +435,13 @@ a:hover .nameZoom { .icon, .adminicon { border:none; - padding-left:0pt; + padding-left:0; padding-right:5pt; } html[dir='rtl'] .icon, html[dir='rtl'] .adminicon { padding-left:5pt; - padding-right:0pt; + padding-right:0; } /*.link { @@ -501,7 +501,7 @@ html[dir='rtl'] .icon, html[dir='rtl'] .adminicon { } .lang_form { - margin-top:0px; + margin-top:0; } .selected-option { @@ -532,7 +532,7 @@ html[dir='rtl'] .icon, html[dir='rtl'] .adminicon { } .favorites_form { - margin-top:0px; + margin-top:0; } .help { @@ -656,7 +656,7 @@ html[dir='rtl'] .icon, html[dir='rtl'] .adminicon { #pedigree_chart { position:relative; top:-200px; - left:0px; + left:0; } /*-- pedigree chart rtl specific stylesheets --*/ @@ -671,24 +671,24 @@ right:10px; background-repeat:repeat-y; background-position:left top; list-style:none; - margin:0px 0px 5px 15px; /* top right bottom left */ - padding-top:0px; - padding-right:0px; - padding-bottom:0px; + margin:0 0 5px 15px; /* top right bottom left */ + padding-top:0; + padding-right:0; + padding-bottom:0; } #descendancy_chart li { list-style:none; - margin:0px 0px 0px -15px; /* top right bottom left */ - padding-top:0px; - padding-right:0px; - padding-bottom:0px; + margin:0 0 0 -15px; /* top right bottom left */ + 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:0px 15px 0px 0px; +margin:0 15px 0 0; left:auto; } @@ -696,7 +696,7 @@ left:auto; #relationship_chart { position:relative; top:-40px; - left:0px; + left:0; } html[dir='rtl'] #relationship_chart { @@ -711,38 +711,38 @@ html[dir='rtl'] #relationship_chart { background-position:left top; list-style:none; display:block; - margin:0px 0px 0px 15px; /* top right bottom left */ - padding-top:0px; - padding-right:0px; - padding-bottom:0px; + margin:0 0 0 15px; /* top right bottom left */ + padding-top:0; + padding-right:0; + padding-bottom:0; } #ancestry_chart li { list-style:none; - margin:0px 0px 2px -13px; /* top right bottom left */ - padding-top:0px; - padding-right:0px; - padding-bottom:0px; + margin:0 0 2px -13px; /* top right bottom left */ + padding-top:0; + padding-right:0; + padding-bottom:0; } /*-- ancestry chart rtl specific stylesheets --*/ html[dir='rtl'] #ancestry_chart ul { background-position:right top; -margin:0px 15px 0px 0px; +margin:0 15px 0 0; left:auto; } html[dir='rtl'] #ancestry_chart li { -margin:0px 0px 0px 0px; -padding:0px 2px 0px 0px; +margin:0; +padding:0 2px 0 0; left:auto; } /*-- timeline chart specific styles --*/ #timeline_chart { position:relative; - top:0px; - left:0px; + top:0; + left:0; } .timeline_table { @@ -1061,7 +1061,7 @@ a.showit:hover > span { display:block; position:absolute; top:22px; - left:0px; + left:0; width:225px; border-style:outset; border-left:15px outset #1f1f1f; @@ -1186,7 +1186,7 @@ a.showit:hover > span { } .ac_results { - padding:0px; + padding:0; border:1px solid #000000; background-color:#ffffff; overflow:hidden; @@ -1202,7 +1202,7 @@ a.showit:hover > span { } .ac_results li { - margin:0px; + margin:0; padding:2px 5px; cursor:default; display:block; @@ -1272,7 +1272,7 @@ ul.clist { list-style-image:none; text-decoration:none; color:#000000; - margin:0px; + margin:0; } .statistics_chart { @@ -1428,11 +1428,11 @@ html[dir='rtl'] #main-menu li li a {float:right;padding:1px 5px 1px 10px;} #menu-report {background-position:center -280px;} #menu-search {background-position:center -420px;} #menu-sour {background-position:center -700px;} -#menu-tree {background-position:center 0px;} -#menu-story {background-position:center -1045px;} +#menu-tree {background-position:center 0;} +#menu-story {background-position:center -1045px;} /* Sub-menu icons */ -#menu-admin {background-position:left 0px;} html[dir=rtl] #menu-admin {background-position:right 0px;} +#menu-admin {background-position:left 0;} html[dir=rtl] #menu-admin {background-position:right 0;} #menu-branches {background-position:left -450px;} html[dir=rtl] #menu-branches {background-position:right -450px;} #menu-calendar-day {background-position:left -60px;} html[dir=rtl] #menu-calendar-day {background-position:right -60px;} #menu-calendar-month {background-position:left -60px;} html[dir=rtl] #menu-calendar-month {background-position:right -60px;} @@ -1516,19 +1516,19 @@ html[dir='rtl'] #main-menu li li a {float:right;padding:1px 5px 1px 10px;} /* ========= Login|Favorites|Theme|Language menu items ========== */ #extra-menu {float:right;white-space:nowrap; margin:20px 10px 0 0;} -#extra-menu.makeMenu li ul {left:auto; right:0px;} +#extra-menu.makeMenu li ul {left:auto; right:0;} #extra-menu a {background:none; display:inline;} .makeMenu {color:#555555; font-weight:bold;} .makeMenu li {display:inline; position:relative; white-space:nowrap; border-left:2px solid; padding:0 5px;} .makeMenu li:first-child, .makeMenu li ul li {border:none;} -.makeMenu li ul {display:none; font-weight:normal; position:absolute; left:0px; right:auto; top:1.1em; background-color:#ffffff; border:thin solid #aaaaaa; z-index:999;} +.makeMenu li ul {display:none; font-weight:normal; position:absolute; left:0; right:auto; top:1.1em; background-color:#ffffff; border:thin solid #aaaaaa; z-index:999;} .makeMenu li ul li {padding:2px; display:block; text-align:left;} .makeMenu, .makeMenu li ul {list-style:none; margin:0; padding:1px;} .makeMenu li:hover > ul {display:block;} -html[dir='rtl'] #extra-menu { float:left; margin:20px 0 0 10px ;} -html[dir='rtl'] #extra-menu.makeMenu li ul {left:0px;right:auto;} -html[dir='rtl'] .makeMenu li ul {left:auto; right:0px;} +html[dir='rtl'] #extra-menu { float:left; margin:20px 0 0 10px;} +html[dir='rtl'] #extra-menu.makeMenu li ul {left:0;right:auto;} +html[dir='rtl'] .makeMenu li ul {left:auto; right:0;} html[dir='rtl'] .makeMenu li ul li {text-align:right;} html[dir='rtl'] .makeMenu li {border-left:none; border-right:2px solid;} html[dir='rtl'] .makeMenu li:first-child, html[dir='rtl'] .makeMenu li ul li {border:none;} @@ -1576,7 +1576,7 @@ html[dir='rtl'].field .editlink, html[dir='rtl'].field .deletelink {float:lef dd .editlink, dd .deletelink {float:right;} #indi_note .fact_NOTE {float:left; margin:0 5px 0 0;} #indi_note .note_details {font-size:100%;} -#indi_note .fact_SOUR {margin:3px 0} +#indi_note .fact_SOUR {margin:3px 0;} #indi_note .fact_SOUR a {font-size:100%;} html[dir='rtl'] #indi_header {float:right;} @@ -1607,7 +1607,7 @@ html[dir='rtl'] dd .editlink, html[dir='rtl'] dd .deletelink {float:left;} /* =========== Indi tabs ================== */ /* Facts & Events tab */ -#personal_facts_content .fact_NOTE, #personal_facts_content .fact_SOUR {margin:5px 3px 5px 0} +#personal_facts_content .fact_NOTE, #personal_facts_content .fact_SOUR {margin:5px 3px 5px 0;} #media-display-image {float:left;} #media-display-title {float:left; font-style:italic; margin:10px;} @@ -1674,8 +1674,8 @@ html[dir='rtl'] .use-sidebar #separator {background:#99c2ff url('images/general_ .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:#ff0000;} -.flyout4 {color:#000000; text-align:left; margin-top:0px;margin-left:0px; padding:3px;} -.flyout3, .flyout3 a {background:none; border:none; text-decoration:none; text-align:left; margin-top:0px; left:0px; padding:0px;} +.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;} html[dir='rtl'] .flyout {text-align:right; left:210px;} html[dir='rtl'] .flyout2 {text-align:right; right:40px;} @@ -1684,25 +1684,25 @@ html[dir='rtl'] .flyout3 {text-align:right;} /* Descendancy */ #sb_content_descendancy {margin-top:5px;} #sb_desc_content {margin-left:3px; font-size:0.8em;} -#sb_desc_content ul {padding:0px; margin:0px;} +#sb_desc_content ul {padding:0; margin:0;} .sb_desc_indi_li {list-style-type:none;} .desc_tree_div { display:none;} -.desc_tree_div ul {padding:0px; margin-left:10px;margin-top:0px;margin-right:0px;} +.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:0px;} +html[dir='rtl'] .desc_tree_div ul {margin-right:10px;margin-left:0;} /* Individuals, Families */ #sb_content_individuals, #sb_content_families {margin-top:5px;} .sb_indi_surname_li, .sb_fam_surname_li {list-style-image:url('images/plus.png');} .name_tree_div { display:none;} -.name_tree_div ul, .name_tree_div_visible ul {padding:0px;margin:0px;} -.name_tree_div li, .name_tree_div_visible li {list-style:none; margin:0px; padding:0px;} +.name_tree_div ul, .name_tree_div_visible ul {padding:0;margin:0;} +.name_tree_div li, .name_tree_div_visible li {list-style:none; margin:0; padding:0;} /* Clippings */ #sb_content_clippings {margin-top:5px;} -#sb_clippings_content ul {padding:0px; margin:0px;} -#sb_clippings_content li {list-style:none; margin:0px; padding:0px; white-space:nowrap;} +#sb_clippings_content ul {padding:0; margin:0;} +#sb_clippings_content li {list-style:none; margin:0; padding:0; white-space:nowrap;} /* Extra info */ #sb_content_extra_info {font-size:80%; font-weight:bold; margin-top:1px; overflow:hidden; padding:5px;} diff --git a/themes/xenea/style.css b/themes/xenea/style.css index 0c6ab5fc73..4613c34c98 100644 --- a/themes/xenea/style.css +++ b/themes/xenea/style.css @@ -25,115 +25,110 @@ */ /* Add a permanent scrollbar, to prevent "flickering" when hover effects lengthen page */ -html { overflow-y:scroll; } +html {overflow-y:scroll;} body { - color: #000066; - background-color: white; - font: 12px tahoma, arial, helvetica, sans-serif; - margin: 1px; + color:#000066; + background-color:white; + font:12px tahoma, arial, helvetica, sans-serif; + margin:1px; } -html[dir='rtl'] body { direction: rtl; text-align: right; } +html[dir='rtl'] body {direction:rtl; text-align:right;} -a { color: blue; text-decoration: none; } -a:hover { color: red; text-decoration: none; } -a.link:link, a.link:active, a.link:visited { color: white; font-weight: bold; } -a.link:hover { color: #333366; font-weight: bold; } +a {color:blue; text-decoration:none;} +a:hover {color:red; text-decoration:none;} +a.link:link, a.link:active, a.link:visited {color:white; font-weight:bold;} +a.link:hover {color:#333366; font-weight:bold;} -/* ================= */ -/* Header Layout */ - +/* Header Layout */ #header { - height: 40px; - background: #003399; + height:40px; + background:#003399; background-image:url(images/cabeza.png); background-position:left top; } -.title {display: block; float: left; margin-top: 10px; margin-left: 12px; font-size: 24px; } -.title a:hover { color: #fff;} -.hsearch {display: block; float: right; margin-top: 10px; margin-right: 5px; } +.title {display:block; float:left; margin-top:10px; margin-left:12px; font-size:24px;} +.title a:hover {color:#fff;} +.hsearch {display:block; float:right; margin-top:10px; margin-right:5px;} /* LTR to TRL Translation */ -html[dir='rtl'] #header { background-position: right top; background-image:url(images/cabeza_rtl.png); } -html[dir='rtl'] .title { float: right; margin-right: 12px; } -html[dir='rtl'] .hsearch { float: left; padding-left: 10px; } - -#header, .gedcomtitle { color: #ffffff; } +html[dir='rtl'] #header {background-position:right top; background-image:url(images/cabeza_rtl.png);} +html[dir='rtl'] .title {float:right; margin-right:12px;} +html[dir='rtl'] .hsearch {float:left; padding-left:10px;} -/* ================= */ -/* Options Menu Layout */ +#header, .gedcomtitle {color:#ffffff;} +/* Options Menu Layout */ #optionsmenu { - background: #84beff; + background:#84beff; background-image:url(images/barra.png); - width: 100%; - color: white; + width:100%; + color:white; font-weight:bold; font-size:11px; - height: 40px; - z-index: 1000; - position: relative; + height:40px; + z-index:1000; + position:relative; } -#theme-menu { float: left; margin-left: 10px; margin-top: 5px; } -#fav-menu { position: absolute; left: 10px; top: 20px;} -#login-menu { position: absolute; left: 30%; top: 15px; } -#lang-menu { float: right; margin-right: 10px; margin-top: 5px; text-align:right; } -#lang-menu .makeMenu li ul { left:auto; right:0px; } +#theme-menu {float:left; margin-left:10px; margin-top:5px;} +#fav-menu {position:absolute; left:10px; top:20px;} +#login-menu {position:absolute; left:30%; top:15px;} +#lang-menu {float:right; margin-right:10px; margin-top:5px; text-align:right;} +#lang-menu .makeMenu li ul {left:auto; right:0;} /* LTR to TRL Translation */ -html[dir='rtl'] #theme-menu { float: right; margin-right: 10px; } -html[dir='rtl'] #fav-menu { left: auto; right: 10px; } -html[dir='rtl'] #login-menu { left: auto; right: 30% } -html[dir='rtl'] #lang-menu { float: left; margin-left: 10px; text-align:left; } -html[dir='rtl'] #lang-menu .makeMenu li ul { right:auto; left:0px; } +html[dir='rtl'] #theme-menu {float:right; margin-right:10px;} +html[dir='rtl'] #fav-menu {left:auto; right:10px;} +html[dir='rtl'] #login-menu {left:auto; right:30%} +html[dir='rtl'] #lang-menu {float:left; margin-left:10px; text-align:left;} +html[dir='rtl'] #lang-menu .makeMenu li ul {right:auto; left:0;} -.makeMenu li { display:inline; position:relative; white-space:nowrap; } -.makeMenu a { color: #FFF; font-weight: bold; } -.makeMenu a:hover { color: red; } -.makeMenu li ul { display:none; position:absolute; left:0px; right:auto; top:1.1em; background-color:#FFF; border:thin solid #C3DFFF; z-index:999; } -.makeMenu li ul li { padding: 2px; display:block; text-align:left; } -.makeMenu li ul li a { color: #000; font-weight: normal; } -.makeMenu li ul li a:hover { color: red; } -.makeMenu, .makeMenu li ul { list-style:none; margin:0; padding:1px; } -.makeMenu li:hover > ul { display:block; } +.makeMenu li {display:inline; position:relative; white-space:nowrap;} +.makeMenu a {color:#FFF; font-weight:bold;} +.makeMenu a:hover {color:red;} +.makeMenu li ul {display:none; position:absolute; left:0; right:auto; top:1.1em; background-color:#FFF; border:thin solid #C3DFFF; z-index:999;} +.makeMenu li ul li {padding:2px; display:block; text-align:left;} +.makeMenu li ul li a {color:#000; font-weight:normal;} +.makeMenu li ul li a:hover {color:red;} +.makeMenu, .makeMenu li ul {list-style:none; margin:0; padding:1px;} +.makeMenu li:hover > ul {display:block;} -html[dir='rtl'] li up li { text-align:right; } -html[dir='rtl'] .makeMenu li ul { left:auto; right:0px; } -html[dir='rtl'] .makeMenu li ul li { text-align:right!important; } -html[dir='rtl'] #extra-menu { text-align:left; } -html[dir='rtl'] #extra-menu.makeMenu li ul { left:0px; right:auto; } +html[dir='rtl'] li up li {text-align:right;} +html[dir='rtl'] .makeMenu li ul {left:auto; right:0;} +html[dir='rtl'] .makeMenu li ul li {text-align:right !important;} +html[dir='rtl'] #extra-menu {text-align:left;} +html[dir='rtl'] #extra-menu.makeMenu li ul {left:0; right:auto;} -/* */ /* ======= Main menu items ========== */ -#topMenu { float:left; width:100%; height: 45px; padding:5px 0; position:relative; } -#main-menu { clear:both; position:relative; z-index:500; float:right; right:50%; margin-top: 5px; } +#topMenu {float:left; width:100%; height:45px; padding:5px 0; position:relative;} +#main-menu {clear:both; position:relative; z-index:500; float:right; right:50%; margin-top:5px;} #main-menu, -#main-menu ul { padding:0; list-style-type:none; } -#main-menu ul ul { z-index:600;} -#main-menu li { float:left; position:relative; left:50%; } -#main-menu li li { clear:both; } -#main-menu li:hover > ul { display:block; position:absolute; top:0; left:100%; right:auto; margin-top: 0px;} -#main-menu > li:hover > ul { left:0; right:auto; top:42px; } -#main-menu a { display:block; white-space:nowrap; overflow:hidden; } -#main-menu ul { position:absolute; display:none; background:#ffffff; border:thin solid #aaaaaa; padding:0px 0; z-index:999; } -#main-menu li a { margin:auto; padding-top:22px; width:100%; } -#main-menu li li a { display:block; position:relative; float:left; font-size:11px; line-height:1.5; padding:0px 10px 1px 5px; } +#main-menu ul {padding:0; list-style-type:none;} +#main-menu ul ul {z-index:600;} +#main-menu li {float:left; position:relative; left:50%;} +#main-menu li li {clear:both;} +#main-menu li:hover > ul {display:block; position:absolute; top:0; left:100%; right:auto; margin-top:0;} +#main-menu > li:hover > ul {left:0; right:auto; top:42px;} +#main-menu a {display:block; white-space:nowrap; overflow:hidden;} +#main-menu ul {position:absolute; display:none; background:#ffffff; border:thin solid #aaaaaa; padding:0; z-index:999;} +#main-menu li a {margin:auto; padding-top:22px; width:100%;} +#main-menu li li a {display:block; position:relative; float:left; font-size:11px; line-height:1.5; padding:0 10px 1px 5px;} /* Menu icons */ -#main-menu > li { +#main-menu > li { background-image:url(images/sprites-top-menu.png); background-repeat:no-repeat; width:80px; text-align:center; - height: 28px; - line-height: 28px; - text-indent: 0px; + height:28px; + line-height:28px; + text-indent:0; } -#main-menu li li { +#main-menu li li { background-image:url(images/sprites-sub-menu.png); background-repeat:no-repeat; height:23px; left:auto; @@ -143,144 +138,144 @@ html[dir='rtl'] #extra-menu.makeMenu li ul { left:0px; right:auto; } } /* Reverse left and right on RTL pages */ -html[dir='rtl'] #topMenu {float:right; } -html[dir='rtl'] #main-menu li {float:right; } -html[dir='rtl'] #main-menu li:hover > ul { right:100%; left:auto; } -html[dir='rtl'] #main-menu > li:hover > ul{ left:auto; right:0; } -html[dir='rtl'] #main-menu li li { text-align:right; } -html[dir='rtl'] #main-menu li li a { float:right;padding:1px 5px 1px 10px; } +html[dir='rtl'] #topMenu {float:right;} +html[dir='rtl'] #main-menu li {float:right;} +html[dir='rtl'] #main-menu li:hover > ul {right:100%; left:auto;} +html[dir='rtl'] #main-menu > li:hover > ul{left:auto; right:0;} +html[dir='rtl'] #main-menu li li {text-align:right;} +html[dir='rtl'] #main-menu li li a {float:right;padding:1px 5px 1px 10px;} /********************Menu Top Row Icons **********************/ -#menu-tree { background-position:center -0px; } -#menu-chart { background-position:center -29px; } -#menu-list { background-position:center -58px; } -#menu-calendar { background-position:center -87px; } -#menu-report { background-position:center -116px; } -#menu-search { background-position:center -145px; } -#menu-help { background-position:center -174px; } -#menu-mymenu { background-position:center -203px; } -#menu-clippings { background-position:center -232px; } -#menu-indi { background-position:center -261px; } -#menu-sour { background-position:center -319px; } -#menu-fam { background-position:center -290px; } -#menu-note { background-position:center -348px; } -#menu-obje { background-position:center -377px; } -#menu-repo { background-position:center -406px; } -#menu-story { background-position:center -435px; } - +#menu-tree {background-position:center -0px;} +#menu-chart {background-position:center -29px;} +#menu-list {background-position:center -58px;} +#menu-calendar {background-position:center -87px;} +#menu-report {background-position:center -116px;} +#menu-search {background-position:center -145px;} +#menu-help {background-position:center -174px;} +#menu-mymenu {background-position:center -203px;} +#menu-clippings {background-position:center -232px;} +#menu-indi {background-position:center -261px;} +#menu-sour {background-position:center -319px;} +#menu-fam {background-position:center -290px;} +#menu-note {background-position:center -348px;} +#menu-obje {background-position:center -377px;} +#menu-repo {background-position:center -406px;} +#menu-story {background-position:center -435px;} + /*******************Menu submenu Icons**********************/ /* Chart Icons */ -#menu-chart-ancestry { background-position:left -0px; } html[dir=rtl] #menu-chart-ancestry { background-position:right -0px; } -#menu-chart-fanchart { background-position:left -23px; } html[dir=rtl] #menu-chart-fanchart { background-position:right -23px; } -#menu-chart-compact { background-position:left -46px; } html[dir=rtl] #menu-chart-compact { background-position:right -46px; } -#menu-chart-descendancy { background-position:left -69px; } html[dir=rtl] #menu-chart-descendancy { background-position:right -69px; } -#menu-chart-familybook { background-position:left -92px; } html[dir=rtl] #menu-chart-familybook { background-position:right -92px; } -#menu-chart-hourglass { background-position:left -115px; } html[dir=rtl] #menu-chart-hourglass { background-position:right -115px; } -#menu-chart-tree { background-position:left -138px; } html[dir=rtl] #menu-chart-tree { background-position:right -138px; } -#menu-chart-lifespan { background-position:left -161px; } html[dir=rtl] #menu-chart-lifespan { background-position:right -161px; } -#menu-chart-pedigree { background-position:left -184px; } html[dir=rtl] #menu-chart-pedigree { background-position:right -184px; } -#menu-chart-pedigree_map { background-position:left -207px; } html[dir=rtl] #menu-chart-pedigree_map { background-position:right -207px; } -#menu-chart-relationship { background-position:left -230px; } html[dir=rtl] #menu-chart-relationship { background-position:right -230px; } -#menu-chart-relationship li { background-position:left -230px; } html[dir=rtl] #menu-chart-relationship li { background-position:right -230px; } -#menu-chart-statistics { background-position:left -253px; } html[dir=rtl] #menu-chart-statistics { background-position:right -253px; } -#menu-chart-timeline { background-position:left -276px; } html[dir=rtl] #menu-chart-timeline { background-position:right -276px; } -#menu-chart-timeline li { background-position:left -276px; } html[dir=rtl] #menu-chart-timeline li { background-position:right -276px; } +#menu-chart-ancestry {background-position:left -0px;} html[dir=rtl] #menu-chart-ancestry {background-position:right -0px;} +#menu-chart-fanchart {background-position:left -23px;} html[dir=rtl] #menu-chart-fanchart {background-position:right -23px;} +#menu-chart-compact {background-position:left -46px;} html[dir=rtl] #menu-chart-compact {background-position:right -46px;} +#menu-chart-descendancy {background-position:left -69px;} html[dir=rtl] #menu-chart-descendancy {background-position:right -69px;} +#menu-chart-familybook {background-position:left -92px;} html[dir=rtl] #menu-chart-familybook {background-position:right -92px;} +#menu-chart-hourglass {background-position:left -115px;} html[dir=rtl] #menu-chart-hourglass {background-position:right -115px;} +#menu-chart-tree {background-position:left -138px;} html[dir=rtl] #menu-chart-tree {background-position:right -138px;} +#menu-chart-lifespan {background-position:left -161px;} html[dir=rtl] #menu-chart-lifespan {background-position:right -161px;} +#menu-chart-pedigree {background-position:left -184px;} html[dir=rtl] #menu-chart-pedigree {background-position:right -184px;} +#menu-chart-pedigree_map {background-position:left -207px;} html[dir=rtl] #menu-chart-pedigree_map {background-position:right -207px;} +#menu-chart-relationship {background-position:left -230px;} html[dir=rtl] #menu-chart-relationship {background-position:right -230px;} +#menu-chart-relationship li {background-position:left -230px;} html[dir=rtl] #menu-chart-relationship li {background-position:right -230px;} +#menu-chart-statistics {background-position:left -253px;} html[dir=rtl] #menu-chart-statistics {background-position:right -253px;} +#menu-chart-timeline {background-position:left -276px;} html[dir=rtl] #menu-chart-timeline {background-position:right -276px;} +#menu-chart-timeline li {background-position:left -276px;} html[dir=rtl] #menu-chart-timeline li {background-position:right -276px;} /* Lists Icons */ -#menu-list-obje { background-position:left -299px; } html[dir=rtl] #menu-list-obje { background-position:right -299px; } -#menu-list-plac { background-position:left -322px; } html[dir=rtl] #menu-list-plac { background-position:right -322px; } -#menu-list-repo { background-position:left -345px; } html[dir=rtl] #menu-list-repo { background-position:right -345px; } -#menu-list-note { background-position:left -368px; } html[dir=rtl] #menu-list-note { background-position:right -368px; } -#menu-list-sour { background-position:left -391px; } html[dir=rtl] #menu-list-sour { background-position:right -391px; } -#menu-branches { background-position:left -414px; } html[dir=rtl] #menu-branches { background-position:right -414px; } -#menu-list-fam { background-position:left -437px; } html[dir=rtl] #menu-list-fam { background-position:right -437px; } -#menu-list-indi { background-position:left -460px; } html[dir=rtl] #menu-list-indi { background-position:right -460px; } +#menu-list-obje {background-position:left -299px;} html[dir=rtl] #menu-list-obje {background-position:right -299px;} +#menu-list-plac {background-position:left -322px;} html[dir=rtl] #menu-list-plac {background-position:right -322px;} +#menu-list-repo {background-position:left -345px;} html[dir=rtl] #menu-list-repo {background-position:right -345px;} +#menu-list-note {background-position:left -368px;} html[dir=rtl] #menu-list-note {background-position:right -368px;} +#menu-list-sour {background-position:left -391px;} html[dir=rtl] #menu-list-sour {background-position:right -391px;} +#menu-branches {background-position:left -414px;} html[dir=rtl] #menu-branches {background-position:right -414px;} +#menu-list-fam {background-position:left -437px;} html[dir=rtl] #menu-list-fam {background-position:right -437px;} +#menu-list-indi {background-position:left -460px;} html[dir=rtl] #menu-list-indi {background-position:right -460px;} /* Report Icons */ -#menu-report li { background-position:left -483px; } html[dir=rtl] #menu-report li { background-position:right -483px; } +#menu-report li {background-position:left -483px;} html[dir=rtl] #menu-report li {background-position:right -483px;} /* Calendar Icons */ -#menu-calendar-day { background-position:left -506px; } html[dir=rtl] #menu-calendar-day { background-position:right -506px; } -#menu-calendar-month { background-position:left -506px; } html[dir=rtl] #menu-calendar-month { background-position:right -506px; } -#menu-calendar-year { background-position:left -506px; } html[dir=rtl] #menu-calendar-year { background-position:right -506px; } +#menu-calendar-day {background-position:left -506px;} html[dir=rtl] #menu-calendar-day {background-position:right -506px;} +#menu-calendar-month {background-position:left -506px;} html[dir=rtl] #menu-calendar-month {background-position:right -506px;} +#menu-calendar-year {background-position:left -506px;} html[dir=rtl] #menu-calendar-year {background-position:right -506px;} /* Search Icons */ -#menu-search-general { background-position:left -529px; } html[dir=rtl] #menu-search-general { background-position:right -529px; } -#menu-search-soundex { background-position:left -529px; } html[dir=rtl] #menu-search-soundex { background-position:right -529px; } -#menu-search-advanced { background-position:left -529px; } html[dir=rtl] #menu-search-advanced { background-position:right -529px; } -#menu-search-replace { background-position:left -529px; } html[dir=rtl] #menu-search-replace { background-position:right -529px; } +#menu-search-general {background-position:left -529px;} html[dir=rtl] #menu-search-general {background-position:right -529px;} +#menu-search-soundex {background-position:left -529px;} html[dir=rtl] #menu-search-soundex {background-position:right -529px;} +#menu-search-advanced {background-position:left -529px;} html[dir=rtl] #menu-search-advanced {background-position:right -529px;} +#menu-search-replace {background-position:left -529px;} html[dir=rtl] #menu-search-replace {background-position:right -529px;} /* Help Icons */ -#menu-help-genealogy { background-position:left -552px; } html[dir=rtl] #menu-help-genealogy { background-position:right -552px; } -#menu-help-show { background-position:left -552px; } html[dir=rtl] #menu-help-show { background-position:right -552px; } -#menu-help-contents { background-position:left -552px; } html[dir=rtl] #menu-help-contents { background-position:right -552px; } -#menu-help-hide { background-position:left -552px; } html[dir=rtl] #menu-help-hide { background-position:right -552px; } -#menu-help-faq { background-position:left -552px; } html[dir=rtl] #menu-help-faq { background-position:right -552px; } -#menu-help-wiki { background-position:left -575px; } html[dir=rtl] #menu-help-wiki { background-position:right -575px; } -#menu-help-technical { background-position:left -598px; } html[dir=rtl] #menu-help-technical { background-position:right -598px; } +#menu-help-genealogy {background-position:left -552px;} html[dir=rtl] #menu-help-genealogy {background-position:right -552px;} +#menu-help-show {background-position:left -552px;} html[dir=rtl] #menu-help-show {background-position:right -552px;} +#menu-help-contents {background-position:left -552px;} html[dir=rtl] #menu-help-contents {background-position:right -552px;} +#menu-help-hide {background-position:left -552px;} html[dir=rtl] #menu-help-hide {background-position:right -552px;} +#menu-help-faq {background-position:left -552px;} html[dir=rtl] #menu-help-faq {background-position:right -552px;} +#menu-help-wiki {background-position:left -575px;} html[dir=rtl] #menu-help-wiki {background-position:right -575px;} +#menu-help-technical {background-position:left -598px;} html[dir=rtl] #menu-help-technical {background-position:right -598px;} /* MyPage Icons */ -#menu-mypage { background-position:left -598px; } html[dir=rtl] #menu-mypage { background-position:right -598px; } -#menu-myaccount { background-position:left -598px; } html[dir=rtl] #menu-myaccount { background-position:right -598px; } -#menu-mypedigree { background-position:left -828px; } html[dir=rtl] #menu-mypedigree { background-position:right -828px; } -#menu-myrecord { background-position:left -460px; } html[dir=rtl] #menu-myrecord { background-position:right -460px; } -#menu-admin { background-position:left -644px; } html[dir=rtl] #menu-admin { background-position:right -644px; } -#menu-tree li { background-position:left -667px; } html[dir=rtl] #menu-tree li { background-position:right -667px; } +#menu-mypage {background-position:left -598px;} html[dir=rtl] #menu-mypage {background-position:right -598px;} +#menu-myaccount {background-position:left -598px;} html[dir=rtl] #menu-myaccount {background-position:right -598px;} +#menu-mypedigree {background-position:left -828px;} html[dir=rtl] #menu-mypedigree {background-position:right -828px;} +#menu-myrecord {background-position:left -460px;} html[dir=rtl] #menu-myrecord {background-position:right -460px;} +#menu-admin {background-position:left -644px;} html[dir=rtl] #menu-admin {background-position:right -644px;} +#menu-tree li {background-position:left -667px;} html[dir=rtl] #menu-tree li {background-position:right -667px;} /* Family Icons */ -#menu-fam-addchil { background-position:left -759px; } html[dir=rtl] #menu-fam-addchil { background-position:right -759px; } -#menu-fam-addfav { background-position:left -736px; } html[dir=rtl] #menu-fam-addfav { background-position:right -736px; } -#menu-fam-change { background-position:left -759px; } html[dir=rtl] #menu-fam-change { background-position:right -759px; } -#menu-fam-del { background-position:left -713px; } html[dir=rtl] #menu-fam-del { background-position:right -713px; } -#menu-fam-editraw { background-position:left -667px; } html[dir=rtl] #menu-fam-editraw { background-position:right -667px; } -#menu-fam-orderchil { background-position:left -759px; } html[dir=rtl] #menu-fam-orderchil { background-position:right -759px; } +#menu-fam-addchil {background-position:left -759px;} html[dir=rtl] #menu-fam-addchil {background-position:right -759px;} +#menu-fam-addfav {background-position:left -736px;} html[dir=rtl] #menu-fam-addfav {background-position:right -736px;} +#menu-fam-change {background-position:left -759px;} html[dir=rtl] #menu-fam-change {background-position:right -759px;} +#menu-fam-del {background-position:left -713px;} html[dir=rtl] #menu-fam-del {background-position:right -713px;} +#menu-fam-editraw {background-position:left -667px;} html[dir=rtl] #menu-fam-editraw {background-position:right -667px;} +#menu-fam-orderchil {background-position:left -759px;} html[dir=rtl] #menu-fam-orderchil {background-position:right -759px;} /* Clipping Icons */ -#menu-clippingscart { background-position:left -621px; } html[dir=rtl] #menu-clippingscart { background-position:right -621px; } -#menu-clippingsadd { background-position:left -621px; } html[dir=rtl] #menu-clippingsadd { background-position:right -621px; } +#menu-clippingscart {background-position:left -621px;} html[dir=rtl] #menu-clippingscart {background-position:right -621px;} +#menu-clippingsadd {background-position:left -621px;} html[dir=rtl] #menu-clippingsadd {background-position:right -621px;} /* Edit Icons */ -#menu-indi-editraw { background-position:left -667px; } html[dir=rtl] #menu-indi-editraw { background-position:right -667px; } -#menu-indi-addname { background-position:left -690px; } html[dir=rtl] #menu-indi-addname { background-position:right -690px; } -#menu-indi-editsex { background-position:left -690px; } html[dir=rtl] #menu-indi-editsex { background-position:right -690px; } -#menu-indi-del { background-position:left -713px; } html[dir=rtl] #menu-indi-del { background-position:right -713px; } -#menu-indi-addfav { background-position:left -736px; } html[dir=rtl] #menu-indi-addfav { background-position:right -736px; } +#menu-indi-editraw {background-position:left -667px;} html[dir=rtl] #menu-indi-editraw {background-position:right -667px;} +#menu-indi-addname {background-position:left -690px;} html[dir=rtl] #menu-indi-addname {background-position:right -690px;} +#menu-indi-editsex {background-position:left -690px;} html[dir=rtl] #menu-indi-editsex {background-position:right -690px;} +#menu-indi-del {background-position:left -713px;} html[dir=rtl] #menu-indi-del {background-position:right -713px;} +#menu-indi-addfav {background-position:left -736px;} html[dir=rtl] #menu-indi-addfav {background-position:right -736px;} -/* Edit Notes */ -#menu-note-addfav { background-position:left -736px; } html[dir=rtl] #menu-note-fav { background-position:right -736px; } -#menu-note-del { background-position:left -713px; } html[dir=rtl] #menu-note-del { background-position:right -713px; } -#menu-note-edit { background-position:left -805px; } html[dir=rtl] #menu-note-edit { background-position:right -805px; } -#menu-note-editraw { background-position:left -667px; } html[dir=rtl] #menu-note-editraw { background-position:right -667px; } +/* Edit Notes */ +#menu-note-addfav {background-position:left -736px;} html[dir=rtl] #menu-note-fav {background-position:right -736px;} +#menu-note-del {background-position:left -713px;} html[dir=rtl] #menu-note-del {background-position:right -713px;} +#menu-note-edit {background-position:left -805px;} html[dir=rtl] #menu-note-edit {background-position:right -805px;} +#menu-note-editraw {background-position:left -667px;} html[dir=rtl] #menu-note-editraw {background-position:right -667px;} -/* Objects */ -#menu-obje-addfav { background-position:left -736px; } html[dir=rtl] #menu-obje-addfav { background-position:right -736px; } -#menu-obje-del { background-position:left -713px; } html[dir=rtl] #menu-obje-del { background-position:right -713px; } -#menu-obje-edit { background-position:left -852px; } html[dir=rtl] #menu-obje-edit { background-position:right -852px; } -#menu-obje-editraw { background-position:left -667px; } html[dir=rtl] #menu-obje-editraw { background-position:right -667px; } -#menu-obje-link { background-position:left -875px; } html[dir=rtl] #menu-obje-link { background-position:right -875px; } -#menu-obje-linkfam { background-position:left -437px; } html[dir=rtl] #menu-obje-linkfam { background-position:right -437px; } -#menu-obje-link-ind { background-position:left -460px; } html[dir=rtl] #menu-obje-link-ind { background-position:right -460px; } -#menu-obje-link-sour { background-position:left -391px; } html[dir=rtl] #menu-obje-link-sour { background-position:right -391px; } +/* Objects */ +#menu-obje-addfav {background-position:left -736px;} html[dir=rtl] #menu-obje-addfav {background-position:right -736px;} +#menu-obje-del {background-position:left -713px;} html[dir=rtl] #menu-obje-del {background-position:right -713px;} +#menu-obje-edit {background-position:left -852px;} html[dir=rtl] #menu-obje-edit {background-position:right -852px;} +#menu-obje-editraw {background-position:left -667px;} html[dir=rtl] #menu-obje-editraw {background-position:right -667px;} +#menu-obje-link {background-position:left -875px;} html[dir=rtl] #menu-obje-link {background-position:right -875px;} +#menu-obje-linkfam {background-position:left -437px;} html[dir=rtl] #menu-obje-linkfam {background-position:right -437px;} +#menu-obje-link-ind {background-position:left -460px;} html[dir=rtl] #menu-obje-link-ind {background-position:right -460px;} +#menu-obje-link-sour {background-position:left -391px;} html[dir=rtl] #menu-obje-link-sour {background-position:right -391px;} /* Repository */ -#menu-repo-addfav { background-position:left -736px; } html[dir=rtl] #menu-repo-addfav { background-position:right -736px; } -#menu-repo-del { background-position:left -713px; } html[dir=rtl] #menu-repo-del { background-position:right -713px; } -#menu-repo-editraw { background-position:left -667px; } html[dir=rtl] #menu-repo-editraw { background-position:right -667px; } +#menu-repo-addfav {background-position:left -736px;} html[dir=rtl] #menu-repo-addfav {background-position:right -736px;} +#menu-repo-del {background-position:left -713px;} html[dir=rtl] #menu-repo-del {background-position:right -713px;} +#menu-repo-editraw {background-position:left -667px;} html[dir=rtl] #menu-repo-editraw {background-position:right -667px;} -/* Source */ -#menu-sour-addfav { background-position:left -736px; } html[dir=rtl] #menu-sour-addfav { background-position:right -736px; } -#menu-sour-del { background-position:left -713px; } html[dir=rtl] #menu-sour-del { background-position:right -713px; } -#menu-sour-edit { background-position:left -782px; } html[dir=rtl] #menu-sour-edit { background-position:right -782px; } -#menu-sour-editraw { background-position:left -667px; } html[dir=rtl] #menu-sour-editraw { background-position:right -667px; } +/* Source */ +#menu-sour-addfav {background-position:left -736px;} html[dir=rtl] #menu-sour-addfav {background-position:right -736px;} +#menu-sour-del {background-position:left -713px;} html[dir=rtl] #menu-sour-del {background-position:right -713px;} +#menu-sour-edit {background-position:left -782px;} html[dir=rtl] #menu-sour-edit {background-position:right -782px;} +#menu-sour-editraw {background-position:left -667px;} html[dir=rtl] #menu-sour-editraw {background-position:right -667px;} -/* Stories */ -#menu-story-sub { background-position:left -920px; } html[dir=rtl] #menu-story-sub { background-position:right -920px; } +/* Stories */ +#menu-story-sub {background-position:left -920px;} html[dir=rtl] #menu-story-sub {background-position:right -920px;} #menu-language li {text-align:left;} /* The language menu is always LTR, even on RTL pages */ #menu-theme li {text-align:left;} /* The theme menu is always LTR, even on RTL pages */ -/* Header end */ +/* Header end */ fieldset { margin:8px 8px 4px 8px; @@ -290,717 +285,717 @@ fieldset { html[dir='rtl'] fieldset {text-align:right;} legend { - font-weight: bold; + font-weight:bold; } img { - border: none; + border:none; } ul { - padding-left: 15px; - padding-right: 15px; - margin: 8px; + padding-left:15px; + padding-right:15px; + margin:8px; } .center { - text-align: center; + text-align:center; } table.center{ - margin-left: auto; - margin-right: auto; + margin-left:auto; + margin-right:auto; } th { - font-weight: 100; + font-weight:100; } .button { - width: 60px; + width:60px; } .gedcom_table { - border: 1px solid #84BEFF; - margin: 0; - width: 99%; + border:1px solid #84BEFF; + margin:0; + width:99%; } .person_box { - background-color: #F0F9FF; - border: 1px solid #84BEFF; + background-color:#F0F9FF; + border:1px solid #84BEFF; } .person_boxF { - background-color: #FFF0F0; - border: 1px solid #FF2080; + background-color:#FFF0F0; + border:1px solid #FF2080; } .person_boxNN { - background-color: white; - border: dashed #008080 1px; + background-color:white; + border:dashed #008080 1px; } .person_box:target, .news_box:target, #gedcom_stats:target { - background-color: #FFFFCC; + background-color:#FFFFCC; } .list_table { - margin-left: auto; - margin-right: auto; + margin-left:auto; + margin-right:auto; } .list_label, .list_label_wrap { - color: #000066; - background-color: #C3DFFF; + color:#000066; + background-color:#C3DFFF; font-weight:bold; font-size:12px; - text-align: center; + text-align:center; } .list_value, .list_value_wrap { - background-color: #ECF5FF; - border: solid #C3DFFF 1px; - color: #000066; + background-color:#ECF5FF; + border:solid #C3DFFF 1px; + color:#000066; font-size:12px; - vertical-align: top; + vertical-align:top; } .list_label, .list_value { - white-space: nowrap; + white-space:nowrap; } .list_label_wrap, .list_value_wrap { - white-space: normal; + white-space:normal; } .list_item { - font-size: 12px; + font-size:12px; } .facts_table, .facts_table_rtl { - width: 99%; + width:99%; } .facts_label { - color: #000066; - background-color: #C3DFFF; + color:#000066; + background-color:#C3DFFF; font-size:12px; - padding: 4px; - width: 20%; - text-align: center; + padding:4px; + width:20%; + text-align:center; } .facts_label02, .facts_label03 { - color: white; - background-color: #84BEFF; + color:white; + background-color:#84BEFF; font-size:12px; - padding: 4px; - text-align: center; - font-weight: bold; + padding:4px; + text-align:center; + font-weight:bold; } .facts_value { - background-color: #ECF5FF; - border: solid #C3DFFF 1px; - color: #000066; + background-color:#ECF5FF; + border:solid #C3DFFF 1px; + color:#000066; font-size:12px; - padding: 4px; + padding:4px; } .facts_value02 { - background-color: #FBFDFF; - border: solid #C3DFFF 1px; - color: #000066; + background-color:#FBFDFF; + border:solid #C3DFFF 1px; + color:#000066; font-size:12px; - padding: 5px; + padding:5px; } .facts_labelred, .facts_labelblue { - color: #000066; - background-color: #9DD8FF; + color:#000066; + background-color:#9DD8FF; font-size:12px; - padding: 4px; - width: 20%; - text-align: center; + padding:4px; + width:20%; + text-align:center; } .facts_valuered, .facts_valueblue { - background-color: #FBFDFF; - color: #000066; + background-color:#FBFDFF; + color:#000066; font-size:12px; - padding: 4px; + padding:4px; } .facts_labelred, .facts_valuered { - border: solid red 2px; + border:solid red 2px; } .facts_labelblue, .facts_valueblue { - border: solid blue 2px; + border:solid blue 2px; } .tabs_table { - width: 99%; + width:99%; } .tab_cell_active { - color: #000066; - background-color: white; - border-color: #FF6633; - border-width: 1px; - border-bottom-style: none; - border-top-style: solid; - border-right-style: solid; - text-align: center; - font-weight: bold; + color:#000066; + background-color:white; + border-color:#FF6633; + border-width:1px; + border-bottom-style:none; + border-top-style:solid; + border-right-style:solid; + text-align:center; + font-weight:bold; } .tab_cell_inactive { - color: #000066; - background-color: #ECF5FF; - border-color: #FF6633; - border-width: 1px; - border-right-style: solid; - text-align: center; - font-weight: bold; + color:#000066; + background-color:#ECF5FF; + border-color:#FF6633; + border-width:1px; + border-right-style:solid; + text-align:center; + font-weight:bold; } .tab_cell_inactive_empty { - color: #000066; - background-color: #DCE5EF; - border-color: #FF6633; - border-width: 1px; - border-right-style: solid; - text-align: center; - font-weight: bold; + color:#000066; + background-color:#DCE5EF; + border-color:#FF6633; + border-width:1px; + border-right-style:solid; + text-align:center; + font-weight:bold; } .tab_cell_inactive_empty a { - color: #5555FF; + color:#5555FF; } .tab_active_bottom { - border-top: none; - border-bottom: none; - border-left: none; - border-right: none; - height: 5px; + border-top:none; + border-bottom:none; + border-left:none; + border-right:none; + height:5px; } .tab_inactive_bottom { - background-color: white; - border-left: none; - border-right: none; - border-top: solid #FF6633 1px; - height: 5px; + background-color:white; + border-left:none; + border-right:none; + border-top:solid #FF6633 1px; + height:5px; } .tab_inactive_bottom_right { - background-color: white; - border-left: none; - border-right: none; - border-top: solid #FF6633 1px; - width: 35%; - height: 5px; + background-color:white; + border-left:none; + border-right:none; + border-top:solid #FF6633 1px; + width:35%; + height:5px; } .name1 { - color: #000066; + color:#000066; font-weight:bold; font-size:11px; } a:hover .name1 { - color: red; + color:red; font-weight:bold; font-size:10px; } a:hover .name2 { - color: red; + color:red; font-weight:bold; font-size:11px; } a:hover .nameZoom { - color: red; + color:red; font-weight:bold; font-size:14px; } .namered { - border: solid red 1px; + border:solid red 1px; } .nameblue { - border: solid blue 1px; + border:solid blue 1px; } .name2 { - color: #000066; + color:#000066; font-weight:bold; font-size:11px; } .details1 { -font-size: 10px; +font-size:10px; } .details2 { - color: #000066; + color:#000066; font-size:11px; - text-decoration: none; + text-decoration:none; } .nameZoom { - color: #000066; + color:#000066; font-weight:bold; font-size:14px; } .detailsZoom { font-size:14px; - text-decoration: none; + text-decoration:none; } .name_head { - color: #000066; + color:#000066; font-weight:bold; font-size:16px; - letter-spacing: .2px; + letter-spacing:.2px; } .field { } .label { - font-weight: bold; + font-weight:bold; } .error { - color: #DD0000; - font-weight: bold; + color:#DD0000; + font-weight:bold; } .largeError { - color: #DD0000; + color:#DD0000; font-size:large; - font-weight: bold; + font-weight:bold; } .warning { - color: red; - font-weight: bold; + color:red; + font-weight:bold; } .indent { - padding-left: 7px; + padding-left:7px; } .indent_rtl { - padding-right: 7px; + padding-right:7px; } .image { - height: 150px; - padding: 5px; + height:150px; + padding:5px; } .gender_image { - padding-left: 3px; - padding-right: 3px; - border: none; - vertical-align: middle; + padding-left:3px; + padding-right:3px; + border:none; + vertical-align:middle; } .pedigree_image_portrait, .pedigree_image_landscape { - float: left; - max-height: 50px; - max-width: 50px; - border: solid black 1px; - margin-right: 3px; + float:left; + max-height:50px; + max-width:50px; + border:solid black 1px; + margin-right:3px; } .pedigree_image_portrait_rtl, .pedigree_image_landscape_rtl { - float: right; - max-height: 50px; - max-width: 50px; - border: solid black 1px; - margin-left: 3px; + float:right; + max-height:50px; + max-width:50px; + border:solid black 1px; + margin-left:3px; } .pedigree_form { - width: 60px; + width:60px; } .thumbnail { - height: auto; - padding: 5px; + height:auto; + padding:5px; } .icon, .adminicon { - border: none; - padding-left: 0; - padding-right: 5px; + border:none; + padding-left:0; + padding-right:5px; } html[dir='rtl'] .icon, html[dir='rtl'] .adminicon { - padding-left: 5px; - padding-right: 0; + padding-left:5px; + padding-right:0; } .link { - font-size: 11px; - text-align: center; + font-size:11px; + text-align:center; } .sublinks_table { - border: solid #84BEFF 1px; + border:solid #84BEFF 1px; } .sublinks_cell { - font-size: 11px; - background-color: #ECF5FF; + font-size:11px; + background-color:#ECF5FF; } .sublinks_table .icon { - vertical-align: middle; - width: 25px; - height: 25px; + vertical-align:middle; + width:25px; + height:25px; } .menuitem .icon { - width: 32px; - height: 32px; + width:32px; + height:32px; } .menuitem_hover .icon { - width: 32px; - height: 32px; + width:32px; + height:32px; } .submenu .icon { - vertical-align: middle; - width: 25px; - height: 25px; + vertical-align:middle; + width:25px; + height:25px; } .subheaders { font-weight:bold; font-size:16px; - text-indent: 20px; - margin-top: 15px; - vertical-align: bottom; + text-indent:20px; + margin-top:15px; + vertical-align:bottom; } .age { - font-size: 9px; + font-size:9px; } .parentdeath { - border: thin solid #808080; - padding: 1px; + border:thin solid #808080; + padding:1px; } .source_citations { - display: none; + display:none; } .contact_links { - margin-top: 15px; - text-align: center; + margin-top:15px; + text-align:center; } .theme_form { - margin-top: 0; + margin-top:0; font-size:14px; - color: white; + color:white; } .hit-counter { - background: black; - color: white; - font-weight: bold; + background:black; + color:white; + font-weight:bold; } .border1 { - border: solid black 1px; + border:solid black 1px; } .header_select { - font-size: 9pt; + font-size:9pt; } .lang_form { - margin-bottom: 1px; + margin-bottom:1px; } .selected-option { - background-color: #ECF5FF; - border: solid #84BEFF 1px; + background-color:#ECF5FF; + border:solid #84BEFF 1px; } .favorites_form { - margin-top: 0px; + margin-top:0; font-weight:bold; font-size:14px; - color: white; + color:white; } .langmenuitem { - color: white; + color:white; font-weight:bold; font-size:11px; - text-decoration: none; - padding: 1px; + text-decoration:none; + padding:1px; } .langmenuitem a { - color: white; + color:white; } .langmenuitem_hover { - color: red; + color:red; font-weight:bold; font-size:11px; - text-decoration: none; - padding: 1px; + text-decoration:none; + padding:1px; } -.thememenuitem { - color: white; +.thememenuitem { + color:white; font-weight:bold; font-size:11px; - text-decoration: none; - padding: 1px; + text-decoration:none; + padding:1px; } .thememenuitem a { - color: white; + color:white; } .thememenuitem_hover { - color: red; + color:red; font-weight:bold; font-size:11px; - text-decoration: none; - padding: 1px; + text-decoration:none; + padding:1px; } .themesubmenu { - color: black; - text-decoration: none; + color:black; + text-decoration:none; font-size:11px; - text-align: left; - background-color: #ECF5FF; - border: solid #84BEFF 1px; - white-space: nowrap; - width: 100px; + text-align:left; + background-color:#ECF5FF; + border:solid #84BEFF 1px; + white-space:nowrap; + width:100px; } -html[dir='rtl'] .themesubmenu { margin-right: 0px; } +html[dir='rtl'] .themesubmenu {margin-right:0;} .favmenuitem { - color: white; + color:white; font-weight:bold; font-size:11px; - text-decoration: none; - padding: 1px; + text-decoration:none; + padding:1px; } .favmenuitem a { - color: white; + color:white; } .favmenuitem_hover { - color: red; + color:red; font-weight:bold; font-size:11px; - text-decoration: none; - padding: 1px; + text-decoration:none; + padding:1px; } .favsubmenu { - color: black; - text-decoration: none; + color:black; + text-decoration:none; font-size:11px; - text-align: center; - background-color: #ECF5FF; - border: solid #84BEFF 1px; - white-space: nowrap; + text-align:center; + background-color:#ECF5FF; + border:solid #84BEFF 1px; + white-space:nowrap; } .favsubmenuitem a, .favsubmenuitem_selected a { - color: black; + color:black; font-size:11px; - text-decoration: none; - background-color: #ECF5FF; - white-space: nowrap; - text-align: left; + text-decoration:none; + background-color:#ECF5FF; + white-space:nowrap; + text-align:left; } .favsubmenuitem_selected a { - background-color: aqua; + background-color:aqua; } .favsubmenuitem_hover a { - color: red; + color:red; font-size:11px; - text-decoration: none; - background-color: white; - white-space: nowrap; - text-align: left; + text-decoration:none; + background-color:white; + white-space:nowrap; + text-align:left; } .help { - font-weight: bold; - cursor: help; + font-weight:bold; + cursor:help; } .menuitem { - color: black; + color:black; font-size:11px; - text-decoration: none; - text-align: center; - padding: 1px; + text-decoration:none; + text-align:center; + padding:1px; } .menuitem_hover { - color: black; + color:black; font-size:11px; - text-decoration: none; - text-align: center; - padding: 1px; + text-decoration:none; + text-align:center; + padding:1px; } .submenu { - visibility: hidden; - position: absolute; - z-index: 100; - color: black; - text-decoration: none; + visibility:hidden; + position:absolute; + z-index:100; + color:black; + text-decoration:none; font-size:11px; - background-color: #ECF5FF; - border: solid #84BEFF 1px; - white-space: nowrap; + background-color:#ECF5FF; + border:solid #84BEFF 1px; + white-space:nowrap; } .submenuitem { - vertical-align: middle; - height: 22px; - color: black; + vertical-align:middle; + height:22px; + color:black; font-size:11px; - text-decoration: none; - background-color: #ECF5FF; - white-space: nowrap; - padding: 1px; + text-decoration:none; + background-color:#ECF5FF; + white-space:nowrap; + padding:1px; } .submenuitem a, .submenuitem_hover a { - color: black; - display: inline-block; - vertical-align: middle; + color:black; + display:inline-block; + vertical-align:middle; } .submenuitem_hover { - vertical-align: middle; - height: 22px; - color: black; + vertical-align:middle; + height:22px; + color:black; font-size:11px; - text-decoration: none; - background-color: white; - white-space: nowrap; - padding: 1px; + text-decoration:none; + background-color:white; + white-space:nowrap; + padding:1px; } .news_box { - background-color: #F0F9FF; - border: 1px solid #84BEFF; + background-color:#F0F9FF; + border:1px solid #84BEFF; } .news_title { font-weight:bold; font-size:14px; - color: black; + color:black; } .news_date { font-size:12px; - color: black; - margin-bottom: 12px; + color:black; + margin-bottom:12px; } .menuitem a { - color: black; + color:black; } .current_day { - font-weight: bold; - font-size: 16px; + font-weight:bold; + font-size:16px; } .cal_day { - float: left; - font-weight: bold; + float:left; + font-weight:bold; } .rtl_cal_day { - direction: rtl; - float: right; - color: blue; - font-weight: bold; + direction:rtl; + float:right; + color:blue; + font-weight:bold; } .helpcontent { - margin-left: 10px; + margin-left:10px; margin-right:10px; } .helpfooter { - margin: 10px; + margin:10px; } .helpheader { - margin: 10px; - font-size: 18px; - font-weight: bold; - color: black; + margin:10px; + font-size:18px; + font-weight:bold; + color:black; } .helpstart { - margin: 10px; + margin:10px; font-weight:bold; font-size:14px; - color: Blue; - text-decoration: none; + color:Blue; + text-decoration:none; } .helptext { font-size:12px; - color: black; + color:black; } #content { - margin-left: 1px; + margin-left:1px; } #footer { - clear: both; - color: #000066; + clear:both; + color:#000066; font-size:12px; - width: 99%; + width:99%; } /*-- index.php specific style sheets -- */ .small_inner_block { - max-height: 190px; - overflow: auto; + max-height:190px; + overflow:auto; font-size:10px; - text-decoration: none; + text-decoration:none; } .normal_inner_block { - overflow: auto; + overflow:auto; } .block { - background-color: #ECF5FF; - border: solid #84BEFF 1px; - color: black; + background-color:#ECF5FF; + border:solid #84BEFF 1px; + color:black; font-size:12px; - vertical-align: top; - margin-bottom: 5px; - padding: 1px; + vertical-align:top; + margin-bottom:5px; + padding:1px; } .blockcontent { margin-left:auto; margin-right:5px; margin-bottom:10px; - font-size: 13px; + font-size:13px; overflow:auto; } @@ -1010,84 +1005,84 @@ html[dir='rtl'] .themesubmenu { margin-right: 0px; } border-right:0; } -.blockcontent .list_value, .blockcontent .list_value_wrap { +.blockcontent .list_value, .blockcontent .list_value_wrap { border:0; border-top:solid #84BEFF 1px; border-right:solid #84BEFF 1px; } img.block{ - border: none; - height: 20px; - vertical-align: middle; + border:none; + height:20px; + vertical-align:middle; } #index_main_blocks { - clear: none; - width: 66%; - float: left; + clear:none; + width:66%; + float:left; } #index_small_blocks { - clear: none; - width: 33%; - float: right; + clear:none; + width:33%; + float:right; } #index_full_blocks { - clear: none; - width: 100%; + clear:none; + width:100%; } #random_picture { - text-align: center; + text-align:center; } /*-- pedigree chart specific stylesheets --*/ #pedigree_chart { - position: relative; - top: -240px; - left: 0; + position:relative; + top:-240px; + left:0; } /*-- pedigree chart rtl specific stylesheets --*/ html[dir='rtl'] #pedigree_chart { left:auto; -right:0px; +right:0; } /*-- descendancy chart specific stylesheets --*/ #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; /* top right bottom left */ - padding-top: 0; - padding-right: 0; - padding-bottom: 0; + background-image:url(images/vline.png); + background-repeat:repeat-y; + background-position:left top; + list-style:none; + margin:0 0 5px 15px; /* top right bottom left */ + padding-top:0; + padding-right:0; + padding-bottom:0; } #descendancy_chart li { - list-style: none; - margin: 0 0 0 -15px; /* top right bottom left */ - padding-top: 0; - padding-right: 0; - padding-bottom: 0; + list-style:none; + margin:0 0 0 -15px; /* top right bottom left */ + 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:0px 15px 0px 0px; +margin:0 15px 0 0; left:auto; } /*-- relationship chart specific stylesheets --*/ #relationship_chart { - position: relative; - top: -40px; - left: 0; + position:relative; + top:-40px; + left:0; } html[dir='rtl'] #relationship_chart { @@ -1097,103 +1092,103 @@ html[dir='rtl'] #relationship_chart { /*-- 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; /* top right bottom left */ - padding-top: 0; - padding-right: 0; - padding-bottom: 0; + background-image:url(images/vline.png); + background-repeat:repeat-y; + background-position:left top; + list-style:none; + display:block; + margin:0 0 0 15px; /* top right bottom left */ + padding-top:0; + padding-right:0; + padding-bottom:0; } #ancestry_chart li { - list-style: none; - margin: 0 0 2px -15px; /* top right bottom left */ - padding-top: 0; - padding-right: 0; - padding-bottom: 0; + list-style:none; + margin:0 0 2px -15px; /* top right bottom left */ + padding-top:0; + padding-right:0; + padding-bottom:0; } /*-- ancestry chart rtl specific stylesheets --*/ html[dir='rtl'] #ancestry_chart ul { background-position:right top; -margin:0px 15px 0px 0px; +margin:0 15px 0 0; left:auto; } html[dir='rtl'] #ancestry_chart li { -margin:0px 0px 0px 0px; -padding:0px 2px 0px 0px; +margin:0; +padding:0 2px 0 0; left:auto; } /*-- timeline chart specific styles --*/ #timeline_chart { - position: relative; - top: 0px; + position:relative; + top:0; } .timeline_table { } .person0 { - background-color: #ECF5FF; - border: outset #84BEFF 1px; - vertical-align: top; + background-color:#ECF5FF; + border:outset #84BEFF 1px; + vertical-align:top; } .person1 { - background-color: #AAFFAA; - border: outset #AAFFAA 1px; - vertical-align: top; + background-color:#AAFFAA; + border:outset #AAFFAA 1px; + vertical-align:top; } .person2 { - background-color: #FFAAAA; - border: outset #FFAAAA 1px; - vertical-align: top; + background-color:#FFAAAA; + border:outset #FFAAAA 1px; + vertical-align:top; } .person3 { - background-color: #AAAADD; - border: outset #5555FF 1px; - vertical-align: top; + background-color:#AAAADD; + border:outset #5555FF 1px; + vertical-align:top; } .person4 { - background-color: #FF5555; - border: outset #FF5555 1px; - vertical-align: top; + background-color:#FF5555; + border:outset #FF5555 1px; + vertical-align:top; } .person5 { - background-color: #55FF55; - border: outset #55FF55 1px; - vertical-align: top; + background-color:#55FF55; + border:outset #55FF55 1px; + vertical-align:top; } .listlog { - line-height: 20pt; - color: #555555; + line-height:20pt; + color:#555555; } input, button, textarea { - border-color: white #000066 #000066 white; - border-width: 1px; + border-color:white #000066 #000066 white; + border-width:1px; font-family:inherit; font-size:12px; } input, textarea { - padding-left: 3px; - padding-right: 3px; + padding-left:3px; + padding-right:3px; } select { - border-color: #84BEFF; - border-width: 1px; + border-color:#84BEFF; + border-width:1px; font-family:inherit; font-size:12px; } @@ -1203,12 +1198,12 @@ form { } h2 { - color: #000066; + color:#000066; font-weight:bold; font-size:18px; } h4 { - color: #000066; + color:#000066; font-weight:bold; font-size:12px; } @@ -1217,255 +1212,255 @@ h4 { } .starredname { - text-decoration: underline; + text-decoration:underline; } .search_hit { - background-color: yellow; + background-color:yellow; } .details_label { - font-weight: bold; + font-weight:bold; } /* Style for the top and bottom bar */ .topbottombar { - color: white; - background-color: #84BEFF; + color:white; + background-color:#84BEFF; font-weight:bold; font-size:12px; - padding: 4px; - text-align: center; + padding:4px; + text-align:center; } -/* Style for the subbar in */ +/* Style for the subbar in */ .subbar { - background-color: #ECF5FF; - border: solid #C3DFFF 1px; - color: #000066; + background-color:#ECF5FF; + border:solid #C3DFFF 1px; + color:#000066; font-size:11px; - padding: 3px; - white-space: nowrap; - vertical-align: top; + padding:3px; + white-space:nowrap; + vertical-align:top; } /* Style for the descriptionbox */ .descriptionbox { - color: #000066; - background-color: #C3DFFF; + color:#000066; + background-color:#C3DFFF; font-size:12px; - padding: 4px; - white-space: nowrap; - vertical-align: top; + padding:4px; + white-space:nowrap; + vertical-align:top; } /* Style for the optionbox */ .optionbox { - background-color: #ECF5FF; - border: solid #C3DFFF 1px; - color: #000066; + background-color:#ECF5FF; + border:solid #C3DFFF 1px; + color:#000066; font-size:12px; - padding: 3px; - vertical-align: top; - white-space: nowrap; + padding:3px; + vertical-align:top; + white-space:nowrap; } .ltr { - text-align: left; + text-align:left; } .vmiddle { - vertical-align: middle; + vertical-align:middle; } /* Colors */ .red { - color: red; + color:red; } .rela { - opacity: 0.67; + opacity:0.67; } /* Text direction */ .ltr { - text-align: left; + text-align:left; } .rtl { - text-align: right; - direction: rtl; + text-align:right; + direction:rtl; } /* Width settings */ .width10 { - width: 10%; + width:10%; } .width20 { - width: 20%; + width:20%; } .width25 { - width: 25%; + width:25%; } .width30 { - width: 30%; + width:30%; } .width33 { - width: 33%; + width:33%; } .width40 { - width: 40%; + width:40%; } .width50 { - width: 50%; + width:50%; } .width60 { - width: 60%; + width:60%; } .width66 { - width: 66%; + width:66%; } .width70 { - width: 70%; + width:70%; } .width75 { - width: 75%; + width:75%; } .width80 { - width: 80%; + width:80%; } .width90 { - width: 90%; + width:90%; } .width100 { - width: 100%; + width:100%; } /* Font sizes */ .font11 { - font-size: 11px; + font-size:11px; } .font9 { - font-size: 9px; + font-size:9px; } /* Chart styles */ .pedigree_table { - margin: 0; + margin:0; } /* Message box */ .messagebox { - background-color: #DFEEFF; - border: solid #C3DFFF 1px; + background-color:#DFEEFF; + border:solid #C3DFFF 1px; } /* Change indicators */ .change_new { - border: solid blue 2px; + border:solid blue 2px; } .change_old { - border: solid red 2px; + border:solid red 2px; } .note_details { - display: none; + display:none; } a.showit { - position: relative; - z-index: 24; - color: black; - text-decoration: none; + position:relative; + z-index:24; + color:black; + text-decoration:none; } a.showit:hover { - z-index: 25; - background-color: #FFFF9B; - cursor: crosshair; + z-index:25; + background-color:#FFFF9B; + cursor:crosshair; } a.showit > span { - display: none; + display:none; } a.showit:hover > span { - display: block; - position: absolute; - top: 22px; - left: 0; - width: 225px; - border-left: 15px outset #1F1F1F; - border-top: 2px solid #1F1F1F; - border-bottom: 2px solid black; - border-right: 2px solid black; - padding: 3px; - background: #4F4F4F; - color: white; + display:block; + position:absolute; + top:22px; + left:0; + width:225px; + border-left:15px outset #1F1F1F; + border-top:2px solid #1F1F1F; + border-bottom:2px solid black; + border-right:2px solid black; + padding:3px; + background:#4F4F4F; + color:white; font-size:15px; - text-align: left; - opacity: .85; - z-index: 5; - white-space: normal; + text-align:left; + opacity:.85; + z-index:5; + white-space:normal; } .lifespan_people span:first-letter { font-variant:small-caps; font-weight:bold; font-size:16px; - padding: 1px; + padding:1px; } .lifespan_outer { - position: relative; - width: 99.5%; - height: 600px; - overflow: hidden; - border: solid blue 1px; + position:relative; + width:99.5%; + height:600px; + overflow:hidden; + border:solid blue 1px; } .lifespan_outer a { - color: black; + color:black; } .lifespan_outer a:hover { - color: red; - text-decoration: none; + color:red; + text-decoration:none; } .lifespan_timeline { - position: absolute; - width: 100%; - left: -10px; - top: -65px; - z-index: 2; - background-color: white + 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; + position:absolute; + width:500px; + left:-10px; + top:-60px; + z-index:1; } .iwstyle { width:360px; - /*background-color: white;*/ + /*background-color:white;*/ } .iwstyle a { } @@ -1473,52 +1468,52 @@ a.showit:hover > span { } #map_nav { - position: relative; - top: -484px; - left: 101%; + position:relative; + top:-484px; + left:101%; } #tree_nav { - position: relative; - top: -584px; - left: 90%; - z-index: 100; + 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 black; - cursor: pointer; - float: left; - margin-left: 2px; - } - #map_type li.non_active - { - background: white; - color: black; - font-weight: normal; - } - #map_type li.active - { - background: gray; - color: white; - font-weight: bold; - } - #map_type li:hover - { - background: #ddd; - } +#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 black; + cursor:pointer; + float:left; + margin-left:2px; +} +#map_type li.non_active +{ + background:white; + color:black; + font-weight:normal; +} +#map_type li.active +{ + background:gray; + color:white; + font-weight:bold; +} +#map_type li:hover +{ + background:#ddd +} .tag_cloud { } @@ -1528,86 +1523,86 @@ a.showit:hover > span { /* Autocomplete styles*/ .ac_input { - background-color: #EEE8AA; + background-color:#EEE8AA; } .ac_results { - padding: 0px; - border: 1px solid black; - background-color: white; - overflow: hidden; - z-index: 99999; + padding:0; + border:1px solid black; + background-color:white; + overflow:hidden; + z-index:99999; } .ac_results ul { - width: 100%; - list-style-position: outside; - list-style: none; - padding: 0; - margin: 0; + width:100%; + list-style-position:outside; + list-style:none; + padding:0; + margin:0; } .ac_results li { - margin: 0px; - padding: 2px 5px; - cursor: default; - display: block; + margin:0; + padding:2px 5px; + cursor:default; + display:block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ - /*width: 100%;*/ - font: menu; - font-size: 12px; + /*width:100%;*/ + font:menu; + font-size:12px; /* 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; + line-height:14px; + overflow:hidden; } .ac_loading { - background: white url(images/indicator.gif) right center no-repeat; + background:white url(images/indicator.gif) right center no-repeat; } .ac_odd { - background-color: #eee; + background-color:#eee; } .ac_over { - background-color: #0A246A; - color: white; + background-color:#0A246A; + color:white; } /* End of Autocomplete styles*/ .nowrap { - white-space: nowrap; + white-space:nowrap; } .wrap { - white-space: normal; + white-space:normal; } ul.clist { - list-style-image: none; - margin: 0px; + list-style-image:none; + margin:0; } .statistics_chart { - text-align: center; + text-align:center; } .gchart{ } .execution_stats { - padding-top: 12px; - text-align: center; + padding-top:12px; + text-align:center; } .clearfloat { - clear: both; + clear:both; } dl { @@ -1627,8 +1622,8 @@ html[dir="rtl"] dt { } dd { - display: inline; - margin: 0; + display:inline; + margin:0; } /* styles for FindFacts pop-up */ @@ -1686,68 +1681,68 @@ dd { text-align:center; } /* FAQ table styles */ -table.faq { - background-color: #E0E0E0; +table.faq { + background-color:#E0E0E0; margin:5px 0 50px 5px; - width: 98%; + width:98%; } -table.faq tr.odd td { +table.faq tr.odd td { background-color:#E7EEF3; } div.faq_title { - background-color: #E0E0E0; - margin: 1em 0; - padding: .25em; + background-color:#E0E0E0; + margin:1em 0; + padding:.25em; font-weight:bold; - width: 98%; + width:98%; } div.faq_body { clear:both; - margin: 1em 0; - padding: 1em; + margin:1em 0; + padding:1em; } .faq_italic { - font-style: italic; - font-weight: bold; - font-size: 90%; - padding: 0 10px; + 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 */ - color: blue; +td.descriptionbox a { /* this keeps the tag color the same when it is a link as when not */ + color:blue; } .logo { - text-align: center; + text-align:center; } /* ========= Positioning edit, copy, delete links ============= */ /* General use */ -.editfacts { clear:left; padding-top:15px;} /* a container for the following three links */ -.editlink, .copylink, .deletelink { float:left; } -span.link_text { display:none; } +.editfacts {clear:left; padding-top:15px;} /* a container for the following three links */ +.editlink, .copylink, .deletelink {float:left;} +span.link_text {display:none;} /* Indi header */ -.field .editlink, .field .deletelink, .field .copylink {float:right;} +.field .editlink, .field .deletelink, .field .copylink {float:right;} html[dir='rtl'] .editlink, html[dir='rtl'] .copylink, html[dir='rtl'] .deletelink {float:right;} -html[dir='rtl'].field .editlink, html[dir='rtl'].field .deletelink {float:left;} +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%; border-radius: 3px; background: url("../../js/jquery/css/images/ui-bg_highlight-soft_100_e7eef3_1x100.png") repeat-x scroll 50% 50% #fff; border: 1px solid #B2C7D7; margin:5px 0; padding:10px;} -#indi_header h3 {color: #555555; font-weight:bold; margin: 0; padding: 0 10px 0 30px; text-align:left;} +#indi_header {float:left; width:98%; border-radius:3px; background:url("../../js/jquery/css/images/ui-bg_highlight-soft_100_e7eef3_1x100.png") repeat-x scroll 50% 50% #fff; border:1px solid #B2C7D7; margin:5px 0; padding:10px;} +#indi_header h3 {color:#555555; 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 span.details1 {font-size:1em;} -#indi_header h3.person_box {background-color: #F0F9FF; border: 1px solid #84BEFF;} -#indi_header h3.person_boxF {background-color: #FFF0F0; border: 1px solid #FF2080;} -#indi_header h3.person_boxNN { background-color: white; border: 1px dashed #008080;} +#indi_header h3.person_box {background-color:#F0F9FF; border:1px solid #84BEFF;} +#indi_header h3.person_boxF {background-color:#FFF0F0; border:1px solid #FF2080;} +#indi_header h3.person_boxNN {background-color:white; border:1px dashed #008080;} #indi_header h3 .header_age {padding:5px 0 5px 15px; float:right; font-weight:normal; font-size:65%;} #indi_header h3 a {display:inline;} #indi_header a {color:#333377; font-size:0.75em; font-weight:normal;} @@ -1758,12 +1753,12 @@ html[dir='rtl'].field .editlink, html[dir='rtl'].field .deletelink {float:lef #indi_mainimage {float:left;} #indi_mainimage a img {float:left; padding:0;} -#indi_name_details { margin:0; overflow: hidden !important; padding: 5px;} +#indi_name_details {margin:0; overflow:hidden !important; padding:5px;} #indi_name_details .warning {color:red; font-size:1em;} -#indi_name_details dt:after { content:":"; } +#indi_name_details dt:after {content:":";} #name1 {} -#indi_note {margin: 0 0 5px 0;} +#indi_note {margin:0 0 5px 0;} #indi_note .fact_NOTE {float:left; margin:0 10px 0 0;} #indi_note .note_details {font-size:100%;} #indi_note .fact_SOUR a {font-size:100%;} @@ -1772,77 +1767,77 @@ html[dir='rtl'].field .editlink, html[dir='rtl'].field .deletelink {float:lef .indi_table {clear:left;} #sex {float:right;} -#dates {color: #555555; float:right;} -dd .editlink, dd .deletelink {float:right;} +#dates {color:#555555; float:right;} +dd .editlink, dd .deletelink {float:right;} -html[dir='rtl'] #indi_header { float:right;} -html[dir='rtl'] #indi_header h3 { padding: 0 30px 0 10px; text-align:right;} -html[dir='rtl'] #indi_header h3 .header_age {padding:5px 15px 5px 0; float:left;} +html[dir='rtl'] #indi_header {float:right;} +html[dir='rtl'] #indi_header h3 {padding:0 30px 0 10px; text-align:right;} +html[dir='rtl'] #indi_header h3 .header_age {padding:5px 15px 5px 0; float:left;} html[dir='rtl'] #main_name {float:right;} html[dir='rtl'] #indi_mainimage {float:right;} html[dir='rtl'] #indi_mainimage a img {float:right;} -html[dir='rtl'] #indi_note .fact_NOTE {float:right; margin:00 0 10px;} +html[dir='rtl'] #indi_note .fact_NOTE {float:right; margin:0 0 0 10px;} html[dir='rtl'] #header_accordion1 {float:left;} html[dir='rtl'] .indi_table {clear:right;} -html[dir='rtl'] #sex {float:left;} -html[dir='rtl'] #dates { float:left;} -html[dir='rtl'] dd .editlink, html[dir='rtl'] dd .deletelink {float:left;} +html[dir='rtl'] #sex {float:left;} +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, .editicon, .copyicon, .deleteicon { display: block; background: url('images/indi_sprite.png') no-repeat; } -.female_gender {background-position: -45px 3px; width: 24px;} -.male_gender {background-position: -72px 3px; width: 24px;} -.unknown_gender {background-position: -100px 4px; width: 24px;} -.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;} +.male_gender, .female_gender, .unknown_gender, .editicon, .copyicon, .deleteicon {display:block; background:url('images/indi_sprite.png') no-repeat;} +.female_gender {background-position:-45px 3px; width:24px;} +.male_gender {background-position:-72px 3px; width:24px;} +.unknown_gender {background-position:-100px 4px; width:24px;} +.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, #personal_facts_content .fact_SOUR {margin: 5px 3px 5px 0} +#personal_facts_content .fact_NOTE, #personal_facts_content .fact_SOUR {margin:5px 3px 5px 0;} #media-display-image {float:left;} #media-display-title {float:left; font-style:italic; margin:10px;} -/* ========= jquery-ui.custom.css changes ============ */.ui-widget-content {color:black; border-color:#999999; } -.ui-widget-content a {color:blue; } -.ui-widget-content a:hover { color:red; } +/* ========= jquery-ui.custom.css changes ============ */.ui-widget-content {color:black; border-color:#999999;} +.ui-widget-content a {color:blue;} +.ui-widget-content a:hover {color:red;} .ui-state-active, .ui-widget-content .ui-state-active {border:1px solid #c3dfff; background:#c3dfff; font-weight:normal; color:black; outline:none;} -.ui-state-active .ui-icon { background-image: url("../../js/jquery/css/images/ui-icons_222222_256x240.png"); } -.ui-state-default .ui-icon { background-image: url("../../js/jquery/css/images/ui-icons_222222_256x240.png"); } +.ui-state-active .ui-icon {background-image:url("../../js/jquery/css/images/ui-icons_222222_256x240.png");} +.ui-state-default .ui-icon {background-image:url("../../js/jquery/css/images/ui-icons_222222_256x240.png");} -.ui-tabs .ui-tabs-nav {padding: .3em .3em 0 .3em; border-color:#888888; } -.ui-tabs .ui-tabs-nav li {font-size:1em; bottom:0px; margin:0 0.15em 0 0.1em; border-color:#888888; background: #eff8f8;} -.ui-tabs .ui-tabs-nav li a {color:#555555;} -.ui-tabs .ui-tabs-nav li:hover {color:red; background: #dfe8e8;} +.ui-tabs .ui-tabs-nav {padding:.3em .3em 0 .3em; border-color:#888888;} +.ui-tabs .ui-tabs-nav li {font-size:1em; bottom:0; margin:0 0.15em 0 0.1em; border-color:#888888; background:#eff8f8;} +.ui-tabs .ui-tabs-nav li a {color:#555555;} +.ui-tabs .ui-tabs-nav li:hover {color:red; background:#dfe8e8;} .ui-tabs .ui-tabs-nav li a:hover {color:red;} -.ui-tabs-nav li.ui-tabs-selected {color:blue; padding-top:0px; top:1px; bottom:0px; border-color: #888888; border-bottom-width: 0; background:#f8f8f8;} -.ui-tabs-nav li.ui-tabs-selected a {font-weight:600; color:blue; } -.ui-tabs-nav li.ui-tabs-selected a:hover {font-weight:600; color:blue; background:#f8f8f8; } -.ui-tabs-nav li.ui-tabs-selected:hover {background:#f8f8f8; } -.ui-tabs .ui-tabs-panel {background:#f8f8f8; } +.ui-tabs-nav li.ui-tabs-selected {color:blue; padding-top:0; top:1px; bottom:0; border-color:#888888; border-bottom-width:0; background:#f8f8f8;} +.ui-tabs-nav li.ui-tabs-selected a {font-weight:600; color:blue;} +.ui-tabs-nav li.ui-tabs-selected a:hover {font-weight:600; color:blue; background:#f8f8f8;} +.ui-tabs-nav li.ui-tabs-selected: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 { padding:1em 0.05em; border-top:0; margin-top:-2px; 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: 0.5em;} -.ui-helper-reset {line-height: 1.6;} -.ui-state-highlight a {color: red;} +.ui-accordion .ui-accordion-header .ui-icon {position:absolute; left:.5em; top:50%; margin-top:-8px;} +.ui-accordion .ui-accordion-content {padding:1em 0.05em; border-top:0; margin-top:-2px; 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:0.5em;} +.ui-helper-reset {line-height:1.6;} +.ui-state-highlight a {color:red;} -html[dir='rtl'] .ui-tabs { direction:rtl;} +html[dir='rtl'] .ui-tabs {direction:rtl;} html[dir='rtl'] ui-tabs .ui-tabs-nav li.ui-tabs-selected, -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: 0.5em;} +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:0.5em;} /* ========= jQuery.datatable styling over-rides ============ */ .odd {background-color:#dcdcdc;} .even {background-color:#fff;} .css_right {float:left;} .fg-button {padding:2px 6px;} -.dataTables_paginate {float:left; margin:5px;} +.dataTables_paginate {float:left; margin:5px;} .dataTables_processing {float:left; margin:5px;} -.dataTables_filter {float:right; margin:4px;} +.dataTables_filter {float:right; margin:4px;} .dataTables_info {float:left; margin:5px;} .dataTables_length {float:right; margin:5px;} .dataTables_length select, .dataTables_filter input {font-size:11px; padding:1px;} @@ -1852,17 +1847,17 @@ html[dir='rtl'] .ui-accordion .ui-accordion-header .ui-icon {right: 0.5em;} 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_filter {float:left;} html[dir='rtl'] .dataTables_info {float:right} html[dir='rtl'] .dataTables_length {float:left;} /* ========= List styles ================= */ -.source-list, .note-list, .repo-list, .media-list, .indi-list {margin:5px auto; visibility:hidden; text-align:center; width:98%;} -.source-list table, .note-list table, .repo-list table, .media-list table, .indi-list table {width:100%;} +.source-list, .note-list, .repo-list, .media-list, .indi-list {margin:5px auto; visibility:hidden; text-align:center; width:98%;} +.source-list table, .note-list table, .repo-list table, .media-list table, .indi-list table {width:100%;} .source-list td, .note-list td, .repo-list td, .media-list td, .indi-list td{padding:2px 5px;} .indi-list td {color:#555;} .indi-list .stats {margin:0 auto; width:auto;} -.source-list th, .note-list th, .repo-list th, .media-list th, .indi-list th {cursor:pointer; white-space: nowrap;} +.source-list th, .note-list th, .repo-list th, .media-list th, .indi-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;} #source-details h2, #note-details h2, #repo-details h2, #media-details h2 {margin-bottom:20px; text-align:center;} #source-tabs, #note-tabs, #repo-tabs, #media-tabs {margin:auto; visibility:hidden; width:80%;} @@ -1878,25 +1873,25 @@ html[dir='rtl'] .source-list th:last-child, html[dir='rtl'] .note-list th:last-c html[dir='rtl'] .gender, html[dir='rtl'] .aliveinyear, html[dir='rtl'] .years, html[dir='rtl'] .given, html[dir='rtl'] .parents, html[dir='rtl'] .charts, html[dir='rtl'] .reset {margin:0 0 0 6px;} /* ========= Sidebar ============== */ -#main { min-width:600px; width:100% } -#indi_left { float:left; width:98%; } -#tabs { background-color:#FFF; border-color:#DDD; float:left; width:100%; overflow:auto; } -#sidebar { border-color:#DDD; display:none; margin:5px 2px 0 0; height:auto; } -#sidebarAccordion, #sidebarAccordion2 { width:auto; } -#sidebarAccordion h3, #sidebarAccordion2 h3 { height:30px; text-align: center; border-color:#999; } -.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: #c3dfff url('images/indi_sprite.png') no-repeat -26px 100px; min-width:6px; max-width:10px; width:0.75%; border: 1px solid #999; border-top-left-radius: 3px; border-top-right-radius: 3px; margin-top:5px; } -.use-sidebar #separator { background: #c3dfff url('images/indi_sprite.png') no-repeat -1px 100px; } +#main {min-width:600px; width:100%} +#indi_left {float:left; width:98%;} +#tabs {background-color:#FFF; border-color:#DDD; float:left; width:100%; overflow:auto;} +#sidebar {border-color:#DDD; display:none; margin:5px 2px 0 0; height:auto;} +#sidebarAccordion, #sidebarAccordion2 {width:auto;} +#sidebarAccordion h3, #sidebarAccordion2 h3 {height:30px; text-align:center; border-color:#999;} +.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:#c3dfff url('images/indi_sprite.png') no-repeat -26px 100px; min-width:6px; max-width:10px; width:0.75%; border:1px solid #999; border-top-left-radius:3px; border-top-right-radius:3px; margin-top:5px;} +.use-sidebar #separator {background:#c3dfff url('images/indi_sprite.png') no-repeat -1px 100px;} html[dir='rtl'] #indi_left {float:right;} html[dir='rtl'] #tabs {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: #c3dfff url('images/indi_sprite.png') no-repeat -1px 100px;} -html[dir='rtl'] .use-sidebar #separator {background: #c3dfff url('images/indi_sprite.png') no-repeat -26px 100px;} +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:#c3dfff url('images/indi_sprite.png') no-repeat -1px 100px;} +html[dir='rtl'] .use-sidebar #separator {background:#c3dfff url('images/indi_sprite.png') no-repeat -26px 100px;} /* ============== Sidebar content items ============== */ /* Family navigator */ @@ -1904,12 +1899,12 @@ html[dir='rtl'] .use-sidebar #separator {background: #c3dfff url('images/indi_sp #sb_family_nav_content {margin-top:2px;} .nam a:hover {color:red;} .nav_content {width:100%; padding:10px 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;} +.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:#ff0000;} -.flyout4 {color:#000000; text-align:left; margin-top:0px;margin-left:0px; padding:3px;} -.flyout3, .flyout3 a {background:none; border:none; text-decoration:none; text-align:left; margin-top:0px; left:0px; padding:0px;} -.famnav_link {font-size:12px; padding:0px; width:100%;} +.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;} @@ -1917,24 +1912,24 @@ html[dir='rtl'] .flyout3 {text-align:right;}.sb_indi_surname_li, .sb_fam_surname /* Descendancy */ #sb_desc_content {margin-left:3px; font-size:0.8em;} -#sb_desc_content ul {padding:0px; margin:0px;} +#sb_desc_content ul {padding:0; margin:0;} .sb_desc_indi_li {list-style-type:none;} -.desc_tree_div { display:none;} -.desc_tree_div ul {padding:0px; margin-left:10px; margin-top:0px; margin-right:0px;} +.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:0px;} +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:0px; padding:0px;} -.name_tree_div ul, .name_tree_div_visible ul {padding:0px; margin:0px;} +.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:0px; padding:0px;} -#sb_clippings_content ul {padding:0px; margin:0px;} +#sb_clippings_content li {list-style:none; margin:0; padding:0;} +#sb_clippings_content ul {padding:0; margin:0;} /* Extra info */ #sb_content_extra_info {font-size:80%; font-weight:bold; margin-top:1px; overflow:hidden; padding:5px;} @@ -1942,31 +1937,31 @@ html[dir='rtl'] .desc_tree_div ul {margin-right:10px; margin-left:0px;} #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;} +#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;} -@media print { -#topMenu, #header, #optionsmenu, #header select, #header input, #footer select, #backprint, #sidebar { display:none; } +@media print { +#topMenu, #header, #optionsmenu, #header select, #header input, #footer select, #backprint, #sidebar {display:none;} #header, #footer, .noprint {display:none !important;} -form, button, input {display: none;} /* buttons and input are used out of forms in sortable tables*/ +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; + position:relative; + width:auto; + height:auto; + overflow:visible; + border:none; } .lifespan_people { - position: absolute; - width: auto; - left: -10px; - top: -60px; - z-index:1; + position:absolute; + width:auto; + left:-10px; + top:-60px; + z-index:1; } } |