Touhou Wiki

MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen VersionsunterschiedZum nächsten Versionsunterschied →

imported>Yaroneko

imported>Mami
Keine Bearbeitungszusammenfassung
imported>Yaroneko
Neues CSS. Großteil aus dem englischen Wiki übernommen (vor allem für die zukünftige Startseite). Gott stehe mir bei...
Zeile 1: Zeile 1:
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* Großteil importiert aus dem englischen Wiki */


/* Prevent line breaks in silly places:
  1) Links when we don't want them to
  2) Bold "links" to the page itself
  2) HTML formulae
  3) Ref tags with group names <ref group="Note"> --> "[Note 1]"
*/
/* Wikipedia CSS */
/* Wikipedia CSS */
 
/* <source lang="css"> */
/* <source lang="css"> */
/* Main page fixes */
/* Main page fixes */
#interwiki-completelist {
#interwiki-completelist {
font-weight: bold;
    font-weight: bold;
}
}
body.page-Main_Page #ca-delete {
 
display: none !important;
div#content .printfooter {
    display: none;
}
}
 
body.page-Main_Page #mp-topbanner {
.page-Touhou_Wiki h1.firstHeading {
clear: both;
    display: none;
}
}


div#content .printfooter {
.page-Touhou_Wiki div#siteNotice {
      display: none;
    width: 70%;
    left: 0;
}
}
 
/* Edit window toolbar */
/* Edit window toolbar */
#toolbar {
#toolbar {
Zeile 31: Zeile 29:
margin-bottom: 6px;
margin-bottom: 6px;
}
}
 
/* Margins for <ol> and <ul> */
/* Margins for <ol> and <ul> */
#content ol, #content ul,
#content ol, #content ul,
Zeile 82: Zeile 80:
padding: 1px;
padding: 1px;
}
}
 
/* Navbox Layout */
/* Navbox Layout */
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
Zeile 118: Zeile 116:
text-align:center;
text-align:center;
}
}
 
/* Navbox Colors */
/* Navbox Colors */
.navbox, .navbox-subgroup {
.navbox, .navbox-subgroup {
Zeile 144: Zeile 142:
background: transparent; /* Odd row striping */
background: transparent; /* Odd row striping */
}
}
 
/* Infobox template style */
/* Infobox template style */
.infobox {
.infobox {
Zeile 200: Zeile 198:
border: 0;
border: 0;
border-right: 1px solid #aaa;
border-right: 1px solid #aaa;
}
/* Styles for geography infoboxes, eg countries,
country subdivisions, cities, etc.            */
.infobox.geography {
text-align: left;
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}
.infobox.geography  td,
.infobox.geography  th {
border-top: solid 1px #aaa;
padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: solid 1px #aaa;
padding: 0.4em 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
border: 0;
padding: 0 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-top: 0;
border-bottom: solid 1px #aaa;
padding: 0 0.6em 0.4em 0.6em;
}
.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0;
}
}
   
   
Zeile 287: Zeile 246:
padding-bottom: 0;
padding-bottom: 0;
}
}
 
/* Change the external link icon to an Adobe icon for all PDF files
in browsers that support these CSS selectors, like Mozilla and Opera */
#content a[href$=".pdf"].external,
#content a[href*=".pdf?"].external,
#content a[href*=".pdf#"].external,
#content a[href$=".PDF"].external,
#content a[href*=".PDF?"].external,
#content a[href*=".PDF#"].external,
#mw_content  a[href$=".pdf"].external,
#mw_content  a[href*=".pdf?"].external,
#mw_content  a[href*=".pdf#"].external,
#mw_content  a[href$=".PDF"].external,
#mw_content  a[href*=".PDF?"].external,
#mw_content  a[href*=".PDF#"].external {
background: url("https://upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") center right no-repeat;
padding-right: 18px;
}
/* Change the external link icon to an Adobe icon anywhere the PDFlink class
is used (notably Template:PDFlink). This works in IE, unlike the above. */
#content span.PDFlink a,
#mw_content span.PDFlink a {
background: url("https://upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") center right no-repeat;
padding-right: 18px;
}
   
   
/* Content in columns with CSS instead of tables [[Template:Columns]] */
/* Content in columns with CSS instead of tables [[Template:Columns]] */
Zeile 407: Zeile 341:
width: 1px;
width: 1px;
}
}
 
