Akarin

變更

MediaWiki:Common.css (檢視原始碼)

於 2020年6月2日 (二) 02:01 的修訂

增加 10,814 位元組 、 2020年6月2日 (二) 02:01
尝试引入infobox, message box, 和 Mbox 的相关样式
第1行： 第1行：  
/* 这里放置的CSS将应用于所有皮肤 */
 
/* 这里放置的CSS将应用于所有皮肤 */
 +
 +
/*
 +
>来自中文维基百科的样式，通过 CC-BY-SA 3.0 授权引入
 +
*/
 +
 +
/* Infobox template style */
 +
.infobox {
 +
  border: 1px solid #a2a9b1;
 +
  background-color: #f8f9fa;
 +
  color: black;
 +
  margin-bottom: 0.5em;
 +
  margin-left: 1em;
 +
  padding: 0.2em;
 +
  float: right;
 +
  clear: right;
 +
}
 +
.infobox td,
 +
.infobox th {
 +
  vertical-align: top;
 +
}
 +
.infobox caption {
 +
  font-size: larger;
 +
}
 +
.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;
 +
}
 +
 +
.infobox.sisterproject {
 +
  width: 20em;
 +
  font-size: 90%;
 +
}
 +
 +
/* styles for bordered infobox with merged rows */
 +
.infobox.bordered .mergedtoprow td,
 +
.infobox.bordered .mergedtoprow th {
 +
  border: 0;
 +
  border-top: 1px solid #a2a9b1;
 +
  border-right: 1px solid #a2a9b1;
 +
}
 +
 +
.infobox.bordered .mergedrow td,
 +
.infobox.bordered .mergedrow th {
 +
  border: 0;
 +
  border-right: 1px solid #a2a9b1;
 +
}
 +
 +
/*Messagebox templates*/
 +
.messagebox {
 +
  border: 1px solid #a2a9b1;
 +
  background-color: #f8f9fa;
 +
  width: 80%;
 +
  margin: 0 auto 1em auto;
 +
  padding: .2em;
 +
  display: inherit; /* 臨時抑制 https://phabricator.wikimedia.org/T232553 及 https://gerrit.wikimedia.org/r/535738 的修改 */
 +
}
 +
