ReedemtheD3ad! (discussion | contributions) m (Tab fixes.) |
Aucun résumé des modifications |
||
(30 versions intermédiaires par 5 utilisateurs non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
+ | @import url(https://terraria.fandom.com/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css); |
||
− | /* CSS placed here will be applied to all skins */ |
||
+ | /* ↓ INTERNAL FRENCH WIKI CSS ↓ */ |
||
− | |||
+ | @import url(https://terraria.fandom.com/fr/index.php?title=MediaWiki:Common-fr.css&action=raw&ctype=text/css); |
||
− | /* Hide page title on main page */ |
||
− | body.page-Terraria_Wiki h1.firstHeading { |
||
− | display:none; |
||
− | } |
||
− | /* ------------------ */ |
||
− | |||
− | /* Add diff accent to make even smaller changes visible */ |
||
− | .diffchange-inline { |
||
− | border: 1px #FF6666 dashed; |
||
− | } |
||
− | /* ------------------ */ |
||
− | |||
− | /* Add faded horizontal line to level-3 and level-4 headers */ |
||
− | h3:not(div#mw-head h3), h4 { |
||
− | border-bottom: 1px #CDCDCD solid; |
||
− | } |
||
− | /* ------------------ */ |
||
− | |||
− | /* SoundManager2Button icon */ |
||
− | a.sm2_button { |
||
− | background-color: #3399CC; |
||
− | } |
||
− | a.sm2_button:hover, a.sm2_playing { |
||
− | background-color: #006A9F; |
||
− | } |
||
− | /* ------------------ */ |
||
− | |||
− | |||
− | /* Infobox template style */ |
||
− | |||
− | .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 #AAA solid; |
||
− | } |
||
− | .infobox.bordered .borderless td, |
||
− | .infobox.bordered .borderless th { |
||
− | border: 0; |
||
− | } |
||
− | /* ------------------ */ |
||
− | |||
− | |||
− | /* "terraria"-classed tables */ |
||
− | table.terraria { |
||
− | margin: 1em 1em 1em 0; |
||
− | background: #F9F9F9; |
||
− | border: 1px #AFCFE2 solid; |
||
− | padding: 0.2em; |
||
− | border-radius: .7em; |
||
− | -moz-border-radius: .7em; |
||
− | -webkit-border-radius: .7em; |
||
− | } |
||
− | .terraria th, .terraria td { |
||
− | padding: 0.2em; |
||
− | } |
||
− | .terraria th { |
||
− | background: #E4F0F7; |
||
− | color: black; |
||
− | text-align: center; |
||
− | } |
||
− | .terraria caption { |
||
− | font-weight: bold; |
||
− | } |
||
− | /* ------------------ */ |
||
− | |||
− | |||
− | /* Auto line separators for tables */ |
||
− | table.lined td { |
||
− | border-bottom:1px #AFCFE2 solid; |
||
− | } |
||
− | table.lined tr:last-of-type td { |
||
− | border-bottom:0; |
||
− | } |
||
− | table tr.bottomline td { |
||
− | border-bottom:1px #AFCFE2 solid; |
||
− | } |
||
− | table tr.topline td { |
||
− | border-top:1px #AFCFE2 solid; |
||
− | } |
||
− | /* ------------------ */ |
||
− | |||
− | |||
− | /* Hack for using "border-collapse" and "border-radius" in the same table display |
||
− | ...by using one table nested within another */ |
||
− | table.outer { |
||
− | white-space:nowrap; |
||
− | } |
||
− | table.inner { |
||
− | border-collapse:collapse; |
||
− | background:inherit; |
||
− | width:100%; |
||
− | } |
||
− | table.inner th { |
||
− | border:solid #FFF; |
||
− | border-width:2px 2px 2px 2px; |
||
− | } |
||
− | /* |
||
− | table.inner th:first-of-type { |
||
− | border-width:0px 0px 0px 0px; |
||
− | } |
||
− | */ |
||
− | /* ------------------ */ |
||
− | |||
− | |||
− | /* Custom list style for use in miniature bullet lists within infobox drop tables */ |
||
− | span.dropSub ul { |
||
− | list-style: none; |
||
− | margin-top: 0; |
||
− | margin-left: 0; |
||
− | padding-left: 0; |
||
− | } |
||
− | span.dropSub li { |
||
− | padding-left: 1em; |
||
− | text-indent: -1em; |
||
− | } |
||
− | span.dropSub li:before { |
||
− | content: "•"; |
||
− | } |
||
− | /* ------------------ */ |
||
− | |||
− | |||
− | /* This is the style for the tabs of the tabber extension. */ |
||
− | body ul.tabbernav li a, |
||
− | body ul.tabbernav li a:link, |
||
− | body ul.tabbernav li a:visited, |
||
− | body ul.tabbernav li a:hover { |
||
− | border-radius: .5em .5em 0 0; |
||
− | } |
||
− | /* ------------------ */ |
||
− | |||
− | |||
− | /* This removes brackets from collapse/expand links for collapsible elements with the "plaincollapse" class specified */ |
||
− | .plaincollapse .mw-collapsible-toggle { |
||
− | color:rgba(0, 0, 0, 0.0); |
||
− | } |
||
− | /* ------------------ */ |
||
− | |||
− | |||
− | /* Other "plaincollapse" styling */ |
||
− | .plaincollapse .mw-collapsible-toggle a, |
||
− | .plaincollapse .mw-collapsible-toggle a:link, |
||
− | .plaincollapse .mw-collapsible-toggle a:visited, |
||
− | .plaincollapse .mw-collapsible-toggle a:hover { |
||
− | font-weight:bold; |
||
− | color:#11688F; |
||
− | } |
||
− | /* ------------------ */ |
||
− | |||
− | |||
− | /* Offset linked anchors */ |
||
− | .anchor { |
||
− | display: block; |
||
− | height: 100px; |
||
− | margin-top: -100px; |
||
− | z-index:-9999 |
||
− | visibility: hidden; |
||
− | } |
||
− | /* ------------------ */ |
||
− | |||
− | |||
− | /* Removes redundant Cargo extension "Purge cache" link */ |
||
− | div.menu li#ca-cargo-purge { |
||
− | display:none; |
||
− | } |
||
− | /* ------------------ */ |
||
− | |||
− | |||
− | /*Removes wiki skin images from appearing in Special:UnusedFiles */ |
||
− | /* [[File:Favicon.ico]] */ |
||
− | /*------------------- */ |
||
− | |||
− | |||
− | /* clearfix */ |
||
− | .clearfix{ |
||
− | *zoom: 1; |
||
− | } |
||
− | .clearfix::before,.clearfix::after{ |
||
− | content: " "; |
||
− | display: table; |
||
− | } |
||
− | .clearfix::after{ |
||
− | clear: both; |
||
− | } |
||
− | |||
− | /*------------------- */ |
||
− | |||
− | /* helper for nowrap */ |
||
− | .nowrap{ |
||
− | white-space:nowrap; |
||
− | } |
||
− | |||
− | /* item link */ |
||
− | .item-link{ |
||
− | white-space:nowrap; |
||
− | line-height: 1.5; |
||
− | } |
||
− | .item-link .text{ |
||
− | display: inline-block; |
||
− | vertical-align: middle; |
||
− | margin-left: 3px; |
||
− | } |
||
− | .item-link .eico{ |
||
− | font-size: 12px; |
||
− | } |
||
− | .item-link span.eico{ |
||
− | margin-left: 3px; |
||
− | } |
||
− | .item-link div.eico{ |
||
− | line-height: 1; |
||
− | } |
||
− | .item-link div.eico{ |
||
− | line |
||
− | } |
||
− | .item-link .note{ |
||
− | color: #808080; |
||
− | font-size: 0.85em; |
||
− | } |
||
− | .item-link span.note{ |
||
− | margin-left: 3px; |
||
− | } |
||
− | .item-link div.note{ |
||
− | line-height: 1; |
||
− | } |
||
− | |||
− | .item-link .id{ |
||
− | font-size:65%; |
||
− | background-color:#E4F0F7; |
||
− | font-weight:bold; |
||
− | margin-top: 1px; |
||
− | } |
||
− | |||
− | |||
− | /* New flex mainpage styles */ |
||
− | |||
− | #mainpage-global-wrapper { |
||
− | min-width: 300px; |
||
− | background:#fcfcfc; |
||
− | } |
||
− | |||
− | #mf-wikiheader > div{ |
||
− | background: #E4F0F7; |
||
− | padding: 8px; |
||
− | color: #033251; |
||
− | text-align: center; |
||
− | } |
||
− | #mf-wikiheader .latest-version{ |
||
− | border: 1px solid #AFCFE2; margin-top: 5px; padding: 0.25em 0; background: #fff; line-height:1.25; |
||
− | } |
||
− | #mf-wikiheader .latest-version *{ |
||
− | vertical-align:middle; |
||
− | } |
||
− | |||
− | .fp-box { |
||
− | border: 1px solid #AFCFE2; |
||
− | border-radius: 5px; |
||
− | -moz-border-radius: 5px; |
||
− | padding: 7px; |
||
− | box-sizing: border-box; |
||
− | margin: 0 2px 4px; |
||
− | } |
||
− | |||
− | .fake-bullet::before { |
||
− | content: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%2300528c%22%2F%3E%0A%3C%2Fsvg%3E%0A); |
||
− | padding-right: 5px; |
||
− | } |
||
− | |||
− | .fake-bullet { |
||
− | padding: 1px 0; |
||
− | white-space: nowrap; |
||
− | } |
||
− | |||
− | #mf-wikiheader > div{ |
||
− | background: #E4F0F7; |
||
− | padding: 8px; |
||
− | color: #033251; |
||
− | text-align: center; |
||
− | } |
||
− | |||
− | |||
− | #latest-version{ |
||
− | line-height:1; |
||
− | display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; |
||
− | -webkit-box-pack: center; -ms-flex-pack:center; -webkit-justify-content: center; -moz-justify-content: center;justify-content: center; |
||
− | -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; |
||
− | -ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap; |
||
− | } |
||
− | #latest-version *{ |
||
− | vertical-align:middle; |
||
− | } |
||
− | #latest-version a.external{ |
||
− | padding: 0; |
||
− | background: none; |
||
− | color: #0645ad; |
||
− | } |
||
− | #latest-version ul{ |
||
− | display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; |
||
− | -webkit-box-pack: center; -ms-flex-pack:center; -webkit-justify-content: center; -moz-justify-content: center;justify-content: center; |
||
− | -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; |
||
− | -ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap; |
||
− | margin: 0; |
||
− | } |
||
− | #latest-version ul li{ |
||
− | display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; |
||
− | -webkit-box-pack: center; -ms-flex-pack:center; -webkit-justify-content: center; -moz-justify-content: center;justify-content: center; |
||
− | -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; |
||
− | margin: 0.75em 1.5em; |
||
− | } |
||
− | #latest-version ul li > div{ |
||
− | margin: auto auto auto 0.5em; |
||
− | text-align: left; |
||
− | } |
||
− | #latest-version ul li > div > *{ |
||
− | display: block; |
||
− | } |
||
− | #latest-version ul li > div.pic > *{ |
||
− | display: inline; |
||
− | } |
||
− | #latest-version ul li > div > span{ |
||
− | font-size: 10px; |
||
− | } |
||
− | #latest-version ul li > div > strong{ |
||
− | font-size: 18px; |
||
− | } |
||
− | #latest-version ul li > div > small{ |
||
− | font-size: 10px; |
||
− | color: #999; |
||
− | } |
||
− | #latest-version div.pic{ |
||
− | text-align: center; |
||
− | } |
||
− | |||
− | /* -- desktop view for mobile screen -- */ |
||
− | @media(max-width: 720px){ |
||
− | html body{ |
||
− | margin-top: 0 !important; |
||
− | } |
||
− | div#netbar{ |
||
− | overflow: hidden; |
||
− | height: auto; |
||
− | position: static; |
||
− | width: 100%; |
||
− | } |
||
− | #netbar .netbar-flex{ |
||
− | flex-wrap: wrap; |
||
− | } |
||
− | #mw-page-base, #mw-head-base{ |
||
− | display: none; |
||
− | } |
||
− | div#pageWrapper{ |
||
− | position: relative; |
||
− | padding-top: 0.5em; |
||
− | margin-right: auto; |
||
− | margin: auto 5px; |
||
− | } |
||
− | div#content{ |
||
− | margin: 3em auto auto; |
||
− | } |
||
− | #mw-navigation{ |
||
− | position: absolute; |
||
− | left: 0; top: 0.5em; |
||
− | width: 100%; |
||
− | height: 3em; |
||
− | } |
||
− | div#mw-head { |
||
− | position: relative !important; |
||
− | height: 100%; |
||
− | margin-top: auto; |
||
− | font-size: 12px; |
||
− | line-height: 1; |
||
− | } |
||
− | div#mw-head div.vectorTabs{ |
||
− | float: none; |
||
− | display: block; |
||
− | position: relative; |
||
− | background: none; |
||
− | height: auto; |
||
− | line-height: 1; |
||
− | } |
||
− | div#mw-head div.vectorTabs span{ |
||
− | height: auto; |
||
− | } |
||
− | div#mw-head div.vectorTabs a{ |
||
− | float: none; |
||
− | padding: 0.25em; |
||
− | height: auto; |
||
− | font-size: 1em; |
||
− | } |
||
− | div#mw-head div.vectorTabs ul,div#mw-head div.vectorTabs li{ |
||
− | line-height: inherit; |
||
− | float: none; |
||
− | background: none; |
||
− | height: auto; |
||
− | } |
||
− | div#mw-head div.vectorTabs ul{ |
||
− | display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex; |
||
− | -webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center; |
||
− | -moz-align-items:center;align-items:center; |
||
− | } |
||
− | div#mw-head div.vectorTabs ul li{ |
||
− | display: block; |
||
− | margin-right: 0.5em; |
||
− | } |
||
− | div#mw-head div.vectorTabs ul li:last-child{ |
||
− | margin-right: 0; |
||
− | } |
||
− | div#mw-head div.vectorMenu{ |
||
− | float: none; |
||
− | display: block; |
||
− | position: relative; |
||
− | background: none; |
||
− | line-height: 1; |
||
− | } |
||
− | div#mw-head div.vectorMenu h3{ |
||
− | height: auto; |
||
− | float: none; |
||
− | background: none; |
||
− | padding: 0 !important; |
||
− | margin: 0; |
||
− | } |
||
− | div#mw-head div.vectorMenu h3 span{ |
||
− | padding: 0.25em; |
||
− | margin: 0; |
||
− | font-size: 1em; |
||
− | } |
||
− | div#mw-head div.vectorMenu h3 a{ |
||
− | display: none; |
||
− | } |
||
− | div#p-namespaces,div#p-views,div#p-variants,div#p-cactions{ |
||
− | top:0; |
||
− | float: none; |
||
− | } |
||
− | div#mw-head div.emptyPortlet{ |
||
− | display: none; |
||
− | } |
||
− | div#mw-head div.vectorMenu div.menu{ |
||
− | top: 100%; |
||
− | margin-top: 0.25em; |
||
− | border: 1px solid #a2a9b1; |
||
− | } |
||
− | div#mw-head div.vectorMenu div.menu a{ |
||
− | font-size: 1em; |
||
− | } |
||
− | |||
− | div#left-navigation{ |
||
− | float: none; |
||
− | margin: auto; |
||
− | position: absolute; |
||
− | left: 5px; |
||
− | margin-left: -0.25em; |
||
− | top: auto; |
||
− | bottom: 0.25em; |
||
− | display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex; |
||
− | -webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center; |
||
− | -moz-align-items:center;align-items:center; |
||
− | } |
||
− | div#right-navigation{ |
||
− | float: none; |
||
− | margin: auto; |
||
− | position: absolute; |
||
− | right: 5px; |
||
− | margin-right: -0.25em; |
||
− | top: auto; |
||
− | bottom: 0.25em; |
||
− | text-align: right; |
||
− | display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex; |
||
− | -webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center; |
||
− | -moz-align-items:center;align-items:center; |
||
− | } |
||
− | div#mw-head div#left-navigation div.vectorMenu, |
||
− | div#mw-head div#left-navigation div.vectorTabs{ |
||
− | margin-right: 0.5em; |
||
− | } |
||
− | div#mw-head div#left-navigation div.vectorMenu:last-child, |
||
− | div#mw-head div#left-navigation div.vectorTabs:last-child{ |
||
− | margin-right: 0; |
||
− | } |
||
− | div#mw-head div#right-navigation div.vectorMenu, |
||
− | div#mw-head div#right-navigation div.vectorTabs{ |
||
− | margin-left: 0.5em; |
||
− | } |
||
− | div#mw-head div#right-navigation div.vectorMenu:first-child, |
||
− | div#mw-head div#right-navigation div.vectorTabs:first-child{ |
||
− | margin-left: 0; |
||
− | } |
||
− | /* right offset */ |
||
− | #p-cactions div.menu{ |
||
− | left: auto; |
||
− | right: 0; |
||
− | } |
||
− | div#mw-head div.vectorTabs li.mw-watchlink{ |
||
− | width: 18px; |
||
− | height: 18px; |
||
− | overflow: hidden; |
||
− | } |
||
− | div#mw-head div.vectorTabs li.mw-watchlink a{ |
||
− | width: 18px; |
||
− | height: 18px; |
||
− | padding: 30px 0 0 0; |
||
− | background-position: center 1px; |
||
− | } |
||
− | /* search */ |
||
− | div#p-search{ |
||
− | float: none; |
||
− | width: auto; |
||
− | height: 23px; |
||
− | position: absolute; |
||
− | top: auto; |
||
− | right: 0.25em; |
||
− | margin: auto; |
||
− | bottom: 22px; |
||
− | } |
||
− | div#p-search h3{ |
||
− | display: none; |
||
− | } |
||
− | div#p-search form{ |
||
− | margin: auto; |
||
− | width: auto; |
||
− | height: 100%; |
||
− | display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex; |
||
− | -webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center; |
||
− | -moz-align-items:center;align-items:center; |
||
− | } |
||
− | div#simpleSearch{ |
||
− | width: auto; |
||
− | height: auto; |
||
− | margin: auto; |
||
− | border: none; |
||
− | background: none; |
||
− | } |
||
− | div#p-search div#simpleSearch #searchInput{ |
||
− | width: 20em; |
||
− | padding: 0.25em; |
||
− | box-sizing: border-box; |
||
− | background-color: #fff; |
||
− | font-size: 12px; |
||
− | border: 1px solid #aaa; |
||
− | border-radius: 1px; |
||
− | } |
||
− | div#mw-navigation div#mw-panel{ |
||
− | position: absolute !important; |
||
− | top: 2em; |
||
− | left: 0; |
||
− | padding: 0; |
||
− | width: 100%; |
||
− | display: block; |
||
− | font-size: inherit; |
||
− | background: rgba(0,0,0,0.9); |
||
− | overflow: visible; |
||
− | z-index: 999; |
||
− | } |
||
− | div#p-logo{ |
||
− | display: block; |
||
− | position: absoulte; |
||
− | left: 5px; |
||
− | top: -2em; |
||
− | width: 71px; |
||
− | height: 25px !important; |
||
− | border-radius: 3px; |
||
− | overflow: hidden; |
||
− | } |
||
− | #p-logo a{ |
||
− | width: 71px; |
||
− | height: 25px; |
||
− | background-position: -2px -25px; |
||
− | background-size: 75px auto; |
||
− | } |
||
− | div#mw-navigation div#mw-panel .portal{ |
||
− | width: auto; |
||
− | margin: 0.5em; |
||
− | margin-bottom: 1em; |
||
− | padding: 0; |
||
− | display: none; |
||
− | } |
||
− | div#mw-navigation div#mw-panel .portal h3{ |
||
− | display: block !important; |
||
− | padding: 0 !important; |
||
− | background: none !important; |
||
− | } |
||
− | div#mw-navigation div#mw-panel .portal div.body{ |
||
− | display: block !important; |
||
− | padding: 0 !important; |
||
− | margin: 0 !important; |
||
− | overflow: hidden; |
||
− | } |
||
− | div#mw-navigation div#mw-panel .portal div.body ul{ |
||
− | margin-left: -0.5em; |
||
− | } |
||
− | div#mw-navigation div#mw-panel .portal div.body li{ |
||
− | display: inline-block !important; |
||
− | padding: 0.5em 1.5em !important; |
||
− | } |
||
− | .socialSidebar{ |
||
− | overflow: hidden; |
||
− | text-align: center; |
||
− | width: auto; |
||
− | margin-top: 2em; |
||
− | } |
||
− | /**/ |
||
− | div#mw-navigation div#mw-panel .resize-sensor{ |
||
− | position: absolute !important; |
||
− | top: -2em !important; |
||
− | left: 85px !important; |
||
− | right: auto !important; |
||
− | bottom: auto !important; |
||
− | visibility: visible !important; |
||
− | margin-top: 0 !important; |
||
− | width: 24px !important; |
||
− | height: 24px !important; |
||
− | z-index: 999 !important; |
||
− | display: block; |
||
− | background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggY2xhc3M9Imhlcm9pY29uLXVpIiBzdHJva2U9IndoaXRlIiBmaWxsPSJ3aGl0ZSIgZD0iTTQgNWgxNmExIDEgMCAwIDEgMCAySDRhMSAxIDAgMSAxIDAtMnptMCA2aDE2YTEgMSAwIDAgMSAwIDJINGExIDEgMCAwIDEgMC0yem0wIDZoMTZhMSAxIDAgMCAxIDAgMkg0YTEgMSAwIDAgMSAwLTJ6Ii8+PC9zdmc+); |
||
− | background-size: 100% 100%; |
||
− | background-position: center center; |
||
− | background-repeat: no-repeat; |
||
− | cursor: pointer; |
||
− | |||
− | } |
||
− | }/*end media max-width:720px*/ |
||
− | @media(max-width: 500px){ |
||
− | div#pageWrapper{ |
||
− | margin: auto; |
||
− | } |
||
− | #pageWrapper div#content{ |
||
− | -moz-border-radius: 0; |
||
− | -webkit-border-radius: 0; |
||
− | border-radius: 0; |
||
− | padding: 5px; |
||
− | } |
||
− | div#p-search div#simpleSearch #searchInput{ |
||
− | width: 14em; |
||
− | } |
||
− | div#p-sharing{ |
||
− | display: none !important; |
||
− | } |
||
− | } |
||
− | @media(max-width: 399px){ |
||
− | div#p-search div#simpleSearch{ |
||
− | max-width: 500px; |
||
− | } |
||
− | div#p-search, |
||
− | div#p-search div#simpleSearch, |
||
− | div#p-search div#simpleSearch #searchInput{ |
||
− | width: 100%; |
||
− | } |
||
− | } |
||
− | |||
− | /* Maximum image size class for storing NPC images in Cargo table */ |
||
− | .npcimg { |
||
− | height:auto; |
||
− | width:auto; |
||
− | max-height:100px; |
||
− | max-width:100px; |
||
− | } |
||
− | |||
− | /*crafts table*/ |
||
− | div.crafts{ |
||
− | margin-bottom: 4px; |
||
− | line-height: 1.5; |
||
− | display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; |
||
− | } |
||
− | |||
− | div.crafts .wrap{ |
||
− | border:1px solid #aaa; |
||
− | border-radius: 8px; |
||
− | padding: 6px 6px 2px; |
||
− | position: relative; |
||
− | } |
||
− | div.crafts .wrap::after{ |
||
− | content: ""; |
||
− | display: block; |
||
− | height: 1px; |
||
− | width: auto; |
||
− | background: #fcfcfc; |
||
− | position: absolute; |
||
− | bottom: 2px; |
||
− | left: 6px; right: 6px; |
||
− | } |
||
− | div.crafts caption{ |
||
− | font-size: 1.17em; |
||
− | background: #E4F0F7; |
||
− | padding: 0.25em; |
||
− | position: relative; |
||
− | margin-bottom: 2px; |
||
− | font-weight: bold; |
||
− | } |
||
− | div.crafts caption div._nav{ |
||
− | position: absolute; |
||
− | left: 1em; |
||
− | top: 0.5em; |
||
− | font-size: 10px; |
||
− | font-weight: normal; |
||
− | } |
||
− | div.crafts caption div._nav s{ |
||
− | text-decoration: none; |
||
− | } |
||
− | div.crafts th{ |
||
− | background: #E4F0F7; |
||
− | padding: 0.25em 0.5em; |
||
− | border-right: 1px solid #f9f9f9; |
||
− | border-left: 1px solid #f9f9f9; |
||
− | } |
||
− | div.crafts th:first-child{ |
||
− | border-left: 0; |
||
− | } |
||
− | div.crafts th:last-child{ |
||
− | border-right: 0; |
||
− | } |
||
− | div.crafts td{ |
||
− | padding: 0.25em 0.5em; |
||
− | border-bottom: 1px solid #ccc; |
||
− | } |
||
− | div.crafts td.station{ |
||
− | border-left: 1px solid #ccc; |
||
− | } |
||
− | div.crafts.nostation th.station, |
||
− | div.crafts.nostation td.station{ |
||
− | display: none; |
||
− | } |
||
− | div.crafts table ul{ |
||
− | margin: 0; |
||
− | list-style: none; |
||
− | } |
||
− | div.crafts table li{ |
||
− | margin: 3px auto; |
||
− | } |
||
− | |||
− | |||
− | /* infobox & wrapper*/ |
||
− | .infobox{ |
||
− | border: 1px solid #aaa; |
||
− | border-radius: 8px; |
||
− | padding: 6px; |
||
− | float: right; |
||
− | font-size: 12px; |
||
− | background-color: #f9f9f9; |
||
− | color: black; |
||
− | margin: 0 0 0.5em 1em; |
||
− | } |
||
− | .infobox.float-right{ |
||
− | float: right; |
||
− | margin: 0 0 0.5em 1em; |
||
− | } |
||
− | .infobox.float-left{ |
||
− | float: left; |
||
− | margin:0 1em 0.5em 0; |
||
− | } |
||
− | }.infobox.float-none{ |
||
− | float: none; |
||
− | margin:0 1em 0.5em 0; |
||
− | } |
||
− | .infobox.item{ |
||
− | width: 21em; |
||
− | } |
||
− | .infobox table{ |
||
− | background-color: transparent; |
||
− | width: 100%; |
||
− | border-spacing: 0; |
||
− | } |
||
− | .item.infobox table th{ |
||
− | white-space: nowrap; |
||
− | padding: 2px; |
||
− | text-align: right; |
||
− | border-right: 1px solid #f9f9f9; |
||
− | width: 5em; |
||
− | vertical-align: middle; |
||
− | } |
||
− | .item.infobox table td{ |
||
− | padding: 2px; |
||
− | border-left: 1px solid #f9f9f9; |
||
− | vertical-align: middle; |
||
− | } |
||
− | .infobox .title{ |
||
− | background-color: #E4F0F7; |
||
− | color: #063B5E; |
||
− | font-weight: bold; |
||
− | text-align: center; |
||
− | padding: 2px 0; |
||
− | } |
||
− | .infobox > .title{ |
||
− | font-size: 15px; |
||
− | padding: 8px 0; |
||
− | line-height: 1.2; |
||
− | } |
||
− | .infobox > .title span{ |
||
− | display: block; |
||
− | font-size: 12px; |
||
− | color: slategray; |
||
− | font-style: italic; |
||
− | } |
||
− | .infobox > .title span::before{ |
||
− | content: "("; |
||
− | font-style: normal; |
||
− | } |
||
− | .infobox > .title span::after{ |
||
− | content: ")"; |
||
− | font-style: normal; |
||
− | } |
||
− | .infobox-wrapper.float-right{ |
||
− | float: right; |
||
− | margin-left: 0.5em; |
||
− | } |
||
− | .infobox-wrapper.float-left{ |
||
− | float: left; |
||
− | margin-right: 0.5em; |
||
− | } |
||
− | }.infobox-wrapper.float-none{ |
||
− | float: none; |
||
− | } |
||
− | |||
− | .infobox-wrapper.float-right.direction-row .infobox, |
||
− | .infobox-wrapper.float-right.direction-row-reverse .infobox, |
||
− | .infobox-wrapper.float-right.direction-row .infobox.float-left, |
||
− | .infobox-wrapper.float-right.direction-row-reverse .infobox.float-left, |
||
− | .infobox-wrapper.float-right.direction-row .infobox.float-right, |
||
− | .infobox-wrapper.float-right.direction-row-reverse .infobox.float-right, |
||
− | .infobox-wrapper.float-right.direction-row .infobox.float-none, |
||
− | .infobox-wrapper.float-right.direction-row-reverse .infobox.float-none{ |
||
− | float: none; |
||
− | margin: 0 0 0.5em 0.5em; |
||
− | } |
||
− | .infobox-wrapper.float-left.direction-row .infobox, |
||
− | .infobox-wrapper.float-left.direction-row-reverse .infobox, |
||
− | .infobox-wrapper.float-left.direction-row .infobox.float-left, |
||
− | .infobox-wrapper.float-left.direction-row-reverse .infobox.float-left, |
||
− | .infobox-wrapper.float-left.direction-row .infobox.float-none, |
||
− | .infobox-wrapper.float-left.direction-row-reverse .infobox.float-none, |
||
− | .infobox-wrapper.float-left.direction-row .infobox.float-right, |
||
− | .infobox-wrapper.float-left.direction-row-reverse .infobox.float-right, |
||
− | .infobox-wrapper.float-none.direction-row .infobox, |
||
− | .infobox-wrapper.float-none.direction-row-reverse .infobox, |
||
− | .infobox-wrapper.float-none.direction-row .infobox.float-left, |
||
− | .infobox-wrapper.float-none.direction-row-reverse .infobox.float-left, |
||
− | .infobox-wrapper.float-none.direction-row .infobox.float-none, |
||
− | .infobox-wrapper.float-none.direction-row-reverse .infobox.float-none, |
||
− | .infobox-wrapper.float-none.direction-row .infobox.float-right, |
||
− | .infobox-wrapper.float-none.direction-row-reverse .infobox.float-right{ |
||
− | float: none; |
||
− | margin: 0 0.5em 0.5em 0; |
||
− | } |
||
− | .infobox-wrapper.float-left.direction-column .infobox, |
||
− | .infobox-wrapper.float-left.direction-column-reverse .infobox, |
||
− | .infobox-wrapper.float-left.direction-column .infobox.float-left, |
||
− | .infobox-wrapper.float-left.direction-column-reverse .infobox.float-left, |
||
− | .infobox-wrapper.float-left.direction-column .infobox.float-none, |
||
− | .infobox-wrapper.float-left.direction-column-reverse .infobox.float-none, |
||
− | .infobox-wrapper.float-left.direction-column .infobox.float-right, |
||
− | .infobox-wrapper.float-left.direction-column-reverse .infobox.float-right{ |
||
− | float: left; |
||
− | margin: 0 0.5em 0.5em 0; |
||
− | } |
||
− | .infobox-wrapper.float-none.direction-column .infobox, |
||
− | .infobox-wrapper.float-none.direction-column-reverse .infobox, |
||
− | .infobox-wrapper.float-none.direction-column .infobox.float-right, |
||
− | .infobox-wrapper.float-none.direction-column-reverse .infobox.float-right{ |
||
− | float: right; |
||
− | margin: 0 0 0.5em 0.5em; |
||
− | } |
||
− | .infobox-wrapper.float-none.direction-column .infobox.float-left, |
||
− | .infobox-wrapper.float-none.direction-column-reverse .infobox.float-left, |
||
− | .infobox-wrapper.float-none.direction-column .infobox.float-none, |
||
− | .infobox-wrapper.float-none.direction-column-reverse .infobox.float-none{ |
||
− | float: left; |
||
− | margin: 0 0.5em 0.5em 0; |
||
− | } |
||
− | .infobox-wrapper.float-right.direction-column .infobox, |
||
− | .infobox-wrapper.float-right.direction-column-reverse .infobox, |
||
− | .infobox-wrapper.float-right.direction-column .infobox.float-left, |
||
− | .infobox-wrapper.float-right.direction-column-reverse .infobox.float-left, |
||
− | .infobox-wrapper.float-right.direction-column .infobox.float-none, |
||
− | .infobox-wrapper.float-right.direction-column-reverse .infobox.float-none, |
||
− | .infobox-wrapper.float-right.direction-column .infobox.float-right, |
||
− | .infobox-wrapper.float-right.direction-column-reverse .infobox.float-right{ |
||
− | float: right; |
||
− | margin: 0 0 0.5em 0.5em; |
||
− | } |
||
− | |||
− | .item.infobox .images{ |
||
− | position: relative; |
||
− | padding: 6px 0; |
||
− | min-height: 40px; |
||
− | text-align: center; |
||
− | display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex; |
||
− | -webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center; |
||
− | -webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center; |
||
− | } |
||
− | .item.infobox .images .auto, .infobox.item .images .stack{ |
||
− | position: absolute; |
||
− | right: 3px; |
||
− | } |
||
− | .item.infobox .images .auto{ |
||
− | top: 3px; |
||
− | } |
||
− | .item.infobox .images .stack{ |
||
− | bottom: 3px; |
||
− | } |
||
− | .item.infobox ul{ |
||
− | list-style: none; |
||
− | margin: auto; |
||
− | text-align: center; |
||
− | } |
||
− | .item.infobox .images ul.inline li{ |
||
− | display: inline-block; |
||
− | padding: 0 8px 0 9px; |
||
− | margin: 2px auto; |
||
− | position: relative; |
||
− | } |
||
− | .item.infobox .images ul.inline li::before{ |
||
− | content: ""; |
||
− | display: block; |
||
− | width: 1px; |
||
− | background: #ccc; |
||
− | height: 80%; |
||
− | position: absolute; |
||
− | left: 0; |
||
− | top: 10%; |
||
− | } |
||
− | .item.infobox .images ul.inline li:first-child::before{ |
||
− | display: none; |
||
− | } |
||
− | .item.infobox .images ul.block li{ |
||
− | display: block; |
||
− | padding: 13px 0 0 0; |
||
− | margin: auto; |
||
− | position: relative; |
||
− | } |
||
− | .item.infobox .images ul.block li::before{ |
||
− | content: ""; |
||
− | display: block; |
||
− | height: 1px; |
||
− | background: #ccc; |
||
− | width: 80%; |
||
− | position: absolute; |
||
− | left: 10%; |
||
− | top: 6px; |
||
− | } |
||
− | .item.infobox .images ul.block li:first-child{ |
||
− | padding-top: 0; |
||
− | } |
||
− | .item.infobox .images ul.block li:first-child::before{ |
||
− | display: none; |
||
− | } |
||
− | .item.infobox ul.toolpower{ |
||
− | padding: 6px 0; |
||
− | cursor: pointer; |
||
− | } |
||
− | .item.infobox ul.toolpower li{ |
||
− | display: inline-block; |
||
− | padding: 0 0.5em; |
||
− | } |
||
− | .item.infobox .stat td > small{ |
||
− | font-size: 10.5px; |
||
− | font-weight: bold; |
||
− | } |
||
− | .item.infobox .stat td > small::before{ |
||
− | content: "("; |
||
− | } |
||
− | .item.infobox .stat td > small::after{ |
||
− | content: ")"; |
||
− | } |
||
− | .item.infobox tr.buff th, .item.infobox tr.buff td{ |
||
− | background-color: #E4F0F7; |
||
− | border: 1px solid #f9f9f9; |
||
− | } |
||
− | .item.infobox tr.buff th{ |
||
− | border-left: 0; |
||
− | } |
||
− | .item.infobox tr.buff td{ |
||
− | border-right: 0; |
||
− | } |
||
− | .item.infobox tr.buff td b{ |
||
− | font-weight: bold; |
||
− | white-space: nowrap; |
||
− | } |
||
− | .item.infobox .section.ids{ |
||
− | margin-top: 3px; |
||
− | border-top: 1px solid #aaa; |
||
− | text-align: center; |
||
− | font-size: 10.5px; |
||
− | background-color: #E4F0F7; |
||
− | color: #063B5E; |
||
− | } |
||
− | .item.infobox .section.ids li{ |
||
− | padding: 2px 0; |
||
− | border-bottom: 2px solid #f9f9f9; |
||
− | margin: 0; |
||
− | font-weight: bold; |
||
− | } |
||
− | .item.infobox .section.ids li:last-child{ |
||
− | border-bottom: 0; |
||
− | } |
||
− | |||
− | /* This governs the sections on the Community portal */ |
||
− | .cpbox { |
||
− | display: flex; |
||
− | flex-direction: row-reverse; |
||
− | flex-wrap: wrap; |
||
− | } |
||
− | |||
− | .cpbox #admins { |
||
− | box-sizing: border-box; |
||
− | width: calc(33% - 10px); |
||
− | margin: 5px; |
||
− | flex-grow: 1; |
||
− | min-width: 300px; |
||
− | } |
||
− | |||
− | .cpbox #help { |
||
− | box-sizing: border-box; |
||
− | width: calc(67% - 10px); |
||
− | margin: 5px; |
||
− | flex-grow: 1; |
||
− | } |
||
− | |||
− | /* Tab fixes */ |
||
− | div.vectorMenu h3:hover span, div.vectorMenu h3:focus span { |
||
− | color: #E4F0F7; |
||
− | } |
||
− | div.vectorMenu h3 span::after { |
||
− | background-image: url("https://commons.gamepedia.com/media/8/80/Vector_menu_downarrow_white.png") !important; |
||
− | } |