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

Материал из Iris Online WIKI
Перейти к: навигация, поиск
м
 
(не показано 11 промежуточных версий этого же участника)
Строка 1: Строка 1:
 
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
 
/* Размещённый здесь 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 */
  
Строка 17: Строка 62:
 
     margin-right: 0.5em;
 
     margin-right: 0.5em;
 
     width: 6em;
 
     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%;
 
}
 
}
  
Строка 67: Строка 192:
 
     font-size: 125%;
 
     font-size: 125%;
 
     font-weight: bold;
 
     font-weight: bold;
 +
    margin: 20%
 
}
 
}
 
.infobox td,
 
.infobox td,
.infobox th  
+
.infobox th {
 +
vertical-align: middle;
 +
}
 +
 
 +
.infobox caption {
 +
font-size: larger;
 +
margin-left: inherit;
 
}
 
}
 +
 
.infobox.bordered {
 
.infobox.bordered {
    border-collapse: collapse;
+
border-collapse: collapse;
 
}
 
}
 +
 
.infobox.bordered td,
 
.infobox.bordered td,
 
.infobox.bordered th {
 
.infobox.bordered th {
    border: 1px solid #aaa;
+
border: 1px solid #a2a9b1;
 
}
 
}
 +
 
.infobox.bordered .borderless td,
 
.infobox.bordered .borderless td,
 
.infobox.bordered .borderless th {
 
.infobox.bordered .borderless th {
    border: 0;
+
border: 0 solid #a2a9b1;
 
}
 
}
  
 
.infobox.sisterproject {
 
.infobox.sisterproject {
    width: 20em;
+
width: 20em;
    font-size: 90%;
+
font-size: 90%;
 
}
 
}
  
.infobox.standard-talk {
+
.archive-box {
    border: 1px solid #c0c090;
+
border: 1px solid #aaf;
    background-color: #f8eaba;
+
background: #f2f2f9;
}
+
color: #000;
.infobox.standard-talk.bordered td,
+
margin-bottom: 0.5em;
.infobox.standard-talk.bordered th {
+
margin-left: 1em;
    border: 1px solid #c0c090;
+
padding: 0.2em;
 +
float: right;
 +
clear: right;
 +
text-align: center;
 
}
 
}
  
/* styles for bordered infobox with merged rows */
 
.infobox.bordered .mergedtoprow td,
 
.infobox.bordered .mergedtoprow th {
 
    border: 0;
 
    border-top: 1px solid #aaa;
 
    /* @noflip */
 
    border-right: 1px solid #aaa;
 
}
 
  
.infobox.bordered .mergedrow td,
+
.infobox td, .infobox th {vertical-align:top}
.infobox.bordered .mergedrow th {
+
table.infobox td p {margin:0} /* temporarily for [[Template:Карточка]]*/
    border: 0;
 
    /* @noflip */
 
    border-right: 1px solid #aaa;
 
}
 
  
/* Styles for geography infoboxes, eg countries,
+
.normal {
  country subdivisions, cities, etc.            */
+
border: solid 5px #000;
.infobox.geography {
+
-webkit-border-radius: 20px;
    border-collapse: collapse;
+
-moz-border-radius: 20px;
    line-height: 1.2em;
+
border-radius: 20px;
    font-size: 90%;
+
-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);
 
}
 
}
  
.infobox.geography  td,
 
.infobox.geography  th {
 
    border-top: 1px solid #aaa;
 
    padding: 0.4em 0.6em 0.4em 0.6em;
 
}
 
.infobox.geography .mergedtoprow td,
 
.infobox.geography .mergedtoprow th {
 
    border-top: 1px solid #aaa;
 
    padding: 0.4em 0.6em 0.2em 0.6em;
 
}
 
 
.infobox.geography .mergedrow td,
 
.infobox.geography .mergedrow th {
 
    border: 0;
 
    padding: 0 0.6em 0.2em 0.6em;
 
}
 
 
.infobox.geography .mergedbottomrow td,
 
.infobox.geography .mergedbottomrow th {
 
    border-top: 0;
 
    border-bottom: 1px solid #aaa;
 
    padding: 0 0.6em 0.4em 0.6em;
 
}
 
 
.infobox.geography .maptable td,
 
.infobox.geography .maptable th {
 
    border: 0;
 
    padding: 0;
 
}
 
  
 
/* 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
}