Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(add Collapsible tables css) |
(Main Page columns style) |
||
(25 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
+ | /* Border for === Level 3 headers === */ | ||
+ | h3 { | ||
+ | border-bottom: 1px dashed #aaa; | ||
+ | } | ||
+ | /* Except for one in top menu */ | ||
+ | h3#p-cactions-label { | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | |||
+ | /* Main Page columns style */ | ||
+ | div.m_left { | ||
+ | float:left; | ||
+ | width: 33%; | ||
+ | } | ||
+ | div.m_center { | ||
+ | float:left; | ||
+ | width: 33%; | ||
+ | margin-left: 0.5%; | ||
+ | } | ||
+ | div.m_right { | ||
+ | float:right; | ||
+ | width: 33%; | ||
+ | } | ||
+ | |||
+ | /* Nice touch for TOCs */ | ||
+ | #toc, | ||
+ | .toc { | ||
+ | background: #f9f9f9 url('/images/criu-logo-bg-trans.png') no-repeat bottom right; | ||
+ | } | ||
/* For MediaWiki:Edittools 'insert chars' to look like buttons. | /* For MediaWiki:Edittools 'insert chars' to look like buttons. | ||
Line 43: | Line 72: | ||
color: black; | color: black; | ||
margin-bottom: 0.5em; | margin-bottom: 0.5em; | ||
− | margin-left: | + | margin-left: 0.5em; |
+ | margin-right: 0.5em; | ||
padding: 0px; | padding: 0px; | ||
float: right; | float: right; | ||
Line 94: | Line 124: | ||
font-size: 90%; | font-size: 90%; | ||
} | } | ||
− | |||
// From http://www.mediawiki.org/wiki/Manual:Collapsible_elements | // From http://www.mediawiki.org/wiki/Manual:Collapsible_elements | ||
Line 109: | Line 138: | ||
} | } | ||
− | .collapseButton { /* 'show'/'hide' buttons created dynamically by the | + | .collapseButton { /* 'show'/'hide' buttons created dynamically by the */ |
− | float: | + | float: left; /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */ |
− | font-weight: normal; /* are styled here so they can be | + | font-weight: normal; /* are styled here so they can be customized. */ |
text-align: right; | text-align: right; | ||
− | width: | + | width: 6em; |
+ | } | ||
+ | |||
+ | // This stuff is for [[Template:News block 2]] | ||
+ | |||
+ | .plainlinksneverexpand { | ||
+ | background: none ! important; | ||
+ | padding: 0 ! important; | ||
+ | } | ||
+ | |||
+ | .plainlinksneverexpand .urlexpansion { | ||
+ | display: none ! important; | ||
+ | } | ||
+ | |||
+ | /* Make sure that ext links displayed within "plainlinksneverexpand" don't get | ||
+ | the arrow... | ||
+ | */ | ||
+ | .plainlinksneverexpand a { | ||
+ | background: none !important; | ||
+ | padding: 0 !important; | ||
+ | } | ||
+ | |||
+ | .plainlinksneverexpand a.external.text:after { | ||
+ | display: none !important; | ||
+ | } | ||
+ | .plainlinksneverexpand a.external.autonumber:after { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | .feed { | ||
+ | font-weight: normal; | ||
+ | font-size: small; | ||
+ | vertical-align: text-bottom; | ||
+ | } | ||
+ | |||
+ | /* Allow limiting of which header levels are shown in a TOC; | ||
+ | <div class="toclimit-3">, for instance, will limit to | ||
+ | showing ==headings== and ===headings=== but no further | ||
+ | (as long as there are no =headings= on the page, which | ||
+ | there shouldn't be according to the MoS). */ | ||
+ | .toclimit-2 .toclevel-1 ul, | ||
+ | .toclimit-3 .toclevel-2 ul, | ||
+ | .toclimit-4 .toclevel-3 ul, | ||
+ | .toclimit-5 .toclevel-4 ul, | ||
+ | .toclimit-6 .toclevel-5 ul, | ||
+ | .toclimit-7 .toclevel-6 ul { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /* Allow to disable numbering for TOC */ | ||
+ | .noautonum .tocnumber { display: none; } | ||
+ | |||
+ | /* CSS background highlight */ | ||
+ | span.mw-headline { | ||
+ | text-shadow: none; | ||
+ | } | ||
+ | span.mw-headline:target { | ||
+ | text-shadow: 0px 0px 2px #fbff0f; | ||
+ | animation: hilite-background 5s; | ||
+ | } | ||
+ | @keyframes hilite-background { | ||
+ | 0% {text-shadow: none;} | ||
+ | 15% {text-shadow: 0px 0px 20px #fbff0f;} | ||
+ | 30% {text-shadow: 0px 0px 2px #fbff0f;} | ||
+ | 45% {text-shadow: 0px 0px 20px #fbff0f;} | ||
+ | 100% {text-shadow: 0px 0px 2px #fbff0f;} | ||
} | } |
Latest revision as of 01:31, 24 September 2016
/* Border for === Level 3 headers === */
h3 {
border-bottom: 1px dashed #aaa;
}
/* Except for one in top menu */
h3#p-cactions-label {
border-bottom: none;
}
/* Main Page columns style */
div.m_left {
float:left;
width: 33%;
}
div.m_center {
float:left;
width: 33%;
margin-left: 0.5%;
}
div.m_right {
float:right;
width: 33%;
}
/* Nice touch for TOCs */
#toc,
.toc {
background: #f9f9f9 url('/images/criu-logo-bg-trans.png') no-repeat bottom right;
}
/* For MediaWiki:Edittools 'insert chars' to look like buttons.
Taken from http://wiki.openvz.org/MediaWiki:Common.css, originally from
#my-buttons at http://ru.wikipedia.org/wiki/MediaWiki:Monobook.css
*/
#editpage-specialchars {
padding: 0.5em;
}
#editpage-specialchars a {
color: black;
background-color: #ccddee;
font-weight: bold;
font-size: 0.9em;
text-decoration: none;
border: thin #006699 outset;
padding: 0 0.1em 0.1em 0.1em;
}
#editpage-specialchars a:hover {
background-color: #bbccdd;
}
#editpage-specialchars a:active {
background-color: #bbccdd;
border-style: inset;
}
/* Don't display some stuff on the main page */
body.page-Main_Page #footer-info-viewcount,
body.page-Main_Page #footer-info-lastmod,
body.page-Main_Page h1.firstHeading {
display: none !important;
}
/* Infobox template style */
.infobox {
border: 1px solid #7dae96;
background-color: #f7f9fa;
color: black;
margin-bottom: 0.5em;
margin-left: 0.5em;
margin-right: 0.5em;
padding: 0px;
float: right;
clear: right;
}
.infobox td,
.infobox th {
vertical-align: top;
padding: 0px;
padding-left: 0.5em;
padding-right: 0.5em;
margin: 0px;
}
.infobox th {
background-color: #d6e5de;
}
.infobox td {
border: 1px solid #ffffff;
}
.infobox ul {
margin: 0px ! important;
text-align: left;
}
.infobox li {
display: inline;
margin-left: 0.2em;
margin-right: 0.2em;
}
.infobox .header {
padding: 0.5em;
}
.infobox caption {
font-size: larger;
margin-left: inherit;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #7dae96;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
// From http://www.mediawiki.org/wiki/Manual:Collapsible_elements
/** Collapsible tables *********************************************************
*
* Description: Allows tables to be collapsed, showing only the header. See
* http://www.mediawiki.org/wiki/Manual:Collapsible_tables.
* Maintainers: [[en:User:R. Koot]]
*/
table.collapsed tr.collapsible {
display: none;
}
.collapseButton { /* 'show'/'hide' buttons created dynamically by the */
float: left; /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
font-weight: normal; /* are styled here so they can be customized. */
text-align: right;
width: 6em;
}
// This stuff is for [[Template:News block 2]]
.plainlinksneverexpand {
background: none ! important;
padding: 0 ! important;
}
.plainlinksneverexpand .urlexpansion {
display: none ! important;
}
/* Make sure that ext links displayed within "plainlinksneverexpand" don't get
the arrow...
*/
.plainlinksneverexpand a {
background: none !important;
padding: 0 !important;
}
.plainlinksneverexpand a.external.text:after {
display: none !important;
}
.plainlinksneverexpand a.external.autonumber:after {
display: none !important;
}
.feed {
font-weight: normal;
font-size: small;
vertical-align: text-bottom;
}
/* Allow limiting of which header levels are shown in a TOC;
<div class="toclimit-3">, for instance, will limit to
showing ==headings== and ===headings=== but no further
(as long as there are no =headings= on the page, which
there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}
/* Allow to disable numbering for TOC */
.noautonum .tocnumber { display: none; }
/* CSS background highlight */
span.mw-headline {
text-shadow: none;
}
span.mw-headline:target {
text-shadow: 0px 0px 2px #fbff0f;
animation: hilite-background 5s;
}
@keyframes hilite-background {
0% {text-shadow: none;}
15% {text-shadow: 0px 0px 20px #fbff0f;}
30% {text-shadow: 0px 0px 2px #fbff0f;}
45% {text-shadow: 0px 0px 20px #fbff0f;}
100% {text-shadow: 0px 0px 2px #fbff0f;}
}