MediaWiki:Common.css: различия между версиями
Ahancey (обсуждение | вклад) (Added font styles in order to prevent FS*.css from overriding the styles once the header/footer are loaded on the page.) |
Ahancey (обсуждение | вклад) (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. */ | ||
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;*/ | |||
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. | font-size: 0.8rem; | ||
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 { | 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; | |||
} | } | ||
/* | /* 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;*/ | |||
} | } | ||
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;
}