/* Article message box styles */
/* Article message box styles */
table.ambox {
table.ambox {
Zeile 684: Zeile 618:
background-color: #0f0;
background-color: #0f0;
}
}
 
/* suppress missing interwiki image links where #ifexist cannot
/* suppress missing interwiki image links where #ifexist cannot
be used due to high number of requests see .hidden-redlink on
be used due to high number of requests see .hidden-redlink on
https://meta.wikimedia.org/wiki/MediaWiki:Common.css
http://meta.wikimedia.org/wiki/MediaWiki:Common.css
*/
*/
.check-icon a.new {
.check-icon a.new {
Zeile 837: Zeile 771:
background-color: #FFEFD5;
background-color: #FFEFD5;
}
}
 
/* Prevent line breaks in silly places:
1) Links when we don't want them to
2) Bold "links" to the page itself
2) HTML formulae
3) Ref tags with group names <ref group="Note"> --> "[Note 1]"
*/
.nowraplinks a,
.nowraplinks a,
.nowraplinks .selflink,
.nowraplinks .selflink,
Zeile 898: Zeile 826:
background-color: #fff;
background-color: #fff;
}
}
 
/* The backgrounds for galleries. */
/* The backgrounds for galleries. */
#content .gallerybox div.thumb {
#content .gallerybox div.thumb {
background-color: #F9F9F9;  /* Light gray padding */
background-color: #F9F9F9;  /* Light gray padding */
}
}
/* Put a chequered background behind images, only visible if they have transparency */
 
.gallerybox .thumb img,
#file img {
background: white url("https://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;
}
/* But not on articles, user pages, portals or with opt-out. */
/* But not on articles, user pages, portals or with opt-out. */
.ns-0 .gallerybox .thumb img,
.ns-0 .gallerybox .thumb img,
Zeile 965: Zeile 889:
   
   
/* </source> */
/* </source> */
 
/* Experimental CSS-based Ruby markup support */
/* Experimental CSS-based Ruby markup support */
/* Ruby text*/
/* Ruby text*/
 
ruby {
ruby {
ruby-align: space-around;
     display: inline-table;
     display: inline-table;
     text-align: center;
     text-align: center;
Zeile 978: Zeile 902:
/* if ruby text contains text only and there are two ruby annotations (one placed above the base and one below)  
/* if ruby text contains text only and there are two ruby annotations (one placed above the base and one below)  
then vertical centering roughly aligns baseline of base with baseline of parent */
then vertical centering roughly aligns baseline of base with baseline of parent */
     /* border-bottom: solid 1.1em transparent; */
     /* border-bottom: solid 1.1em transparent; */
/* o.75em is height of ruby text (0.5000d7 1.2em = 0.6em) plus space between baseline and text-bottom (about 0.15em)  
/* o.75em is height of ruby text (0.5000d7 1.2em = 0.6em) plus space between baseline and text-bottom (about 0.15em)  
Zeile 985: Zeile 908:
be annihilated using border collapse mechanism) */
be annihilated using border collapse mechanism) */
}
}
 
rt {
text-align: center;
}
/* 'ruby { text-align: center; } does not cascade to rt now */
 
ruby > rt, rtc {
ruby > rt, rtc {
     display: table-header-group;
     display: table-header-group;
}
}
/* used to move first ruby container above the base */
/* used to move first ruby container above the base */
 
/* ruby > rb, rbc, ruby > rt + rt, rtc + rtc {
/* ruby > rb, rbc, ruby > rt + rt, rtc + rtc {
     display: table-row;
     display: table-row;
} */
} */
/* base and second ruby are formatted as table-rows */
/* base and second ruby are formatted as table-rows */
 
ruby > rt + rt, rtc + rtc {
ruby > rt + rt, rtc + rtc {
     border-bottom: hidden;
     border-bottom: hidden;
}
}
/* if there are two annotations then extra border is no longer necessary and can be annihilated using border collapse mechanism */
/* if there are two annotations then extra border is no longer necessary and can be annihilated using border collapse mechanism */
 
rb, rbc, rt, rtc {
rb, rbc, rt, rtc {
     white-space: nowrap;
     white-space: nowrap;
}
}
/* prohibits line breaks inside ruby text */
/* prohibits line breaks inside ruby text */
 
rtc > rt, rbc > rb {
rtc > rt, rbc > rb {
     display: table-cell;
     display: table-cell;
}
}
/* used to distribute annotations in table like manner */
/* used to distribute annotations in table like manner */
 
