• 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
(Documentation and Navbox template related css)
Line 1: Line 1:
 
/***** CSS placed here will be applied to all skins on the entire site. *****/
 
/***** CSS placed here will be applied to all skins on the entire site. *****/
 
+
/* Language specific CSS */
 
 
 
 
:lang(zh) {
 
:lang(zh) {
 
     font-family: Microsoft Yahei, 微软雅黑, Serif;
 
     font-family: Microsoft Yahei, 微软雅黑, Serif;
Line 18: Line 16:
 
     font-family: Yu Gothic, 遊ゴシック, Meiryo, メイリオ, Serif;
 
     font-family: Yu Gothic, 遊ゴシック, Meiryo, メイリオ, Serif;
 
}
 
}
 +
 
/* Sitenotice AutoScroll CSS */
 
/* Sitenotice AutoScroll CSS */
 
#scrollDiv{
 
#scrollDiv{
Line 31: Line 30:
 
}
 
}
  
 +
/* For template documentation */
 +
.template-documentation {
 +
    clear: both;
 +
    margin: 1em 0 0 0;
 +
    border: 1px solid #aaa;
 +
    background-color: #ecfcf4;
 +
    padding: 1em;
 +
}
 +
 +
/* Navbox Layout */
 +
table.navbox + table.navbox {
 +
    /* Single pixel border between adjacent navboxes */
 +
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)      */
 +
}
 +
 +
.navbox-title,
 +
.navbox-abovebelow,
 +
table.navbox th {
 +
    text-align: center;      /* Title and above/below styles */
 +
    padding-left: 1em;
 +
    padding-right: 1em;
 +
}
 +
 +
.navbox-group {              /* Group style */
 +
    white-space: nowrap;
 +
    text-align: right;
 +
    font-weight: bold;
 +
    padding-left: 1em;
 +
    padding-right: 1em;
 +
}
 +
 +
.navbox-list {
 +
    text-align: left;
 +
}
 +
 +
.collapseButton {          /* 'show'/'hide' buttons created dynamically */
 +
    float: right;          /* by the CollapsibleTables javascript in    */
 +
    font-weight: normal;  /* [[MediaWiki:Common.js]]are styled here    */
 +
    text-align: right;    /* so they can be customised.                */
 +
    width: auto;
 +
}
 +
 +
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
 +
    width: 6em;            /* the vde links from [[Template:Tnavbar]],  */
 +
}                          /* so they need to be the same width.        */
 +
 +
.navbox-title, .navbox-above, .navbox-below {
 +
    padding-left: 1em;
 +
    padding-right: 1em;
 +
    text-align: center;
 +
}
 +
 +
/* Navbox Colors */
 +
.navbox, .navbox-subgroup {
 +
    background: #fdfdfd;    /* Background color */
 +
}
 +
.navbox-list {
 +
    border-color: #fdfdfd;  /* Must match background color */
 +
}
 +
.navbox-title,
 +
table.navbox th {
 +
    background:#CEDAFF;    /* Level 1 color */
 +
}
 +
.navbox-abovebelow,
 +
.navbox-group,
 +
.navbox-subgroup .navbox-title {
 +
    background: #DDE6FF;    /* Level 2 color */
 +
}
 +
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
 +
    background: #DDE6FF;    /* Level 3 color */
 +
}
 +
.navbox-even {
 +
    background: #f7f7f7;    /* Even row striping */
 +
}
 +
.navbox-odd {
 +
    background: transparent; /* Odd row striping */
 +
}
  
 
/* Mark redirects in Special:Allpages and Special:Watchlist
 
/* Mark redirects in Special:Allpages and Special:Watchlist

Revision as of 21:06, 27 September 2015

/***** CSS placed here will be applied to all skins on the entire site. *****/
/* Language specific CSS */
:lang(zh) {
    font-family: Microsoft Yahei, 微软雅黑, Serif;
}
 
:lang(zh-cn) {
    font-family: Microsoft Yahei, 微软雅黑, Serif;
}
 
