MediaWiki:Common.css

From Len'en Wiki
Jump to navigation Jump to search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/*Len'en Wiki CSS, used to stylise the wiki*/
/*Main page*/
#interwiki-completelist{font-weight:700}
#content .printfooter{display:none}
.page-Len_en_Wiki .firstHeading{display:none}

#MainPage{
display:grid;
-ms-grid-template-areas:'a' 'd' 'e' 'f' 'g' 'b';
-ms-grid-template-columns:100%;
grid-template-areas:'a' 'd' 'e' 'f' 'g' 'b';
grid-template-columns:100%;
margin-left:auto;
margin-right:auto;
}

#MainPage .mp-font{font-size:150%}

@media screen and (min-width:1000px) and (max-width:1400px) {
#MainPage{
-ms-grid-template-areas:'a a' 'd e' 'd f' 'd g' 'b b';
-ms-grid-template-columns:50% 50%;
grid-template-areas:'a a' 'd e' 'd f' 'd g' 'b b';
grid-template-columns:50% 50%;
margin-top:24px;
width:96%
}

#MainPage .mp-font{font-size:180%}

#MainPage .mp-tsuba{
width:135px;
height:130px;
bottom:-8px;
background:url('http://images.shoutwiki.com/lenen/6/67/MainPageSprites.png') 0 0 no-repeat;
position:absolute;
left:0
}

#MainPage .mp-yaby{
width:135px;
height:87px;
bottom:-8px;
background:url('http://images.shoutwiki.com/lenen/6/67/MainPageSprites.png') -135px -43px no-repeat;
position:absolute;
right:0
}
}

@media screen and (min-width:1400px) {
#MainPage{
-ms-grid-template-areas:'a a b' 'd e b' 'd f b' 'd g b';
-ms-grid-template-columns:calc(50% - 180px) calc(50% - 180px) 360px;
grid-template-areas:'a a b' 'd e b' 'd f b' 'd g b';
grid-template-columns:calc(50% - 180px) calc(50% - 180px) 360px;
margin-top:24px;
width:95%
}

#MainPage .mp-font{font-size:180%}

#MainPage .mp-tsuba{
width:135px;
height:130px;
bottom:-8px;
background:url('http://images.shoutwiki.com/lenen/6/67/MainPageSprites.png') 0 0 no-repeat;
position:absolute;
left:3%
}

#MainPage .mp-yaby{
width:135px;
height:87px;
bottom:-8px;
background:url('http://images.shoutwiki.com/lenen/6/67/MainPageSprites.png') -135px -43px no-repeat;
position:absolute;
right:3%
}
}

#MainPage .mp-yaby:hover{transform:scaleX(-1)}

#MainPage .mp-rei{
width:66px;
height:84px;
top:-12px;
background:url('http://images.shoutwiki.com/lenen/6/67/MainPageSprites.png') 0 -130px no-repeat;
position:absolute;
right:0
}

#MainPage .mp-zelo{
width:69px;
height:91px;
top:-12px;
background:url('http://images.shoutwiki.com/lenen/6/67/MainPageSprites.png') -66px -130px no-repeat;
position:absolute;
right:0
}

#MainPage .mp-nilu{
width:81px;
height:65px;
top:-5px;
background:url('http://images.shoutwiki.com/lenen/6/67/MainPageSprites.png') -144px -130px no-repeat;
position:absolute;
z-index:1;
right:0
}

#MainPage .mp-lin{
width:88px;
height:66px;
top:-10px;
background:url('http://images.shoutwiki.com/lenen/6/67/MainPageSprites.png') -225px -130px no-repeat;
position:absolute;
right:0;
z-index:1
}

#MainPage .mp-section{
margin:1px;
width:auto;
position:relative
}

/*Make the list of references in [[Template:Reflist]] smaller*/
ol.references,div.reflist{
font-size:83%; /*Default font-size*/
margin-bottom:.5em
}
div.reflist ol.references{
font-size:100%; /*Reset font-size when nested in div.reflist*/
margin-bottom:0; /*Avoid double margin when nested in div.reflist*/
list-style-type:inherit /*Enable custom list style types*/
}