.messagebox.merge {
 +
  border: 1px solid #c0b8cc;
 +
  background-color: #f0e5ff;
 +
  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.nested-talk {
 +
  border: 1px solid #c0c090;
 +
  background-color: #f8eaba;
 +
  width: 100%;
 +
  margin: 2px 4px 2px 4px;
 +
}
 +
.messagebox.small {
 +
  width: 238px;
 +
  font-size: 85%;
 +
  float: right;
 +
  clear: both;
 +
  margin: 0 0 1em 1em;
 +
  line-height: 1.25em;
 +
}
 +
.messagebox.small-talk {
 +
  width: 238px;
 +
  font-size: 85%;
 +
  float: right;
 +
  clear: both;
 +
  margin: 0 0 1em 1em;
 +
  line-height: 1.25em;
 +
  background: #f8f9fa;
 +
}
 +
 +
/*
 +
== MetaBox ==
 +
 +
*/
 +
 +
/*HERE FINISHES "METABOX" COLOUR-SCHEMES*/
 +
 +
/********************
 +
**Styles for mboxes**
 +
********************/
 +
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
 +
th.mbox-text, td.mbox-text {   /* The message body cell(s) */
 +
   border: none;
 +
   padding: 0.25em 0.9em;    /* 0.9em left/right */
 +
   width: 100%;   /* Make all mboxes the same width regardless of text length */
 +
}
 +
td.mbox-image {          /* The left image cell */
 +
   border: none;
 +
   padding: 2px 0 2px 0.9em;   /* 0.9em left, 0px right */
 +
   text-align: center;
 +
}
 +
td.mbox-imageright {       /* The right image cell */
 +
   border: none;
 +
   padding: 2px 0.9em 2px 0;   /* 0px left, 0.9em right */
 +
   text-align: center;
 +
}
 +
td.mbox-empty-cell {     /* An empty narrow cell */
 +
   border: none;
 +
   padding: 0px;
 +
   width: 1px;
 +
}
 +
 +
/* Article message box styles */
 +
table.ambox {
 +
   margin: 0px 10%;  /* 10% = Will not overlap with other elements */
 +
   border: 1px solid #a2a9b1;
 +
   border-left: 10px solid #36c;   /* Default "notice" blue */
 +
   background: #f8f9fa;
 +
}
 +
table.ambox + table.ambox {  /* Single border between stacked boxes. */
 +
   margin-top: -1px;
 +
}
 +
.ambox th.mbox-text,
 +
.ambox td.mbox-text {       /* The message body cell(s) */
 +
   padding: 0.25em 0.5em;    /* 0.5em left/right */
 +
}
 +
.ambox td.mbox-image {      /* The left image cell */
 +
   padding: 2px 0 2px 0.5em;   /* 0.5em left, 0px right */
 +
}
 +
.ambox td.mbox-imageright {    /* The right image cell */
 +
   padding: 2px 0.5em 2px 0;   /* 0px left, 0.5em right */
 +
}
 +
 +
table.ambox-notice {
 +
   border-left: 10px solid #36c;   /* Blue */
 +
}
 +
table.ambox-speedy {
 +
   border-left: 10px solid #b32424;   /* Red */
 +
   background: #fee7e6;          /* Pink */
 +
}
 +
table.ambox-delete {
 +
   border-left: 10px solid #b32424;   /* Red */
 +
}
 +
table.ambox-content {
 +
   border-left: 10px solid #f28500;   /* Orange */
 +
}
 +
table.ambox-style {
 +
   border-left: 10px solid #fc3;   /* Yellow */
 +
}
 +
table.ambox-move {
 +
   border-left: 10px solid #9932cc;   /* Purple */
 +
}
 +
table.ambox-protection {
 +
   border-left: 10px solid #a2a9b1;    /* Gray-gold */
 +
}
 +
 +
/* Image message box styles */
 +
table.imbox {
 +
   margin: 4px 10%;
 +
   border-collapse: collapse;
 +
   border: 3px solid #36c;   /* Default "notice" blue */
 +
   background: #f8f9fa;
 +
}
 +
.imbox .mbox-text .imbox {   /* For imboxes inside imbox-text cells. */
 +
   margin: 0 -0.5em;   /* 0.9 - 0.5 = 0.4em left/right. */
 +
}
 +
.mbox-inside .imbox {   /* For imboxes inside other templates. */
 +
   margin: 4px;
 +
}
 +
 +
table.imbox-notice {
 +
   border: 3px solid #36c;   /* Blue */
 +
}
 +
table.imbox-speedy {
 +
   border: 3px solid #b32424;   /* Red */
 +
   background: #fee7e6;       /* Pink */
 +
}
 +
table.imbox-delete {
 +
   border: 3px solid #b32424;   /* Red */
 +
}
 +
table.imbox-content {
 +
   border: 3px solid #f28500;   /* Orange */
 +
}
 +
table.imbox-style {
 +
   border: 3px solid #fc3;   /* Yellow */
 +
}
 +
table.imbox-move {
 +
   border: 3px solid #9932cc;   /* Purple */
 +
}
 +
table.imbox-protection {
 +
   border: 3px solid #a2a9b1;    /* 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 #a2a9b1;
 +
   background: #eaf3ff;   /* Default "notice" blue */
 +
}
 +
 +
table.cmbox-notice {
 +
   background: #eaf3ff;   /* Blue */
 +
}
 +
table.cmbox-speedy {
 +
   margin-top: 4px;
 +
   margin-bottom: 4px;
 +
   border: 4px solid #b32424;   /* Red */
 +
   background: #fee7e6;      /* Pink */
 +
}
 +
table.cmbox-delete {
 +
   background: #fee7e6;   /* 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 #a2a9b1;    /* Default "notice" gray */
 +
   background: #f8f9fa;
 +
}
 +
 +
table.ombox-notice {
 +
   border: 1px solid #a2a9b1;    /* Gray */
 +
}
 +
table.ombox-speedy {
 +
   border: 2px solid #b32424;   /* Red */
 +
   background: #fee7e6;       /* Pink */
 +
}
 +
table.ombox-delete {
 +
   border: 2px solid #b32424;   /* Red */
 +
}
 +
table.ombox-content {
 +
   border: 1px solid #f28500;   /* Orange */
 +
}
 +
table.ombox-style {
 +
   border: 1px solid #fc3;   /* Yellow */
 +
}
 +
table.ombox-move {
 +
   border: 1px solid #9932cc;   /* Purple */
 +
}
 +
table.ombox-protection {
 +
   border: 2px solid #a2a9b1;    /* 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" */
 +
   margin: 2px 0;        /* class ensures that this declaration overrides other */
 +
   width: 100%;  /* For Safari and Opera */   /* styles (including mbox-small above) */
 +
}
 +
.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 #b32424;   /* Red */
 +
   background: #fee7e6;       /* Pink */
 +
}
 +
