FamilySearch Wiki

MediaWiki:Common.css: Difference between revisions

(undo switch to Museo font since it is not working correctly.)
No edit summary
 
(272 intermediate revisions by 5 users not shown)
Line 1: Line 1:
___NORICHEDITOR___
/* Hiding Powered by Google Translate */
/* CSS placed here will be applied to all skins */  
/* Removing for now
 
.goog-logo-link {
/*Begin - the following has been added to reduce 'down-shifting' of text after header has been installed. */
    display:none !important;
 
}
/* h1#firstHeading {   // removes the wiki page title from the top of the screen
.goog-te-gadget {
     display: none;
    color: transparent !important;
}  
}
.goog-te-gadget div:first-child::after {
     display:none !important;
}
*/
*/


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


 
/* Temp fix START */
/* The following definition is needed for collapsible menu items */
/* Need to incorporate this correctly into FsLookAndFeel */
 
.vector-menu-tabs-legacy ul {
.mw-customtoggle, .mw-collapsible-toggle {
    font-size: 18.8px;
        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 {
.fullFooter {
  font-family: Helvetica,"Museo Slab 500", slab-serif;
    float:left;
  color: #252525;
  line-height: 1.3;
  border-bottom: 1px solid #aaa;
}
}
*/
 
#global-footer {
h3, h4, h5, h6 {
    all: unset;
  font-family: Helvetica, "Proxima Nova Light";
    display: block;
  border-bottom: none;
    padding: 17px 24px 18px 8px;
  color: #252525;
    box-sizing: border-box;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    margin-left: 150px;
}
}


.mw-body h1{
/*
  font-family: Helvetica,"Museo Slab 500",slab-serif;
#global-footer {
  font-size: 1.6rem;
    display: none;
  color: #252525;
}
}
 
.footer-left {
.mw-body h2 {
display:block !important;
  font-family: Helvetica,"Museo Slab 700",slab-serif;
  font-size: 1.4rem;
  line-height: 1.3;
  color: #080908;
}
}
 
.footer-right {
.mw-body h3, h3 {
display:block !important;
  font-family: Helvetica,"Proxima Nova Bold",serif;
  font-weight: bold;
  font-size: 1.2rem;
  color: #080908;
}
}
*/


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


.mw-body h5, h5{
/* Charles edit comment out
  font-family: Helvetica,"Proxima Nova Light", serif;
.flex-container{
  font-size: 1.2rem;
display:flex;
  font-weight: normal !important;
flex-wrap:wrap;
}
gap:20px
.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 {
.button1{
  line-height: 1.5em;
border-radius:10px;
  /* position: relative;*/
background:#4d94ff;  
  font-family: Helvetica, Verdana, "Proxima Nova Light",serif;
color:#ffffff;
  font-size: 0.875rem;
padding:5px;
  color: #262626;
width:230px;
}
text-align:center;
.mw-body ul li, .mw-body-content ul li {
font-size:15px;
  line-height: 1.5em;
cursor:pointer;
  /* position: relative;*/
width:230px;
  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;
}
}
 
.button2{
div.vectorTabs li a { /* text size in tabs at top of every page. */
border-radius:10px;
    font-size: inherit;
background:#f16458;
color:#ffffff;
padding:5px;
width:230px;
text-align:center;
font-size:15px;
cursor:pointer;
width:230px;
}
}


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 {
/* Header stylying */
    color: #0060d7;
.red_online_button {
padding:5px;
}
}
div#mw-panel div.portal h3 {
.mw-body-content h2 {
font-family: Helvetica,Verdana, san-serif;
font-weight:bold;
line-height:1.3 !important;
font-size:1.5rem !important;
}
}


.toctext{
.mw-body-content h3 {
    line-height: 1.125rem;
font-weight:bold;
}
line-height:1.6 !important;
label {
font-size:1.4rem !important;
  font-size: 0.875em !important;
  font-weight: normal;
}
}


#content label {
.mw-body-content h4 {
    color: #252525;
font-weight:bold;
line-height: 1.6 !important;
font-size:1.3rem !important;
}
}


select {
.mw-body-content h5 {
    border-color: rgb(169, 169, 169);
font-weight:normal;
    border-width: 1px;
line-height:1.6 !important;
    border-style: solid;
font-size:1.2rem !important;
    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 {
.mw-body-content h6 {
    color: inherit;
font-weight:normal;
    display: inline;
line-height:1.6 !important;
    font-size: 100%;
font-size:1.1em !important;
    font-weight: inherit;
font-style:italic;
    line-height: inherit;
    margin-bottom: inherit;
    cursor: initial;
}
}


 
#mw-head .vector-menu-dropdown h3 {
/*************** end FS.css fix *****************/
font-size: 0.875em;
 
line-height: 1.125em;
/* Entries to counter wiki.css code that is disrupting the ability of text to flow */
 
#mainContent p {
clear: none;
 
}
}