/*Highlight clicked reference in blue to help navigation*/
ol.references li:target,sup.reference:target,span.citation:target {background-color:#DEF}

/*Ensure refs in table headers and the like aren't bold or italic*/
sup.reference{
font-weight:400;
font-style:normal
}

/*Styling for citations*/
span.citation,cite{
font-style:normal;
word-wrap:break-word
}

/*For linked citation numbers and document IDs, where the number needn't be shown on a screen or a handheld, but should be included in the printed version*/
@media screen,handheld {
span.citation .printonly {display:none}
}

/*Default skin for navigation boxes*/
.navbox{
box-sizing:border-box;
border:1px solid #aaa;
width:100%;
clear:both;
font-size:88%;
text-align:center;
padding:1px;
margin:1em auto 0 /*Prevent preceding content from clinging to navboxes*/
}

.navbox .navbox {margin-top:0} /*No top margin for nested navboxes*/
.navbox + .navbox {margin-top:-1px} /*Single pixel border between adjacent navboxes*/
.navbox-inner,.navbox-subgroup{width:100%}

.navbox-group,.navbox-title,.navbox-abovebelow{
padding:.25em 1em; /*Title, group and above/below styles*/
line-height:1.5em;
text-align:center
}

th.navbox-group{ /*Group style*/
white-space:nowrap;
text-align:right
}

.navbox,.navbox-subgroup{
background-color:#fdfdfd /*Background color*/
}

.navbox-list{
line-height:1.5em;
border-color:#fdfdfd /*Must match background color*/
}

tr + tr > .navbox-abovebelow,tr + tr > .navbox-group,tr + tr > .navbox-image,tr + tr > .navbox-list{ /*Borders above 2nd, 3rd, etc. rows*/
border-top:2px solid #fdfdfd /*Must match background color*/
}

.navbox-title,.navbox th{background-color:#fcc} /*Level 1 color*/
.navbox-abovebelow,th.navbox-group,.navbox-subgroup .navbox-title{background-color:#fdd} /*Level 2 color*/
.navbox-subgroup .navbox-group,.navbox-subgroup .navbox-abovebelow{background-color:#ffe6e6} /*Level 3 color*/
.navbox-even{background-color:#fcf7f7} /*Even row striping*/
.navbox-odd{background-color:transparent} /*Odd row striping*/

/* Navbar styling */
.navbar{display:inline;font-size:88%;font-weight:400}
.navbox-title .navbar{float:left;text-align:left;margin-right:.5em}

/*Infobox template style*/
.infobox{
color:#000;
margin:.5em 0 .5em 1em;
float:right;
clear:right;
font-size:88%;
line-height:1.5em
}

.infobox caption{
font-size:125%;
font-weight:700;
padding:.2em;
text-align:center
}
.infobox td,.infobox th{vertical-align:top}

/*Cell Styles, standard table style throughout the wiki*/
.outcell{
background-color:#fcfcfc;
border:1px solid #bbb;
border-radius:3px;
border-spacing:7px;
padding:2px
}
.incell-top{
background:#fbb;
text-align:center;
font-size:120%;
font-weight:700;
border-spacing:7px;
margin:3px
}
.question-cell {
margin:2px 0;
display:grid;
grid-template-areas:'a b' 'c d';
grid-template-columns:45% 55%
}
.incell-question{
background:#fdd;
vertical-align:top;
text-align:left;
font-size:105%;
font-weight:600;
padding-left:1em;
margin:4px
}
.incell{
margin:.5em .8em
}

#jynx-interview{
width:157px;
height:165px;
background:url(http://images.shoutwiki.com/lenen/0/07/JynXInterview.png) no-repeat;
position:absolute;
right: 0
}
/*Styles for Notice templates*/
.conjecture{
margin:3px 10%;
border-collapse:collapse;
border:1px solid #594672;
background:#B8A4D4;
font-size:12px
}
.copyright{
padding:.6em .9em;
margin:4px 10%;
border:2px solid #000;
border-radius:9px
}
.delete{
margin:4px 10%;
border:4px solid #b22222;
background:#FFDBDB
}
.disclaimer{
margin:0 10%;
border:2px solid #B22222;
border-left:10px solid #B22222;
background:#FFDBDB
}
.disambig{
clear:both;
margin:.9em 1em;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
background:transparent
}
.hiddencat{
margin:3px 10%;
border-collapse:collapse;
border:1px solid #667468;
background:#CCEFCC;
text-align:center
}

/*Cell sizes for message boxes*/
th.mbox-text,td.mbox-text{
border:none;
padding:.25em .9em;
width:100%
}
.mbox-image{
border:none;
padding:2px 0 2px .9em;
text-align:center
}

/*Hatnotes and disambiguation notices*/
.dablink{
font-style:italic;
padding-left:2em;
margin-bottom:.5em
}
.dablink i{font-style:normal}

/*Spell Card Table styles*/
.sctable{width:800px;margin:1em;border-radius:4px;border:1px solid #E75B5B;background-color:#FCFCFC}
.sclabel{float:right;border-radius:4px;background-color:#E75B5B;color:#fff;padding:4px;margin:0 4px}
.sccell{padding:2px;width:1%}
.sccell img{border-radius:4px}

/*Headers*/
.mw-headline{
background:url(http://images.shoutwiki.com/lenen/3/3b/EyeOfLewiki.svg) left 75% no-repeat;
padding-left:22px;
padding-top:9px
}
#toc,.toc {background-image:none}

/*Allow limiting of which header levels are shown in a TOC; <div class="toclimit-3">, for instance, will limit to showing ==headings== and ===headings=== but no further (as long as there are no =headings= on the page, which there shouldn't be according to the MoS).*/
.toclimit-2 .toclevel-1 ul,.toclimit-3 .toclevel-2 ul,.toclimit-4 .toclevel-3 ul,.toclimit-5 .toclevel-4 ul,.toclimit-6 .toclevel-5 ul,.toclimit-7 .toclevel-6 ul{display:none}
/*Margins for <ol> and <ul>*/
#content ol,#content ul,#mw_content ol,#mw_content ul{margin-bottom:.5em}

/*Stylise blockquotes*/
.blockquote{
border-left:10px solid #FFA6A6;
margin:1.5em 10px;
padding:.5em 10px
}
blockquote p{display:inline}

/*Prevent line breaks*/
.nowrap{white-space:nowrap}

/*Minimum thumb width*/
.thumbinner{min-width:100px}

/*Ruby text*/
ruby > rt,rtc{font-size: 65%}
rb,rbc,rt,rtc{white-space:nowrap}

/*Ensure everything inside a spoiler is blacked out. Without this, links show through.*/
.t_hidetext,.t_hidetext * {background-color:#000;color:#000}
.t_hidetext a{color:#000!important}
.t_hidetext:hover,.t_hidetext:hover *,.t_hidetext:focus,.t_hidetext:focus * {color:#fff!important}
.t_hidetext:hover a{color:#30A0EF!important}
.t_hidetext:hover a:visited{color:#7084DA!important}
.t_hidetext:hover a.new{color:#ED6A6A!important}
.t_hidetext:hover a.new:visited{color:#ED9999!important}
.t_hidetext:hover a.extiw{color:#47C!important}
.t_hidetext:hover a.extiw:visited{color:#969!important}

/*Key design*/
kbd{border:1px solid #080808;border-radius:2px;box-shadow:1px 1px 2px #9f9f9f;background-color:#262626;background-image:linear-gradient(to top,#080808,#303030,#080808);padding:1px 3px;color:#f5f5f5;font-family:inherit;font-size:.85em}.win{background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4OCA4OCI+PHBhdGggZD0ibTAgMTIuNGwzNS43LTQuOSAwIDM0LjQgLTM1LjcgMC4yIDAtMjkuOHptMzUuNyAzMy41bDAgMzQuNSAtMzUuNy00LjkgMC0yOS44IDM1LjYgMC4yem00LjMtMzlsNDcuMy02LjkgMCA0MS41IC00Ny4zIDAuNCAwLTM1em00Ny4zIDM5LjNsMCA0MS4zIC00Ny4zLTYuNyAtMC4xLTM0LjcgNDcuNCAwLjF6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);background-repeat:no-repeat;background-position:left 45%;padding-left:16px;background-size:12px}

/* Tabber content */
.tab_tab {
display:inline-block;
padding:0 0.5em;
margin-left:3px;
margin-right:3px;
border:1px solid #777;
background-color:#fdd;
text-align:center;
box-shadow:0 0 2px 0 #111;
white-space:nowrap;
cursor:pointer
}
span.tab_tab:hover,div.tab_tab:hover,td.tab_tab:hover {
background-color:#faa;
}
.tabselected {
background-color:#fff;
font-weight:700
}

/*Icon for Touhou Wiki links*/
.thwiki{
background-image:url(http://images.shoutwiki.com/lenen/2/2c/Thwiki.svg);
background-repeat:no-repeat;
background-position:right;
padding-right:14px;
background-size:12px
}

/*SelectBar object*/
.selectbar{float:left;background:#fff;border:#373737 solid 1px;width:48px;height:3px}

/*Things that should be vsible to sysops and accountcreators by default*/
.sysop-show,.accountcreator-show {display:none}

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

/*Sidebar icons*/
#n-UWoM-Forum{
background-image:url(http://images.shoutwiki.com/lenen/a/a6/UWoMForum.png);
background-repeat:no-repeat;
padding-left:19px!important
}
#n-UWoM-Discord{
background-image:url(http://images.shoutwiki.com/lenen/d/dd/Discord.png);
background-repeat:no-repeat;
padding-left:19px!important
}
#n-Trick-Nostalgie{
padding-left:19px!important
}
#n-JynX\.27s-Blog-\.28JP\.29{
background-image:url(http://images.shoutwiki.com/lenen/6/64/BlogIcon.png);
background-repeat:no-repeat;
padding-left:19px!important
}
#n-JynX\.27s-FANBOX-\.28JP\.29{
background-image:url(http://images.shoutwiki.com/lenen/d/d6/FANBOXIcon.png);
background-repeat:no-repeat;
padding-left:19px!important;
background-size:16px
}
#n-JynX\.27s-Twitter-\.28JP\.29,#n-Rei\.27s-Twitter-\.28JP\.29,#n-Kanae\.27s-Twitter-\.28JP\.29{
background-image:url(https://upload.wikimedia.org/wikipedia/commons/6/6f/Logo_of_Twitter.svg);
background-repeat:no-repeat;
padding-left:19px!important;
background-size:16px
}
#n-JynX\.27s-YouTube-\.28JP\.29,#n-Kanae\.27s-YouTube-\.28JP\.29{
background-image:url(https://upload.wikimedia.org/wikipedia/commons/0/09/YouTube_full-color_icon_%282017%29.svg);
background-repeat:no-repeat;
padding-left:19px!important;
background-size:16px
}
#n-Len\.27en-Wiki-\.28JP\.29,#n-Motoneta-Wiki-\.28JP\.29{
background-image:url(http://images.shoutwiki.com/lenen/6/6e/Atwiki.png);
background-repeat:no-repeat;
padding-left:19px!important
}

/*Polls
div.ajaxpoll{
width:auto!important;
border:1px solid #999!important;
border-radius:5px
}
.ajaxpoll{
width:100%!important;
border:1px solid #999!important
}
.ajaxpoll .ajaxpoll-misc{
margin-bottom:0!important;
font-size:80%!important
}
.ajaxpoll .ajaxpoll-info{
margin-top:0!important;
font-size:80%!important
}
*/