MediaWiki:Common.css — различия между версиями

Материал из Iris Online WIKI
Перейти к: навигация, поиск
 
(не показаны 4 промежуточные версии этого же участника)
Строка 1: Строка 1:
 
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
 
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
  
.wikitable {
+
 
 +
 
 +
table .zebra {
 +
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
 +
font-size: 14px;
 +
border-radius: 10px;
 
border-spacing: 0;
 
border-spacing: 0;
empty-cells: hide;
+
text-align: center;
 
}
 
}
td {
+
.zebra th {
 +
background: #BCEBDD;
 +
color: white;
 +
text-shadow: 0 1px 1px #2D2020;
 
padding: 10px 20px;
 
padding: 10px 20px;
text-align: center;
 
border-bottom: 1px solid #F4EEE8;
 
transition: all 0.5s linear;
 
 
}
 
}
td:first-child {
+
.zebra th, td {
 +
border-style: solid;
 +
border-width: 0 1px 1px 0;
 +
border-color: white;
 +
}
 +
.zebra th:first-child, td:first-child {
 
text-align: left;
 
text-align: left;
color: #3D3511;
 
font-weight: bold;
 
 
}
 
}
th {
+
.zebra th:first-child {
padding: 10px 20px;
 
color: #3D3511;
 
border-bottom: 1px solid #F4EEE8;
 
 
border-top-left-radius: 10px;
 
border-top-left-radius: 10px;
 +
}
 +
.zebra th:last-child {
 
border-top-right-radius: 10px;
 
border-top-right-radius: 10px;
 +
border-right: none;
 
}
 
}
td:nth-child(even) {
+
.zebra td {
background: #F6D27E;
+
padding: 10px 20px;
}
+
background: #F8E391;
td:nth-child(odd) {
 
background: #D1C7BF;
 
}
 
th:nth-child(even)  {
 
background: #F6D27E;
 
 
}
 
}
th:nth-child(odd)  {
+
.zebra tr:last-child td:first-child {
background: #D1C7BF;
+
border-radius: 0 0 0 10px;
 
}
 
}
.round-top {
+
.zebra tr:last-child td:last-child {
border-top-left-radius: 5px;
+
border-radius: 0 0 10px 0;
 
}
 
}
.round-bottom {
+
.zebra tr td:last-child {
border-bottom-left-radius: 5px;
+
border-right: none;
}
 
tr:hover td{
 
background: #D1C7BF;
 
font-weight: bold;
 
 
}
 
}
  
Строка 239: Строка 238:
 
.infobox td, .infobox th {vertical-align:top}
 
.infobox td, .infobox th {vertical-align:top}
 
table.infobox td p {margin:0} /* temporarily for [[Template:Карточка]]*/
 
table.infobox td p {margin:0} /* temporarily for [[Template:Карточка]]*/
 +
 +
.normal {
 +
border: solid 5px #000;
 +
-webkit-border-radius: 20px;
 +
-moz-border-radius: 20px;
 +
border-radius: 20px;
 +
-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.5);
 +
-moz-box-shadow: inset 0 1px 5px rgba(0,0,0,.5);
 +
box-shadow: inset 0 1px 5px rgba(0,0,0,.5);
 +
}
 +
  
 
/* collapsible infoboxes */
 
/* collapsible infoboxes */

Текущая версия на 21:41, 18 октября 2018

/* Размещённый здесь CSS будет применяться ко всем темам оформления */



table .zebra {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 14px;
border-radius: 10px;
border-spacing: 0;
text-align: center;
}
.zebra th {
background: #BCEBDD;
color: white;
text-shadow: 0 1px 1px #2D2020;
padding: 10px 20px;
}
.zebra th, td {
border-style: solid;
border-width: 0 1px 1px 0;
border-color: white;
}
.zebra th:first-child, td:first-child {
text-align: left;
}
.zebra th:first-child {
border-top-left-radius: 10px;
}
.zebra th:last-child {
border-top-right-radius: 10px;
border-right: none;
}
.zebra td {
padding: 10px 20px;
background: #F8E391;
}
.zebra tr:last-child td:first-child {
border-radius: 0 0 0 10px;
}
.zebra tr:last-child td:last-child {
border-radius: 0 0 10px 0;
}
.zebra tr td:last-child {
border-right: none;
}

