MediaWiki:Common.css

From Decimal Wiki
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */

/* Разметка шаблона "Совет" */
div.plashka-hint { padding:0.65em 0.7em 0.65em 0.8em; border:1px solid #88BCD6; font-size: 102.5%; border-radius: 8px; margin: 0.7em 1.8em 0.85em 1.8em; background-color: #F7FAFC }
span.plashka-hint { left:0.65em; top: 0.05em; position: relative }

/* Hides the title on the main page */
body.page-Main_Page h1.firstHeading { display:none; }
body.page-Main_Page #siteSub { display:none; }
body.page-Ana_Səhifə h1.firstHeading { display:none; }
body.page-Ana_Səhifə #siteSub { display:none; }

/* Удаляем маркеры "внешней ссылки" на линки других языков */
body.ns-talk a.external[href*="//decimalchain.com/"],
body.ns-4 a.external[href*="//decimalchain.com/"],
body.ns-104 a.external[href*="//decimalchain.com/"],
body.ns-106 a.external[href*="//decimalchain.com/"] {
	background: none !important;
	padding-right: 0 !important;
}

/* default edit summary buttons */
#userSummaryButtonsA a {
  white-space:nowrap;
  background: #C2F2FF;
  border: 1px solid #9BD5F5;
  padding: 0px 2px;
  margin: 2px;
  cursor: pointer;
  font-size: 80%;
  line-height: 17px;
  color: #5B5B5B
}

/* ПРИМЕЧАНИЯ ------------------------------------- */

ol.references {
	font-size: 100%;
}
.reflist,
.references-small {
	font-size: 90%;
	margin-bottom: 0.5em;
}
.reflist ol.references,
.references-small ol.references {
	list-style-type: inherit;  /* Enable custom list style types */
}
.reflist-narrow .mw-references-columns {
	-webkit-column-width: 20em;
	-moz-column-width: 20em;
	column-width: 20em;
}
.reflist-wide .mw-references-columns {
	-webkit-column-width: 40em;
	-moz-column-width: 40em;
	column-width: 40em;
}

/* highlight focused footnotes and references in some browsers */
sup.reference:target,
ol.references li:target,
.highlight-target:target,
cite:target,
span.citation:target {
	background: #eaf3ff;
}
sup.reference:target {
	font-weight: bold;
}

.ref-info {
	font-size: 85%;
	color: #72777d;
}