table.tmbox-delete {
 +
   border: 2px solid #b32424;   /* Red */
 +
}
 +
table.tmbox-content {
 +
   border: 2px solid #f28500;   /* Orange */
 +
}
 +
table.tmbox-style {
 +
   border: 2px solid #fc3;   /* Yellow */
 +
}
 +
table.tmbox-move {
 +
   border: 2px solid #9932cc;   /* Purple */
 +
}
 +
table.tmbox-protection,
 +
table.tmbox-notice {
 +
   border: 1px solid #c0c090;   /* Gray-brown */
 +
}
 +
 +
/* Disambig and set index box styles */
 +
table.dmbox {
 +
   clear: both;
 +
   margin: 0.9em 1em;
 +
   border-top: 1px solid #ccc;
 +
   border-bottom: 1px solid #ccc;
 +
   background: transparent;
 +
   font-size: small;
 +
}
 +
 +
/* Footer and header message box styles */
 +
table.fmbox {
 +
   clear: both;
 +
   margin: 0.2em 0;
 +
   width: 100%;
 +
   border: 1px solid #a2a9b1;
 +
   background: #f8f9fa;   /* Default "system" gray */
 +
}
 +
table.fmbox-system {
 +
   background: #f8f9fa;
 +
}
 +
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,
 +
#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:Noarticletext]]. */
 +
div.noarticletext,
 +
div.fmbox-system {
 +
   clear: both;
 +
   margin: 0.2em 0;
 +
   border: 1px solid #a2a9b1;
 +
   background: #f8f9fa;
 +
   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. */
 +
   clear: right;
 +
   float: right;
 +
   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. */
 +
   margin: 4px 1em 4px 0;
 +
   width: 238px;
 +
   border-collapse: collapse;
 +
   font-size: 88%;
 +
   line-height: 1.25em;
 +
}
 +
 +
/* CODE FOR COMPACT AMBOX */
 +
 +
/* Remove borders, backgrounds, padding, etc. */
 +
.compact-ambox table.ambox {
 +
   border: none;
 +
   border-collapse: collapse;
 +
   background: transparent;
 +
   margin: 0 0 0 1.6em !important;
 +
   padding: 0 !important;
 +
   width: auto;
 +
   display: block;
 +
}
 +
body.mediawiki .compact-ambox table.mbox-small-left {
 +
   font-size: 100%;
 +
   width: auto;
 +
   margin: 0;
 +
}
 +
/* Style the text cell as a list item and remove its padding */
 +
.compact-ambox table .mbox-text {
 +
   padding: 0 !important;
 +
   margin: 0 !important;
 +
}
 +
.compact-ambox table .mbox-text-span {
 +
   display: list-item;
 +
   line-height: 1.5em;
 +
   list-style-type: square;
 +
   list-style-image: url("data:image/gif;base64,R0lGODlhBQANAIAAAGOMnP///yH5BAEAAAEALAAAAAAFAA0AAAIJjI+pu+APo4SpADs=");
 +
}
 +
/* Style for compact ambox */
 +
/* Hide the images */
 +
.compact-ambox table .mbox-image,
 +
.compact-ambox table .mbox-imageright,
 +
.compact-ambox table .mbox-empty-cell {
 +
display: none;
 +
}
 +
/*
 +
>End 来自中文维基百科的样式
 +
*/
One-Six
161

次編輯

取自 "https://zh.enter-politics.com/wiki/Special:移动版差异/347"