In-Portal Developers Guide

This is a wiki-based Developers Guide for In-Portal Open Source CMS. The purpose of this guide is to provide advanced users, web developers and programmers with documentation on how to expand, customize and improve the functionality and the code the In-Portal software. Please consider contributing to our documentation writing effort.

MediaWiki:Common.css

From In-Portal Developers Guide

Jump to: navigation, search

Note - After saving, you may have to bypass your browser's cache to see the changes. Mozilla / Firefox / Safari: hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (Command-R on a Macintosh); Konqueror: click Reload or press F5; Opera: clear the cache in Tools → Preferences; Internet Explorer: hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* CSS placed here will be applied to all skins */
 
/* headings for index page */
h2.green-section, h2.blue-section, h2.magenta-section, h2.yellow-section {
  margin: 0px 0px -4px 0px !important;
  font-size: 120%;
  font-weight: bold;
  text-align: left;
  color: #000;
  border: 1px solid #000000;
  padding: 0.2em 0.4em;
}
 
td.green-box, td.blue-box, td.magenta-box, td.yellow-box {
  vertical-align: top;
  border: 1px solid #000000;
}
 
h2.green-section {
  background-color: #CEF2E0;
  border-color: #A3BFB1;
}
 
td.green-box {
  background-color: #F7FFFF;
  border-color: #CEF3E7;
}
 
h2.blue-section {
  background-color: #CEDFF2;
  border-color: #A3B0BF;
}
 
td.blue-box {
  background-color: #F7FBFF;
  border-color: #CEDFF7;
}
 
h2.magenta-section {
  background-color: #DDCEF2;
  border-color: #AFA3BF;
}
 
td.magenta-box {
  background-color: #FFF7FF;
  border-color: #DECFF7;
}
 
h2.yellow-section {
  background-color: #FFDD88;
  border-color: #AA8833;
}
 
td.yellow-box {
  background-color: #FFFFEF;
  border-color: #EFDDB3;
}
 
/* прозрачный фон под в таблицах на главной странице */
div.section-body {
  margin: 8px 0px;
}
 
div.section-body table {
  background-color: transparent;
}
 
