MediaWiki:Common.css

/* See also: MediaWiki:Monobook.css, MediaWiki:Monaco.css, and MediaWiki:Wikia.css

*/

/* Forum formatting -Algorithm & -Splaka */ .forumheader { border: 1px solid #aaa; background-color: #f9f9f9; margin-top: 1em; padding: 12px; } .forumlist td.forum_edited a { color: black; text-decoration: none } .forumlist td.forum_title a { padding-left: 20px; } .forumlist td.forum_title a.forum_new { font-weight: bold; background: url(http://images.wikia.com/metroid/images/1/18/Forum_icon.png) center left no-repeat; padding-left: 20px; } .forumlist td.forum_title a.forum_new:visited { font-weight: normal; background: none; padding-left: 20px; } .forumlist th.forum_title { padding-left: 20px; }

/* Small reference list */ ol.references { font-size: 100%; } .references-small { font-size: 90%;} a /* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */ /* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */ /* column-count is from the CSS3 module "CSS Multi-column Layout" */ /* Please ignore any validator errors caused by these two lines */ .references-2column { font-size: 90%; -moz-column-count:2; column-count:2; } .same-bg { background: none }

/* Infobox template style */ .infobox { border: 1px solid #aaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } /* Begin sub-modification added by RAN1 on May 2, 2010 at 2:17 (UTC) to make infoboxes have some fixed values */ .infobox td:first-child { font-weight: bold; } .infobox { border-collapse: collapse; font-size:90%; width:22em; } .infobox td[colspan="2"] { text-align:center; padding-bottom:.5em; border:0px; } .infobox th { font-size:125%; text-align:center; } /* End */ /* Messagebox templates */ .messagebox { border: 1px solid #aaa; background-color: #f9f9f9; width: 80%; margin: 0 auto 1em auto; padding: .2em; } .messagebox.merge { border: 1px solid #c0b8cc; background-color: #f0e5ff; text-align: center; } .messagebox.cleanup { border: 1px solid #9f9fff; background-color: #efefff; text-align: center; } .messagebox.standard-talk { border: 1px solid #c0c090; background-color: #f8eaba; } .messagebox.nested-talk { border: 1px solid #c0c090; background-color: #f8eaba; width: 100%; margin: 2px 4px 2px 4px; } .messagebox.small { width: 238px; font-size: 85%; float: right; clear: both; margin: 0 0 1em 1em; line-height: 1.25em; }

/* wikitable/prettytable class for skinning normal tables */ /* table.wikitable, table.prettytable { margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; }

table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td { border: 1px #aaa solid; padding: 0.2em; }

table.wikitable th, table.prettytable th { background: #f2f2f2; text-align: center; }

table.wikitable caption, table.prettytable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; }*/ /* default skin for navigation boxes */ table.navbox { background-color: #f9f9f9; border: 1px solid #aaa; clear: both; font-size: 90%; margin: 1em 0em 0em; padding: 2px; text-align: center; width: 100%; }

table.navbox th { background-color: #ccf; padding-left: 1em; padding-right: 1em; }

table.navbox tr:not(:first-child) th { background-color: #ddf; }

@media print { .navbox { display: none; } }

/* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at NavFrame. */ div.Boxmerge, div.NavFrame { margin: 0px; padding: 4px; border: 1px solid #aaa; text-align: center; border-collapse: collapse; font-size: 95%; } div.Boxmerge div.NavFrame { border-style: none; border-style: hidden; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #fff; margin: 0px; padding: 2px; float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: #ccccff; position:relative; } div.NavFrame p { font-size: 100%; } div.NavFrame div.NavContent { font-size: 100%; } div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0px; padding: 0px; line-height: 1px; clear: both; } a.NavToggle { position:absolute; top:0px; right:3px; font-weight:normal; font-size:smaller; }

/* Remove italics from edit summaries. */ span.comment { font-style: normal; }

/* Light gray highlight on stuff */ input[type="text"]:focus, input[type="password"]:focus, textarea:focus, #wpOldTitle:focus, #wpReason:focus, #wpSummary:focus, #searchInput:focus { background: #F9F9F9 }

/* Display text below main article header, located at MediaWiki:tagline */ display: inline; font-size: 92%; font-weight: normal; }
 * 1) siteSub {

/* Colour the number of characters added/removed in the recent changes */ .mw-plusminus-pos { color: #006500; }

.mw-plusminus-neg { color: #8B0000; }

/* Bold 'edit this page' link to encourage newcomers */ font-weight: bold !important; }
 * 1) ca-edit a {

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect a { color: #888; font-style: italic; } .watchlistredir a { color: #888; font-style: italic; }

/* Coloured names in the recent changes. Admins are green, patrollers are purple. Wikia staff are supposedly goldenrod, but those rules probably need updating. Reason for including patrollers: Users whose edits will be autopatrolled have colored usernames in RC.*/ ul.special li a[href|="/wiki/User:N1ghtrav3n"], .mw-enhanced-rc a[href|="/wiki/User:N1ghtrav3n"], ul.special li a[href|="/wiki/User:AmorphousBlob"], .mw-enhanced-rc a[href|="/wiki/User:AmorphousBlob"], ul.special li a[href|="/wiki/User:FastLizard4"], .mw-enhanced-rc a[href|="/wiki/User:FastLizard4"], ul.special li a[href|="/wiki/User:Madax_the_Shadow"], .mw-enhanced-rc a[href|="/wiki/User:Madax_the_Shadow"], ul.special li a[href|="/wiki/User:AdmiralSakai"], .mw-enhanced-rc a[href|="/wiki/User:AdmiralSakai"], ul.special li a[href|="/wiki/User:Armantula513"], .mw-enhanced-rc a[href|="/wiki/User:Armantula513"], ul.special li a[href|="/wiki/User:Hellkaiserryo12"], .mw-enhanced-rc a[href|="/wiki/User:Hellkaiserryo12"], ul.special li a[href|="/wiki/User:KFan_II"], .mw-enhanced-rc a[href|="/wiki/User:KFan_II"], ul.special li a[href|="/wiki/User:Fredrik"], .mw-enhanced-rc a[href|="/wiki/User:Fredrik"], ul.special li a[href|="/wiki/User:LizardBot"], .mw-enhanced-rc a[href|="/wiki/User:LizardBot"], ul.special li a[href|="/wiki/User:RAN1"], .mw-enhanced-rc a[href|="/wiki/User:RAN1"], ul.special li a[href|="/wiki/User:Richard1990"], .mw-enhanced-rc a[href|="/wiki/User:Richard1990"], ul.special li a[href|="/wiki/User:Wikitroid"], .mw-enhanced-rc a[href|="/wiki/User:Wikitroid"] { color: #009900 !important; }

ul.special li a[href|="/wiki/User:ChozoBoy"], .mw-enhanced-rc a[href|="/wiki/User:ChozoBoy"], ul.special li a[href|="/wiki/User:Dazuro"], .mw-enhanced-rc a[href|="/wiki/User:Dazuro"], ul.special li a[href|="/wiki/User:Sylux_X"], .mw-enhanced-rc a[href|="/wiki/User:Sylux_X"] { color: #aa5bff !important; }

ul.special li a[title="User:Angela"], ul.special li a[title="User:Angies"], ul.special li a[title="User:Anniemal"], ul.special li a[title="User:Awrigh01"], ul.special li a[title="User:BillK"], ul.special li a[title="User:CatherineMunro"], ul.special li a[title="User:DNL"], ul.special li a[title="User:Egon"], ul.special li a[title="User:Eloy.wikia"], ul.special li a[title="User:Emil"], ul.special li a[title="User:Gil"], ul.special li a[title="User:Inez"], ul.special li a[title="User:Jasonr"], ul.special li a[title="User:JimboWales"], ul.special li a[title="User:Johnq"], ul.special li a[title="User:KaurJmeb"], ul.special li a[title="User:MatthewKS"], ul.special li a[title="User:MatthewS"], ul.special li a[title="User:Mdavis"], ul.special li a[title="User:Pean"], ul.special li a[title="User:Ppiotr"], ul.special li a[href|="/wiki/User:Rappy_4187"], ul.special li a[title="User:RiekeHain"], ul.special li a[title="User:Roblefko"], ul.special li a[title="User:Sannse"], ul.special li a[title="User:Splarka"], ul.special li a[title="User:TOR"], ul.special li a[title="User:Tkl"], ul.special li a[title="User:Yukichi"], ul.special li a[title="User:Yukichi99"], ul.special li a[title="User:Zuirdj"] { color: goldenrod; } ‎‎ /* Change color behind logo to black to match logo background, with an orange border. Added by FastLizard4 at 05:46 24 July 2008 */ background-color: #3E2A18 !important; border-color: #FF7F00 !important; }	background-color: #000 !important; border-color: #FF7F00 !important; } /* ***End code added by FastLizard4 at 05:46 24 July 2008*** */ /* Begin code for the reallife template. Stolen Borrowed from Memory Alpha's MediaWiki:Common.css file (http://memory-alpha.org/en/wiki/MediaWiki:Common.css) and licensed under the CC-BY-NC 2.5 license. For details, see http://memory-alpha.org/en/wiki/Memory_Alpha:Copyrights Added by FastLizard4 at 04:56 13 April 2009 */ div.articletype { font-size: smaller; padding-top: 0em; padding-bottom: 0em; position: absolute; right: 1em; top: 0em; white-space: nowrap; text-align: center; border:1px solid orange; /*	background-color: #222222; */ line-height: 130%; }
 * 1) wikia_header {
 * 1) background_strip {

div.articletype table { background-color: transparent; float: left; padding: 1px; } /* ***End code added by FastLizard4 at 04:56 13 April 2009 */ /* Begin code to make the handy revision messages that Wikia declared unneeded even though they are actually useful to most people appear. Added by FastLizard4 at 06:17 9 May 2009 (UTC) */ .usermessage { display: block !important; } /* ***End code added by FastLizard4 at 06:17 9 May 2009 */
 * 1) siteSub,
 * 2) contentSub,
 * 3) mw-anon-edit-warning,

.not-patrolled { color: #FFF; background-color: #331 !important; }

body.page-User_FastLizard4 div.masthead-info .tag:before { content: 'Lolcat herder / ' !important; }

/* Begin code to implement Infobox styles. Added by AmorphousBlob at 23:25 6 January 2016 */ .portable-infobox.pi-theme-logbook, .portable-infobox.pi-theme-logbook-top, .portable-infobox.pi-theme-logbook-center, .portable-infobox.pi-theme-logbook-bottom { float: none; clear: none; width: auto; max-width: 900px; display: flex; background: none; color: #89D6FF; }

.portable-infobox.pi-theme-logbook { margin: 3px 25px 15px 15px; } .portable-infobox.pi-theme-logbook-top { margin: 3px 25px 0 15px; } .portable-infobox.pi-theme-logbook-center { margin: 0 25px 0 15px; } .portable-infobox.pi-theme-logbook-bottom { margin: 0 25px 15px 15px; } .portable-infobox.pi-theme-logbook .pi-border-color, .portable-infobox.pi-theme-logbook-top .pi-border-color, .portable-infobox.pi-theme-logbook-center .pi-border-color, .portable-infobox.pi-theme-logbook-bottom .pi-border-color { border: none; } .portable-infobox.pi-theme-logbook .pi-data-value, .portable-infobox.pi-theme-logbook-top .pi-data-value, .portable-infobox.pi-theme-logbook-center .pi-data-value, .portable-infobox.pi-theme-logbook-bottom .pi-data-value { padding: 0; font-size: 14px; line-height: 19px; } .portable-infobox.pi-theme-logbook > .pi-data, .portable-infobox.pi-theme-logbook-top > .pi-data, .portable-infobox.pi-theme-logbook-center > .pi-data, .portable-infobox.pi-theme-logbook-bottom > .pi-data { flex: 1 10%; padding: 0; max-width: 256px; } .portable-infobox.pi-theme-logbook > .pi-data> .pi-data-value, .portable-infobox.pi-theme-logbook-top > .pi-data> .pi-data-value, .portable-infobox.pi-theme-logbook-center > .pi-data> .pi-data-value, .portable-infobox.pi-theme-logbook-bottom > .pi-data> .pi-data-value { width: 100%; padding: 0; } .portable-infobox.pi-theme-logbook > .pi-group:only-of-type, .portable-infobox.pi-theme-logbook > .pi-group:nth-of-type(2) { flex: 1 20%; } .portable-infobox.pi-theme-logbook-top > .pi-group:only-of-type, .portable-infobox.pi-theme-logbook-top > .pi-group:nth-of-type(2) { flex: 1 20%; background-color: #000; border: solid #8CCCFE; border-width: 4px 4px 0 4px; border-radius: 10px 10px 0 0; margin: 0 4px 0 4px; } .portable-infobox.pi-theme-logbook-center > .pi-group:only-of-type, .portable-infobox.pi-theme-logbook-center > .pi-group:nth-of-type(2) { flex: 1 20%; background-color: #000; border: solid #8CCCFE; border-width: 0 4px 0 4px; border-radius: 0; margin: 0 4px 0 4px; } .portable-infobox.pi-theme-logbook-bottom > .pi-group:only-of-type, .portable-infobox.pi-theme-logbook-bottom > .pi-group:nth-of-type(2) { flex: 1 20%; }

.portable-infobox.pi-theme-logbook > .pi-group:only-of-type > .pi-item:not(:first-child):not(:nth-child(2)):not(:nth-last-child(2)):not(:last-child), .portable-infobox.pi-theme-logbook > .pi-group:nth-of-type(2) > .pi-item:not(:first-child):not(:nth-child(2)):not(:nth-last-child(2)):not(:last-child), .portable-infobox.pi-theme-logbook-bottom > .pi-group:only-of-type > .pi-item:not(:first-child):not(:nth-child(2)):not(:nth-last-child(2)):not(:last-child), .portable-infobox.pi-theme-logbook-bottom > .pi-group:nth-of-type(2)  > .pi-item:not(:first-child):not(:nth-child(2)):not(:nth-last-child(2)):not(:last-child) { background-color: #000; border: solid #8CCCFE; border-width: 0 4px 0 4px; }

.portable-infobox.pi-theme-logbook > .pi-group:only-of-type > .pi-item:nth-child(3), .portable-infobox.pi-theme-logbook > .pi-group:nth-of-type(2) > .pi-item:nth-child(3) { border-top: 4px solid #8CCCFE !important; border-radius: 10px 10px 0 0; }

.portable-infobox.pi-theme-logbook > .pi-group:only-of-type > .pi-item:nth-last-child(3), .portable-infobox.pi-theme-logbook > .pi-group:nth-of-type(2) > .pi-item:nth-last-child(3), .portable-infobox.pi-theme-logbook-bottom > .pi-group:only-of-type > .pi-item:nth-last-child(3), .portable-infobox.pi-theme-logbook-bottom > .pi-group:nth-of-type(2)  > .pi-item:nth-last-child(3) { border-bottom: 4px solid #8CCCFE !important; border-radius: 0 0 10px 10px; } .portable-infobox.pi-theme-logbook > .pi-data img, .portable-infobox.pi-theme-logbook-top > .pi-data img, .portable-infobox.pi-theme-logbook-center > .pi-data img, .portable-infobox.pi-theme-logbook-bottom > .pi-data img { max-width: 100%; height: auto; } .portable-infobox.pi-theme-logbook > .pi-group:first-of-type:not(:only-of-type), .portable-infobox.pi-theme-logbook > .pi-group:nth-of-type(3), .portable-infobox.pi-theme-logbook-top > .pi-group:first-of-type:not(:only-of-type), .portable-infobox.pi-theme-logbook-top > .pi-group:nth-of-type(3), .portable-infobox.pi-theme-logbook-center > .pi-group:first-of-type:not(:only-of-type), .portable-infobox.pi-theme-logbook-center > .pi-group:nth-of-type(3), .portable-infobox.pi-theme-logbook-bottom > .pi-group:first-of-type:not(:only-of-type), .portable-infobox.pi-theme-logbook-bottom > .pi-group:nth-of-type(3) { flex: 1 10%; max-width: 256px; } /*Turn specific data entries into scan corners*/ .portable-infobox.pi-theme-logbook .pi-group .pi-data:nth-of-type(1), .portable-infobox.pi-theme-logbook .pi-group .pi-data:nth-of-type(2), .portable-infobox.pi-theme-logbook .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(3), .portable-infobox.pi-theme-logbook .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(4), .portable-infobox.pi-theme-logbook .pi-group:nth-of-type(3) .pi-data:nth-of-type(3), .portable-infobox.pi-theme-logbook .pi-group:nth-of-type(3) .pi-data:nth-of-type(4), .portable-infobox.pi-theme-logbook .pi-group:nth-of-type(2) .pi-data:nth-last-of-type(2), .portable-infobox.pi-theme-logbook .pi-group:nth-of-type(2) .pi-data:last-of-type, .portable-infobox.pi-theme-logbook .pi-group:only-of-type .pi-data:nth-last-of-type(2), .portable-infobox.pi-theme-logbook .pi-group:only-of-type .pi-data:last-of-type, .portable-infobox.pi-theme-logbook-top .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(1), .portable-infobox.pi-theme-logbook-top .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(2), .portable-infobox.pi-theme-logbook-top .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(3), .portable-infobox.pi-theme-logbook-top .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(4), .portable-infobox.pi-theme-logbook-top .pi-group:nth-of-type(3) .pi-data:nth-of-type(1), .portable-infobox.pi-theme-logbook-top .pi-group:nth-of-type(3) .pi-data:nth-of-type(2), .portable-infobox.pi-theme-logbook-top .pi-group:nth-of-type(3) .pi-data:nth-of-type(3), .portable-infobox.pi-theme-logbook-top .pi-group:nth-of-type(3) .pi-data:nth-of-type(4), .portable-infobox.pi-theme-logbook-center .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(1), .portable-infobox.pi-theme-logbook-center .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(2), .portable-infobox.pi-theme-logbook-center .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(3), .portable-infobox.pi-theme-logbook-center .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(4), .portable-infobox.pi-theme-logbook-center .pi-group:nth-of-type(3) .pi-data:nth-of-type(1), .portable-infobox.pi-theme-logbook-center .pi-group:nth-of-type(3) .pi-data:nth-of-type(2), .portable-infobox.pi-theme-logbook-center .pi-group:nth-of-type(3) .pi-data:nth-of-type(3), .portable-infobox.pi-theme-logbook-center .pi-group:nth-of-type(3) .pi-data:nth-of-type(4), .portable-infobox.pi-theme-logbook-bottom .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(1), .portable-infobox.pi-theme-logbook-bottom .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(2), .portable-infobox.pi-theme-logbook-bottom .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(3), .portable-infobox.pi-theme-logbook-bottom .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(4), .portable-infobox.pi-theme-logbook-bottom .pi-group:nth-of-type(3) .pi-data:nth-of-type(1), .portable-infobox.pi-theme-logbook-bottom .pi-group:nth-of-type(3) .pi-data:nth-of-type(2), .portable-infobox.pi-theme-logbook-bottom .pi-group:nth-of-type(3) .pi-data:nth-of-type(3), .portable-infobox.pi-theme-logbook-bottom .pi-group:nth-of-type(3) .pi-data:nth-of-type(4), .portable-infobox.pi-theme-logbook-top .pi-group:nth-of-type(2) .pi-data:nth-of-type(1), .portable-infobox.pi-theme-logbook-top .pi-group:nth-of-type(2) .pi-data:nth-of-type(2), .portable-infobox.pi-theme-logbook-bottom .pi-group:nth-of-type(2) .pi-data:nth-last-of-type(2), .portable-infobox.pi-theme-logbook-bottom .pi-group:nth-of-type(2) .pi-data:last-of-type, .portable-infobox.pi-theme-logbook-top .pi-group:only-of-type .pi-data:nth-of-type(1), .portable-infobox.pi-theme-logbook-top .pi-group:only-of-type .pi-data:nth-of-type(2), .portable-infobox.pi-theme-logbook-bottom .pi-group:only-of-type .pi-data:nth-last-of-type(2), .portable-infobox.pi-theme-logbook-bottom .pi-group:only-of-type .pi-data:last-of-type { padding: 0; pointer-events: none; margin-top: -30px; display: block; position: relative; width: 30px; height: 30px; background-size: 30px 30px; background-image: url(http://images.wikia.com/metroid/images/c/c9/Scan_corner.svg); } /*Hide corners for boxes that don't need them*/ .portable-infobox.pi-theme-logbook-bottom .pi-group:nth-of-type(2) .pi-data:nth-of-type(1), .portable-infobox.pi-theme-logbook-bottom .pi-group:nth-of-type(2) .pi-data:nth-of-type(2), .portable-infobox.pi-theme-logbook-top .pi-group:nth-of-type(2) .pi-data:nth-last-of-type(2), .portable-infobox.pi-theme-logbook-top .pi-group:nth-of-type(2) .pi-data:last-of-type, .portable-infobox.pi-theme-logbook-bottom .pi-group:only-of-type .pi-data:nth-of-type(1), .portable-infobox.pi-theme-logbook-bottom .pi-group:only-of-type .pi-data:nth-of-type(2), .portable-infobox.pi-theme-logbook-top .pi-group:only-of-type .pi-data:nth-last-of-type(2), .portable-infobox.pi-theme-logbook-top .pi-group:only-of-type .pi-data:last-of-type, .portable-infobox.pi-theme-logbook-center .pi-group:only-of-type .pi-data:nth-of-type(1), .portable-infobox.pi-theme-logbook-center .pi-group:only-of-type .pi-data:nth-of-type(2), .portable-infobox.pi-theme-logbook-center .pi-group:only-of-type .pi-data:nth-last-of-type(2), .portable-infobox.pi-theme-logbook-center .pi-group:only-of-type .pi-data:last-of-type, .portable-infobox.pi-theme-logbook-center .pi-group:nth-of-type(2) .pi-data:nth-of-type(1), .portable-infobox.pi-theme-logbook-center .pi-group:nth-of-type(2) .pi-data:nth-of-type(2), .portable-infobox.pi-theme-logbook-center .pi-group:nth-of-type(2) .pi-data:nth-last-of-type(2), .portable-infobox.pi-theme-logbook-center .pi-group:nth-of-type(2) .pi-data:last-of-type { padding: 0; display: none; } /*Corner alignment for main box*/ .portable-infobox.pi-theme-logbook .pi-group:only-of-type .pi-data:nth-of-type(1), .portable-infobox.pi-theme-logbook .pi-group:nth-of-type(2) .pi-data:nth-of-type(1) { transform: rotate(90deg) translateX(27px) translateY(3px); } .portable-infobox.pi-theme-logbook-top .pi-group:only-of-type .pi-data:nth-of-type(1), .portable-infobox.pi-theme-logbook-top .pi-group:nth-of-type(2) .pi-data:nth-of-type(1) { transform: rotate(90deg) translateX(23px) translateY(7px); } .portable-infobox.pi-theme-logbook .pi-group:only-of-type .pi-data:nth-of-type(2), .portable-infobox.pi-theme-logbook .pi-group:nth-of-type(2) .pi-data:nth-of-type(2) { transform: rotate(180deg) translateX(27px) translateY(-27px); left: 100%; } .portable-infobox.pi-theme-logbook-top .pi-group:only-of-type .pi-data:nth-of-type(2), .portable-infobox.pi-theme-logbook-top .pi-group:nth-of-type(2) .pi-data:nth-of-type(2) { transform: rotate(180deg) translateX(23px) translateY(-23px); left: 100%; } .portable-infobox.pi-theme-logbook .pi-group:only-of-type .pi-data:nth-last-of-type(2), .portable-infobox.pi-theme-logbook .pi-group:nth-of-type(2) .pi-data:nth-last-of-type(2), .portable-infobox.pi-theme-logbook-bottom .pi-group:only-of-type .pi-data:nth-last-of-type(2), .portable-infobox.pi-theme-logbook-bottom .pi-group:nth-of-type(2) .pi-data:nth-last-of-type(2) { transform: rotate(270deg) translateX(-3px) translateY(-27px); left: 100%; } .portable-infobox.pi-theme-logbook .pi-group:only-of-type .pi-data:last-of-type, .portable-infobox.pi-theme-logbook .pi-group:nth-of-type(2) .pi-data:last-of-type, .portable-infobox.pi-theme-logbook-bottom .pi-group:only-of-type .pi-data:last-of-type, .portable-infobox.pi-theme-logbook-bottom .pi-group:nth-of-type(2) .pi-data:last-of-type { transform: translateX(-3px) translateY(3px); } /*Corner alignment for left mp3 box*/ .portable-infobox.pi-theme-logbook .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(1), .portable-infobox.pi-theme-logbook-top .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(1), .portable-infobox.pi-theme-logbook-center .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(1), .portable-infobox.pi-theme-logbook-bottom .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(1)  { transform: rotate(90deg) translateX(27px) translateY(119px); left: 100%; } .portable-infobox.pi-theme-logbook .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(2), .portable-infobox.pi-theme-logbook-top .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(2), .portable-infobox.pi-theme-logbook-center .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(2), .portable-infobox.pi-theme-logbook-bottom .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(2)  { transform: rotate(180deg) translateX(35px) translateY(-27px); left: 100%; } .portable-infobox.pi-theme-logbook .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(3), .portable-infobox.pi-theme-logbook-top .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(3), .portable-infobox.pi-theme-logbook-center .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(3), .portable-infobox.pi-theme-logbook-bottom .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(3)  { transform: rotate(270deg) translateX(-266px) translateY(-35px); left: 100%; } .portable-infobox.pi-theme-logbook .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(4), .portable-infobox.pi-theme-logbook-top .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(4), .portable-infobox.pi-theme-logbook-center .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(4), .portable-infobox.pi-theme-logbook-bottom .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(4)  { transform: translateX(-119px) translateY(266px); left: 100%; } /*Corner alignment for right mp3 box*/ .portable-infobox.pi-theme-logbook .pi-group:nth-of-type(3) .pi-data:nth-of-type(1), .portable-infobox.pi-theme-logbook-top .pi-group:nth-of-type(3) .pi-data:nth-of-type(1), .portable-infobox.pi-theme-logbook-center .pi-group:nth-of-type(3) .pi-data:nth-of-type(1), .portable-infobox.pi-theme-logbook-bottom .pi-group:nth-of-type(3) .pi-data:nth-of-type(1)  { transform: rotate(90deg) translateX(27px) translateY(-5px); } .portable-infobox.pi-theme-logbook .pi-group:nth-of-type(3) .pi-data:nth-of-type(2), .portable-infobox.pi-theme-logbook-top .pi-group:nth-of-type(3) .pi-data:nth-of-type(2), .portable-infobox.pi-theme-logbook-center .pi-group:nth-of-type(3) .pi-data:nth-of-type(2), .portable-infobox.pi-theme-logbook-bottom .pi-group:nth-of-type(3) .pi-data:nth-of-type(2)  { transform: rotate(180deg) translateX(-89px) translateY(-27px); } .portable-infobox.pi-theme-logbook .pi-group:nth-of-type(3) .pi-data:nth-of-type(3), .portable-infobox.pi-theme-logbook-top .pi-group:nth-of-type(3) .pi-data:nth-of-type(3), .portable-infobox.pi-theme-logbook-center .pi-group:nth-of-type(3) .pi-data:nth-of-type(3), .portable-infobox.pi-theme-logbook-bottom .pi-group:nth-of-type(3) .pi-data:nth-of-type(3)  { transform: rotate(270deg) translateX(-266px) translateY(89px); } .portable-infobox.pi-theme-logbook .pi-group:nth-of-type(3) .pi-data:nth-of-type(4), .portable-infobox.pi-theme-logbook-top .pi-group:nth-of-type(3) .pi-data:nth-of-type(4), .portable-infobox.pi-theme-logbook-center .pi-group:nth-of-type(3) .pi-data:nth-of-type(4), .portable-infobox.pi-theme-logbook-bottom .pi-group:nth-of-type(3) .pi-data:nth-of-type(4)  { transform: translateX(5px) translateY(266px); } .portable-infobox.pi-theme-logbook > .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(5), .portable-infobox.pi-theme-logbook > .pi-group:nth-of-type(3) .pi-data:nth-of-type(5), .portable-infobox.pi-theme-logbook-top > .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(5), .portable-infobox.pi-theme-logbook-top > .pi-group:nth-of-type(3) .pi-data:nth-of-type(5), .portable-infobox.pi-theme-logbook-center > .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(5), .portable-infobox.pi-theme-logbook-center > .pi-group:nth-of-type(3) .pi-data:nth-of-type(5), .portable-infobox.pi-theme-logbook-bottom > .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(5), .portable-infobox.pi-theme-logbook-bottom > .pi-group:nth-of-type(3) .pi-data:nth-of-type(5) { width: 108px; height: 263px; border: 4px solid #8CCCFE; border-radius: 10px; padding: 0; } .portable-infobox.pi-theme-logbook > .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(5), .portable-infobox.pi-theme-logbook-top > .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(5), .portable-infobox.pi-theme-logbook-center > .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(5), .portable-infobox.pi-theme-logbook-bottom > .pi-group:first-of-type:not(:only-of-type) .pi-data:nth-of-type(5) { margin-left: auto; margin-right: 8px; } .portable-infobox.pi-theme-logbook > .pi-group:nth-of-type(3) .pi-data:nth-of-type(5), .portable-infobox.pi-theme-logbook-top > .pi-group:nth-of-type(3) .pi-data:nth-of-type(5), .portable-infobox.pi-theme-logbook-center > .pi-group:nth-of-type(3) .pi-data:nth-of-type(5), .portable-infobox.pi-theme-logbook-bottom > .pi-group:nth-of-type(3) .pi-data:nth-of-type(5) { margin-left: 8px; } .portable-infobox.pi-theme-logbook > .pi-group:first-of-type:not(:only-of-type) img, .portable-infobox.pi-theme-logbook > .pi-group:nth-of-type(3) img, .portable-infobox.pi-theme-logbook-top > .pi-group:first-of-type:not(:only-of-type) img, .portable-infobox.pi-theme-logbook-top > .pi-group:nth-of-type(3) img, .portable-infobox.pi-theme-logbook-center > .pi-group:first-of-type:not(:only-of-type) img, .portable-infobox.pi-theme-logbook-center > .pi-group:nth-of-type(3) img, .portable-infobox.pi-theme-logbook-bottom > .pi-group:first-of-type:not(:only-of-type) img, .portable-infobox.pi-theme-logbook-bottom > .pi-group:nth-of-type(3) img { padding: 0; margin-left: -3px; width: 256px; height: 256px; } .portable-infobox.pi-theme-logbook > .pi-group:first-of-type:not(:only-of-type) img, .portable-infobox.pi-theme-logbook-top > .pi-group:first-of-type:not(:only-of-type) img, .portable-infobox.pi-theme-logbook-center > .pi-group:first-of-type:not(:only-of-type) img, .portable-infobox.pi-theme-logbook-bottom > .pi-group:first-of-type:not(:only-of-type) img { padding: 0; margin-left: -152px; width: 256px; height: 256px; } .portable-infobox.pi-theme-logbook > .pi-group:only-of-type > .pi-data:nth-of-type(3) > .pi-data-value:first-child, .portable-infobox.pi-theme-logbook-top > .pi-group:only-of-type > .pi-data:nth-of-type(3) > .pi-data-value:first-child, .portable-infobox.pi-theme-logbook-center > .pi-group:only-of-type > .pi-data:nth-of-type(3) > .pi-data-value:first-child, .portable-infobox.pi-theme-logbook-bottom > .pi-group:only-of-type > .pi-data:nth-of-type(3) > .pi-data-value:first-child, .portable-infobox.pi-theme-logbook > .pi-group:nth-of-type(2) > .pi-data:nth-of-type(3) > .pi-data-value:first-child, .portable-infobox.pi-theme-logbook-top > .pi-group:nth-of-type(2) > .pi-data:nth-of-type(3) > .pi-data-value:first-child, .portable-infobox.pi-theme-logbook-center > .pi-group:nth-of-type(2) > .pi-data:nth-of-type(3) > .pi-data-value:first-child, .portable-infobox.pi-theme-logbook-bottom > .pi-group:nth-of-type(2) > .pi-data:nth-of-type(3) > .pi-data-value:first-child { color: #FEDE75; margin-top: 0; text-align: center; margin-left: auto; margin-right: auto; } .portable-infobox.pi-theme-logbook > .pi-group > .pi-data:nth-of-type(3) > .pi-data-value:first-child a, .portable-infobox.pi-theme-logbook-top > .pi-group > .pi-data:nth-of-type(3) > .pi-data-value:first-child a, .portable-infobox.pi-theme-logbook-center > .pi-group > .pi-data:nth-of-type(3) > .pi-data-value:first-child a, .portable-infobox.pi-theme-logbook-bottom > .pi-group > .pi-data:nth-of-type(3) > .pi-data-value:first-child a { color: #FEDE75; } .portable-infobox.pi-theme-logbook .pi-data-label, .portable-infobox.pi-theme-logbook-top .pi-data-label, .portable-infobox.pi-theme-logbook-center .pi-data-label, .portable-infobox.pi-theme-logbook-bottom .pi-data-label { color: #89D6FF; margin: 0 -10px 2px -10px; border-top: 1px solid #262b46; background-color: #131624; text-align: center; font-size: 13px; line-height: 21px; } .portable-infobox.pi-theme-logbook .pi-title, .portable-infobox.pi-theme-logbook-top .pi-title, .portable-infobox.pi-theme-logbook-center .pi-title, .portable-infobox.pi-theme-logbook-bottom .pi-title { color: #e77b00; margin: auto auto -11px auto; padding-bottom: 0px; text-align: center; } .portable-infobox.pi-theme-logbook-center .pi-title:before, .portable-infobox.pi-theme-logbook-bottom .pi-title:before, .portable-infobox.pi-theme-logbook-center > .pi-group:only-of-type > .pi-data:nth-child(3):nth-of-type(3):before, .portable-infobox.pi-theme-logbook-bottom > .pi-group:only-of-type > .pi-data:nth-child(3):nth-of-type(3):before, .portable-infobox.pi-theme-logbook-center > .pi-group:nth-of-type(2) > .pi-data:nth-child(3):nth-of-type(3):before, .portable-infobox.pi-theme-logbook-bottom  > .pi-group:nth-of-type(2) > .pi-data:nth-child(3):nth-of-type(3):before  { content: " "; display: block; height: 2px; width: 100%; background-color: #262b46; background-image: linear-gradient(to right, rgba(0, 0, 0, 1), #262b46, rgba(0, 0, 0, 1)); } .portable-infobox.pi-theme-logbook-center > .pi-group:only-of-type > .pi-data:first-child:before, .portable-infobox.pi-theme-logbook-bottom > .pi-group:only-of-type > .pi-data:first-child:before, .portable-infobox.pi-theme-logbook-center > .pi-group:nth-of-type(2) > .pi-data:first-child:before, .portable-infobox.pi-theme-logbook-bottom  > .pi-group:nth-of-type(2) > .pi-data:first-child:before { margin-bottom: 5px; } .portable-infobox.pi-theme-logbook .pi-title a, .portable-infobox.pi-theme-logbook-top .pi-title a, .portable-infobox.pi-theme-logbook-center .pi-title a, .portable-infobox.pi-theme-logbook-bottom .pi-title a { color: #e77b00; } /* End code added by AmorphousBlob at 23:25 6 January 2016 */

/* */