MediaWiki:InfoboxArchive.css

/* This is the old code that suported wikitext infoboxes. It was removed from use in 2017 and should never be re--introduced, per T:IBOX CODE.

This is purely an archive. */

/* ================    TABLES ================ */

/* ================    General hover background which should apply to all tables. ================ */

table.infobox-exterior, .infobox-exterior, border:2px solid #fff; -webkit-border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; -ms-border-radius: 10px 0px 0px 10px; -o-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px; -moz-box-shadow:0 0 20px #012c57; -webkit-box-shadow:0 0 20px #012c57; -o-box-shadow:0 0 20px #012c57; -ms-box-shadow:0 0 20px #012c57; box-shadow:0 0 20px #012c57; background:#012c57; color:#fff; float:right; clear:right; width:256px; margin:0 5px 10px 20px; padding-top: 5px; padding-bottom:10px; } table.ibox-interior, font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L', 'Nimbus Sans L', sans-serif; font-size: 12px; margin:auto; padding:auto; float:right; text-align: right; width:100%; border-collapse: collapse; -webkit-border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; -ms-border-radius: 10px 0px 0px 10px; -o-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px; } table.ibox-interior th, table.infobox-interior th, color: #fff; overflow:hidden; text-decoration:none; letter-spacing:0px; margin-right:4px; padding: 4px; line-height:110%; background:#012c57; } table.ibox-interior td, table.infobox-interior td, background: #ececec; background: -moz-linear-gradient(45deg, #ffffff 0%, #ececec 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ffffff), color-stop(100%,#ececec)); background: -webkit-linear-gradient(45deg, #ffffff 0%,#ececec 100%); background: -o-linear-gradient(45deg, #ffffff 0%,#ececec 100%); background: -ms-linear-gradient(45deg, #ffffff 0%,#ececec 100%); background: linear-gradient(45deg, #ffffff 0%,#ececec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=1 ); border-top: 1px solid #fff; color: #012c57; vertical-align:top; line-height:1.2em; } table.ibox-interior tbody tr:hover td, table.infobox-interior tbody tr:hover td, background: #d8dfe5; } table.ibox-interior td.info-both, table.infobox-interior td.info-both, text-align:right; padding:0 0 0 0; line-height:1em; } table.ibox-interior td.info-both img, table.infobox-interior td.info-both img, display:block; /*force new line after img in sidebar */ margin: 0; padding-left: 0; padding-right: 0; } table.ibox-interir td.info-left, table.infobox-interior td.info-left, width: 50%; min-width:50%; font-weight: bold; text-align: right; vertical-align:top; line-height:1em; padding:5px; } table ibox-interior td.conflict-left, table.infobox-interior td.conflict-left, width:50%; text-align:center; border-right:1px solid #012c57 }
 * 1) infobox-exterior {
 * 1) ibox-interior {
 * 1) ibox-interior th,
 * 1) infobox-interior th {
 * 1) ibox-interior td,
 * 1) infobox-interior td {
 * 1) ibox-interior tbody tr:hover td,
 * 1) infobox-interior tbody tr:hover td {
 * 1) ibox-interior td.info-both,
 * 1) infobox-interior td.info-both {
 * 1) ibox-interior td.info-both img,
 * 1) infobox-interior td.info-both img {
 * 1) ibox-interior td.info-left,
 * 1) infobox-interior td.info-left {
 * 1) ibox-interior td.conflict-left,
 * 1) infobox-interior td.conflict-left {

table.ibox-interior td.info-right, table.infobox-interior td.info-right, text-align:left; vertical-align:top; line-height:1em; padding:5px; } table.ibox-interior td.conflict-right, table.infobox-interior td.conflict-right, width:50%; text-align:center; }
 * 1) ibox-interior td.info-right,
 * 1) infobox-interior td.info-right {
 * 1) ibox-interior td.conflict-right,
 * 1) infobox-interior td.conflict-right {

/* Thumbnails in     infoboxes   */ table.ibox-interior tr td .thumb, table.ibox-interior tr td .tright, table.ibox-interior .thumbinner, table.ibox-interior .magnify, table.infobox-interior tr td .thumb, table.infobox-interior tr td .tright, table.infobox-interior .thumbinner, table.infobox-interior .magnify { clear: none; float: none; border: 0; margin-right:auto; margin-left:auto; padding: 0; width: auto; text-align: center; display: inline; } table.ibox-interior .thumbinner img, table.infobox-interior .thumbinner img { margin-right:auto !important; margin-left:auto !important; width:100%; } table.ibox-interior tr td .thumb .thumbcaption, table.infobox-interior tr td .thumb .thumbcaption { display: none; } table.ibox-interior td.sb-both div .sb-twoimg img.thumbimage, table.infobox-interior td.sb-both div.sb-twoimg img.thumbimage { display: inline; /*no new line after img in two-image box */ } .ibox-interior .article-thumb, .ibox-interior .thumb, .infobox-interior .article-thumb, .infobox-interior .thumb { margin: 0!important; border: none; }
 * 1) ibox-interior tr td .thumb,
 * 2) ibox-interior tr td .tright,
 * 3) ibox-interior .thumbinner,
 * 4) ibox-interior .magnify,
 * 1) infobox-interior tr td .thumb,
 * 2) infobox-interior tr td .tright,
 * 3) infobox-interior .thumbinner,
 * 4) infobox-interior .magnify,
 * 1) ibox-interior .thumbinner img,
 * 1) infobox-interior .thumbinner img,
 * 1) ibox-interior tr td .thumb .thumbcaption,
 * 1) infobox-interior tr td .thumb .thumbcaption,
 * 1) ibox-interior td.sb-both div.sb-twoimg img.thumbimage,
 * 1) infobox-interior td.sb-both div.sb-twoimg img.thumbimage,

