MediaWiki:Common.css: Difference between revisions

Want an adless experience? Log in or Create an account.
boxes use background colors plus transparent textures; removed the color classes; removed legacy ambox
m (not working properly in my own css, gotta test it here)
(boxes use background colors plus transparent textures; removed the color classes; removed legacy ambox)
Line 11: Line 11:
.box + .box { margin-top: 1em; }
.box + .box { margin-top: 1em; }
.box table { width: 100%; }
.box table { width: 100%; }
.title { position: relative; margin-bottom: 2px; border: 1px solid #5a7db5; padding: .2em .4em; background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box2Color.png") !important; font-weight: bold; font-size: 1.1em; }
.title { position: relative; margin-bottom: 2px; border: 1px solid #5a7db5; padding: .2em .4em; background-color: #8bb9ee; background-image: url("http://www.zeldadungeon.net/wiki/images/3/3c/BoxTitleTexture.png"); font-weight: bold; font-size: 1.1em; }
.title ._toggler { position: absolute; right: .5em; }
.title ._toggler { position: absolute; right: .5em; }
.header { background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box1Color.png") !important; font-weight: bold; }
.header { background-color: #8bb9ee; background-image: url("http://www.zeldadungeon.net/wiki/images/c/c4/BoxHeaderTexture.png"); font-weight: bold; }
.label { background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box1.png") !important; text-align: left; font-weight: bold; }
.label { background-color: #8bb9ee; background-image: url("http://www.zeldadungeon.net/wiki/images/d/d3/BoxLabelTexture.png"); font-weight: bold; }
.label img { vertical-align: -3px; padding-left: 3px; }
.label img { vertical-align: -3px; padding-left: 3px; }
.even { background-color: #ffffff; }
.even { background-color: #ffffff; }
.black { border-color: black; }
.black .title { border-color: black; background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box2Black.png") !important; }
.gray { border-color: #666666; }
.gray .title { border-color: #666666; background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box2Gray.png") !important; }
.lightgray { border-color: #999999; }
.lightgray .title { border-color: #999999; background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box2LightGray.png") !important; }
.white { border-color: #cccccc; }
.white .title { border-color: #cccccc; background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box2White.png") !important; }
.red { border-color: red; }
.red .title { border-color: red; background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box2Red.png") !important; }
.blue { border-color: blue; }
.blue .title { border-color: blue; background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box2Blue.png") !important; }
.green { border-color: green; }
.green .title { border-color: green; background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box2Green.png") !important; }
.cyan { border-color: cyan; }
.cyan .title { border-color: cyan; background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box2Cyan.png") !important; }
.yellow { border-color: yellow; }
.yellow .title { border-color: yellow; background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box2Yellow.png") !important; }
.purple { border-color: purple; }
.purple .title { border-color: purple; background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box2Purple.png") !important; }
.orange { border-color: orange; }
.orange .title { border-color: orange; background: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box2Orange.png") !important; }
.title-test { background-image: url("http://zeldadungeon.net/wp-content/themes/layout20/images/Box2Transparent.png") !important; background-color: #5a7db5; }


/* Infobox */
/* Infobox */
Line 49: Line 25:
/* Navbox */
/* Navbox */
.navbox { clear: both; margin: auto; width: 70%; font-size: .85em; }
.navbox { clear: both; margin: auto; width: 70%; font-size: .85em; }
.navbox table { width: 100%; }
.navbox .label { width: 20%; }
.navbox .label { width: 20%; }
.navbox ul { margin: 0px !important; }
.navbox ul { margin: 0px !important; }
Line 69: Line 44:
/* Userbox */
/* Userbox */
.userbox + .userbox { margin-top: 1px; }
.userbox + .userbox { margin-top: 1px; }
/* Legacy Ambox (to be removed shortly) */
table.ambox-header {
  width: 80%;
  height: 100px;
  margin: 1em auto 1em auto;
  vertical-align: top;
  text-align: left;
  border-style: solid;
  border-width: 2px;
}
td.ambox-header { width: 100px; text-align: center; }
table.ambox-inline {
  width: 40%;
  height: 50px;
  margin: 1em auto 1em auto;
  vertical-align: top;
  text-align: center;
  border-style: double none double none;
  border-width: 2px;
}
td.ambox-inline { width: 50px; }


/* Horizontal Lists */
/* Horizontal Lists */