MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search
Want an adless experience? Log in or Create an account.

MediaWiki:Common.css (view source)

Revision as of 20:40, July 16, 2023

2,428 bytes added ,  July 16, 2023
m
no edit summary
m (fix tabset margin)
mNo edit summary
(39 intermediate revisions by 3 users not shown)
Line 25: Line 25:
a.mw-userlink[title="User:Mases"],
a.mw-userlink[title="User:Mases"],
.page-User_Mases h1,
.page-User_Mases h1,
.page-User_talk_Mases h1 {
.page-User_talk_Mases h1,
a.mw-userlink[title="User:Sanityormadness"],
.page-User_Sanityormadness h1,
.page-User_talk_Sanityormadness h1,
a.mw-userlink[title="User:Charitwo"],
.page-User_Charitwo h1,
.page-User_talk_Charitwo h1 {
color: #9B508A;
color: #9B508A;
}
}
Line 39: Line 45:
a.mw-userlink[title="User:Satam"],
a.mw-userlink[title="User:Satam"],
.page-User_Satam h1,
.page-User_Satam h1,
.page-User_talk_Satam h1,
.page-User_talk_Satam h1 {
a.mw-userlink[title="User:Thortok2000"],
.page-User_Thortok2000 h1,
.page-User_talk_Thortok2000 h1,
a.mw-userlink[title="User:Sanityormadness"],
.page-User_Sanityormadness h1,
.page-User_talk_Sanityormadness h1 {
color: #E99216;
color: #E99216;
}
}
Line 54: Line 54:
.page-User_Navi h1,
.page-User_Navi h1,
.page-User_talk_Navi h1,
.page-User_talk_Navi h1,
a.mw-userlink[title="User:Sanitybot"],
.page-User_Sanitybot h1,
.page-User_talk_Sanitybot h1,
a.mw-userlink[title="User:Scrapper"],
a.mw-userlink[title="User:Scrapper"],
.page-User_Scrapper h1,
.page-User_Scrapper h1,
Line 66: Line 69:
.user_welcome .welcome_content { padding: 5px 0; }
.user_welcome .welcome_content { padding: 5px 0; }