/* == TransformChanges extension styles == */
table.changes            { border:none; width:100%; }
table.changes tr         { margin:0; padding:0; }
table.changes tr.even     { background:white; }
table.changes tr.odd     { background:#eee; }
table.changes td         { margin:0; padding: 1px 4px 0 4px; vertical-align: top; }
table.changes td.heading { font-size: 110%; font-weight:bold; padding-top:10px; }
table.changes td.comment { width:100%; }
 
table.changes td.talk,
table.changes td.diff    { font-size: 90%; }
 
table.changes td.user,
table.changes td.talk,
table.changes td.diff,
table.changes td.info    { white-space: nowrap; }
 
/* Стили для оформления таблиц */
table.flat-table {
  border-collapse: collapse;
}
 
table.flat-table td {
  border: 1px solid #000000;
  padding: 3px;
}
 
table.vertical-table td {
  padding: 0px;
  vertical-align: top;
}
 
table.center-table td {
  text-align: center;
}
 
table.standard, table.wide {
  border: 1px solid #AAAAAA;
  border-collapse: collapse;
}
 
table.standard th, table.wide th, table.wikitable th {
  border: 1px solid #AAAAAA;
  padding-left: 0.2em;
  padding-right: 0.2em;
  background-color: #EEEEFF;
}
 
table.standard td, table.wide td {
  border: 1px solid #AAAAAA;
  padding-left: 0.2em;
  padding-right: 0.2em;
}
 
table.standard caption, table.wide caption {
  font-weight: bold;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}
 
table.wide {
  width: 100%;
}
 
table.simple {
  border-color: #AAAAAA;
  border-collapse: collapse;
}
 
table.simple th, table.simple td {
  border-color: #AAAAAA;
  padding-left: 0.2em;
  padding-right: 0.2em;
}
 
table.wikitable, table.prettytable {
  margin: 1em 1em 1em 0;
  background-color: #F9F9F9;
  border: 1px solid #AAAAAA;
  border-collapse: collapse;
}
 
table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td {
  border: 1px solid #AAAAAA;
  padding: 0.2em;
}
 
table.wikitable caption, table.prettytable caption {
  margin-left: inherit;
  margin-right: inherit;
  font-size: larger;
  font-weight: bold;
}
 
table.prettytable th {
  background-color: #F2F2F2;
}
 
tr.highlight th { background-color: #EEEEFF; }
tr.highlight td { background-color: #FFFFEE; }
tr.bright th { background-color: #CCCCFF; }
tr.bright td { background-color: #FFEECC; }
tr.shadow th, tr.shadow td  { background-color: #F0F0F0; }
tr.dark th, tr.dark td { background-color: #CCCCCC; }
table th.highlight { background-color: #EEEEFF; }
table td.highlight { background-color: #FFFFEE; }
table th.bright { background-color: #CCCCFF; }
table td.bright { background-color: #FFEECC; }
table th.shadow, table td.shadow { background-color: #F0F0F0; }
table th.dark, table td.dark { background-color: #CCCCCC; }
table th.transparent, table td.transparent, .transparent { background-color: transparent; }
 
/* ==== "Extra Edit Buttons" extension styles ==== */
.XEBPopupTitle {
  background-color: #FFFAEF;
  padding: 5px;
  font-size: medium;
  text-align: center;
}
 
.XEBMnuItm {
 
}
 
/* ==== Стили для кнопок быстрого добавления описания изменений ==== */
#userSummaryButtonsA a {
  background: #C2F2FF;
  border: 1px solid #9BD5F5;
  padding: 0px 2px;
  margin: 2px;
  cursor: pointer;
  font-size: 80%;
  line-height: 17px;
  color: #5B5B5B
}
 
#userSummaryButtonsA a:hover {
  background: #B1EBFF;
  border: 1px solid #64BDF0;
  color: black;
  text-decoration: none
}
 
/* ==== Стили для классификации статей (отвечена, неотвечена и т.п.) ==== */
table.message-box {
  border: 1px solid #AAAAAA;
  margin: 3px;
}
 
table.message-box td {
  background-color: #FBFBFB;
  text-align: center;
  padding: 5px;
}
 
.noteMacroPadding {
  padding: 5px 0pt 0pt 5px !important;
}
 
.tip-box td, .info-box td, .processed-box td {
  border-width: 0px !important;
  padding: 5px !important;
}
 
.tip-box {
  background-color: #FFFFCE !important;
  border: 1px solid #FF9900;
  text-align: left;
}
 
.info-box {
  background-color: #D8E4F1 !important;
  border: 1px solid #3C78B5;
  text-align: left;
}
 
.processed-box {
  background-color: #CEF2E0;
  border: 1px solid #A3BFB1;
  text-align: left;
}
 
.not-finished-box {
  border: 2px solid #FF0000;
  padding: 4px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  background-color: rgb(255, 221, 221);
  text-align: center;
  font-weight: bold;
}
 
/* Article message box styles */
table.ambox {            /* 10% = Will not overlap with other elements */
    margin: -1px 10% 0px;    /* -1px = Single border between stacked boxes in all browsers */
    border: 1px solid #aaa; 
    border-left: 10px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb; 
}
.ambox th.mbox-text, .ambox td.mbox-text,
th.ambox-text, td.ambox-text {     /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.5em;         /* 0.5em left/right */
    width: 100%;                   /* Make all amboxes the same width regardless of text length */
}
.ambox td.mbox-image,
td.ambox-image {                   /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.5em;      /* 0.5em left, 0px right */
    text-align: center; 
}
.ambox td.mbox-imageright,
td.ambox-imageright {              /* The right image cell */
    border: none; 
    padding: 2px 0.5em 2px 0;      /* 0px left, 0.5em right */
    text-align: center; 
}
 
table.ambox-notice {
    border-left: 10px solid #1e90ff;    /* Blue */
}
table.ambox-speedy {
    border-left: 10px solid #b22222;    /* Red */
    background: #fee;                   /* Pink */
}
table.ambox-serious,    /* "serious" is deprecated, use "delete" instead. */
table.ambox-delete {
    border-left: 10px solid #b22222;    /* Red */
}
table.ambox-content {
    border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
    border-left: 10px solid #f4c430;    /* Yellow */
}
table.ambox-merge,      /* "merge" is deprecated, use "move" instead. */
table.ambox-move {
    border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-protection {
    border-left: 10px solid #bba;       /* Gray-gold */
}
table.ambox-processed {
    border-left: 10px solid #98C7A8;    /* Light-green*/
}
table.ambox-mini {    /* Small floating box variant */
    float: right;
    clear: right;
    margin: 0 0 0 1em;
    width: 25%;
}
@media print {        /* When in mainspace: Don't print article message boxes */
    .ns-0 .ambox {
        display: none;
    }
}
 
/* ==== Стили для отображения оглавления справа в статьях ==== */
table.right-toc {
  background: #FFFFFF;
  margin: 0 0 1.75em 1em;
  border: solid 1px #6cbed0;
  margin-bottom: 1em;
  float: right;
  clear: right;
  width: 220px;
}
 
td.toc-header-image {
  padding: 0 16px 0 8px;
}
 
td.toc-header-text {
  padding-top: 5px;
}
 
/* ==== Оформление новых статей ==== */
span.page_updated {
  font-weight: bold;
}
 
tr.page_updated td {
  font-weight: bold;
}
 
/* ==== Оформление новых статей ==== */
span.page_updated {
  font-weight: bold;
}
 
tr.page_updated td {
  font-weight: bold;
}
 
/* ==== Шрифт в дереве слева ==== */
.dtree {
  white-space: nowrap;
}
 
div.dTreeNode a {
  font-size: 95%;
}
 
div.dTreeNode {
  line-height: normal;
}
 
/* ==== Классы для оформления статей ==== */
div.in-progress {
  background-color: #FEEFFF;
  border: 1px dashed #000000;
  padding: 8px;
}
 
tr.current-user-activity td {
  background-color: lightgrey;
}