:lang(zh-tw) {
    font-family: Microsoft Jhenghei, 微軟正黑體, Serif;
}
 
:lang(ja) {
    font-family: Yu Gothic, 遊ゴシック, Meiryo, メイリオ, Serif;
}

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

/* For template documentation */
.template-documentation {
    clear: both;
    margin: 1em 0 0 0;
    border: 1px solid #aaa;
    background-color: #ecfcf4;
    padding: 1em;
}

/* Navbox Layout */
table.navbox + table.navbox {
    /* Single pixel border between adjacent navboxes */
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)       */
}

.navbox-title,
.navbox-abovebelow,
table.navbox th {
    text-align: center;      /* Title and above/below styles */
    padding-left: 1em;
    padding-right: 1em;
}

.navbox-group {              /* Group style */
    white-space: nowrap;
    text-align: right;
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
}

.navbox-list {
    text-align: left;
}

.collapseButton {          /* 'show'/'hide' buttons created dynamically */
    float: right;          /* by the CollapsibleTables javascript in    */
    font-weight: normal;   /* [[MediaWiki:Common.js]]are styled here    */
    text-align: right;     /* so they can be customised.                */
    width: auto;
}

.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
    width: 6em;            /* the vde links from [[Template:Tnavbar]],   */
}                          /* so they need to be the same width.         */

.navbox-title, .navbox-above, .navbox-below {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

/* Navbox Colors */
.navbox, .navbox-subgroup {
    background: #fdfdfd;     /* Background color */
}
.navbox-list {
    border-color: #fdfdfd;   /* Must match background color */
}
.navbox-title,
table.navbox th {
    background:#CEDAFF;     /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: #DDE6FF;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
    background: #DDE6FF;     /* Level 3 color */
}
.navbox-even {
    background: #f7f7f7;     /* Even row striping */
}
.navbox-odd {
    background: transparent; /* Odd row striping */
}

/* 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 */

/* For template documentation */
.template-documentation {
clear: both;
margin: 1em 0 0 0;
border: 1px solid #aaa;
background-color: #ecfcf4;
padding: 1em;
}

/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {
    /* @noflip */
    float: right;
    font-weight: normal;
    /* @noflip */
    margin-left: 0.5em;
    /* @noflip */
    text-align: right;
    width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
   from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
    width: 6em;
}
 
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
    font-weight: normal;
    /* @noflip */
    text-align: right;
}
.navbox .mw-collapsible-toggle {
    width: 6em;
}

/* Standard Navigationsleisten, aka box hiding thingy
   from .de.  Documentation at [[Wikipedia:NavFrame]]. */
div.NavFrame {
    margin: 0;
    padding: 4px;
    border: 1px solid #aaa;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}
div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
}
div.NavPic {
    background-color: #fff;
    margin: 0;
    padding: 2px;
    /* @noflip */
    float: left;
}
div.NavFrame div.NavHead {
    line-height: 1.6em;
    font-weight: bold;
    background-color: #ccf;
    position: relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
    font-size: 100%;
}
div.NavEnd {
    margin: 0;
    padding: 0;
    line-height: 1px;
    clear: both;
}
a.NavToggle {
    position: absolute;
    top: 0;
    /* @noflip */
    right: 3px;
    font-weight: normal;
    font-size: 90%;

 /* Fix table style*/
tr.fix {
        position: fixed;
        top: 0;
        margin-left: 0;
}
 
table.fix {
        margin-top: 0px;
}


/* Quick Fix Shit by Remi */
/* Toggle button CSS for collapsible tables */
/*.wikia-menu-button ul li {
    border-top: 1px solid #192f60;
}
.wikia-menu-button.secondary > li > a {
    border-right: 1px solid #192f60;
}
.wikia-menu-button.secondary ul li,
.wikia-menu-button.secondary ul {
    border: 2px solid #192f60;
}*/
/*Fuck this, new CSS inbound, because wikia*/
.dropbutton {
    border-style: solid;
    border-radius: 5px;
    border-width: 1px;
    border-color: blue;
}