/* Header */
/* Main Page Columns */
.secondary > ul { border-radius: 0px; }
.row {
  position: relative;
  margin: 0 -8px;
  border-radius: 0;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.row > * {
  display: block;
  float: left;
  box-sizing: border-box;
  padding: 1%;
  width: 100%;
}
.row > h2 { border-bottom: 1px solid #B2B2B2; }
.row .row { margin: 0; }
.row > .xs-1 { width: 8.33333333333%; }
.row > .xs-2 { width: 16.66666666667%; }
.row > .xs-3 { width: 25%; }
.row > .xs-4 { width: 33.33333333333%; }
.row > .xs-5 { width: 41.66666666667%; }
.row > .xs-6 { width: 50%; }
.row > .xs-7 { width: 58.33333333333%; }
.row > .xs-8 { width: 66.66666666667%; }
.row > .xs-9 { width: 75%; }
.row > .xs-10 { width: 83.33333333333%; }
.row > .xs-11 { width: 91.66666666667%; }
@media (min-width: 475px ) {
  .row > .sm-1 { width: 8.33333333333%; }
  .row > .sm-2 { width: 16.66666666667%; }
  .row > .sm-3 { width: 25%; }
  .row > .sm-4 { width: 33.33333333333%; }
  .row > .sm-5 { width: 41.66666666667%; }
  .row > .sm-6 { width: 50%; }
  .row > .sm-7 { width: 58.33333333333%; }
  .row > .sm-8 { width: 66.66666666667%; }
  .row > .sm-9 { width: 75%; }
  .row > .sm-10 { width: 83.33333333333%; }
  .row > .sm-11 { width: 91.66666666667%; }
}
@media (min-width: 730px ) {
  .row { margin: 0 -12px; }
  .row > .md-1 { width: 8.33333333333%; }
  .row > .md-2 { width: 16.66666666667%; }
  .row > .md-3 { width: 25%; }
  .row > .md-4 { width: 33.33333333333%; }
  .row > .md-5 { width: 41.66666666667%; }
  .row > .md-6 { width: 50%; }
  .row > .md-7 { width: 58.33333333333%; }
  .row > .md-8 { width: 66.66666666667%; }
  .row > .md-9 { width: 75%; }
  .row > .md-10 { width: 83.33333333333%; }
  .row > .md-11 { width: 91.66666666667%; }
}
@media (min-width: 1201px ) {
  .row {
    margin: 0 auto;
  }
}


/* Common boxes */
/* Common boxes */
Line 73: Line 136:
.box > div, .zdw-box > div { border-bottom: 0px; padding: 0px; font-weight: normal; font-family: inherit; }
.box > div, .zdw-box > div { border-bottom: 0px; padding: 0px; font-weight: normal; font-family: inherit; }
.box > div + div, .zdw-box:not(.zdw-tabcontainer) > div + div { margin-top: 2px; }
.box > div + div, .zdw-box:not(.zdw-tabcontainer) > div + div { margin-top: 2px; }
.darkbox, .zdw-box--dark { margin: 1em 0em; border: 3px solid #19345e; padding: .2em; background-color: #c3d1e8; }
.darkbox, .zdw-box--dark { margin: 1em 0em; border: 5px solid #253125; border-radius: 0.5em; padding: .2em; background: #bbccb0; }
.box + .box, .box + .zdw-box, .zdw-box + .box, .zdw-box + .zdw-box { margin-top: 1em; }
.box + .box, .box + .zdw-box, .zdw-box + .box, .zdw-box + .zdw-box { margin-top: 1em; }
.box table, .zdw-box table { width: 100%; }
.box table, .zdw-box table { width: 100%; }
Line 80: Line 143:
.box .title .edit, .zdw-box .zdw-box__title .edit { position: absolute; left: .5em; }
.box .title .edit, .zdw-box .zdw-box__title .edit { position: absolute; left: .5em; }
.header { padding: 0em .4em; background-color: #8fbb94; background-image: url("//www.zeldadungeon.net/wiki/images/c/c4/BoxHeaderTexture.png"); font-weight: bold; }
.header { padding: 0em .4em; background-color: #8fbb94; background-image: url("//www.zeldadungeon.net/wiki/images/c/c4/BoxHeaderTexture.png"); font-weight: bold; }
.label { padding: 0em .4em; background-color: #8fbb94; background-image: url("//www.zeldadungeon.net/wiki/images/d/d3/BoxLabelTexture.png"); font-weight: bold; }
.zdw-label { padding: 0em .4em; background-color: #8fbb94; background-image: url("//www.zeldadungeon.net/wiki/images/d/d3/BoxLabelTexture.png"); font-weight: bold; }
.even { background-color: #ffffff; }
.even { background-color: #ffffff; }


Line 89: Line 152:


.infobox-hostile, .infobox-hostile .title, .infobox-hostile th, .infobox-hostile td { border-color: red; }
.infobox-hostile, .infobox-hostile .title, .infobox-hostile th, .infobox-hostile td { border-color: red; }
.infobox-hostile .title, .infobox-hostile .header, .infobox-hostile .label { background-color: #ff4444; }
.infobox-hostile .title, .infobox-hostile .header, .infobox-hostile .zdw-label { background-color: #ff4444; }
.infobox-dungeon, .infobox-dungeon .title, .infobox-dungeon th, .infobox-dungeon td { border-color: black; }
.infobox-dungeon, .infobox-dungeon .title, .infobox-dungeon th, .infobox-dungeon td { border-color: black; }
.infobox-dungeon .title, .infobox-dungeon .header, .infobox-dungeon .label { background-color: #333333; }
.infobox-dungeon .title, .infobox-dungeon .header, .infobox-dungeon .zdw-label { background-color: #333333; }
.infobox-dungeon .title, .infobox-dungeon .header { color: white; }
.infobox-dungeon .title, .infobox-dungeon .header { color: white; }
.infobox-location, .infobox-location .title, .infobox-location th, .infobox-location td { border-color: brown; }
.infobox-location, .infobox-location .title, .infobox-location th, .infobox-location td { border-color: brown; }
.infobox-location .title, .infobox-location .header, .infobox-location .label { background-color: #995533; }
.infobox-location .title, .infobox-location .header, .infobox-location .zdw-label { background-color: #995533; }
.infobox-location .title, .infobox-location .header { color: #d5f1e5; }
.infobox-location .title, .infobox-location .header { color: #d5f1e5; }
.infobox-character, .infobox-character .title, .infobox-character th, .infobox-character td { border-color: green; }
.infobox-character, .infobox-character .title, .infobox-character th, .infobox-character td { border-color: green; }
.infobox-character .title, .infobox-character .header, .infobox-character .label { background-color: #00cc00; }
.infobox-character .title, .infobox-character .header, .infobox-character .zdw-label { background-color: #00cc00; }
.infobox-item, .infobox-item .title, .infobox-item th, .infobox-item td { border-color: orange; }
.infobox-item, .infobox-item .title, .infobox-item th, .infobox-item td { border-color: orange; }
.infobox-item .title, .infobox-item .header, .infobox-item .label { background-color: #ff9933; }
.infobox-item .title, .infobox-item .header, .infobox-item .zdw-label { background-color: #ff9933; }
.infobox-knowledge, .infobox-knowledge .title, .infobox-knowledge th, .infobox-knowledge td { border-color: purple; }
.infobox-knowledge, .infobox-knowledge .title, .infobox-knowledge th, .infobox-knowledge td { border-color: purple; }
.infobox-knowledge .title, .infobox-knowledge .header, .infobox-knowledge .label { background-color: #cc33ee; }
.infobox-knowledge .title, .infobox-knowledge .header, .infobox-knowledge .zdw-label { background-color: #cc33ee; }
.infobox-nondiegetic, .infobox-nondiegetic .title, .infobox-nondiegetic th, .infobox-nondiegetic td { border-color: gray; }
.infobox-nondiegetic, .infobox-nondiegetic .title, .infobox-nondiegetic th, .infobox-nondiegetic td { border-color: gray; }
.infobox-nondiegetic .title, .infobox-nondiegetic .header, .infobox-nondiegetic .label { background-color: #cccccc; }
.infobox-nondiegetic .title, .infobox-nondiegetic .header, .infobox-nondiegetic .zdw-label { background-color: #cccccc; }


/* Navbox */
/* Navbox */
.navbox { clear: both; margin: auto; width: 70%; font-size: .85em; }
.navbox { display:grid; clear: none; margin: auto; max-width: 70%; font-size: .85em; }
.navbox .label { width: 20%; }
.navbox .zdw-label { width: 20%; }
.navbox ul { margin: 0px !important; }
.navbox ul { margin: 0px !important; }


Line 133: Line 196:
.hlist > li.hlist-last-child:after, .hlist > * > li.hlist-last-child:after { content: none; } /* IE8 */
.hlist > li.hlist-last-child:after, .hlist > * > li.hlist-last-child:after { content: none; } /* IE8 */


/* Tabs2 Core Functionality */
/* Tabs */
 
/* Hide things until the js is ready to show them */
/* Hide things until the js is ready to show them */
.tabcontent2:not(.default), .zdw-tabcontent:not(.default) { display: none; }
.zdw-tabcontent:not(.default) { display: none; }


/* Tabs2D */
.zdw-box.zdw-tabcontainer { position: relative; padding: 10px; }
.tabs2d.tabtarget, .zdw-tabcontainer { position: relative; padding: 10px; }
.zdw-box.zdw-tabcontainer--hastabstop { margin-top: 33px !important; }
.tabs2d.tabtarget.hastabstop, .zdw-tabcontainer--hastabstop { margin-top: 33px !important; }
.zdw-box.zdw-tabcontainer--hastabstop > .zdw-tabcontainer__tabset--top { position: absolute; top: -32px; max-width: 98.5%;scrollbar-width: thin;}
.tabs2d > .tabsettop, .zdw-tabcontainer__tabset--top { position: absolute; top: -32px; }
.zdw-box.zdw-tabcontainer--hastabsleft > .zdw-tabcontainer__tabset--left { float: left; }
.tabs2d > .tabsetleft, .zdw-tabcontainer__tabset--left { float: left; }
ul.zdw-tabset { margin: 0 !important; }
.tabs2d > .tabset, .zdw-tabset { display: flex; overflow-x: auto; margin: 0 !important; }
ul.zdw-tabset { display: flex; overflow-x: auto; scrollbar-width: thin;}
.tabs2d > .tabsetleft, .zdw-tabcontainer__tabset--left .zdw-tabset { flex-direction: column; }
.zdw-tabcontainer__tabset--left .zdw-tabset { flex-direction: column; }
.tabs2d > .tabset > .tab2, .zdw-tab { display: block; padding: 0px 10px; margin: 0px; border: 1px solid #5a7db5; }
li.zdw-tab { display: block; padding: 0px 10px; margin: 0px; border: 1px solid #5a7db5; }
.tabs2d > .tabsettop > .tab2, .zdw-tabcontainer__tabset--top .zdw-tab { height: 30px; line-height: 30px; white-space: nowrap; }
.zdw-tabcontainer__tabset--top .zdw-tab { height: 30px; line-height: 30px; white-space: nowrap; }
.tabs2d > .tabsetleft > .tab2, .zdw-tabcontainer__tabset--left .zdw-tab { padding: 5px 10px; }
.zdw-tabcontainer__tabset--left .zdw-tab { padding: 5px 10px; }
.tabs2d > .tabsettop > .tab2 + .tab2, .zdw-tabcontainer__tabset--top .zdw-tab + .zdw-tab { margin-left: -1px; }
.zdw-tabcontainer__tabset--top .zdw-tab + .zdw-tab { margin-left: -1px; }
.tabs2d > .tabsetleft > .tab2 + .tab2, .zdw-tabcontainer__tabset--left .zdw-tab + .zdw-tab { margin-top: -1px; }
.zdw-tabcontainer__tabset--left .zdw-tab + .zdw-tab { margin-top: -1px; }


.tabs2d > .tabset > .tab2, .zdw-tab { background-color: #e6e6e6; }
.zdw-tab { background-color: #e6e6e6; }
.tabs2d > .tabset > .tab2.active, .zdw-tab.active { background-color: #f0ddbd; }
.zdw-tab.active { background-color: #f0ddbd; }
.tabs2d > .tabsettop > .tab2, .zdw-tabcontainer__tabset--top .zdw-tab { border-bottom-color: #253125; }
.zdw-tabcontainer__tabset--top .zdw-tab { border-bottom-color: #253125; }
.tabs2d > .tabsetleft > .tab2, .zdw-tabcontainer__tabset--left .zdw-tab { border-right-color: #253125; }
.zdw-tabcontainer__tabset--left .zdw-tab { border-right-color: #253125; }
.tabs2d > .tabsettop > .tab2.active, .zdw-tabcontainer__tabset--top .zdw-tab.active { border-bottom-color: #f0ddbd; }
.zdw-tabcontainer__tabset--top .zdw-tab.active { border-bottom-color: #f0ddbd; }
.tabs2d > .tabsetleft > .tab2.active, .zdw-tabcontainer__tabset--left .zdw-tab.active { border-right-color: #f0ddbd; }
.zdw-tabcontainer__tabset--left .zdw-tab.active { border-right-color: #f0ddbd; }
.tabs2d > .tabset > .tab2:hover, .zdw-tab:hover { background-color: #5a7db5 !important; color: #fefefe; cursor: pointer; }
.zdw-tab:hover { background-color: #5a7db5 !important; color: #fefefe; cursor: pointer; }


.tabs2d .wikitable, .zdw-tabcontent .wikitable { margin-top: 0px; }
.zdw-tabcontent .wikitable { margin-top: 0px; }


/* TabsGrid */
/* Remove extra space below tab container in a navbox */
.tabsgrid.tabset { border-collapse: collapse; width: initial; }
.zdw-box.navbox .zdw-box.zdw-tabcontainer { margin-bottom: 0; }
.tabsgrid td { padding: 0px; }
 
.tabsgrid .tab2.active { outline: #cccc33 ridge thick !important; }
/* End Tabs */
.tabsgrid .tab2:hover { outline: #5a7db5 ridge; cursor: pointer; }
 
/* Gallery Boxes */
li.gallerybox div.zdw-thumb--dark { background-color: #7c6e60; background-image: url('//www.zeldadungeon.net/wiki/images/d/d7/PicboxTexture.jpg'); }
 
/* Paged Gallery */
.zdw-paged-gallery { text-align: center; }
.zdw-paged-gallery__navigation > .zdw-button { display: inline-block; }
.zdw-paged-gallery__page:not(.active) { display: none; }
 
/* Buttons */
.zdw-button { background-color: #fbf0d4; padding: 4px; border: 1px solid #AAA; border-radius: 8px; box-shadow: 2px 2px 4px rgba(0,0,0,.2); margin: 4px; cursor: pointer; user-select: none; }
.zdw-button:hover { box-shadow: 3px 3px 6px rgba(0,0,0,.2); }
.zdw-button:active { box-shadow: 2px 2px 4px rgba(0,0,0,.2); transform: translateY(1px); }


.nospace, .nospace * { margin: 0px !important; border: 0px !important; padding: 0px !important; }
.nospace, .nospace * { margin: 0px !important; border: 0px !important; padding: 0px !important; }
Line 289: Line 365:
     }
     }
}
}
/* TOClimit */
.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;
}
textarea{font-family:monospace}
td.mw-label{padding:0.25em}
input,input[type=checkbox],input[type=radio]{margin-right:3px;margin-left:3px}
Retrieved from "https://www.zeldadungeon.net/wiki/Special:MobileDiff/226799...614786"

Navigation menu