/* Оформление таблиц */
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, table.tiles 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.tiles {border-collapse:separate; border-spacing:2px}
table.tiles th {padding-left:0.2em; padding-right:0.2em; background-color: #EEEEFF}
table.tiles td {padding-left:0.2em; padding-right:0.2em; background-color: #F0F0F0}
 
table.graytable {background:#f0f0f0; padding:1em; width: 100%}
table.graytable caption {padding:0.5em 0 0 0; background:#f0f0f0; font-size:100%; font-weight:bold}
table.graytable caption span.subcaption {font-size:80%; font-weight:normal}
table.graytable th, table.graytable td {font-size:80%}
 
table.wikitable, table.prettytable 
 {margin:1em 1em 1em 0; background:#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:#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}
 
table.toccolours th {background-color: #ccccff}
 
 
/* {ambox} */
table.ambox {
  width: auto;
  margin: 0 10%;
  border-collapse: collapse;
  background: #FBFBFB;
  border: 1px solid #AAAAAA;
  border-left: 10px solid #1E90FF
}
table.ambox th, table.ambox td {
  padding: 0.25em 0.5em;
}
table.ambox td.ambox-widthhack {
  padding: 0;
}
table.ambox td.ambox-text {
  width:100%;
}
table.ambox td.ambox-text .ambox-text-small {
  font-size:smaller;
}
table.ambox td.ambox-image {
  width: 52px;
  padding: 2px 0px 2px 0.5em;
  text-align: center;
}
table.ambox td.ambox-imageright {
  width: 52px;
  padding: 2px 4px 2px 0px;
  text-align: center;
}
table.ambox td.ambox-image div,
table.ambox td.ambox-imageright div {width:52px} /* Фикс для изображений разной ширины */
table.ambox-delete,
table.ambox-serious {
  border-left: 10px solid #B22222
}
table.ambox-content {
  border-left: 10px solid #F28500
}
table.ambox-style {
  border-left: 10px solid #F4C430
}
table.ambox-good {
  border-left: 10px solid #66CC44
}
table.ambox-discussion {
  border-left: 10px solid #339966
}
table.ambox-notice {
  border-left: 10px solid #1E90ff
}
table.ambox-merge {
  border-left: 10px solid #9932CC
}
table.ambox.ambox-mini {
  float: right;
  clear: right;
  margin: 0 0 0.5em 1em;
  width: 20%;
}
 
.infobox {
  border: 1px solid #aaaaaa;
  background-color: #f9f9f9;
  margin-bottom: 0.5em;
  margin-left: 1em;
  padding:.4em;
  float: right;
  clear: right;
  font-size: 90%;
  width: 18em;
  vertical-align: middle;
}
.infobox td, .infobox th {vertical-align:top}
table.infobox td p {margin:0} /* temporarily for [[Template:Карточка]]*/
 
.notice {
  text-align: justify;
  margin: 1em 0.5em;
  padding: 0.5em;
}
 
.messagebox {
  border: thin solid #aaaaaa;
  background-color: #f9f9f9;
  width: 88%;
  margin: 0 auto 1em auto;
  padding:.4em;
  vertical-align: middle;
  font-size: 90%
}
 
blockquote {
  margin:0.7em 0 0.7em 5%;
  padding:0.7em 2% 0.7em 4%;
  background-color:#F5F5F5;
}

/* {Навигация} */
table.navigation-box th,
table.navigation-box td {
  vertical-align: middle;
  height: 30px;
}
 
/* {Навигационная таблица} */
table.navbox {
  background-color: #f9f9f9;
  border: 1px solid #aaa;
  clear: both;
  font-size: 90%;
  margin: 1em 0em 0em;
  padding: 2px;
  width: 100%;
}
table.navbox th {
  background-color: #ccf;
  padding-left: 1em;
  padding-right: 1em;
  text-align: right;
}
 
 
/*{Навигационная полоса}, {Hider}, ... */
div.Boxmerge,
div.NavFrame {
  margin: 0px;
  padding: 2px;
  border: 1px solid #aaa;
  text-align: center;
  border-collapse: collapse;
  font-size: 95%;
}
div.Boxmerge div.NavFrame {
  border-style: none;
  border-style: hidden;
}
div.NavFrame + div.NavFrame {
  border-top-style: none;
  border-top-style: hidden;
}
div.NavPic {
  background-color: #fff;
  margin: 0px;
  padding: 2px;
  float: left;
}
div.NavFrame div.NavHead {
  height: 1.6em;
  font-weight: bold;
  font-size: 100%;
  background-color: #efefef;
  position:relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
  font-size: 100%
}
div.NavEnd {
  margin: 0px;
  padding: 0px;
  line-height: 1px;
  clear: both;
}
div.NavShow, div.NavHide {
  display: none;
}
a.NavToggle {
  position:absolute;
  top:0px;
  right:3px;
  font-weight:normal;
  font-size:smaller;
}
 
.messagebox.standard-talk {
  border: 1px solid #c0c090;
  background-color: #f8eaba
}
.messagebox .floatleft {
  vertical-align: middle;
  clear: both;
  margin: 2px;
  padding: 0
}
.messagebox .image {
  margin: 0;
  padding: 0
}

/* fix for line-breaking references */
sup, sub {line-height:1em}
 
.plainlinksneverexpand, .plainlinksneverexpand a
  {background:none !important; padding:0 !important}
.plainlinksneverexpand a.external.text:after,
.plainlinksneverexpand a.external.autonumber:after,
.plainlinksneverexpand .urlexpansion
  {display:none !important}
 
.clickable-image a:hover {text-decoration: none}
 
.hiddenStructure {display:none; speak:none}
 
.dablink, .rellink {font-style:italic; padding-left:2em}
 
#disambig {border-top: 3px double #cccccc; border-bottom: 3px double #cccccc}

/*
 * Инфобоксы типа Summary
 */
 
div#p-summary p, div#p-summary dl,
div.p-summary p, div.p-summary dl {
  margin: 0;
}
 
div#p-summary dl, div.p-summary dl {
  clear: both;
}
 
div#p-summary, div#p-summary dl, div#p-summary dt,
div#p-summary dd, div#p-summary strong, div.p-summary,
div.p-summary dl, div.p-summary dt, div.p-summary dd,
div.p-summary strong, div.summarybox div.p-summary-title {
  line-height: 1.1;
}
 
div#p-summary dt, div#p-summary dd, div#p-summary div.p-summary-line,
div.p-summary dt, div.p-summary dd, div.p-summary div.p-summary-line,
div.summarybox div.p-summary-line {
  border-top: 1px solid #B1DBF9;
  padding: 0.35em 0em 0.3em;
  display: block;
  position: relative;
  overflow: hidden;
}
 
div#p-summary, div.p-summary {
  float: right;
  clear: right;
  width: 300px;
  padding-top:0.4em !important;
}
 
div#p-summary, div.p-summary, div.summarybox {
  padding: 0em 0.5em 0.5em 0.6em;
  margin: 0 0 1em 1em;
  border-left: 2px solid #CBE1EC;
  border-right: 6px solid #CBE1EC;
  border-top: 1px solid #CBE1EC;
  border-bottom: 1px solid #CBE1EC;
 -moz-border-radius: 10px; 
 -webkit-border-radius: 10px; 
 border-radius:10px;
}
 
div#p-summary div.thumbinner, div.p-summary div.thumbinner, div.summarybox div.thumbinner {
  background: white;
  border-color: #7FC7FF;
}
 
div#p-summary img.thumbimage, div.p-summary img.thumbimage, div.summarybox img.thumbimage {
  border: none;
}
 
div#p-summary div.magnify, div.p-summary div.magnify, div.summarybox div.magnify {
  display: none;
}
 