rtc > rt[rbspan] {
rtc > rt[rbspan] {
     column-span: attr(rbspan);
     column-span: all;
}
}
/* ruby text may span several cells */
/* ruby text may span several cells */
 
ruby > rt, rtc {
ruby > rt, rtc {
     font-size: 0.7em;
     font-size: 0.7em;
     line-height: 1.2em;
     line-height: 1.2em;
    letter-spacing: -0.1em;
}
}
/* font-size of ruby text is reduced */
/* font-size of ruby text is reduced */
 
rp {
rp {
     display: none;
     display: none;
}
}
/* fallback markup is no longer necessary */
 
 
/* For [[Template:Lyrics]] */
.template_lyrics {
}
.template_lyrics td, .template_lyrics th {
    padding: 5px;
}
.template_lyrics table td, .template_lyrics table th {
    /* don't pad inner tables, if they exist */
    padding: 0px;
}
.template_lyrics th {
    font-size: 120%;
}
.template_lyrics .lyrics_row td p {
    white-space: pre-line;
}
/* Cell Styles */
/* Cell Styles */
/* outcell:  dark-blue outer border of table
/* outcell:  dark-blue outer border of table
   incell:  light-blue table cells with various rounded corners */
   incell:  light-blue table cells with various rounded corners */
 
.outcell {
.outcell {
     border: 1px solid #7384B5;
     border: 1px solid #7384B5;
Zeile 1.059: Zeile 969:
     text-align: center;
     text-align: center;
     font-size: 120%;
     font-size: 120%;
    border-radius: 3px 3px 3px 3px;
}
}
.incell_top {
.incell_top {
Zeile 1.106: Zeile 1.015:
}
}


/* Table of Contents */
/* 1.23 change: properly position section headers that contain just an external link */
#toc,
.mw-headline>a.external {
.toc,
  padding-left: 22px;
.mw-warning {
}
border: 1px solid #aaa;
#toc h2, .toc h2 {
background-color: #f9f9f9;
  background-image: none;
padding: 5px;
}
font-size: 95%;
h1, h2 {
  border-bottom-color: #7384B5;
}
.catlinks, .toc, #toc, .mw-warning, div#simpleSearch {
  border-color: #7384B5;
}
 
/* Ensure everything inside a spoiler is blacked out. Without this, links show through. */
.t_hidetext, .t_hidetext * {
  background-color: black;
  color: black;
}
.t_hidetext a {
  color: black !important;
}
.t_hidetext:hover, .t_hidetext:hover *, .t_hidetext:focus, .t_hidetext:focus * {
  color: white !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;
}
 
/* Force pre tag auto wrap text */
pre {
    white-space: pre-wrap;
}
 
/* Make Lua text readable */
.source-lua {
    font-size: 1.2em;
}
 
/* Touhou Wiki Main Page mkIII -- Credit: CSS by Darkslime, Sefam, K; Artwork by Leo Modesto */
/* Farben sind teilweise angepasst -- Yaroneko*/
#MainPage {
width: 100%;
padding: 1px 3px 1px 3px;
box-sizing: border-box;
}
#MainPage * {
box-sizing: border-box;
}
 
#mp-LeftColumn {
float: left;
width: 74.8%;
margin-right: 0.1%;
}
#mp-RightColumn {
float: right;
width: 24.8%;
margin-left: 0.1%;
}
 
.mp-box {
float: left;
}
.mp-innerBox {
position: relative;
width: 100%;
border: 1px solid #7384B5;
border-radius: 5px 5px 5px 5px;
margin: 3px 1px;
}
.mp-innerBox>div {
margin: 6px;
}
 
.mp-box.mp-wide {
width: 100%;
}
.mp-wide>.mp-tall {
width: 33%;
padding: 0 3px;
}
.mp-tall>.mp-innerBox {
width: 100%;
min-height: 775px;
max-height: 1495px;
}
 
#mp-Games {
padding-left: 0;
}
#mp-Music {
}
#mp-PrintWorks {
width: 34%;
padding-right: 0;
}
}
#toc h5,
 
.toc h5 {
#mp-Games>.mp-innerBox {
display: inline;
background-color: #FFF4EE;
border: none;
}
padding: 0;
#mp-Music>.mp-innerBox {
font-size: 20%;
background-color: #edffea;
font-weight: bold;
}
#mp-PrintWorks>.mp-innerBox {
background-color: #F4F9FF;
}
 
