MediaWiki:Common.css

___NORICHEDITOR___ /* CSS placed here will be applied to all skins */

/*Begin - the following has been added to reduce 'down-shifting' of text after header has been installed. */

/* h1#firstHeading {  // removes the wiki page title from the top of the screen display: none; }

.mw-body .firstHeading { display:none; }

/* The following definition is needed for collapsible menu items */

.mw-customtoggle, .mw-collapsible-toggle { background: none !important; border: none !important; font-size: 1rem !important; line-height: 1rem !important; font-family: Helvetica, Verdana, san-serif !important; color: #262626 !important; padding: 0px !important; }

/*************** end downshifting code ****************/

/****** testing search box not showing text bug fix *********/

/* the following are added to undo the settings that FS*.css creates when the FS header and footer is added to the page. */

html,body { font-size: 1rem; line-height: 1.6rem; font-family: Helvetica, Verdana, san-serif; color:#262626; }

h1, h2 { font-family: Helvetica,"Museo Slab 500", slab-serif; color: #252525; line-height: 1.3; border-bottom: 1px solid #aaa; }

h3, h4, h5, h6 { font-family: Helvetica, "Proxima Nova Light"; border-bottom: none; color: #252525; }

.mw-body h1{ font-family: Helvetica,"Museo Slab 500",slab-serif; font-size: 1.6rem; color: #252525; }

.mw-body h2 { font-family: Helvetica,"Museo Slab 700",slab-serif; font-size: 1.4rem; line-height: 1.3; color: #080908; }

.mw-body h3, h3 { font-family: Helvetica,"Proxima Nova Bold",serif; font-weight: bold; font-size: 1.2rem; color: #080908; }

.mw-body h4, h4{ font-family: Helvetica,"Proxima Nova Bold",serif; font-size: 1.2rem; font-weight: bold; color: #252525; }

.mw-body h5, h5{ font-family: Helvetica,"Proxima Nova Light", serif; font-size: 1.2rem; font-weight: normal !important; } .mw-body h6{ font-family: Helvetica,"Proxima Nova Light Italics"; font-size: 1.1em !important; font-weight: normal !important; font-style: italic; }

.mw-body p, .mw-body-content p, p { line-height: 1.5em; /* position: relative;*/ font-family: Helvetica, Verdana, "Proxima Nova Light",serif; font-size: 0.875rem; color: #262626; } .mw-body ul li, .mw-body-content ul li { line-height: 1.5em; /* position: relative;*/ font-family: Helvetica, Verdana, "Proxima Nova Light",serif; font-size: inherit; color: #262626; }

ul li{ line-height: 1.25rem; font-family: Helvetica,"Proxima Nova Light",serif; font-size: 0.8rem; color: #262626; }

div.vectorTabs li a { /* text size in tabs at top of every page. */   font-size: inherit; }

div.vectorMenu h3 span { display: block; font-size: 0.8rem; padding-left: 0.7em; padding-top: 8px; margin-right: 25px; font-weight: normal; color: #4d4d4d; }

div#mw-panel div.portal { margin: 0; }

div#mw-panel div.portal div.body ul li a { color: #0060d7; } div#mw-panel div.portal h3 { font-family: Helvetica,Verdana, san-serif; }

.toctext{ line-height: 1.125rem; } label { font-size: 0.875em !important; font-weight: normal; }

color: #252525; }
 * 1) content label {

select { border-color: rgb(169, 169, 169); border-width: 1px; border-style: solid; font-size: 1rem; font-family: inherit; height: 25x; width: auto; padding: 2px 6px 3px; margin-top: 3px; cursor: pointer; } input[type=number], input[type=email], input[type=url], input[type=search]{height: 2.5em; padding: 0.1em; padding-left: 1em; padding-right: 1em;}, input[type=tel], input[type=color], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week	], input[type=text] { font: 13.3333px Arial; font-size: .875em; width:auto; border-image: initial; color: #252525; box-shadow: none; padding: 1.185em; height: 2.275em; line-height: 1.275; border: 1px solid #cccccc; border-radius: none; }

[class^="mw-htmlform-field"] label { color: inherit; display: inline; font-size: 100%; font-weight: inherit; line-height: inherit; margin-bottom: inherit; cursor: initial; }

/*************** end FS.css fix *****************/

/* Entries to counter wiki.css code that is disrupting the ability of text to flow */

clear: none;
 * 1) mainContent p {

}

display: block; font-size: 84%; line-height: 1.2em; margin: 0 0 1.4em 1em; color: #7D7D7D; width: auto; }
 * 1) contentSub {

dd { margin-bottom: 0.5em; }

/* Entries to counter wiki.css code for TOC */ width: auto; }
 * 1) toc {

margin-top: 0px; }
 * 1) toc ul {

margin-left: 1em; }
 * 1) toc ul {

/* images */ div.floatright, table.floatright { clear: right; float: right; position: relative; margin: 0 0 .5em .5em; border: 0; }

div.floatleft, table.floatleft { float: left; clear: left; position: relative; margin: 0 .5em .5em 0; border: 0; }

/* this can be used to switch off special external link styling */ plainlinks a { background: none !important; padding: 0 !important; }

/* prettytable class for skinning normal tables */ table.prettytable{ margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; color: black; width: 100%; } .prettytable th, .prettytable td { border: 1px #aaa solid; padding: 0.2em; } .prettytable th { background: #f2f2f2; text-align: center; } .prettytable caption { font-weight: bold; }

/* For linked citation numbers and document IDs, where the number need not be shown on a screen or a handheld, but should be included in the printed version */ @media screen, handheld { .citation *.printonly { display: none; } }

/* Styling for url. Breaks long urls, etc., rather than overflowing box */ .url { word-wrap: break-word; -ms-word-break: break-all; word-break: break-all;

// Non standard for webkit word-break: break-word;

-webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

/* Style for horizontal lists (separator following item). IE8-specific classes are assigned in MediaWiki:Common.js/IEFixes.js. @source mediawiki.org/wiki/Snippets/Horizontal_lists @revision 5 (2014-02-24) @author User:Edokter */ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { margin: 0; display: inline; } /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Generate interpuncts */ .hlist dt:after { content: ": "; } .hlist dd:after, .hlist li:after { content: " · "; font-weight: bold; } .hlist dd:last-child:after, .hlist dt:last-child:after, .hlist li:last-child:after { content: none; } /* For IE8 */ .hlist dd.hlist-last-child:after, .hlist dt.hlist-last-child:after, .hlist li.hlist-last-child:after { content: none; } /* Add parentheses around nested lists */ .hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before, .hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before, .hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before { content: " (";   font-weight: normal; } .hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after, .hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after, .hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {    content: ") "; font-weight: normal; } /* For IE8 */ .hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after, .hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after, .hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after { content: ") ";   font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol {    counter-reset: listitem; } .hlist ol > li {    counter-increment: listitem; } .hlist ol > li:before {    content: " " counter(listitem) " ";    white-space: nowrap; } .hlist dd ol > li:first-child:before, .hlist dt ol > li:first-child:before, .hlist li ol > li:first-child:before {    content: " (" counter(listitem) " "; } /* Unbulleted lists */ .plainlist ul { line-height: inherit; list-style: none none; margin: 0; } .plainlist ul li { margin-bottom: 0; }

/* Header Footer Code */ header {

height: 83px;            /* change this to reflect the FamilySearch header height. */   display: block; } header >.global-pri-nav-container > h1 { padding-top: 0; padding-bottom: 0; border-bottom: 0; } div#mw-navigation div#mw-head {

top: 83px;            /* change this to reflect the FamilySearch header height. */ } div#mw-navigation #pt-logout, div#mw-navigation #pt-anonlogin,

div#mw-navigation #p-logo {   display: none; }   margin-top: 10px; margin-bottom: 30px; }   display: block; font-size: 1em; } div#mw-navigation #mw-panel {
 * 1) mw-navigation #mw-panel.collapsible-nav .portal.first.persistent {
 * 1) mw-navigation #mw-panel.collapsible-nav .portal.first.persistent h3 {

top: 83px;            /* change this to reflect the FamilySearch header height. */  /* z-index: 1;*/ } footer#global-engage-footer { background: #f6f6f6; } .templeMember #global-engage-header ul.main-nav li.nav-temple-link .templeInfoChecked .nav-item.temple { display: block !important; }

min-height: inherit; width: 100%; }
 * 1) wrapper.inj-wrapper {

/*** This code fixes the searchbox in Firefox ***/ height: 2.5em; padding: 0.1em; padding-left: 1em; padding-right: 1em; }
 * 1) bodySearchInputHomePageSearchBox {

/* tooltip popup box */ .tooltip { position: relative; display: inline-block; } .tooltip .tooltiptext { visibility: hidden; background-color: #85B807; color: #fff; text-align: center; border-radius: 6px; padding: 10px; position: absolute; z-index: 1; bottom:100%; left: 50%; margin-left: -60px; /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */ opacity: 0; transition: opacity 1s; } .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #85B807 transparent transparent transparent; } .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } /* end tooltip */