#contentSub {
#mw-head .vector-menu-dropdown .vector-menu-content-list {
display: block;
font-size: 1.6em;
font-size: 84%;
line-height: 1.2em;
margin: 0 0 1.4em 1em;
color: #7D7D7D;
width: auto;
}
 
dd {
margin-bottom: 0.5em;
}
 
/* Entries to counter wiki.css code for TOC */
#toc {
width: auto;
}
 
#toc ul {
margin-top: 0px;
}
 
#toc ul {
margin-left: 1em;
}
 
/* images */
div.floatright, table.floatright {
clear: right;
float: right;
position: relative;
margin: 0 0 .5em .5em;
border: 0;
}
}


div.floatleft, table.floatleft {
#mw-head .vector-menu-dropdown .vector-menu-content-list {
float: left;
    top: 38px;
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;
}
}


 
/** Remove file upload links from edit menus (Source & VE) **/
/* prettytable class for skinning normal tables
.wikiEditor-ui-toolbar .section-main .group-insert .oo-ui-widget[rel="file"] {
*/
  display: none !important;
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
.oo-ui-toolbar-popups .oo-ui-toolGroup-tools .oo-ui-tool-name-media {
  the number need not be shown on a screen or a handheld,
  display: none !important;
  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 */
/* Remove the regular search bar from the Main Page */
.url {
.page-Main_Page #mw-head #right-navigation #p-search {
    word-wrap: break-word;
display: none !important;
    -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 */
/** Fix layout shift **/
header {


    height: 83px;            /* change this to reflect the FamilySearch header height. */
.skiptranslate {
    display: block;
  margin-top: 0 !important;
}
}
header >.global-pri-nav-container > h1 {
#p-namespaces {
    padding-top: 0;
  display: flex;
    padding-bottom: 0;
  height: 42px;
    border-bottom: 0;
}
}
div#mw-navigation div#mw-head {
#ca-watch a span,
 
#ca-unwatch a span {
    top: 83px;             /* change this to reflect the FamilySearch header height.  */
  display: none;
}
}
div#mw-navigation #pt-logout,
#ca-watch,
div#mw-navigation #pt-anonlogin,
#ca-unwatch {
 
  display: flex;
div#mw-navigation #p-logo
  width: 24px;
{
    display: none;
}
}
#mw-navigation #mw-panel.collapsible-nav .portal.first.persistent {
#p-namespaces .vector-menu-content-list li,
    margin-top: 10px;
#p-views .vector-menu-content-list li {
    margin-bottom: 30px;
  font-size:.8rem !important;
}
}
#mw-navigation #mw-panel.collapsible-nav .portal.first.persistent h3 {
#mw-head-base {
    display: block;
  height: unset !important;
    font-size: 1em;
}
}
div#mw-navigation #mw-panel {
.mw-body {
 
   margin-top: unset !important;
    top: 83px;            /* change this to reflect the FamilySearch header height.  */
   /* z-index: 1;*/
}
}
footer#global-engage-footer {
.vector-menu-tabs #ca-watch.icon a::before {
    background: #f6f6f6;
  margin-top: 6px;
}
}
.templeMember #global-engage-header ul.main-nav li.nav-temple-link .templeInfoChecked .nav-item.temple {
.vector-menu-tabs-legacy li a {
    display: block !important;
  float: left;
  height: 100% !important;
  padding-top: 1.5em;
}
}
 
.vector-menu-tabs-legacy {
#wrapper.inj-wrapper {
  height: 2.8em;
    min-height: inherit;
    width: 100%;
}
}
 
#right-navigation {
/***  This code fixes the searchbox in Firefox ***/
  margin-top: 2.5em;
#bodySearchInputHomePageSearchBox {
  height: 2.5em;
  padding: 0.1em;
  padding-left: 1em;
  padding-right: 1em;
}
}
 
#left-navigation {
/* tooltip popup box */
  margin-top: 2.5em;
.tooltip {
  margin-bottom: -2.5em;
    position: relative;
    display: inline-block;
}
}
.tooltip .tooltiptext {
#mw-page-base {
    visibility: hidden;
  height: 5.2rem;
    background-color: #85B807;
    color: #fff;
    text-align: left;
    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 {
#mw-head-base {
    content: "";
  margin-top: unset !important;
    position: absolute;
  height: unset !important;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #85B807 transparent transparent transparent;
}
}
.tooltip:hover .tooltiptext {
#p-views .vector-menu-content {
    visibility: visible;
  display: flex;
    opacity: 1;
  align-items: end;
  height: 42px;
}
}
/* end tooltip */

