Difference between revisions of "MediaWiki:Common.css"

From CRIU
Jump to navigation Jump to search
(same left and right margin for infobox)
(Main Page columns style)
 
(24 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 95: 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 110: Line 138:
 
}
 
}
 
   
 
   
.collapseButton {              /* 'show'/'hide' buttons created dynamically by the             */
+
.collapseButton {              /* 'show'/'hide' buttons created dynamically by the       */
         float: right;           /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
+
         float: left;           /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
         font-weight: normal;    /* are styled here so they can be customised.             */
+
         font-weight: normal;    /* are styled here so they can be customized.             */
 
         text-align: right;
 
         text-align: right;
         width: auto;
+
         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;}
}