diff options
Diffstat (limited to 'themes/minimal/style.css')
| -rw-r--r-- | themes/minimal/style.css | 199 |
1 files changed, 101 insertions, 98 deletions
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;} |