/* Navigation frame for story infoboxes */ table.ibox-interior td.info-left-nav, table.infobox-interior td.info-left-nav, width: 50%; text-align: center; padding:2px; vertical-align:middle; line-height:100%; } table.ibox-interior td.info-right-nav, table.infobox-interior td.info-right-nav, text-align: center; padding:2px; vertical-align:middle; line-height:100%; width:50%; } table-ibox-interior td.info-both-nav, table.infobox-interior td.info-both-nav, text-align: center; padding:2px; font-weight:bold; vertical-align:middle; line-height:100%; }
 * 1) ibox-interior td.info-left-nav,
 * 1) infobox-interior td.info-left-nav {
 * 1) ibox-interior td.info-ight-nav,
 * 1) infobox-interior td.info-right-nav {
 * 1) ibox-interior td.info-both-nav,
 * 1) infobox-interior td.info-both-nav {

.info-pic { text-align:center; margin: 0; padding:0; }

.info-pic2 { text-align:center; margin: 0; padding:3px 0 0 0; }

.info-vid { background-color:#012c57!important }

.info-pic img, .info-pic2 img, .info-vid video { width:250px; height:auto!important; }

.infobox-interior tr .info-vid#info-ogg { text-align: center; vertical-align: middle; font-style: italic; font-weight: bold; line-height: 100%; padding-bottom: 3px; } .infobox-interior tr:hover .info-vid#info-ogg { background: #d8dfe5!important; } table.infobox-interior .ogg_player div a { display: none; } .infobox-interior .ogg_player div button { background-color: #002244!important; margin-bottom: 3px; } .infobox-interior .ogg_player button img { display: none; } .infobox-interior .ogg_player button { background-image: url(https://vignette.wikia.nocookie.net/tardis/images/8/83/PlayButtonOgg.png/revision/latest?cb=20160105085123); background-repeat: no-repeat; background-position-x: 106px; background-position-y: -4px; } .infobox-interior .ogg_player button::after { content: " "; display: none; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABGVJREFUeNrMWFtIU3EY/+9s5FFnzRSd94lpvlQ+TIoovCQiBUqoWBBOBSUQ8fomKL6JICYhrUJIH3wQ7ySWD+JQogjExAcJRc0hM7xsTueW27HvGx6b5mXn7JzoB2O34/G37/L7ft9fcnBwQHhApdfr4ymKCrVYLJd9fHxkoaGh8vn5eSNN0/b9/X1jdHT0PFw3Bw8j15tLOJBSbG5upgOBuI2NDaq3t5eanp4mS0tLzi+Xl5dJVFSU83VCQgJJTk4mqampjMPhsNnt9k8BAQFf4SurUKTo1dXVxxCJ652dnaS1tZUgGXeRlZVFqqqqGLVazezu7uqA3IRHpODX3wwODs4cHR2VVVZWHkWFD5KSkkhHR8eBXC43+fv7vzsvrWeSMplMaVKp9G5+fj41ODhIhEJLSwspLi52eHt7v4W3BrdJQbqewi+KS0lJkXBJlbvQaDSkra3tTGLUyQ+giO/7+fmJRggBaSSlpaXSvb29YnirvIiUysvLKwU6RzRCrsRqa2ulUCYabKazSNFbW1tP6urqKLEJsTjsZG9ooEen1hSIYcbCwsId0BbyL6FSqcjMzAzj6+v7hq0vNlI06EdiQ0OD2zeLjIyk8eEpKZSZ5uZmCprr4bFIYXHPzs4+4BKl9fX1CtCbKz09Pbq8vLxxT4gpFArkgC9foH45IwXE1JhfLkBC+JyTk5O0srLyHLRHxZeU0WgkOC2A2A02fYrAwMArnggkjKBgrVarGRkZyeCb0oGBAQIScYslpZycnGSEKNr09PTbU1NTvKKm0+lIeHh4oJMUdJ1qbGyMEqqbMK18ooYpNBgMdgwStb29fVmMVucTNfBjGByaCgoKujo+Pi6KBmHUampqkt29HrwXders+x9Amc3mHXSKYgEKeI7r38hsNpsRxUtogEKvlZWVQacPGDhIyy8nqfj4eD24QrWQhPiqfGxs7CWcPFhTS+ifhYpOdnb2az6E0Muvra2Z2UI3wrZhQw/NF1ar1dbe3v4xIiJCyyVdrsDtB1XhqPvgpnMFBQWciRxqy3JaWpq2pKTksydRLioqYmBJ+eLqp7DSK2JiYtzeWFAUwe7QjY2Nc56mHT17U1OTCWZwyzGTt7i4+GxiYuJaYWHhP9Uk7Hw0eWFhYd2HG/Uf8YQ1+31ubq7Dk9rig/r6egKr3DpL6K8VC82exWJJBTGV4IAUGxiA4eFhXLVeui6nx8YMrtTA+jvMQkYMQXUFTpGhoSEGtpkPJ7dl6hRV7Q8JCTGDnSFiEUNCMH6YnZ2dEaVS+fXCZRS7HbrgFRSeASOG24aQQJE8j9B5LgGJacHWfAMw5eXlgnRZf38/6erqssvl8u6zCLl7FKSCvOeBGaShUyS42XLd61CHqqursX70UB5dF51TuX1oBlY1USaT3aNp2q+vr49CY4i++jSxxa5iD84yMzNxJv4AMmM4Z4U+yWOhBF+PBuwapFgBJGUnL4D13wqbyU8gMnWoP1Yu/0DC88xTVPwWYAAvBR/IK2jZaAAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-position-y: -3px; width: 37px; height: 30px; position: relative; left: 96px; top: -4px; top: -1px; opacity: .3; } .infobox-interior .ogg_player button:hover::after { display: block; } .infobox-interior .ogg_player audio { width: 250px; /*   background: #002244; */ background: #0071E1; border-radius: 5px; }