• Welcome to the Kancolle Wiki!
  • If you have any questions regarding site content, account registration, etc., please visit the KanColle Wiki Discord

Difference between revisions of "MediaWiki:Common.css"

From Kancolle Wiki
Jump to navigation Jump to search
(add imbox styles to CSS (see Template:Imbox))
Line 26: Line 26:
 
   font-style: italic;
 
   font-style: italic;
 
}
 
}
 +
 +
/* 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 #aaa;
 +
border-left: 10px solid #1e90ff;  /* Default "notice" blue */
 +
background: #fbfbfb;
 +
}
 +
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 #1e90ff;    /* Blue */
 +
}
 +
table.ambox-speedy {
 +
border-left: 10px solid #b22222;    /* Red */
 +
background: #fee;                  /* Pink */
 +
}
 +
table.ambox-delete {
 +
border-left: 10px solid #b22222;    /* Red */
 +
}
 +
table.ambox-content {
 +
border-left: 10px solid #f28500;    /* Orange */
 +
}
 +
table.ambox-style {
 +
border-left: 10px solid #f4c430;    /* Yellow */
 +
}
 +
table.ambox-move {
 +
border-left: 10px solid #9932cc;    /* Purple */
 +
}
 +
table.ambox-protection {
 +
border-left: 10px solid #bba;      /* Gray-gold */
 +
}
 +
 +
/* 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 */

Revision as of 18:32, 17 April 2015

/***** CSS placed here will be applied to all skins on the entire site. *****/

/* Sitenotice AutoScroll CSS */
#scrollDiv{
	width: 100%;
	height: 25px;
	line-height: 25px;
	overflow: hidden
}
#scrollDiv li{
	height: 25px;
	padding-left: 10px;
	list-style: none;
}


/* Mark redirects in Special:Allpages and Special:Watchlist
-------------------------------*/
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* 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 #aaa;
border-left: 10px solid #1e90ff;  /* Default "notice" blue */
background: #fbfbfb;
}
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 #1e90ff;    /* Blue */
}
table.ambox-speedy {
border-left: 10px solid #b22222;    /* Red */
background: #fee;                   /* Pink */
}
table.ambox-delete {
border-left: 10px solid #b22222;    /* Red */
}
table.ambox-content {
border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
border-left: 10px solid #f4c430;    /* Yellow */
}
table.ambox-move {
border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-protection {
border-left: 10px solid #bba;       /* Gray-gold */
}
 
/* 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 */