- 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"
Jump to navigation
Jump to search
Gensui Hime (talk | contribs) |
Benlisquare (talk | contribs) (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 */