MediaWiki:Common.css: различия между версиями
Перейти к навигации
Перейти к поиску
Яков (обсуждение | вклад) м |
(+ стиль курсоров, сочинённый Мицголом-вебмастером) |
||
Строка 359: | Строка 359: | ||
small{font-size:90%} | small{font-size:90%} | ||
+ | |||
+ | /* Начало стилей, подключающих курсоры к особым ссылкам. | ||
+ | * Автор CSS-стиля: Mithgol the Webmaster. | ||
+ | * | ||
+ | * Может быть, позже курсоры перенесём на сайт Традиции | ||
+ | * (установив им MIME-тип image/x-icon или image/vnd.microsoft.icon), | ||
+ | * тогда URLы их будут короче и роднее. | ||
+ | */ | ||
+ | |||
+ | /* Увеличительная лупа для картинок: */ | ||
+ | |||
+ | .thumb .thumbinner A.image, | ||
+ | .thumb .magnify A.internal, | ||
+ | .gallery .gallerybox .thumb A.image { cursor: url(http://Mithgol.Ru/Live/Journal/Cursor/zoom.cur), pointer; } | ||
+ | |||
+ | /* Голубой карандашик для LiveJournal-блогов. | ||
+ | * Здесь и далее пробел перед *= важен для сокрытия от старых версий Konqueror | ||
+ | * (ибо это селектор CSS уровня 3, который выносит их бедный маленький мозг). | ||
+ | */ | ||
+ | |||
+ | #bodyContent A[href *="livejournal.com/"] { | ||
+ | cursor: url(http://Mithgol.Ru/Live/Journal/Cursor/), pointer; | ||
+ | } | ||
+ | |||
+ | /* W для ссылок на Википедию */ | ||
+ | |||
+ | #bodyContent A[href *="wikipedia.org/"] { | ||
+ | cursor: url(http://Mithgol.Ru/Live/Journal/Cursor/wiki.cur), pointer; | ||
+ | } | ||
+ | |||
+ | /* «Остановка запрещена» для ссылок на ДПНИ */ | ||
+ | |||
+ | #bodyContent A[href *="dpni.org/"], | ||
+ | #bodyContent A[href *="dpni.tv/"], | ||
+ | #bodyContent A[href *="livejournal.com/dpni"] { | ||
+ | cursor: url(http://Mithgol.Ru/Live/Journal/Cursor/dpni.cur), pointer; | ||
+ | } | ||
+ | |||
+ | /* ТСДНЭ */ | ||
+ | |||
+ | #bodyContent A[href *="ТСДНЭ"], | ||
+ | #bodyContent A[href *="%D0%A2%D0%A1%D0%94%D0%9D%D0%AD"] { | ||
+ | cursor: url(http://mithgol.ru/Live/Journal/Cursor/tsdne.cur), pointer; | ||
+ | } | ||
+ | |||
+ | /* .KML, .KMZ */ | ||
+ | |||
+ | #bodyContent A[href $=".KML"], #bodyContent a.external[href $=".KMZ"], | ||
+ | #bodyContent A[href $=".kml"], #bodyContent a.external[href $=".kmz"] { | ||
+ | cursor: url(http://mithgol.ru/Live/Journal/Cursor/kmz.cur), pointer; | ||
+ | } | ||
+ | |||
+ | /* Ссылки на Яndex */ | ||
+ | |||
+ | #bodyContent A[href *="yandex.ru/"], | ||
+ | #bodyContent A[href *="ya.ru/"] { | ||
+ | cursor: url(http://Mithgol.Ru/Live/Journal/Cursor/ya.cur), pointer; | ||
+ | } | ||
+ | |||
+ | /* HTTPS */ | ||
+ | |||
+ | #bodyContent A[href ^="https://"], .link-https { | ||
+ | cursor: url(http://Mithgol.Ru/Live/Journal/Cursor/https.cur), pointer; | ||
+ | } | ||
+ | |||
+ | /* ссылки на сеть ed2k/Kad | ||
+ | * (пока у нас таких ссылок нету, поскольку их использование символа «|» | ||
+ | * сильно конфликтует с википедическим; но в дальнейшем они могут быть) | ||
+ | */ | ||
+ | |||
+ | #bodyContent A[href ^="ed2k://"] { | ||
+ | cursor: url(http://Mithgol.Ru/Live/Journal/Cursor/emule.cur), pointer; | ||
+ | } | ||
+ | |||
+ | /* Здесь кончается стиль курсоров, сочинённый Мицголом-вебмастером. */ | ||
/*</source>*/ | /*</source>*/ |
Версия от 10:47, 18 августа 2008
/* Этот набор стилей включается в отдельные css-файлы других шкурок */
/*<source lang="css">*/
/* Пожалуйста, пишите все свои стили ниже этого комментария,
* поскольку этот комментарий должен всегда висеть наверху,
* чтобы обеспечивать синтаксическую подсветку CSS.
*/
/* @import-строки (подключение внешних CSS) должны быть первыми среди стилей.
*
* Стили из [[MediaWiki:Summary.css]] — это эксперименты Якова по созданию
* нестандартно оформленной информационной панели;
* для примера см. [[Тритон (спутник Нептуна)]].
*/
@import url('http://www.traditio.ru/index.php?title=MediaWiki:Summary.css&action=raw&ctype=text/css');
/*
* Включаем полосу прокрутки при отображении разности версий статей,
* если полоса прокрутки необходима.
*/
pre,
td.diff-context div,
td.diff-deletedline div,
td.diff-addedline div { overflow: auto; }
/*
* Устранение проблемы убегания гиперссылок «править»
* от заголовков первого, второго, и так далее до шестого уровня
* включительно
*/
h1, h2, h3, h4, h5, h6, blockquote
{
overflow: hidden;
}
/* Классы wikitable и prettytable для оформления нормальных таблиц */
table.wikitable,
table.prettytable {
margin: 1em 1em 1em 0;
background: #f9f9f9;
border: 1px #aaaaaa solid;
border-collapse: collapse;
}
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
border: 1px #aaaaaa solid;
padding: 0.2em;
}
table.wikitable th,
table.prettytable th {
background: #f2f2f2;
text-align: center;
}
table.wikitable caption,
table.prettytable caption {
margin-left: inherit;
margin-right: inherit;
font-size: larger;
font-weight: bold;
}
/* Список сносок надо заставить выглядеть меньше */
ol.references {
font-size: 100%;
}
.references-small { font-size: 90%;}
/* Подсветка сноски, находящейся в фокусе. */
sup.reference:target, ol.references li:target { background-color: #ffffcc; }
sup.reference:target { font-weight: bold; }
.hiddenStructure {display: none;speak: none}
.notice {margin: 1em 1em 1em 20%;padding: 0.2em}
#disambig {border-top: 3px double #cccccc;border-bottom: 3px double #cccccc}
#spoiler {border-top: 2px solid #ddd;border-bottom:2px solid #ddd}
.Talk-Notice {border: 1px solid #C0C090;
background-color: #F8EABA;
width: 85%;
border-spacing: 3px;
margin-bottom: 3px; margin-left: auto; margin-right: auto; }
.Talk-Notice td {background: inherit}
.Use_Default_Date_Convention { display: inline; }
.Use_AD_and_BC { display: none; }
.Use_BCE_and_CE { display: none; }
.plainlinksneverexpand {background: none;padding: 0;}
.plainlinksneverexpand .urlexpansion {display: none;}
.plainlinksneverexpand a {background: none;padding: 0;}
.plainlinksneverexpand a.external.text:after {display: none;}
.plainlinksneverexpand a.external.autonumber:after {display: none;}
#bodyContent .plainlinksneverexpand a {background: none; padding: 0}
.messagebox {border:thin solid #dedede;background-color:#f7f7f7;margin-bottom:1em;padding:.4em;vertical-align:middle;font-size: 90%}
.messagebox.merge {border: 1px solid #cf9fff;background-color: #f5edf5;text-align: center}
.messagebox.cleanup {border: 1px solid #9f9fff;background-color: #efefff;text-align: center}
.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;}
.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.sisterproject {background-color:#f9fafd}
/* Используется пока лишь в Викиучебнике Эпиграф:*/
.epigraf{margin-left:54%;font-family:serif;max-width:38em;min-width:16em;margin-bottom:1em;clear:both}
.epigraf blockquote{font-style:italic;border:0;background:none;padding:0 0 0.1em 0;margin:0}
.epigraf blockquote p{padding:0.2em 0;margin:0}
.podpis{text-align:right;padding:0.2em 0 0.2em 0;margin:0 1em 0 0}
/* ЖЖ */
.lj a { text-decoration: underline; font: bold small Verdana; background: none !important; padding: 0 !important; }
.lj a.image img { vertical-align: -2px; }
.IPA {font-family: 'Chrysanthi Unicode', 'Doulos SIL', Gentium, GentiumAlt, Code2000, 'TITUS Cyberbit Basic', 'DejaVu Sans', 'Bitstream Vera Sans', 'Bitstream Cyberbit', 'Arial Unicode MS', 'Lucida Sans Unicode', 'Hiragino Kaku Gothic Pro', 'Matrix Unicode';font-family /**/:inherit}
.Unicode {font-family: 'TITUS Cyberbit Basic', Code2000, 'Doulos SIL', 'Chrysanthi Unicode', 'Bitstream Cyberbit', 'Bitstream CyberBase', 'Bitstream Vera', Thryomanes, Gentium, GentiumAlt, 'Visual Geez Unicode', 'Lucida Grande', 'Arial Unicode MS', 'Microsoft Sans Serif', 'Lucida Sans Unicode'; font-family /**/:inherit}
.polytonic {font-family: Athena, Gentium, 'Palatino Linotype', 'Arial Unicode MS', 'Lucida Sans Unicode', 'Lucida Grande', Code2000; font-family /**/:inherit}
#wpSave {font-weight: bold}
blockquote {margin:0.7em 0 0.7em 5%;padding:0.7em 2% 0.7em 4%;background-color:#f5f5f5;}
p.istochnik_pred {margin:1em 0 0 5%; font-size:110%;}
p.istochnik_pred:after {content:':'}
p.istochnik_sled {margin:0 2em 0 0; text-align:right;}
p.istochnik_sled:before {content:'— '}
table.toccolours {text-align: center} /* может напортить! */
table.toccolours th {background-color: #ccccff}
/* См. Википедия:Правила оформления таблиц */
table.simple {border-color: rgb(170,170,170); border-collapse: collapse}
table.simple th, table.simple td {border-color: rgb(170,170,170); padding-left: 0.2em; padding-right: 0.2em}
table.standard, table.wide, table.wikitable, table.standart { border: 1px solid rgb(170,170,170);
border-collapse: collapse; }
table.standard th, table.wide th, table.wikitable th, table.standart th {border: 1px solid rgb(170,170,170);
padding-left: 0.2em; padding-right: 0.2em; background-color: #EEEEFF; }
table.standard td, table.wide td, table.wikitable td, table.standart td {border: 1px solid rgb(170,170,170);
padding-left: 0.2em; padding-right: 0.2em; }
table.standard caption, table.wide caption, table.wikitable caption, table.standart caption, table.tiles caption
{font-weight: bold; padding-top: 0.2em; padding-bottom: 0.2em; }
table.wide {width: 100%; }
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; }
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 {background-color: #F0F0F0}
tr.shadow td {background-color: #F0F0F0}
tr.dark th {background-color: #CCCCCC}
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 {background-color: #F0F0F0}
table td.shadow {background-color: #F0F0F0}
table th.dark {background-color: #CCCCCC}
table td.dark {background-color: #CCCCCC}
table th.transparent {background-color: transparent}
table td.transparent {background-color: transparent}
/* Добавление прозрачным изображениям клетчатого фона */
#file img {background: url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;}
/* Медали. */
.gold { background-color: gold; }
.silver { background-color: silver; }
.bronze { background-color: #cc9966; }
.allpagesredirect { font-style: italic }
/* Значок внешней ссылки заменяется значком Adobe для всех PDF-файлов.
* Этот способ работает в браузерах, поддерживающих селекторы атрибутов
* согласно разделу 5.8 спецификации CSS уровня 2 в редакции 1.
* (То есть, например, работает в Мозилле или Опере.)
*/
#bodyContent a[href$=".pdf"].external,
#bodyContent a[href*=".pdf?"].external,
#bodyContent a[href*=".pdf#"].external,
#bodyContent a[href$=".PDF"].external,
#bodyContent a[href*=".PDF?"].external,
#bodyContent a[href*=".PDF#"].external {
background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif) center right no-repeat;
padding-right: 16px;
}
/* Значок внешней ссылки заменяется значком Adobe для всех ссылок
* внутри span-элемента с классом PDFlink. В отличие от вышеприведённого,
* этот способ работает и в браузерах, не поддерживающих селекторы атрибутов
* согласно разделу 5.8 спецификации CSS уровня 2 в редакции 1.
* (То есть, например, работает в Microsoft Internet Explorer шестой версии.)
* Однако этот способ требует шаблона {{PDFlink}}, которого в настоящий момент
* (29 ноября 2007 года, 9:10 утра московского времени) в Традиции нету.
*/
span.PDFlink a {
background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif) center right no-repeat !important;
padding-right: 17px !important;
}
/* {{Навигационная таблица}} */
table.navbox {
background-color: #f9f9f9;
border: 1px solid #aaa;
clear: both;
font-size: 90%;
margin: 1em 0em 0em;
padding: 2px;
text-align: center;
width: 100%;
}
table.navbox th {
background-color: #ccf;
padding-left: 1em;
padding-right: 1em;
}
table.navbox tr:not(:first-child) th {
background-color: #ddf;
}
/* Для [[Шаблон:Навигационная полоса|навигационных полос]] (из нем. Википедии) */
/*добавление Stylesheet для обычных навигационных полос */
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 {
font-size: 100%;
}
div.NavFrame div.NavContent {
font-size: 100%;
}
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;
}
.warningbox{
background:#FFFF99;
border:1px solid #EEEE00;
padding:10px 10px 10px 60px;
background-image:url('http://upload.wikimedia.org/wikipedia/commons/thumb/6/62/Nuvola_apps_important.png/40px-Nuvola_apps_important.png');
background-position:10px center;
background-repeat:no-repeat;
vertical-align:middle;
font-size:smaller;
min-height:55px;
}
.informationbox{
background:#F4FBFF;
border:1px solid #D5D9E6;
padding:10px 10px 10px 60px;
background-image:url('http://upload.wikimedia.org/wikipedia/commons/thumb/2/28/Information.svg/40px-Information.svg.png');
background-position:10px center;
background-repeat:no-repeat;
vertical-align:middle;
font-size:smaller;
min-height:55px;
}
.diffchange {
border: 1px dotted #AAAAAA;
}
/* Цветастые номерки (+100...) */
.mw-plusminus-pos {
color: #006400; /* darkgreen */
}
/* дополнение к номеркам */
.mw-plusminus-neg {
color: #8B0000; /* darkred */
}
.dablink {
font-style: italic;
padding-left: 2em;
}
.dablink i {
font-style: normal;
}
.stickybox {
margin-top: 1.5em;
}
.stickybox + .stickybox {
margin-top: 0;
}
small{font-size:90%}
/* Начало стилей, подключающих курсоры к особым ссылкам.
* Автор CSS-стиля: Mithgol the Webmaster.
*
* Может быть, позже курсоры перенесём на сайт Традиции
* (установив им MIME-тип image/x-icon или image/vnd.microsoft.icon),
* тогда URLы их будут короче и роднее.
*/
/* Увеличительная лупа для картинок: */
.thumb .thumbinner A.image,
.thumb .magnify A.internal,
.gallery .gallerybox .thumb A.image { cursor: url(http://Mithgol.Ru/Live/Journal/Cursor/zoom.cur), pointer; }
/* Голубой карандашик для LiveJournal-блогов.
* Здесь и далее пробел перед *= важен для сокрытия от старых версий Konqueror
* (ибо это селектор CSS уровня 3, который выносит их бедный маленький мозг).
*/
#bodyContent A[href *="livejournal.com/"] {
cursor: url(http://Mithgol.Ru/Live/Journal/Cursor/), pointer;
}
/* W для ссылок на Википедию */
#bodyContent A[href *="wikipedia.org/"] {
cursor: url(http://Mithgol.Ru/Live/Journal/Cursor/wiki.cur), pointer;
}
/* «Остановка запрещена» для ссылок на ДПНИ */
#bodyContent A[href *="dpni.org/"],
#bodyContent A[href *="dpni.tv/"],
#bodyContent A[href *="livejournal.com/dpni"] {
cursor: url(http://Mithgol.Ru/Live/Journal/Cursor/dpni.cur), pointer;
}
/* ТСДНЭ */
#bodyContent A[href *="ТСДНЭ"],
#bodyContent A[href *="%D0%A2%D0%A1%D0%94%D0%9D%D0%AD"] {
cursor: url(http://mithgol.ru/Live/Journal/Cursor/tsdne.cur), pointer;
}
/* .KML, .KMZ */
#bodyContent A[href $=".KML"], #bodyContent a.external[href $=".KMZ"],
#bodyContent A[href $=".kml"], #bodyContent a.external[href $=".kmz"] {
cursor: url(http://mithgol.ru/Live/Journal/Cursor/kmz.cur), pointer;
}
/* Ссылки на Яndex */
#bodyContent A[href *="yandex.ru/"],
#bodyContent A[href *="ya.ru/"] {
cursor: url(http://Mithgol.Ru/Live/Journal/Cursor/ya.cur), pointer;
}
/* HTTPS */
#bodyContent A[href ^="https://"], .link-https {
cursor: url(http://Mithgol.Ru/Live/Journal/Cursor/https.cur), pointer;
}
/* ссылки на сеть ed2k/Kad
* (пока у нас таких ссылок нету, поскольку их использование символа «|»
* сильно конфликтует с википедическим; но в дальнейшем они могут быть)
*/
#bodyContent A[href ^="ed2k://"] {
cursor: url(http://Mithgol.Ru/Live/Journal/Cursor/emule.cur), pointer;
}
/* Здесь кончается стиль курсоров, сочинённый Мицголом-вебмастером. */
/*</source>*/