#BoxOthers>.mp-innerBox {
clear: left;
padding-top: 5px;
width: 100%;
}
}
#toc #toctitle,
 
.toc #toctitle,
.mp-innerBox>.mp-header {
#toc .toctitle,
.toc .toctitle {
text-align: center;
text-align: center;
padding: 2px;
font-size: 120%;
border-radius: 3px 3px 0px 0px;
}
#mp-Games .mp-header {
background-color: #ffca91;
}
#mp-Music .mp-header {
background-color: #acff9e;
}
#mp-PrintWorks .mp-header {
background-color: #9bc8ff;
}
.mp-subBox {
margin-top: 5px;
float: none;
clear: both;
}
#mp-Info {
width: 100%;
}
#mp-Info .mp-content {
margin-top: 0.25em;
margin-bottom: 0.75em;
}
#mp-Info .mp-header {
background-color: #f7eea0;
}
#mp-Info>.mp-innerBox {
background-color: #fffbe5;
}
/* Images by leomodesto */
.mp-innerBox>.mp-image {
        margin: 0;
        position: absolute;
        right: 0;
}
/* Cirno-Daiyousei (Header) */
#mp-Welcome .mp-image {
    top: -69px;
    right: 0px;
    width: 152px;
    height: 80px;
    position: absolute;
    background: transparent url("skins/common/images/charsprites.png") 0px 0px no-repeat;
}
#mp-Welcome .mp-image:hover {
    background-position: -152px 0px;
}
#mp-Welcome .mp-header {
background-color: #ff8787;
}
#mp-Welcome>.mp-innerBox {
background-color: #fff4f4;
}
/* Lily White (News) */
#mp-News .mp-header {
background-color: #ecb5ff;
}
#mp-News>.mp-innerBox {
background-color: #f7e2ff;
}
#mp-News .mp-image {
        width: 103px;
        height: 93px;
        right: -10px;
        top: -27px;
        background: transparent url("skins/common/images/charsprites.png") -201px -81px no-repeat;
}
#mp-News .mp-image.mp-smaller-image {
        background: transparent url("skins/common/images/charsprites.png") -151px -164px no-repeat;
        width: 74px;
        height: 70px;
        right: -6px;
}
/* Three Fairies (Body columns, full- and low-resolution) */
#mp-WorksColumns .mp-image {
        right: 0px;
        height: 82px;
}
#mp-Games .mp-image {
        background: transparent url("skins/common/images/charsprites.png") 0px -81px no-repeat;
        top: -12px;
        width: 60px;
}
#mp-Music .mp-image {
        background: transparent url("skins/common/images/charsprites.png") -60px -81px no-repeat;
        top: -14px;
        width: 68px;
}
#mp-PrintWorks .mp-image {
        background: transparent url("skins/common/images/charsprites.png") -129px -81px no-repeat;
        top: -20px;
        width: 70px;
}
#mp-WorksColumns .mp-image.mp-smaller-image {
        right: 0px;
        top: -12px;
        height: 60px;
}
#mp-Games .mp-image.mp-smaller-image {
        background: transparent url("skins/common/images/charsprites.png") 0px -164px no-repeat;
        width: 45px;
}
#mp-Music .mp-image.mp-smaller-image {
        background: transparent url("skins/common/images/charsprites.png") -45px -164px no-repeat;
        width: 51px;
}
#mp-PrintWorks .mp-image.mp-smaller-image {
        background: transparent url("skins/common/images/charsprites.png") -98px -164px no-repeat;
        width: 52px;
}
/* --- end main page mkIII */
/* For positioning icons at top-right, used in Template
  "Spoken Article" and "Featured Article" */
