Difference between revisions of "MediaWiki:Common.css"

From CRIU
Jump to navigation Jump to search
(move collapse button to the left, fix its width)
(Main Page columns style)
 
(20 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 94: Line 123:
 
   width: 20em;
 
   width: 20em;
 
   font-size: 90%;
 
   font-size: 90%;
}
 
 
pre {
 
  font-size: 115%;
 
 
}
 
}
  
Line 113: Line 138:
 
}
 
}
 
   
 
   
.collapseButton {              /* 'show'/'hide' buttons created dynamically by the             */
+
.collapseButton {              /* 'show'/'hide' buttons created dynamically by the       */
         float: left;           /* 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: 5em;
+
         width: 6em;
 
}
 
}
  
Line 150: Line 175:
 
   font-size: small;
 
   font-size: small;
 
   vertical-align: text-bottom;
 
   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;}
}