Latest revision as of 16:49, 5 December 2024

/* Hiding Powered by Google Translate */
/* Removing for now
.goog-logo-link {
    display:none !important;
}
.goog-te-gadget {
    color: transparent !important;
}
.goog-te-gadget div:first-child::after {
    display:none !important;
}
*/


/* Temp fix START */
/* Need to incorporate this correctly into FsLookAndFeel */
.vector-menu-tabs-legacy ul {
    font-size: 18.8px;
}
/*
.fullFooter {
    float:left;
}
*/
#global-footer {
    all: unset;
    display: block;
    padding: 17px 24px 18px 8px;
    box-sizing: border-box;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    margin-left: 150px;
}

/*
#global-footer {
    display: none;
}
.footer-left {
	display:block !important;
}
.footer-right {
	display:block !important;
}
*/

/* Temp fix END */

/* Charles edit comment out
.flex-container{
	display:flex;
	flex-wrap:wrap;
	gap:20px
}
*/

.button1{
	border-radius:10px;
	background:#4d94ff; 
	color:#ffffff;
	padding:5px;
	width:230px;
	text-align:center;
	font-size:15px;
	cursor:pointer;
	width:230px;

}
.button2{
	border-radius:10px;
	background:#f16458; 
	color:#ffffff;
	padding:5px;
	width:230px;
	text-align:center;
	font-size:15px;
	cursor:pointer;
	width:230px;
}



/* Header stylying */
.red_online_button {
	padding:5px;
}
.mw-body-content h2 {
	font-weight:bold;
	line-height:1.3 !important;
	font-size:1.5rem !important;
}

.mw-body-content h3 {
	font-weight:bold;
	line-height:1.6 !important;
	font-size:1.4rem !important;
}

.mw-body-content h4 {
	font-weight:bold;
	line-height: 1.6 !important;
	font-size:1.3rem !important;
}

.mw-body-content h5 {
	font-weight:normal;
	line-height:1.6 !important;
	font-size:1.2rem !important;
}

.mw-body-content h6 {
	font-weight:normal;
	line-height:1.6 !important;
	font-size:1.1em !important;
	font-style:italic;
}

#mw-head .vector-menu-dropdown h3 {
	font-size: 0.875em;
	line-height: 1.125em;
}

#mw-head .vector-menu-dropdown .vector-menu-content-list {
	font-size: 1.6em;
}

#mw-head .vector-menu-dropdown .vector-menu-content-list {
    top: 38px;
}

/** Remove file upload links from edit menus (Source & VE) **/
.wikiEditor-ui-toolbar .section-main .group-insert .oo-ui-widget[rel="file"] {
  display: none !important;
}

.oo-ui-toolbar-popups .oo-ui-toolGroup-tools .oo-ui-tool-name-media {
  display: none !important;
}

/* Remove the regular search bar from the Main Page */
.page-Main_Page #mw-head #right-navigation #p-search {
	display: none !important;
}


/** Fix layout shift **/

.skiptranslate {
   margin-top: 0 !important;
}
#p-namespaces {
   display: flex;
   height: 42px;
}
#ca-watch a span,
#ca-unwatch a span {
   display: none;
}
#ca-watch,
#ca-unwatch {
   display: flex;
   width: 24px;
}
#p-namespaces .vector-menu-content-list li, 
#p-views .vector-menu-content-list li {
   font-size:.8rem !important;
}
#mw-head-base {
   height: unset !important;
}
.mw-body {
   margin-top: unset !important;
}
.vector-menu-tabs #ca-watch.icon a::before {
   margin-top: 6px;
}
.vector-menu-tabs-legacy li a {
   float: left;
   height: 100% !important;
   padding-top: 1.5em;
}
.vector-menu-tabs-legacy {
   height: 2.8em;
}
#right-navigation {
   margin-top: 2.5em;
}
#left-navigation {
   margin-top: 2.5em;
   margin-bottom: -2.5em;
}
#mw-page-base {
   height: 5.2rem;
}
#mw-head-base {
   margin-top: unset !important;
   height: unset !important;
}
#p-views .vector-menu-content {
  display: flex;
  align-items: end;
  height: 42px;
}
Retrieved from "https://integration-ru.familysearch.org/en/wiki/index.php?title=MediaWiki:Common.css&oldid=5768584"