/* infobox */

.infobox .navbar {
    font-size: 100%;
}
.navbox .navbar {
    display: block;
    font-size: 100%;
}
.navbox-title .navbar {
    /* @noflip */
    float: left;
    /* @noflip */
    text-align: left;
    /* @noflip */
    margin-right: 0.5em;
    width: 6em;
}

.warningbox {
  background: #ff9;
  border: 1px solid #ee0;
  background-image: url('http://upload.wikimedia.org/wikipedia/commons/thumb/6/62/Nuvola_apps_important.png/30px-Nuvola_apps_important.png')
}
.informationbox {
  background: #F4FBFF;
  border: 1px solid #D5D9E6;
  background-image: url('http://upload.wikimedia.org/wikipedia/commons/thumb/2/28/Information.svg/30px-Information.svg.png')
}
.warningbox, .informationbox {
  padding: 10px 10px 10px 50px;
  background-position: 10px center;
  background-repeat: no-repeat;
  vertical-align: middle;
  font-size: smaller;
}

/* {ambox} */
table.ambox {
  width: auto;
  margin: 0 10%;
  border-collapse: collapse;
  background:#FBFBFB;
  border: 1px solid #aaa;
  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 0 2px 0.5em;
  text-align: center;
}
table.ambox td.ambox-imageright {
  width: 52px;
  padding: 2px 4px 2px 0;
  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%;
}

/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {
    /* @noflip */
    float: right;
    font-weight: normal;
    /* @noflip */
    margin-left: 0.5em;
    /* @noflip */
    text-align: right;
    width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
   from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
    width: 6em;
}

/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
    font-weight: normal;
    /* @noflip */
    text-align: right;
}
.navbox .mw-collapsible-toggle {
    width: 6em;
}

/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    /* @noflip */
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    /* @noflip */
    float: right;
    /* @noflip */
    clear: right;
    /* @noflip */
    text-align: left;
    font-size: 88%;
    line-height: 1.5em;
}
.infobox caption {
    font-size: 125%;
    font-weight: bold;
    margin: 20%
}
.infobox td,
.infobox th {
 vertical-align: middle;
}

.infobox caption {
 font-size: larger;
 margin-left: inherit;
}

.infobox.bordered {
 border-collapse: collapse;
}

.infobox.bordered td,
.infobox.bordered th {
 border: 1px solid #a2a9b1;
}

.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
 border: 0 solid #a2a9b1;
}

.infobox.sisterproject {
 width: 20em;
 font-size: 90%;
}

.archive-box {
 border: 1px solid #aaf;
 background: #f2f2f9;
 color: #000;
 margin-bottom: 0.5em;
 margin-left: 1em;
 padding: 0.2em;
 float: right;
 clear: right;
 text-align: center;
}


.infobox td, .infobox th {vertical-align:top}
table.infobox td p {margin:0} /* temporarily for [[Template:Карточка]]*/

.normal {
	border: solid 5px #000;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.5);
	-moz-box-shadow: inset 0 1px 5px rgba(0,0,0,.5);
	box-shadow: inset 0 1px 5px rgba(0,0,0,.5);
}


/* collapsible infoboxes */

a.infoboxtoggle { float: right; } /* positions the +/- */
.hidden { display: none; } /* hides hidden rows */
tr.header.hidden { display: table-row; } /* does _not_ hide headers */

/* [[Шаблон:Tree list]] */
.treeview ul {
	padding: 0;
	margin: 0;
}
.treeview li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	list-style-image: none;
}
.treeview li li {
	background: url("//upload.wikimedia.org/wikipedia/commons/f/f2/Treeview-grey-line.png") no-repeat 0 -2981px;
	/* @noflip */
	padding-left: 20px;
	text-indent: 0.3em;
}
.treeview li li.lastline {
	background-position: 0 -5971px
}
.treeview li.emptyline > ul {
	/* @noflip */
	margin-left: -1px;
}
.treeview li.emptyline > ul > li:first-child {
	background-position: 0 9px
}