MediaWiki:Common.css — различия между версиями
Материал из Iris Online WIKI
Mozg (обсуждение | вклад) м |
Mozg (обсуждение | вклад) |
||
(не показано 9 промежуточных версий этого же участника) | |||
Строка 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 */ | ||
Строка 35: | Строка 80: | ||
vertical-align: middle; | vertical-align: middle; | ||
font-size: smaller; | 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%; | ||
} | } | ||
Строка 88: | Строка 195: | ||
} | } | ||
.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; | |
} | } | ||
+ | |||
.infobox.bordered td, | .infobox.bordered td, | ||
.infobox.bordered th { | .infobox.bordered th { | ||
− | + | border: 1px solid #a2a9b1; | |
} | } | ||
+ | |||
.infobox.bordered .borderless td, | .infobox.bordered .borderless td, | ||
.infobox.bordered .borderless th { | .infobox.bordered .borderless th { | ||
− | + | border: 0 solid #a2a9b1; | |
} | } | ||
.infobox.sisterproject { | .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 | + | .infobox td, .infobox th {vertical-align:top} |
− | .infobox | + | 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 }