MediaWiki:Common.css: различия между версиями
Перейти к навигации
Перейти к поиску
Строка 4: | Строка 4: | ||
#ca-viewsource { display: none; } | #ca-viewsource { display: none; } | ||
#ca-history { display: none; } | #ca-history { display: none; } | ||
/* Image message box styles / | |||
table.imbox { | |||
margin: 4px 10%; | |||
border-collapse: collapse; | |||
border: 3px solid #1e90ff; / Default "notice" blue / | |||
background: #fbfbfb; | |||
} | |||
.imbox .mbox-text .imbox { / For imboxes inside imbox-text cells. / | |||
margin: 0 -0.5em; / 0.9 - 0.5 = 0.4em left/right. / | |||
display: block; / Fix for webkit to force 100% width. / | |||
} | |||
.mbox-inside .imbox { / For imboxes inside other templates. / | |||
margin: 4px; | |||
} | |||
table.imbox-notice { | |||
border: 3px solid #1e90ff; / Blue / | |||
} | |||
table.imbox-speedy { | |||
border: 3px solid #b22222; / Red / | |||
background: #fee; / Pink / | |||
} | |||
table.imbox-delete { | |||
border: 3px solid #b22222; / Red / | |||
} | |||
table.imbox-content { | |||
border: 3px solid #f28500; / Orange / | |||
} | |||
table.imbox-style { | |||
border: 3px solid #f4c430; / Yellow / | |||
} | |||
table.imbox-move { | |||
border: 3px solid #9932cc; / Purple / | |||
} | |||
table.imbox-protection { | |||
border: 3px solid #bba; / Gray-gold / | |||
} | |||
table.imbox-license { | |||
border: 3px solid #88a; / Dark gray / | |||
background: #f7f8ff; / Light gray / | |||
} | |||
table.imbox-featured { | |||
border: 3px solid #cba135; / Brown-gold / | |||
} | |||
/ Category message box styles / | |||
table.cmbox { | |||
margin: 3px 10%; | |||
border-collapse: collapse; | |||
border: 1px solid #aaa; | |||
background: #DFE8FF; / Default "notice" blue / | |||
} | |||
table.cmbox-notice { | |||
background: #D8E8FF; / Blue / | |||
} | |||
table.cmbox-speedy { | |||
margin-top: 4px; | |||
margin-bottom: 4px; | |||
border: 4px solid #b22222; / Red / | |||
background: #FFDBDB; / Pink / | |||
} | |||
table.cmbox-delete { | |||
background: #FFDBDB; / Red / | |||
} | |||
table.cmbox-content { | |||
background: #FFE7CE; / Orange / | |||
} | |||
table.cmbox-style { | |||
background: #FFF9DB; / Yellow / | |||
} | |||
table.cmbox-move { | |||
background: #E4D8FF; / Purple / | |||
} | |||
table.cmbox-protection { | |||
background: #EFEFE1; / Gray-gold / | |||
} | |||
/ Other pages message box styles / | |||
table.ombox { | |||
margin: 4px 10%; | |||
border-collapse: collapse; | |||
border: 1px solid #aaa; / Default "notice" gray / | |||
background: #f9f9f9; | |||
} | |||
table.ombox-notice { | |||
border: 1px solid #aaa; / Gray / | |||
} | |||
table.ombox-speedy { | |||
border: 2px solid #b22222; / Red / | |||
background: #fee; / Pink / | |||
} | |||
table.ombox-delete { | |||
border: 2px solid #b22222; / Red / | |||
} | |||
table.ombox-content { | |||
border: 1px solid #f28500; / Orange / | |||
} | |||
table.ombox-style { | |||
border: 1px solid #f4c430; / Yellow / | |||
} | |||
table.ombox-move { | |||
border: 1px solid #9932cc; / Purple / | |||
} | |||
table.ombox-protection { | |||
border: 2px solid #bba; / Gray-gold / | |||
} | |||
/ Talk page message box styles / | |||
table.tmbox { | |||
margin: 4px 10%; | |||
border-collapse: collapse; | |||
border: 1px solid #c0c090; / Default "notice" gray-brown / | |||
background: #f8eaba; | |||
} | |||
.mediawiki .mbox-inside .tmbox { / For tmboxes inside other templates. The "mediawiki" class ensures that / | |||
margin: 2px 0; / this declaration overrides other styles (including mbox-small above) / | |||
width: 100%; / For Safari and Opera / | |||
} | |||
.mbox-inside .tmbox.mbox-small { / "small" tmboxes should not be small when / | |||
line-height: 1.5em; / also "nested", so reset styles that are / | |||
font-size: 100%; / set in "mbox-small" above. / | |||
} | |||
table.tmbox-speedy { | |||
border: 2px solid #b22222; / Red / | |||
background: #fee; / Pink / | |||
} | |||
table.tmbox-delete { | |||
border: 2px solid #b22222; / Red / | |||
} | |||
table.tmbox-content { | |||
border: 2px solid #f28500; / Orange / | |||
} | |||
table.tmbox-style { | |||
border: 2px solid #f4c430; / Yellow / | |||
} | |||
table.tmbox-move { | |||
border: 2px solid #9932cc; / Purple / | |||
} | |||
table.tmbox-protection, | |||
table.tmbox-notice { | |||
border: 1px solid #c0c090; / Gray-brown / | |||
} | |||
/ {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-warning { | |||
border-left: 10px solid #F28500 | |||
} | |||
table.ambox-construction { | |||
border-left: 10px solid #F4C430 | |||
} | |||
table.ambox-notice { | |||
border-left: 10px solid #1E90ff | |||
} | |||
table.ambox.ambox-mini { | |||
float: right; | |||
clear: right; | |||
margin: 0 0 0.5em 1em; | |||
width: 20%; | |||
} | |||
/ Footer and header message box styles / | |||
table.fmbox { | |||
clear: both; | |||
margin: 0.2em 0; | |||
width: 100%; | |||
border: 1px solid #aaa; | |||
background: #f9f9f9; / Default "system" gray / | |||
} | |||
table.fmbox-system { | |||
background: #f9f9f9; | |||
} | |||
table.fmbox-warning { | |||
border: 1px solid #bb7070; / Dark pink / | |||
background: #ffdbdb; / Pink / | |||
} | |||
table.fmbox-editnotice { | |||
background: transparent; | |||
} | |||
/ Div based "warning" style fmbox messages. / | |||
div.mw-warning-with-logexcerpt, | |||
div.mw-lag-warn-high, | |||
div.mw-cascadeprotectedwarning, | |||
div#mw-protect-cascadeon { | |||
clear: both; | |||
margin: 0.2em 0; | |||
border: 1px solid #bb7070; | |||
background: #ffdbdb; | |||
padding: 0.25em 0.9em; | |||
} | |||
/ Div based "system" style fmbox messages. | |||
Used in [[MediaWiki:Readonly lag]]. / | |||
div.mw-lag-warn-normal, | |||
div.fmbox-system { | |||
clear: both; | |||
margin: 0.2em 0; | |||
border: 1px solid #aaa; | |||
background: #f9f9f9; | |||
padding: 0.25em 0.9em; | |||
} | |||
/ These mbox-small classes must be placed after all other | |||
ambox/tmbox/ombox etc classes. "body.mediawiki" is so | |||
they override "table.ambox + table.ambox" above. / | |||
body.mediawiki table.mbox-small { / For the "small=yes" option. / | |||
/ @noflip / | |||
clear: right; | |||
/ @noflip / | |||
float: right; | |||
/ @noflip / | |||
margin: 4px 0 4px 1em; | |||
width: 238px; | |||
font-size: 88%; | |||
line-height: 1.25em; | |||
} | |||
body.mediawiki table.mbox-small-left { / For the "small=left" option. / | |||
/ @noflip / | |||
margin: 4px 1em 4px 0; | |||
width: 238px; | |||
border-collapse: collapse; | |||
font-size: 88%; | |||
line-height: 1.25em; | |||
} | |||
.infobox { | |||
border: 1px solid #aaa; | |||
background: #f9f9f9; | |||
margin-bottom: 0.5em; | |||
margin-left: 1em; | |||
padding:.4em; | |||
float: right; | |||
clear: right; | |||
font-size: 90%; | |||
width: 18em; | |||
vertical-align: middle; | |||
} | |||
.infobox td, .infobox th {vertical-align:top} | |||
table.infobox td p {margin:0} / temporarily for [[Template:Карточка]]*/ | |||
.notice { | |||
text-align: justify; | |||
margin: 1em 0.5em; | |||
padding: 0.5em; | |||
} | |||
.messagebox { | |||
border: thin solid #aaa; | |||
background: #f9f9f9; | |||
width: 88%; | |||
margin: 0 auto 1em auto; | |||
padding:.4em; | |||
vertical-align: middle; | |||
font-size: 90% | |||
} |
Версия 12:17, 13 июня 2012
/** Размещённый здесь CSS будет применяться ко всем темам оформления */
#ca-talk { display: none }
#t-specialpages { display: none; }
#ca-viewsource { display: none; }
#ca-history { display: none; }
/* Image message box styles /
table.imbox {
margin: 4px 10%;
border-collapse: collapse;
border: 3px solid #1e90ff; / Default "notice" blue /
background: #fbfbfb;
}
.imbox .mbox-text .imbox { / For imboxes inside imbox-text cells. /
margin: 0 -0.5em; / 0.9 - 0.5 = 0.4em left/right. /
display: block; / Fix for webkit to force 100% width. /
}
.mbox-inside .imbox { / For imboxes inside other templates. /
margin: 4px;
}
table.imbox-notice {
border: 3px solid #1e90ff; / Blue /
}
table.imbox-speedy {
border: 3px solid #b22222; / Red /
background: #fee; / Pink /
}
table.imbox-delete {
border: 3px solid #b22222; / Red /
}
table.imbox-content {
border: 3px solid #f28500; / Orange /
}
table.imbox-style {
border: 3px solid #f4c430; / Yellow /
}
table.imbox-move {
border: 3px solid #9932cc; / Purple /
}
table.imbox-protection {
border: 3px solid #bba; / Gray-gold /
}
table.imbox-license {
border: 3px solid #88a; / Dark gray /
background: #f7f8ff; / Light gray /
}
table.imbox-featured {
border: 3px solid #cba135; / Brown-gold /
}
/ Category message box styles /
table.cmbox {
margin: 3px 10%;
border-collapse: collapse;
border: 1px solid #aaa;
background: #DFE8FF; / Default "notice" blue /
}
table.cmbox-notice {
background: #D8E8FF; / Blue /
}
table.cmbox-speedy {
margin-top: 4px;
margin-bottom: 4px;
border: 4px solid #b22222; / Red /
background: #FFDBDB; / Pink /
}
table.cmbox-delete {
background: #FFDBDB; / Red /
}
table.cmbox-content {
background: #FFE7CE; / Orange /
}
table.cmbox-style {
background: #FFF9DB; / Yellow /
}
table.cmbox-move {
background: #E4D8FF; / Purple /
}
table.cmbox-protection {
background: #EFEFE1; / Gray-gold /
}
/ Other pages message box styles /
table.ombox {
margin: 4px 10%;
border-collapse: collapse;
border: 1px solid #aaa; / Default "notice" gray /
background: #f9f9f9;
}
table.ombox-notice {
border: 1px solid #aaa; / Gray /
}
table.ombox-speedy {
border: 2px solid #b22222; / Red /
background: #fee; / Pink /
}
table.ombox-delete {
border: 2px solid #b22222; / Red /
}
table.ombox-content {
border: 1px solid #f28500; / Orange /
}
table.ombox-style {
border: 1px solid #f4c430; / Yellow /
}
table.ombox-move {
border: 1px solid #9932cc; / Purple /
}
table.ombox-protection {
border: 2px solid #bba; / Gray-gold /
}
/ Talk page message box styles /
table.tmbox {
margin: 4px 10%;
border-collapse: collapse;
border: 1px solid #c0c090; / Default "notice" gray-brown /
background: #f8eaba;
}
.mediawiki .mbox-inside .tmbox { / For tmboxes inside other templates. The "mediawiki" class ensures that /
margin: 2px 0; / this declaration overrides other styles (including mbox-small above) /
width: 100%; / For Safari and Opera /
}
.mbox-inside .tmbox.mbox-small { / "small" tmboxes should not be small when /
line-height: 1.5em; / also "nested", so reset styles that are /
font-size: 100%; / set in "mbox-small" above. /
}
table.tmbox-speedy {
border: 2px solid #b22222; / Red /
background: #fee; / Pink /
}
table.tmbox-delete {
border: 2px solid #b22222; / Red /
}
table.tmbox-content {
border: 2px solid #f28500; / Orange /
}
table.tmbox-style {
border: 2px solid #f4c430; / Yellow /
}
table.tmbox-move {
border: 2px solid #9932cc; / Purple /
}
table.tmbox-protection,
table.tmbox-notice {
border: 1px solid #c0c090; / Gray-brown /
}
/ {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-warning {
border-left: 10px solid #F28500
}
table.ambox-construction {
border-left: 10px solid #F4C430
}
table.ambox-notice {
border-left: 10px solid #1E90ff
}
table.ambox.ambox-mini {
float: right;
clear: right;
margin: 0 0 0.5em 1em;
width: 20%;
}
/ Footer and header message box styles /
table.fmbox {
clear: both;
margin: 0.2em 0;
width: 100%;
border: 1px solid #aaa;
background: #f9f9f9; / Default "system" gray /
}
table.fmbox-system {
background: #f9f9f9;
}
table.fmbox-warning {
border: 1px solid #bb7070; / Dark pink /
background: #ffdbdb; / Pink /
}
table.fmbox-editnotice {
background: transparent;
}
/ Div based "warning" style fmbox messages. /
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background: #ffdbdb;
padding: 0.25em 0.9em;
}
/ Div based "system" style fmbox messages.
Used in [[MediaWiki:Readonly lag]]. /
div.mw-lag-warn-normal,
div.fmbox-system {
clear: both;
margin: 0.2em 0;
border: 1px solid #aaa;
background: #f9f9f9;
padding: 0.25em 0.9em;
}
/ These mbox-small classes must be placed after all other
ambox/tmbox/ombox etc classes. "body.mediawiki" is so
they override "table.ambox + table.ambox" above. /
body.mediawiki table.mbox-small { / For the "small=yes" option. /
/ @noflip /
clear: right;
/ @noflip /
float: right;
/ @noflip /
margin: 4px 0 4px 1em;
width: 238px;
font-size: 88%;
line-height: 1.25em;
}
body.mediawiki table.mbox-small-left { / For the "small=left" option. /
/ @noflip /
margin: 4px 1em 4px 0;
width: 238px;
border-collapse: collapse;
font-size: 88%;
line-height: 1.25em;
}
.infobox {
border: 1px solid #aaa;
background: #f9f9f9;
margin-bottom: 0.5em;
margin-left: 1em;
padding:.4em;
float: right;
clear: right;
font-size: 90%;
width: 18em;
vertical-align: middle;
}
.infobox td, .infobox th {vertical-align:top}
table.infobox td p {margin:0} / temporarily for [[Template:Карточка]]*/
.notice {
text-align: justify;
margin: 1em 0.5em;
padding: 0.5em;
}
.messagebox {
border: thin solid #aaa;
background: #f9f9f9;
width: 88%;
margin: 0 auto 1em auto;
padding:.4em;
vertical-align: middle;
font-size: 90%
}