MediaWiki:Common.css
Перейти к навигации
Перейти к поиску
Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
/* ---------- Цитаты ---------- */ blockquote.quote { margin: .5em 3em .6em; border: 1px solid #E2E7ED; border-left-width: 10px; background: #F1F3F6; overflow: hidden; display: table; } blockquote.quote .quoteInner { padding: 1em 1.5em; } blockquote.quote div.reference { font-size: 90%; text-align: right; margin: .8em 0 0 0; } blockquote.quote div.reference span.wiCw span.wiCw1 { display: none; } blockquote.quote div.reference span.wiCw span.wiCw2 { display: block; } /* ---------- Сообщение ---------- */ .wiNotice, .flaggedrevs_editnotice, .previewnote, .mw-newarticletext, .mw-warning-with-logexcerpt, .noarticletext, #drafts-list-box { margin: .6em 0 .7em 0 !important; border-width: 1px !important; border-style: dashed !important; padding: 0 1.6em !important; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .wiNotice code { background: transparent; } .wiNotice.white, .mw-newarticletext { border-color: #D5D5D5; background: white; -webkit-box-shadow: 0 0 30px rgb(226,226,226) inset; -moz-box-shadow: 0 0 30px rgb(226,226,226) inset; box-shadow: 0 0 30px rgb(226,226,226) inset; } .wiNotice.yellow, .previewnote { border-color: #FFE568; background: #FFF2B3; -webkit-box-shadow: 0 0 30px rgb(247,225,122) inset; -moz-box-shadow: 0 0 30px rgb(247,225,122) inset; box-shadow: 0 0 30px rgb(247,225,122) inset; } .wiNotice.red, .noarticletext { border-color: #FF9898; background: #FFD4D4; -webkit-box-shadow: 0 0 30px rgb(252,185,185) inset; -moz-box-shadow: 0 0 30px rgb(252,185,185) inset; box-shadow: 0 0 30px rgb(252,185,185) inset; } .wiNotice.green { border-color: #86CE7C; background: #C5EAC0; -webkit-box-shadow: 0 0 30px rgb(183,219,178) inset; -moz-box-shadow: 0 0 30px rgb(183,219,178) inset; box-shadow: 0 0 30px rgb(183,219,178) inset; } .wiNotice.blue, .flaggedrevs_editnotice, .mw-warning-with-logexcerpt, #drafts-list-box { border-color: #A1C5F0 !important; background: #EBF4FF; -webkit-box-shadow: 0 0 30px rgb(201,221,245) inset; -moz-box-shadow: 0 0 30px rgb(201,221,245) inset; box-shadow: 0 0 30px rgb(201,221,245) inset; } /* ---------- Выделение текста ---------- */ .wiHighlight { background: #fff8cc; border-bottom: 1px solid #ffe222; padding-left: .3em; padding-right: .3em; font-weight: normal; } /* ---------- Таблица переводов ---------- */ .translations td { border-top: 1px dashed #A1B2C3; padding: .6em 1em; } .translations .name { border-right: 1px dashed #A1B2C3; text-align: right; font-style: italic; color: #A3B3C3; white-space: nowrap; } .translations tr:first-child td { border-top: none; } /* ---------- InfoBox ---------- */ .infoBox { float: right; padding: 0.2em 0.3em; font-style: italic; margin: 0 0 1.5em 1.5em; } .infoBox .infoBoxImage { padding-right: .4em; } /* ---------- Примечания ---------- */ ol.references { font-size: 90%; } /* ---------- Подсказки ---------- */ .wiHint { border-bottom: 1px dashed #bbb; cursor: help; } .wiHint .wiHintContent { display: none; } /* ---------- Ссылка на раздел страницы ---------- */ .wiSectionLink a { text-decoration: none; } .wiSectionLink a .articleName { color: #aaa; font-size: 74%; text-transform: uppercase; } .wiSectionLink a:hover .sectionName { text-decoration: underline; } .wiSectionLink a:hover .articleName { color: #95abcf; } .wiSectionLink a:hover:visited .articleName { color: #9a95ce; } .wiSectionLink a:active .articleName, .wiSectionLink a:active:visited .articleName { color: #ffd06f; } /* ---------- Остальное ---------- */ .wiRight { clear: right; float: right; margin: .5em 3em 1.3em 1.4em; } .simpleborder { border: 1px #aaa solid; } .acenter { text-align: center; } #siteSub { display: block; font-size: 85%; font-weight: normal; font-style: normal; } #wpSave { font-weight: bold; } .editButtons input { font-size: 120% !important; } .editButtons span { font-size: 90% !important; } #drafts-list-box h3 { font-size: 110%; } #drafts-list-table { margin: .6em 0; border-spacing: 0; border-collapse: collapse; } #drafts-list-table, #drafts-list-table th, #drafts-list-table td { width: auto; } #drafts-list-table th, #drafts-list-table td { white-space: nowrap; border: 1px solid #C5DAF2; } #drafts-list-table td { font-style: italic; } #drafts-list-table td a { font-style: normal; } #drafts-list-table tr:hover td { background: #DEEBFB; } /* ---------- navbox ---------- */ .navbox { margin: 1em 0; border: 1px solid #C3CDDA; border-top: 0; background: #FAFAFB; } .navbox table { border-collapse: collapse; width: 100%; } .navbox table th { background: #e6eaef; background: -moz-linear-gradient(top, #e6eaef 0%, #ecf1f7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6eaef), color-stop(100%,#ecf1f7)); background: -webkit-linear-gradient(top, #e6eaef 0%,#ecf1f7 100%); background: -o-linear-gradient(top, #e6eaef 0%,#ecf1f7 100%); background: -ms-linear-gradient(top, #e6eaef 0%,#ecf1f7 100%); background: linear-gradient(to bottom, #e6eaef 0%,#ecf1f7 100%); border: 1px solid #C3CDDA; border-bottom-style: dashed; border-left: 0; border-right: 0; font-size: 120%; font-weight: normal; text-align: left; text-shadow: 0 1px 1px white; } .navbox table .col0, .navbox table .col3 { width: 3px; padding: 0; } .navbox table td.col1, .navbox table td.col2, .navbox table th { padding: 4px 20px; } .navbox table td.col1 { white-space: nowrap; width: 1px; text-transform: uppercase; font-size: 80%; border-right: 1px dashed #C6D3E3; } .navbox table td.col1.even, .navbox table td.col2.even { background: #ECF1F7; } .navbox td.col2 { padding: 3px; font-size: 95%; } .navbox td.col2 ul { margin: 0; } .navbox td.col2 ul li { display: inline; vertical-align: middle; margin-right: 5px; border-right: 1px solid #C6D3E3; } .navbox td.col2 ul li:last-child { border-right: 0; } /* ---------- Главная страница ---------- */ .mainPageHeader { background: #fcfcfc; border: 1px solid #ccc; padding: 1em; margin-bottom: 10px; position: relative; } .mainPageHeader .coreArticles { position: absolute; right: 1em; top: 1em; } .mainPageHeader .rightColumn, .mainPageHeader .leftColumn { width: 50%; display: inline-block; vertical-align: middle; } .mainPageHeader .leftColumn { text-align: center; } .mainPageHeader .leftColumn .e0 { font-size: 162%; line-height: 1.2; } .mainPageHeader .leftColumn .e1 { font-size: 95%; margin: .2em 0 .2em 0; } .mainPageHeader .leftColumn .e2 { font-size: 85%; color: #777; } .mainPageTableWrapper { margin: -10px; } .mainPageTable { width: 100%; border-spacing: 10px; } .mainPageTable .leftColumn, .mainPageTable .rightColumn { vertical-align: top; width: 50%; padding: 8px; border-width: 1px; border-style: solid; } .mainPageTable .leftColumn { background: #f5fffa; border-color: #cef2e0; } .mainPageTable .rightColumn { background: #f5faff; border-color: #cedff2; } .mainPageTable .leftColumn h2, .mainPageTable .rightColumn h2 { margin: 1em 0 .7em 0; font-size: 120%; font-weight: bold; border-width: 1px; border-style: solid; padding: 0.2em 0.4em; } .mainPageTable .leftColumn h2:first-child, .mainPageTable .rightColumn h2:first-child { margin-top: 0; } .mainPageTable .leftColumn h2 { background: #cef2e0; border-color: #a3bfb1; } .mainPageTable .rightColumn h2 { background: #cedff2; border-color: #9EB2CA; } .mainPageTable .randomArticle { margin: 0 1.6em; } .mainPageTable .randomArticle .more { font-style: italic; text-align: right; } .mainPageTable .rightColumn blockquote.quote { margin-left: 0; margin-right: 0; } /* ---------- FlaggedRevs ---------- */ .mw-fr-reviewlink { font-weight: bold; background: #fff8cc; border-bottom: 1px solid #ffe222; color: #A68A2C; font-size: 80%; } /* ---------- PreviewNote ---------- */ .previewnote { color: black !important; } .previewnote h2, .previewnote hr { display: none; } .previewnote p { margin: .4em 0 .5em 0 !important; text-indent: 0 !important; } .previewnote b, .previewnote strong { font-weight: normal; } /* ---------- ПС ---------- */ .wiPrevNextWrapper { overflow: hidden; text-align: center; margin: 1.5em 0; } .wiPrevNext { display: inline-block; } .wiPrevNext a { background-image: url(/wiki/images/1/1d/Prevnext.png); background-repeat: no-repeat; display: inline-block; white-space: nowrap; overflow: hidden; } .wiPrevNext a span { padding: 0 20px; background: white; display: inline-block; line-height: 38px; height: 38px; border: 1px solid #ABD6F2; } .wiPrevNext .wiPrev a { padding-left: 28px; background-position: left; margin-right: -1px; margin-bottom: -1px; } .wiPrevNext .wiPrev a span { border-left: none; border-right: 1px dashed #ABD6F2; } .wiPrevNext .wiNext a { padding-right: 28px; background-position: right; margin-bottom: -1px; } .wiPrevNext .wiNext a span { border-right: none; border-left: 1px dashed #ABD6F2; } /* ---------- Кнопка ---------- */ .wiFancyButton a { border: 1px solid #C3CDDA; display: inline-block; text-shadow: 0 0 1px white; overflow: hidden; background: #eef1f6 !important; background: -moz-linear-gradient(top, #eef1f6 0%, #edeef2 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eef1f6), color-stop(100%,#edeef2)) !important; background: -webkit-linear-gradient(top, #eef1f6 0%,#edeef2 100%) !important; background: -o-linear-gradient(top, #eef1f6 0%,#edeef2 100%) !important; background: -ms-linear-gradient(top, #eef1f6 0%,#edeef2 100%) !important; background: linear-gradient(to bottom, #eef1f6 0%,#edeef2 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef1f6', endColorstr='#edeef2',GradientType=0 ); -webkit-box-shadow: 0 1px 2px rgba(195, 205, 218, .7); -moz-box-shadow: 0 1px 2px rgba(195, 205, 218, .7); box-shadow: 0 1px 2px rgba(195, 205, 218, .7); } .wiFancyButton a > span { height: 26px; line-height: 26px; display: inline-block; padding: 0 1em !important; font-size: 120%; border-top: 1px solid white; border-bottom: 1px solid #DAE1EB; } .wiFancyButton a span span { position: relative; } .wiFancyButton a:hover { background: #f4f7fc !important; background: -moz-linear-gradient(top, #f4f7fc 0%, #f2f3f7 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f7fc), color-stop(100%,#f2f3f7)) !important; background: -webkit-linear-gradient(top, #f4f7fc 0%,#f2f3f7 100%) !important; background: -o-linear-gradient(top, #f4f7fc 0%,#f2f3f7 100%) !important; background: -ms-linear-gradient(top, #f4f7fc 0%,#f2f3f7 100%) !important; background: linear-gradient(to bottom, #f4f7fc 0%,#f2f3f7 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f7fc', endColorstr='#f2f3f7',GradientType=0 ); } .wiFancyButton a, .wiFancyButton a:active { color: #0645ad; } .wiFancyButton a:active { background: #e2e6eb !important; background: -moz-linear-gradient(top, #e2e6eb 0%, #e9ecf0 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e6eb), color-stop(100%,#e9ecf0)) !important; background: -webkit-linear-gradient(top, #e2e6eb 0%,#e9ecf0 100%) !important; background: -o-linear-gradient(top, #e2e6eb 0%,#e9ecf0 100%) !important; background: -ms-linear-gradient(top, #e2e6eb 0%,#e9ecf0 100%) !important; background: linear-gradient(to bottom, #e2e6eb 0%,#e9ecf0 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e6eb', endColorstr='#e9ecf0',GradientType=0 ); -webkit-box-shadow: 0 0 4px #DCDFE3 inset, 0 1px 2px rgba(195, 205, 218, .9); -moz-box-shadow: 0 0 4px #DCDFE3 inset, 0 1px 2px rgba(195, 205, 218, .9); box-shadow: 0 0 4px #DCDFE3 inset, 0 1px 2px rgba(195, 205, 218, .9); } .wiFancyButton a:active span span { top: 1px; } .wiFancyButton a:visited, .wiFancyButton a:active:visited { color: #0b0080; } .wiFancyButton a:active > span { border-top-color: #DAE1EB; border-bottom-color: #EDF2F7; } /* ---------- Анонсы статей ---------- */ .articleSummaryColumnsWrapper { margin: 0 .5em; } .articleSummaryColumnsWrapper .articleSummaryColumn { display: inline-block; width: 50%; vertical-align: top; position: relative; right: -.5em; } .articleSummaryColumnsWrapper .articleSummaryColumn:first-child { left: -.5em; } .articleSummary { clear: both; margin: 1em 0; background: #FAFAFB; border: 1px solid #C3CDDA; -webkit-box-shadow: 0 50px 100px #EAEDF4 inset, 0 1px 2px rgba(195, 205, 218, .6); -moz-box-shadow: 0 50px 100px #EAEDF4 inset, 0 1px 2px rgba(195, 205, 218, .6); box-shadow: 0 50px 100px #EAEDF4 inset, 0 1px 2px rgba(195, 205, 218, .6); } .articleSummary .articleSummaryInner { border: 1px solid white; padding: .3em 0; } .articleSummary .articleSummaryTitle { padding: .5em 1em 0 1em; margin-bottom: -.2em; } .articleSummary .articleSummaryTitle .articleSummaryTitleInner { font-size: 140%; margin: 0 -.3em; border-bottom: 1px dashed #C6D3E3; padding: 0 .3em .1em .3em; } .articleSummary .articleSummaryImage { float: left; width: 150px; margin: .7em 1em; } .articleSummary .articleSummaryImage:hover + .articleSummaryTitle a { text-decoration: underline; } .articleSummary .articleSummaryImage:active + .articleSummaryTitle a { color: #FAA700; } .articleSummary .articleSummaryText { padding: .7em 1em; color: #22262A; } .articleSummary .articleSummaryText ol { margin-left: 1.6em; } .articleSummary .articleSummaryEnding { clear: both; } .articleSummary .articleSummaryImage + .articleSummaryTitle + .articleSummaryText, .articleSummary .articleSummaryImage + .articleSummaryText { margin-left: 150px; padding-left: 2em; } @media screen and (max-width: 1110px) { .articleSummaryColumnsWrapper { margin: 0; } .articleSummaryColumnsWrapper .articleSummaryColumn { display: block; width: auto; vertical-align: top; position: static; right: 0; } .articleSummaryColumnsWrapper .articleSummaryColumn:first-child { left: 0; } } @media screen and (min-width: 1111px) and (max-width: 1340px) { .articleSummary .articleSummaryExtendedDescription { display: none; } } /* ---------- Стили для списков ---------- */ .smallList { font-size: 90%; } .errorList ul { list-style: none; margin-left: .5em; } .errorList li { background: url(http://wikiislam.net/wiki/uploads/4/4e/Cross.png) 0 4px no-repeat; padding-left: 1.5em; }