|
|
| Line 1: |
Line 1: |
| @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap');
| | #mw-head::before { |
| | | content: ""; |
| :root {
| | display: block; |
| --color-bg-page: #000000;
| | position: absolute; |
| --color-bg-content: #1e1f22;
| | left: 50%; |
| --color-text-base: #e6e6e6;
| | top: 50%; |
| --color-primary: #a862ea;
| | transform: translate(-50%, -50%); |
| }
| | width: 45px; |
| | | height: 45px; |
| body {
| | background-image: url('https://wiki.jcraft-eoe.com/images/7/71/JCraft_Icon.png'); |
| background-color: #000000 !important;
| |
| background-image: url('https://wiki.jcraft-eoe.com/images/6/65/Wiki_Background.png') !important;
| |
| background-attachment: fixed !important;
| |
| background-size: cover !important;
| |
| background-repeat: no-repeat !important;
| |
| background-position: center top !important;
| |
| font-family: 'Rubik', sans-serif !important;
| |
| color: #e6e6e6 !important;
| |
| }
| |
| | |
| #mw-panel {
| |
| display: none !important;
| |
| }
| |
| | |
| #content {
| |
| background-color: rgba(30, 31, 34, 0.96) !important;
| |
| max-width: 1100px !important;
| |
| margin: 40px auto 40px auto !important;
| |
| border-radius: 8px !important;
| |
| padding: 40px !important;
| |
| box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
| |
| border: 1px solid #2b2d31 !important;
| |
| color: #e6e6e6 !important;
| |
| position: relative !important;
| |
| }
| |
| | |
| #mw-head {
| |
| background: rgba(18, 18, 18, 0.8) !important;
| |
| backdrop-filter: blur(10px);
| |
| border-bottom: 1px solid #333 !important;
| |
| left: 0 !important;
| |
| }
| |
| | |
| #left-navigation {
| |
| margin-left: 20px !important;
| |
| }
| |
| | |
| #mw-page-base, #mw-head-base {
| |
| background: transparent !important;
| |
| }
| |
| | |
| .mc-crafting-wrapper {
| |
| display: flex !important;
| |
| flex-direction: row !important;
| |
| align-items: center !important;
| |
| gap: 20px !important;
| |
| background: #c6c6c6 !important;
| |
| padding: 20px !important;
| |
| border: 2px solid #373737 !important;
| |
| width: min-content !important;
| |
| margin: 1em auto !important;
| |
| }
| |
| | |
| .mc-grid {
| |
| display: grid !important;
| |
| grid-template-columns: repeat(3, 50px) !important;
| |
| grid-template-rows: repeat(3, 50px) !important;
| |
| gap: 2px !important;
| |
| background: #8b8b8b !important;
| |
| border: 2px solid #8b8b8b !important;
| |
| width: 154px !important;
| |
| height: 154px !important;
| |
| }
| |
| | |
| .mc-cell {
| |
| width: 50px !important; | |
| height: 50px !important;
| |
| background: #8b8b8b !important;
| |
| border: 2px solid !important;
| |
| border-color: #373737 #ffffff #ffffff #373737 !important;
| |
| display: flex !important;
| |
| align-items: center !important;
| |
| justify-content: center !important;
| |
| box-sizing: border-box !important;
| |
| }
| |
| | |
| .mc-cell img, .mc-result img {
| |
| max-width: 32px !important;
| |
| height: auto !important;
| |
| display: block !important; | |
| margin: 0 auto !important; | |
| }
| |
| | |
| .mc-arrow {
| |
| font-size: 32px !important;
| |
| color: #373737 !important; | |
| font-family: sans-serif !important; | |
| }
| |
| | |
| .mc-result {
| |
| width: 64px !important;
| |
| height: 64px !important;
| |
| background: #8b8b8b !important;
| |
| border: 2px solid !important; | |
| border-color: #373737 #ffffff #ffffff #373737 !important;
| |
| display: flex !important;
| |
| align-items: center !important;
| |
| justify-content: center !important;
| |
| box-sizing: border-box !important;
| |
| }
| |
| | |
| .mw-mmv-image-wrapper { background-color: rgba(0, 0, 0, 0.9) !important; }
| |
| .mw-mmv-post-image { background-color: #1e1f22 !important; color: #e6e6e6 !important; }
| |
| | |
| figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'], .thumb, .thumbinner {
| |
| background-color: transparent !important;
| |
| background: none !important;
| |
| border: none !important;
| |
| box-shadow: none !important;
| |
| padding: 0 !important;
| |
| width: auto !important;
| |
| }
| |
| | |
| .thumbcaption, figure figcaption {
| |
| color: #ffffff !important;
| |
| font-size: 12.6px !important;
| |
| text-align: center !important;
| |
| text-shadow: 1px 1px 2px rgba(0,0,0,0.8) !important;
| |
| }
| |
| | |
| .magnify, .magnifier { display: none !important; }
| |
| | |
| .firstHeading { font-size: 32px !important; font-weight: 700 !important; color: #fff !important; border-bottom: 1px solid #444 !important; }
| |
| h2 { font-size: 24px !important; font-weight: 600 !important; color: #fff !important; border-bottom: 1px solid #a862ea !important; }
| |
| | |
| h3, h4, h5, h6 {
| |
| color: #ffffff !important;
| |
| border-bottom: none !important;
| |
| text-decoration: none !important;
| |
| }
| |
| | |
| a { color: #a862ea !important; }
| |
| a:visited { color: #8c4dbf !important; }
| |
| | |
| #p-views li, #p-cactions li, #p-namespaces li,
| |
| #p-views li a, #p-cactions li a, #p-namespaces li a,
| |
| #p-views li.selected a, #p-namespaces li.selected a,
| |
| #p-views li a:hover, #p-cactions li a:hover, #p-namespaces li a:hover {
| |
| background-color: #1e1f22 !important;
| |
| background-image: none !important;
| |
| color: #e6e6e6 !important;
| |
| border: 1px solid #333 !important;
| |
| border-bottom: none !important;
| |
| }
| |
| | |
| #p-views li.selected, #p-namespaces li.selected {
| |
| border-bottom: 2px solid #a862ea !important;
| |
| }
| |
| | |
| .portable-infobox {
| |
| background-color: #1e1f22 !important;
| |
| border: 1px solid #a862ea !important;
| |
| color: #e6e6e6 !important;
| |
| width: 270px !important;
| |
| border-radius: 4px;
| |
| }
| |
| | |
| .portable-infobox .pi-title { background-color: #111 !important; color: #fff !important; font-size: 21px !important; }
| |
| .portable-infobox .pi-header { background-color: #111 !important; color: #fff !important; border-bottom: none !important; }
| |
| | |
| .stat-wheel-container {
| |
| position: relative;
| |
| width: 220px; | |
| height: 220px; | |
| margin: 20px auto;
| |
| background-image: url('https://wiki.jcraft-eoe.com/images/a/a2/StandChart_Background.png'); | |
| background-size: contain; | | background-size: contain; |
| background-repeat: no-repeat; | | background-repeat: no-repeat; |
| background-position: center; | | background-position: center; |
| | cursor: pointer; |
| | z-index: 100; |
| } | | } |
|
| |
|
| .stat-point {
| | #p-logo { |
| | display: block !important; |
| position: absolute; | | position: absolute; |
| font-weight: bold; | | left: 50%; |
| font-size: 20px;
| | top: 0; |
| color: #fff;
| | transform: translateX(-50%); |
| text-shadow: 2px 2px 4px #000;
| | width: 45px; |
| }
| | height: 100%; |
| | | z-index: 101; |
| .stat-point.power { top: -10px; left: 50%; transform: translateX(-50%); }
| |
| .stat-point.speed { top: 40px; right: 0px; }
| |
| .stat-point.range { bottom: 40px; right: 0px; }
| |
| .stat-point.durability { bottom: -10px; left: 50%; transform: translateX(-50%); }
| |
| .stat-point.precision { bottom: 40px; left: 0px; }
| |
| .stat-point.potential { top: 40px; left: 0px; }
| |
| | |
| .stat-wheel-wrapper .pi-data-label {
| |
| display: none !important; | |
| }
| |
| | |
| .stat-wheel-wrapper .pi-data-value {
| |
| background: transparent !important; | |
| padding: 0 !important; | |
| width: 100% !important;
| |
| } | | } |
|
| |
|
| .rank-value:contains("A") {
| | #p-logo a { |
| color: #ffcc00 !important; | | display: block; |
| text-shadow: 0 0 10px rgba(255, 204, 0, 0.8); | | width: 100%; |
| | height: 100%; |
| | text-indent: -9999px; |
| } | | } |
|
| |
| #toc, .toc {
| |
| background-color: #1e1f22 !important;
| |
| border: 1px solid #2b2d31 !important;
| |
| border-top: 3px solid #a862ea !important;
| |
| padding: 15px !important;
| |
| }
| |
|
| |
| .pi-section-navigation .pi-section-tab.pi-section-active,
| |
| .pi-section-navigation .pi-section-tab.current,
| |
| .pi-media-collection .pi-tab-link.current {
| |
| background: transparent !important;
| |
| background-color: transparent !important;
| |
| background-image: none !important;
| |
| border-bottom: 2px solid #a862ea !important;
| |
| }
| |
|
| |
| .pi-section-navigation .pi-section-tab.current,
| |
| .pi-section-navigation .pi-section-tab.current b,
| |
| .pi-media-collection .pi-tab-link.current {
| |
| color: #a862ea !important;
| |
| font-weight: bold !important;
| |
| }
| |
|
| |
| .pi-section-navigation {
| |
| background-color: #0a0a0a !important;
| |
| display: flex !important;
| |
| margin: 0 !important;
| |
| padding: 0 !important;
| |
| border-bottom: 1px solid #333 !important;
| |
| }
| |
|
| |
| .pi-section-tab {
| |
| flex: 1;
| |
| text-align: center;
| |
| padding: 10px 5px !important;
| |
| color: #bbb !important;
| |
| cursor: pointer;
| |
| }
| |
|
| |
| .mw-collapsible-content img[src$=".gif"] {
| |
| display: block !important;
| |
| visibility: visible !important;
| |
| }
| |
|
| |
| .wikitable, .loot-table { background-color: #1e1f22 !important; color: #e6e6e6 !important; border: 1px solid #333 !important; }
| |
| .wikitable th, .loot-table th { background-color: #111111 !important; color: #ffffff !important; }
| |
|
| |
| .catlinks { background: #1e1f22; border: 1px solid #2b2d31; border-radius: 8px; }
| |
| #footer { display: none !important; }
| |