• 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
(organizing)
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. *****/
/*Vertical Alignment*/
+
/*Vertical Alignment for MainPage*/
.maps {
+
#MainPage {
  position: relative;
+
    width: 100%;
  top: 50%;
+
    padding: 1px 3px 1px 3px;
  transform: translateY(-50%);
+
    box-sizing: border-box;
 +
    -webkit-box-sizing: border-box;
 +
    -moz-box-sizing: border-box;
 +
}
 +
#mainpage * {
 +
    box-sizing: border-box;
 +
    -webkit-box-sizing: border-box;
 +
    -moz-box-sizing: border-box;
 +
}
 +
#mp-leftcolumn {
 +
    float:left;
 +
    width:60%;
 +
    margin-right:0.3%
 +
}
 +
 
 +
#mp-rightcolumn {
 +
    float:right;
 +
    width:40%;
 +
    margin-left:0.3%;
 
}
 
}
 
/* Language specific CSS */
 
/* Language specific CSS */

Revision as of 20:30, 30 September 2015

/***** CSS placed here will be applied to all skins on the entire site. *****/
/*Vertical Alignment for MainPage*/
#MainPage {
    width: 100%;
    padding: 1px 3px 1px 3px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#mainpage * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#mp-leftcolumn {
    float:left;
    width:60%;
    margin-right:0.3%
}

#mp-rightcolumn {
    float:right;
    width:40%;
    margin-left:0.3%;
}
/* 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;
}
/*Drop Button Quickfix*/
/*Fuck this, new CSS inbound, because wikia*/
.globalbutton {
  -webkit-border-radius: 13;
  -moz-border-radius: 13;
  border-radius: 13px;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  background: #3baef5;
  padding: 4px 5px 4px 5px;
  text-decoration: none;
  max-width:300px;
  text-align:center;
}

.globalbutton:hover {
  background: #2b9ce3;
  text-decoration: none;
}
.globalbutton:focus {outline:0 !important;}

.wikia-menu-button {
    button:focus {outline:0;}
    border-style: double;
    border-radius:9px;
    border-width: 4px;
    border-color: white;
    background-color:#E9F3FE;
    max-width:300px;
    text-align:center;
    font-weight:bold;
}

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

/* Default skin for navigation boxes */
table.navbox {            /* Navbox container style */
border: 1px solid #7384B5;
width: 100%;
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
}
 
/* 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;
}