MediaWiki:Common.css: различия между версиями

Материал из FamilySearch Wiki
(Added font styles in order to prevent FS*.css from overriding the styles once the header/footer are loaded on the page.)
(Update to match English production version.)
Строка 1: Строка 1:
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
  ___NORICHEDITOR___
/* CSS placed here will be applied to all skins */


/* the following are added to undo the settings that FS*.css creates when the FS header and footer is added to the page. */
/* the following are added to undo the settings that FS*.css creates when the FS header and footer is added to the page. */
/*1/17/2017 - The following has been added to reduce the 'down shift' that happens while page is loading*/


html,body {
html,body {
Строка 64: Строка 66:
}
}


.mw-body p, mw-body-content p, p {
.mw-body p, .mw-body-content p, p {
   line-height: 1.5em;
   line-height: 1.5em;
  position: relative;
  /* position: relative;*/
   font-family: Helvetica, Verdana, "Proxima Nova Light",serif;
   font-family: Helvetica, Verdana, "Proxima Nova Light",serif;
   font-size: 0.875rem;
   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;
   color: #262626;
}
}
Строка 75: Строка 84:
     line-height: 1.25rem;
     line-height: 1.25rem;
   font-family: Helvetica,"Proxima Nova Light",serif;
   font-family: Helvetica,"Proxima Nova Light",serif;
   font-size: 0.875rem;
   font-size: 0.8rem;
  position: relative;
 
 
   color: #262626;
   color: #262626;
}
div.vectorTabs li a {  /* text size in tabs at top of every page. */
    font-size: 0.8rem;
}
}


Строка 94: Строка 107:
}
}


div#mw-panel div.portal h3 {  /* text
div#mw-panel div.portal div.body ul li a {
    color: #0060d7;
}
div#mw-panel div.portal h3 {   
font-family: Helvetica,Verdana, san-serif;
font-family: Helvetica,Verdana, san-serif;
}
}
Строка 100: Строка 116:
.toctext{
.toctext{
     line-height: 1.125rem;
     line-height: 1.125rem;
}
label {
  font-size: 0.875em !important;
  font-weight: normal;
}
/*************** end FS.css fix *****************/
/* Entries to counter wiki.css code that is disrupting the ability of text to flow */
#mainContent p {
clear: none;
}
#contentSub {
display: block;
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 {
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;
}
}


/*end FS.css fix*/
/* 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 Footer Code */
header {
header {
     height: 63px;
     height: 63px;
     display: block;
     display: block;
}
}
Строка 114: Строка 328:
     border-bottom: 0;
     border-bottom: 0;
}
}
div#mw-navigation div#mw-head {
div#mw-navigation div#mw-head {
     top: 69px;
     top: 69px;
}
}
div#mw-navigation #pt-logout,
div#mw-navigation #pt-logout,
div#mw-navigation #pt-anonlogin,
div#mw-navigation #pt-anonlogin,
div#mw-navigation #p-logo {
div#mw-navigation #p-logo {
     display: none;
     display: none;
}
}
Строка 131: Строка 349:
}
}
div#mw-navigation #mw-panel {
div#mw-navigation #mw-panel {
     top: 69px;
     top: 69px;
    z-index: 1;
  /* z-index: 1;*/
}
}
footer#global-engage-footer {
footer#global-engage-footer {
Строка 139: Строка 359:
.templeMember #global-engage-header ul.main-nav li.nav-temple-link .templeInfoChecked .nav-item.temple {
.templeMember #global-engage-header ul.main-nav li.nav-temple-link .templeInfoChecked .nav-item.temple {
     display: block !important;
     display: block !important;
}
[class^="mw-htmlform-field"] label {
    color: inherit;
    display: inline;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    margin-bottom: inherit;
    cursor: initial;
}
}

Версия от 19:24, 6 февраля 2017

/* Размещённый здесь CSS будет применяться ко всем темам оформления */

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

/* 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: 0.8rem;
}

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;
}

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

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

#mainContent p {
 clear: none;

}

#contentSub {
 display: block;
 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 {
 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: 63px;

    display: block;
}
header >.global-pri-nav-container > h1 {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

div#mw-navigation div#mw-head {

    top: 69px;
}

div#mw-navigation #pt-logout,
div#mw-navigation #pt-anonlogin,
div#mw-navigation #p-logo {

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


    top: 69px;
   /* 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;
}

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

    cursor: initial;
}