div.topicon {
  position: absolute;
  top: -2em;
  margin-right: -10px;
  display: block !important;
}
/* To make CategoryTree listings resemble their big brother a bit more. */
.CategoryTreeLabelPage {
  font-style: normal;
}
.CategoryTreeTag {
  column-count: 3;
}
/* Community Portal items */
.PortalNewsOuter {
    background: #ffffff;
    width: 100%;
    text-align: center;
    border-radius: 80px;
    border: 10px solid #dbf8ce;
}
.PortalNewsInner {
    background: #b5dbc1;
    width: 45%;
    border-radius: 80px;
    font-size: 200%;
    color: #285c4d;
}
.NewsBox {
    width: 30%; 
    border-radius: 20px;
    border: 3px solid;
    padding: 10px;
}
.RoundyLabel {
    width:20%;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border: 1px solid;
}
/* Things that should be vsible to sysops and accountcreators by default */
.sysop-show, .accountcreator-show {
    display: none;
}
/* Fix for userpage fairies - since MW 1.22 most styles are stripped from DISPLAYTITLE */
.user-fairy-pre {
    display: block;
    width: 96%;
    height: 50px;
}
.user-fairy-container {
    display: block;
    position: relative;
    right: 0;
    bottom: 0;
}
.user-fairy-image {
    display: block;
    height: 83px;
    right: 0px;
    bottom: 3px;
    position: absolute;
    top: -69px;
    width: 152px;
    background: transparent url("skins/common/images/charsprites.png") 0px 0px no-repeat;
}
.user-fairy-cirno > * > .user-fairy-image:hover {
    background-position: -152px 0px;
}
.user-fairy-lily > .user-fairy-pre {
    height: 71px;
}
.user-fairy-lily > * > .user-fairy-image {
    top: -90px;
    width: 103px;
    height: 93px;
    background-position: -201px -81px;
}
.user-fairy-sunny > .user-fairy-pre {
    height: 46px;
}
.user-fairy-sunny > * > .user-fairy-image {
    top: -65px;
    width: 60px;
    height: 83px;
    background-position: 0px -81px;
}
.user-fairy-star > .user-fairy-pre {
    height: 57px;
}
.user-fairy-star > * > .user-fairy-image {
    top: -76px;
    width: 70px;
    height: 83px;
    background-position: -129px -81px;
}
.user-fairy-luna > * > .user-fairy-image {
    top: -69px;
    width: 68px;
    height: 83px;
    background-position: -60px -81px;
}
}
#toc ul,
 
.toc ul {
/* Sitenotice AutoScroll CSS */
list-style-type: none;
#scrollDiv{
list-style-image: none;
width: 100%;
margin-left: 0;
height: 25px;
padding-left: 0;
line-height: 25px;
text-align: left;
overflow: hidden
}
}
#toc ul ul,
 
.toc ul ul {
#scrollDiv li{
margin: 0 0 0 2em;
height: 25px;
padding-left: 10px;
list-style: none;
}
}
#toc .toctoggle,
 
.toc .toctoggle {
/* Custom tab */
font-size: 94%;
 
/* Tab image */
.tab_content_container {
text-align: center;
margin: 0;
padding: 0;
}
}
/* Captcha Highlight */
.tab_content_button {
.conf-box {
display: inline-block;
border-radius: 1em;
padding: 2px;
-webkit-border-radius: 1em;
margin-left: 2px;
-moz-border-radius: 1em;
margin-right: 2px;
border-color:#f00;
background-color: #eee;
box-shadow: 0 0 2px #17662C;
text-align: center;
padding:1em;
box-shadow: 0 0 3px 0 #000;
border-style:solid;
cursor: pointer;
border-width:thick;
font-size:110%
}
}


/* Hide initially collapsed content without having to wait for JavaScript to do it */
.tab_content_content {
.mw-collapsed .mw-collapsible-content {
padding: 2px;
border: 1px solid black;
padding: 3px;
display: none;
display: none;
}
}


/* Small dates */
/* Spell Card Info use */
.mw-formatted-date {
 
font-size: x-small;
.scwrapper {
    width: 800px;
    display: grid;
    grid-template-columns: auto 1fr;
    margin: 1em;
    border-radius: 8px;
    border: 1px solid #4d7cff;
}
 
.scimage {
    border: 0;
    padding: 5px;
}
}


/* Main page roundy labels */
div.scimage img {
.roundylabel:hover {
    border-radius: 8px;
background-color:#fff670;
}
}
.roundylabel a {
 
display: block;
.scinfo {
    display: grid;
    grid-template-columns: 2fr 7fr;
}
}
.roundylabel {
 
width:148px;
.sclabel {
padding:0.25em 0.5em;
    font-weight: bold;
text-align:center;
    text-align: right;
background-color:#dde6ff;
    padding: 5px;
border: 1px solid #A2C5E6;
    white-space: nowrap;
border-radius:1em;
}
 
.sccontent {
    padding: 5px;
}
 
.sclabeltext {
    border-radius: 8px;
    border: 1px solid none;
    background-color: #4d7cff;
    color: #ffffff;
    padding: 5px;
}
}
Abgerufen von „https://wiki.onlyfumos.com/wiki/MediaWiki:Common.css“