div#p-summary ol, div.p-summary ol, div.summarybox ol {
  margin-left: 2em;
}
 
div#p-summary p br, div.p-summary p br {
  display: none;
}
 
div#p-summary dt, div#p-summary div.p-summary-left, div.p-summary dt,
div.p-summary div.p-summary-left {
  float: left;
  clear: both;
  width: 147px;
  font-weight: normal;
  font-size: 10pt;
}
 
div#p-summary dd, div#p-summary div.p-summary-right, div.p-summary dd,
div.p-summary div.p-summary-right {
  float: right;
  clear: none;
  margin: 0;
  width: 150px;
  font-size: 10pt;
}
 
div#p-summary strong, div.p-summary strong {
  display: block; 
  clear: both;
  padding: 0.75em 0;
}
 
div#p-summary strong.p-summary-title, div.p-summary strong.p-summary-title {
  padding: 0 0 0.25em;
  font-size: x-large;
}
 
div#p-summary div.p-summary-line, div.p-summary div.p-summary-line {
  clear: both;
  font-size: 9pt;
}
 
.p-summary-tools, .p-summary-tools *, .p-summary-tools a, .p-summary-tools a:link,
.p-summary-tools a:active, .p-summary-tools a:hover, .p-summary-tools a:visited,
.p-summary-tools a:focus {
  color: #467AD0;
  list-style-type: none;
  list-style-image: none;
  font-size: 9pt;
  font-weight: normal;
}
 
div.summarybox .p-summary-title a, div.summarybox .p-summary-title a:link,
div.summarybox .p-summary-title a:active, div.summarybox .p-summary-title a:hover,
div.summarybox .p-summary-title a:visited, div.summarybox .p-summary-title a:focus {
  color: inherit;
}
 
.p-summary-tools ul {
  margin-left: 0.5em;
}
 
.p-summary-line .thumbcaption { display: none !important }
.p-summary sup.reference::before { content: " " }
.p-summary sup.reference { vertical-align:middle !important }
.p-summary sup.reference a { color: #006400 !important }

/* Изменить цвет фона пользовательских кнопок */
.summaryButtons-group-custom > .summaryButtons-button {
	background: #F5F9FC;
    color: #697ABB;
}