Guest User

WIP satisfactory wiki dark mode

a guest
Jul 14th, 2020
4
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*****************
  2. * Base framework *
  3. ******************/
  4. body {
  5. background-image:url(https://satisfactory.gamepedia.com/media/b/b2/Background_decoration.png); /*[[File:Background decoration.png]]*/
  6. background-attachment:fixed;
  7. background-repeat:no-repeat;
  8. background-position:bottom;
  9. background-size:100% auto;
  10. background-color:#050505;
  11. }
  12.  
  13. div#content{
  14. background-color:rgba(42,42,42,0.96);
  15. color:#ccc;
  16. margin-top:calc(3.5em - 1px);
  17. padding-top:2.45em;
  18. }
  19.  
  20. #mw-page-base {
  21. background:transparent;
  22. }
  23.  
  24. div#footer{
  25. background-color:#777;
  26. border: 2px solid #642;
  27. border-radius:15px;
  28. padding:0.75em;
  29. margin-top:4em;
  30. margin-bottom:2em;
  31. }
  32. #footer #footer-places li a{
  33. color:#03c;
  34. }
  35.  
  36. .mw-body {
  37. margin-left:11em;
  38. }
  39.  
  40. #pageWrapper {
  41. margin-right: 10px;
  42. }
  43.  
  44. /*********************
  45. * end base framework *
  46. **********************/
  47.  
  48. /**************************
  49. * Gamepedia footer tweaks *
  50. ***************************/
  51. footer {
  52. border-top:#f48020 1px solid;
  53. }
  54.  
  55. /* prevents the footer from breaking at narrow widths */
  56. footer#curse-footer .footer-box {
  57. flex:unset;
  58. }
  59.  
  60. footer#curse-footer ul li {
  61. white-space:nowrap;
  62. }
  63. /********************
  64. * End footer tweaks *
  65. *********************/
  66.  
  67. /********
  68. * Links *
  69. *********/
  70. .pseudo-link {
  71. color:#0a67ff;
  72. cursor:pointer;
  73. }
  74.  
  75. .pseudo-link:hover,
  76. .pseudo-link:focus {
  77. text-decoration: underline;
  78. }
  79. /************
  80. * End links *
  81. *************/
  82.  
  83. /*******
  84. * Logo *
  85. ********/
  86. #p-logo {
  87. position:absolute;
  88. height: 8.5em;
  89. width: 22em;
  90. background-size: contain;
  91. background-repeat:no-repeat;
  92. left:calc(50vw - 11em);
  93. top:-9.5em;
  94. }
  95.  
  96. #p-logo a {
  97. background-size: contain;
  98. height: 8.3em;
  99. width: 22em;
  100. }
  101. /***********
  102. * end logo *
  103. ************/
  104.  
  105. /***********
  106. * Headings *
  107. ************/
  108. h1#firstHeading {
  109. font-family: Verdana, Geneva, sans-serif;
  110. color:#f95;
  111. border-top: 2px solid #D1D0D0;
  112. border-bottom:1px solid #E89E58;
  113. margin-left: -0.42em;
  114. margin-right: -0.42em;
  115. padding-left: 0.5em;
  116. padding-right: 0.5em;
  117. }
  118.  
  119. #content h2,
  120. .fakeh2 {
  121. color:#fc9;
  122. border-bottom:1px solid #E89E58;
  123. }
  124.  
  125. #content h3, h4, h5, h6{
  126. color:#fff
  127. }
  128.  
  129. .fakeh2 {
  130. font-size: 1.5em;
  131. margin: 0;
  132. margin-top: 1em;
  133. margin-bottom: 0.25em;
  134. line-height: 1.3;
  135. padding: 0;
  136. background: none;
  137. font-weight: normal;
  138. overflow: hidden;
  139. }
  140.  
  141. /***************
  142. * End headings *
  143. ****************/
  144.  
  145. /**************
  146. * Vector tabs *
  147. ***************/
  148. div.vectorTabs {
  149. background: none;
  150. }
  151.  
  152. #left-navigation {
  153. margin-left:11.8em;
  154. }
  155.  
  156. #right-navigation {
  157. margin-right:30px;
  158. }
  159.  
  160. #right-navigation,
  161. #left-navigation {
  162. margin-top:8.5em;
  163. }
  164.  
  165. div#mw-head div.vectorTabs ul li a,
  166. div#mw-head div.vectorTabs ul li.new a,
  167. h3#p-sharing-label span,
  168. h3#p-cactions-label span {
  169. color:#bFbFbF;
  170. font-size:0.8em;
  171. font-weight:bold;
  172. text-decoration:none;
  173. }
  174.  
  175. div.vectorTabs li a {
  176. padding-left:0.7em;
  177. padding-right:0.7em;
  178. }
  179.  
  180. div.vectorTabs li span,
  181. div#mw-head div.vectorMenu h3 {
  182. background:none;
  183. }
  184.  
  185. div#mw-head div.vectorTabs ul li.selected span {
  186. background:#a63;
  187. }
  188.  
  189. div#mw-head div.vectorTabs ul li.selected span a {
  190. color:#fff;
  191. }
  192.  
  193. div.vectorTabs span a {
  194. padding-top:1em;
  195. }
  196.  
  197. div#mw-head div.vectorTabs ul li:not(.selected) span:hover,
  198. div#mw-head div.vectorTabs ul li:not(.selected) span:focus {
  199. background-color:#CCCBCB;
  200. }
  201.  
  202. div#mw-head div.vectorTabs ul li:not(.selected) span a:hover,
  203. div#mw-head div.vectorTabs ul li:not(.selected) span a:focus {
  204. color:#fff;
  205. }
  206.  
  207. h3#p-sharing-label span,
  208. h3#p-cactions-label span {
  209. margin-top:-0.25em;
  210. }
  211.  
  212. div.vectorTabs {
  213. padding-left:0;
  214. }
  215.  
  216. div.vectorTabs span,
  217. div.vectorTabs ul,
  218. div.vectorTabs ul li,
  219. div.vectorTabs ul li.selected {
  220. background: none;
  221. }
  222.  
  223. div#right-navigation div#p-search {
  224. margin-top:0.8em;
  225. margin-right:10.5px;
  226. }
  227.  
  228. div.vectorMenu div.menu {
  229. border: 2px solid #3F3E3B;
  230. border-radius:3px;
  231. background-color:rgba(0,0,0,0.8);
  232. color: ##fff6e7;
  233. text-shadow: 1px 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.3), 1px -1px 1px rgba(0,0,0,0.3), -1px -1px 1px rgba(0,0,0,0.3);
  234. box-shadow:inset 0 0 1px 0 rgba(0,0,0,0.75);
  235. }
  236.  
  237. div.vectorMenu div.menu ul {
  238. background-color:transparent;
  239. }
  240.  
  241. div.vectorMenu div.menu a {
  242. color:#D7DEE8;
  243. font-weight:bold;
  244. text-decoration:none;
  245. }
  246.  
  247. div.vectorMenu div.menu li:hover {
  248. background-color:rgba(255,255,255,0.2);
  249. box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
  250. }
  251.  
  252. div#p-cactions .menu {
  253. top:2.5em;
  254. }
  255.  
  256. div#p-sharing .menu {
  257. margin-left: .5em;
  258. min-width: 0px;
  259. width: 48px;
  260. top:2.5em;
  261. }
  262.  
  263. div#simpleSearch {
  264. margin-top:-0.5em;
  265. }
  266.  
  267. /******************
  268. * End Vector Tabs *
  269. *******************/
  270.  
  271. /**********
  272. * Sidebar *
  273. ***********/
  274. div#mw-panel {
  275. padding-top:2em;
  276. padding-left:.5em;
  277. }
  278.  
  279. div#mw-panel div.portal {
  280. padding:0;
  281. margin-left:0;
  282. margin-bottom:1em;
  283. }
  284.  
  285. div#mw-panel div.portal:not(#p-claimWiki):not(#p-socialProfiles):not(#p-sitePromos),
  286. div#mw-panel div.portal.collapsed {
  287. background-color:rgba(68,53,38,0.9);
  288. padding-top:0;
  289. border-radius:10px;
  290. }
  291.  
  292. div#mw-panel div.portal div.body ul li a,
  293. div#mw-panel div.portal div.body ul li a:visited,
  294. div#mw-panel div.portal div.body ul li a:link,
  295. #mw-panel.collapsible-nav a:visited{
  296. font-weight:bold;
  297. color:#ccc;
  298. }
  299.  
  300. div#mw-panel div.portal div.body ul li a:hover,
  301. div#mw-panel div.portal div.body ul li a:focus {
  302. color:#e59344;
  303. }
  304.  
  305. #mw-panel.collapsible-nav .portal div.body ul,
  306. #mw-panel .portal div.body ul{
  307. margin-right:0.5em;
  308. margin-bottom:0.3em;
  309. }
  310.  
  311. #mw-panel.collapsible-nav .portal div.body ul li,
  312. #mw-panel .portal div.body ul li {
  313. padding-left:0.2em;
  314. }
  315.  
  316. #mw-panel .portal div.body ul li a{
  317. margin-left:0.2em;
  318. font-size:0.9em;
  319. }
  320.  
  321. div#mw-panel div.portal h3:not(#p-socialProfiles-label):not(#p-sitePromos-label) {
  322. margin:0;
  323. padding:5px;
  324. text-align:center;
  325. font-weight:bold;
  326. font-size:0.9em;
  327. border-bottom:1px solid #E89E58;
  328. }
  329.  
  330. div#mw-panel div.portal.collapsed h3:not(#p-socialProfiles-label):not(#p-sitePromos-label) {
  331. border-bottom:0;
  332. }
  333.  
  334. div#mw-panel div.portal h3 a,
  335. div#mw-panel div.portal h3,
  336. #mw-panel.collapsible-nav .portal.collapsed h3,
  337. #mw-panel.collapsible-nav .portal h3 a,
  338. #mw-panel.collapsible-nav .portal.collapsed h3 a {
  339. font-weight:bold;
  340. color:#f94;
  341. }
  342.  
  343. div#mw-panel div.portal div.body {
  344. background-image:none;
  345. }
  346.  
  347. div#mw-panel {
  348. top:9.65em;
  349. }
  350.  
  351. /**************
  352. * End Sidebar *
  353. ***************/
  354.  
  355. /**************
  356. * Preferences *
  357. ***************/
  358. .client-js div#preferences {
  359. background:rgba(0,0,0,0.01);
  360. border:1px solid #7f7f7f;
  361. margin-top:1px;
  362. }
  363.  
  364. .client-js #preftoc,
  365. .client-js #preftoc li,
  366. .client-js #preftoc li a,
  367. .client-js #preftoc li {
  368. background-image: none;
  369. background-color: transparent;
  370. font-family: sans-serif;
  371. text-shadow:1px 1px 1px rgba(0,0,0,0.1);
  372. font-size:1em;
  373. }
  374.  
  375. .client-js #preftoc li a:active {
  376. font-size:1em;
  377. }
  378.  
  379. .client-js ul#preftoc {
  380. margin-left:-0.1em;
  381. margin-bottom:5px;
  382. }
  383.  
  384. .client-js #preftoc li.selected a {
  385. background-image: none;
  386. color: #000;
  387. text-decoration:none;
  388. }
  389.  
  390. .client-js #preftoc li.selected {
  391. border:0;
  392. border-bottom: 2px solid #e59344;
  393. border-radius: 5px / 1px;
  394. padding-right:0;
  395. }
  396.  
  397. .client-js #preftoc li:not(.selected) a:hover {
  398. color:#e59344;
  399. text-decoration:none;
  400. text-shadow:4px 4px 1px rgba(0,0,0,0.25);
  401. }
  402.  
  403. .client-js #preferences legend {
  404. color: #000;
  405. }
  406.  
  407. #preferences fieldset.prefsection fieldset {
  408. border-color:#7f7f7f;
  409. }
  410.  
  411. .client-js .htmlform-tip {
  412. color:#333;
  413. }
  414. /******************
  415. * End Preferences *
  416. *******************/
  417. /***************
  418. * Page History *
  419. ****************/
  420. ul#pagehistory > li {
  421. border:none;
  422. }
  423.  
  424. #pagehistory li.selected {
  425. background-color:rgba(0,0,0,0.1);
  426. border:1px solid #484951;
  427. }
  428.  
  429. table.diff {
  430. background-color:rgba(0,0,0,0.1);
  431. border-radius:20px;
  432. }
  433. /*******************
  434. * End Page History *
  435. ********************/
  436.  
  437. /*********************
  438. * tablepager styling *
  439. **********************/
  440. table.TablePager td {
  441. border:1px solid #aaa;
  442. }
  443.  
  444. table.TablePager tr th {
  445. color: #fff;
  446. border: 1px solid #aaaaaa;
  447. background-color: #575757;
  448. font-family: Verdana, Geneva, sans-serif;
  449. }
  450.  
  451. table.TablePager tr > td {
  452. background:rgba(0,0,0,0.01);
  453. }
  454.  
  455. table.TablePager tbody tr:hover td {
  456. background-color:rgba(127,127,127,0.25);
  457. }
  458. /*************************
  459. * end tablepager styling *
  460. **************************/
  461.  
  462. /********************
  463. * wikitable styling *
  464. *********************/
  465. table.wikitable {
  466. color:#aaa;
  467. border:1px solid #aaaaaa;
  468. background-color:rgba(0,0,0,0.01);
  469. box-shadow:4px 4px 0 rgba(0,0,0,0.3);
  470. }
  471.  
  472. table.wikitable tbody tr th
  473. table.wikitable > tr > th,
  474. table.wikitable > * > tr > th {
  475. color: #bbb;
  476. border: 1px solid #aaaaaa;
  477. background-color: #575757;
  478. font-family: Verdana, Geneva, sans-serif;
  479. }
  480.  
  481. table.wikitable tbody tr td {
  482. border:1px solid #aaaaaa;
  483. }
  484. /************************
  485. * End wikitable styling *
  486. *************************/
  487.  
  488. /*****************
  489. * Infobox styles *
  490. ******************/
  491. .infobox {
  492. float: right;
  493. width: 23em;
  494. margin-left: 1em;
  495. margin-right: 1em;
  496. margin-bottom: 0.5em;
  497. color: #a7a7a7;
  498. border: 1px outset #E89E58;
  499. border-radius: 15px;
  500. font-family: Verdana, Geneva, sans-serif;
  501. font-size: 89%;
  502. padding: 0 0.9em 0.7em 0.9em;
  503. box-shadow: 0 0 5px 0px rgba(0,0,0,0.5), inset 0 0 1px 0px rgba(0,0,0,0.25);
  504. background:url(https://satisfactory.gamepedia.com/media/8/8e/Bolt.png) no-repeat top left padding-box,
  505. url(https://satisfactory.gamepedia.com/media/8/8e/Bolt.png) no-repeat top right padding-box,
  506. url(https://satisfactory.gamepedia.com/media/8/8e/Bolt.png) no-repeat bottom left padding-box,
  507. url(https://satisfactory.gamepedia.com/media/8/8e/Bolt.png) no-repeat bottom right padding-box; /*[[File:Bolt.png]]*/
  508. background-color: #222;
  509. background-size:5px;
  510. background-position-x:7px, calc(100% - 7px), 7px, calc(100% - 7px);
  511. background-position-y:2px, 2px, calc(100% - 2px), calc(100% - 2px);
  512. }
  513. }
  514.  
  515. .infobox-table {
  516. width: 100%;
  517. padding: 0;
  518. background-color:transparent;
  519. border: 0;
  520. }
  521.  
  522. .infobox-header {
  523. padding:0.5em;
  524. font-size: 200%;
  525. text-align: center;
  526. }
  527.  
  528. .infobox-section {
  529. text-align:center;
  530. font-weight:bold;
  531. padding: 10px 0 5px 0;
  532. border-bottom: 1px solid #e59344;
  533. margin: 0 0 10px 0;
  534. }
  535.  
  536. .infobox-centered {
  537. text-align: center;
  538. }
  539.  
  540. .infobox-centered img {
  541. max-width:100%;
  542. height:auto;
  543. margin-bottom: 10px;
  544. }
  545.  
  546. .infobox-row {
  547. vertical-align: top;
  548. }
  549.  
  550. .infobox-row-name {
  551. text-align: left;
  552. white-space: nowrap;
  553. }
  554.  
  555. .infobox-row-value {
  556. word-break:break-word;
  557. }
  558.  
  559. .infobox-spacer {
  560. height: 0.5em;
  561. }
  562.  
  563. .ingredient-cost-container {
  564. margin: 0;
  565. padding: 0;
  566. border: none;
  567. display: grid;
  568. grid-gap: 5px;
  569. grid-template-columns: repeat(auto-fill, minmax(75px, 1fr));
  570. grid-auto-rows: 75px;
  571. }
  572.  
  573. .ingredient-cost-wrapper {
  574. width: 65px;
  575. height: 65px;
  576. background: #eeeeee;
  577. border-radius: 5px;
  578. padding: 5px;
  579. position: relative;
  580. }
  581.  
  582. .ingredient-cost {
  583. width: inherit;
  584. height: inherit;
  585. background-position: center;
  586. background-size: cover;
  587. padding: 0;
  588. margin: 0;
  589. display: flex;
  590. flex-direction: row;
  591. align-items: center;
  592. }
  593.  
  594. .ingredient-cost-counter {
  595. position: absolute;
  596. bottom: 0;
  597. right: 0;
  598. background: #666666;
  599. border-radius: 5px;
  600. color: #ffffff;
  601. padding: 3px 5px;
  602. }
  603.  
  604. .infobox-group {
  605. display:flex;
  606. flex-wrap:wrap;
  607. }
  608.  
  609. /*
  610. .infobox-group .infobox-header {
  611. height:3.2em
  612. }
  613. */
  614. /*********************
  615. * End infobox styles *
  616. **********************/
  617.  
  618. /*****************
  619. * Search styling *
  620. ******************/
  621. div.mw-search-profile-tabs {
  622. border:1px solid #aaa;
  623. background-color:#fff;
  624. }
  625.  
  626. fieldset#mw-searchoptions {
  627. border:1px solid #000;
  628. border-top:none;
  629. background-color:rgba(0,0,0,0.01);
  630. }
  631.  
  632. .mw-search-profile-tabs .search-types {
  633. padding-left:0;
  634. }
  635.  
  636. div#content .mw-search-profile-tabs .search-types ul li a {
  637. border-right: 1px solid #000;
  638. }
  639.  
  640. .mw-search-profile-tabs ul li.current a {
  641. background-color:#e59344;
  642. color:#fff;
  643. }
  644.  
  645. .mw-search-profile-tabs ul li:last-child {
  646. border-bottom:0;
  647. }
  648.  
  649. /*********************
  650. * end search styling *
  651. **********************/
  652.  
  653. /*****************
  654. * Editor Styling *
  655. ******************/
  656. div.wikiEditor-ui .wikiEditor-ui-view {
  657. border:1px solid #000;
  658. }
  659.  
  660. div.wikiEditor-ui {
  661. background: transparent;
  662. border:0;
  663. }
  664.  
  665. div.wikiEditor-ui-controls {
  666. background-color: transparent;
  667. border:0;
  668. margin-bottom:0.5px;
  669. }
  670.  
  671. div.wikiEditor-ui-toolbar {
  672. background:rgba(80,80,80,0.05);
  673. }
  674.  
  675. div.wikiEditor-ui-toolbar .group {
  676. border-right: 1px solid #000;
  677. }
  678.  
  679. div.wikiEditor-ui-toolbar .group-search {
  680. border-left: 1px solid #000;
  681. border-right: none;
  682. }
  683.  
  684. .tab {
  685. border-color: transparent;
  686. }
  687.  
  688. div.wikiEditor-ui-toolbar .tabs span.tab a,
  689. div.wikiEditor-ui-toolbar .tabs span.tab a:visited {
  690. color: #000;
  691. }
  692.  
  693. div.wikiEditor-ui-toolbar .tabs span.tab a.current,
  694. div.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
  695. color: #000;
  696. }
  697.  
  698. #content div.wikiEditor-ui-toolbar .group .tool-select .label,
  699. #content div.wikiEditor-ui-toolbar .menu .options a.option {
  700. color: #000000;
  701. }
  702.  
  703. .wikiEditor-ui-toolbar .group .label,
  704. .wikiEditor-ui-toolbar .page-table th {
  705. color:#999;
  706. }
  707.  
  708. div.wikiEditor-ui-toolbar .sections .section {
  709. background:rgba(150,150,150,0.1);
  710. border-top: 1px solid #61544B;
  711. }
  712.  
  713. div.wikiEditor-ui-toolbar .booklet .pages {
  714. background-color:rgba(0,0,0,0.25);
  715. }
  716.  
  717. div.wikiEditor-ui-toolbar .page-characters div span {
  718. border: 1px solid rgba(0,0,0,0.75);
  719. color: #f0f0f0;
  720. background:transparent;
  721. }
  722.  
  723. div.wikiEditor-ui-toolbar .page-characters div span:hover {
  724. background-color:rgba(127,127,127,0.5);
  725. }
  726.  
  727. div.wikiEditor-ui-toolbar .page-table td {
  728. border-top: 1px solid #000;
  729. color: #e5e5e5;
  730. }
  731.  
  732. div.editOptions {
  733. background-color: #c73;
  734. border:none;
  735. }
  736. /*********************
  737. * End Editor Styling *
  738. **********************/
  739.  
  740. /*************
  741. * thumbnails *
  742. **************/
  743. div.thumbinner,
  744. li.gallerybox div.thumb {
  745. border: 1px solid #262626;
  746. background-color: rgba(69,69,69,0.8);
  747. }
  748.  
  749. div.gallerytext {
  750. color: #fff
  751. }
  752.  
  753. /*****************
  754. * end thumbnails *
  755. ******************/
  756.  
  757. /**************************
  758. * Table of contents (toc) *
  759. ***************************/
  760. div#toc {
  761. border: 1px outset #E89E58;
  762. box-shadow: 0 0 5px 0px rgba(0,0,0,0.5), inset 0 0 1px 0px rgba(0,0,0,0.25);
  763. border-radius: 10px;
  764. background:url(https://satisfactory.gamepedia.com/media/8/8e/Bolt.png) no-repeat top left padding-box,
  765. url(https://satisfactory.gamepedia.com/media/8/8e/Bolt.png) no-repeat top right padding-box,
  766. url(https://satisfactory.gamepedia.com/media/8/8e/Bolt.png) no-repeat bottom left padding-box,
  767. url(https://satisfactory.gamepedia.com/media/8/8e/Bolt.png) no-repeat bottom right padding-box; /*[[File:Bolt.png]]*/
  768. background-color: #222;
  769. background-size:5px;
  770. padding:5px 15px;
  771. background-position-x:7px, calc(100% - 7px), 7px, calc(100% - 7px);
  772. background-position-y:2px, 2px, calc(100% - 2px), calc(100% - 2px);
  773. }
  774. /************************
  775. * End table of contents *
  776. *************************/
  777.  
  778. /*************************
  779. * FP (front page) tweaks *
  780. **************************/
  781. .fpbox,
  782. .fpbox .heading,
  783. .fpbox .welcome{
  784. color:#000;
  785. }
  786.  
  787. div.fplink:not(.fplink-plain) {
  788. background:transparent;/* reset */
  789. background-color:#efefef;/* for browsers that don't support gradient background */
  790. background: radial-gradient(#efefef, #fff);
  791. box-shadow:inset 0 0 2px #000;
  792. border: 3px double #fff;
  793. border-radius: 10px / 20px;
  794. }
  795.  
  796. div.fplink:hover {
  797. background:#fff;
  798. }
  799.  
  800. .fpbox {
  801. background: rgba(0, 0, 0, 0.05);
  802. border: 1px solid #505050;
  803. box-shadow: 0 2px 5px #505050;
  804. }
  805.  
  806. .linkslabel {
  807. border-bottom: 2px solid #505050;
  808. }
  809. /****************
  810. * end FP tweaks *
  811. *****************/
  812.  
  813. /***********************
  814. * Category bar styling *
  815. ************************/
  816. #catlinks,
  817. ul#filetoc {
  818. border: 1px outset #E89E58;
  819. box-shadow: 0 0 5px 0px rgba(0,0,0,0.5), inset 0 0 1px 0px rgba(0,0,0,0.25);
  820. border-radius: 10px;
  821. background:url(https://satisfactory.gamepedia.com/media/8/8e/Bolt.png) no-repeat top left padding-box,
  822. url(https://satisfactory.gamepedia.com/media/8/8e/Bolt.png) no-repeat top right padding-box,
  823. url(https://satisfactory.gamepedia.com/media/8/8e/Bolt.png) no-repeat bottom left padding-box,
  824. url(https://satisfactory.gamepedia.com/media/8/8e/Bolt.png) no-repeat bottom right padding-box; /*[[File:Bolt.png]]*/
  825. background-color: #222;
  826. background-size:5px;
  827. padding:5px 15px;
  828. background-position-x:7px, calc(100% - 7px), 7px, calc(100% - 7px);
  829. background-position-y:2px, 2px, calc(100% - 2px), calc(100% - 2px);
  830. }
  831. /***************************
  832. * end category bar styling *
  833. ****************************/
  834.  
  835. /**************************
  836. * Used by Template:Header *
  837. ***************************/
  838. .fpHeader {
  839. position:relative;
  840. background: url(https://satisfactory.gamepedia.com/media/8/8e/Bolt.png) no-repeat bottom left border-box,
  841. url(https://satisfactory.gamepedia.com/media/8/8e/Bolt.png) no-repeat bottom right border-box,
  842. url(https://satisfactory.gamepedia.com/media/5/50/Middle.png) repeat-x center left border-box, /*[[File:Middle.png]]*/
  843. linear-gradient(to bottom, #465461, #4F4136);
  844. font-size:1.7em;
  845. padding:0 1em;
  846. box-shadow: inset 0 0 20px 0 rgba(0,0,0,0.25);
  847. background-size: 0.6em, 0.6em, 1px 0.3em, auto;
  848. border-radius:0.7em 20px 0 0;
  849. }
  850.  
  851. .fpHeader::before {
  852. position:absolute;
  853. width:100%;
  854. height:100%;
  855. top: -0.13em;
  856. left: -0.13em;
  857. content:"";
  858. background:url(https://satisfactory.gamepedia.com/media/c/c9/Corner_top_left.png) no-repeat top left border-box; /*[[File:Corner top left.png]]*/
  859. background-size: 0.9em;
  860. z-index:3;
  861. pointer-events:none;
  862. }
  863.  
  864. .fpHeader::after {
  865. position:absolute;
  866. width:100%;
  867. height:100%;
  868. top:0;
  869. left:0;
  870. content:"";
  871. border-radius:30px 30px 1px 1px;
  872. background:url(https://satisfactory.gamepedia.com/media/a/a8/Texture.png) repeat; /*[[File:Texture.png]]*/
  873. opacity:0.05;
  874. z-index:1;
  875. pointer-events:none;
  876. }
  877.  
  878. .fpHeaderText {
  879. position:relative;
  880. font-family: 'Satisfontory_v1.5', sans-serif;
  881. color: #f2f2f2;
  882. background: -webkit-linear-gradient(bottom, #ADC8DD, #FEFFFE, #E2E9EF);
  883. background-clip: border-box;
  884. background-clip: border-box;
  885. -webkit-background-clip: text;
  886. -webkit-text-fill-color: transparent;
  887. z-index:2;
  888. }
  889. /**********************
  890. * end Template:Header *
  891. ***********************/
  892.  
  893. /********************************************
  894. * Improved responsiveness for narrow widths *
  895. *********************************************/
  896. .mw-body,
  897. #footer {
  898. margin-left:11em;
  899. }
  900.  
  901. .level img { /* wikipoints level on profile */
  902. max-width:100%;
  903. }
  904.  
  905. @media screen and (max-width:720px) {
  906. div#content {
  907. border-left:none;
  908. border-right:none;
  909. margin:0;
  910. }
  911.  
  912. #pageWrapper {
  913. margin-right:0;
  914. }
  915.  
  916. div#left-navigation,
  917. div#right-navigation {
  918. top:5.1em;
  919. }
  920.  
  921. div#left-navigation {
  922. margin-left:1px;
  923. }
  924.  
  925. div#right-navigation {
  926. margin-right:5px;
  927. }
  928.  
  929. #left-navigation ul > li.selected:first-child span {
  930. border-radius:13px 0 0 0;
  931. }
  932.  
  933. div#p-namespaces,
  934. div#p-views,
  935. div#p-variants,
  936. div#p-cactions {
  937. top:0;
  938. }
  939.  
  940. div#p-sharing {
  941. top:0;
  942. }
  943.  
  944. div#p-search {
  945. top:-3em;
  946. }
  947.  
  948. div#right-navigation div#p-search {
  949. margin-right:0;
  950. }
  951.  
  952. div#mw-navigation div#mw-panel .portal {
  953. width:auto;
  954. text-align:center;
  955. }
  956.  
  957. div#mw-navigation div#mw-panel {
  958. width:100%;
  959. margin: 0;
  960. margin-top:2em;
  961. padding:0;
  962. top:0;
  963. }
  964.  
  965. .curseprofile .leftcolumn,
  966. .curseprofile .rightcolumn {
  967. width:unset;
  968. }
  969.  
  970. .headline ul {
  971. clear:left
  972. }
  973.  
  974. .infobox {
  975. float:none;
  976. margin:auto;
  977. }
  978. }
  979.  
  980. /******************************
  981. * end improved responsiveness *
  982. *******************************/
  983.  
  984. /****************
  985. * Navbox tweaks *
  986. *****************/
  987. .navbox-title, table.navbox th,
  988. .navbox-group {
  989. background-color:#252522;
  990. color:#fff;
  991. }
  992.  
  993. div#content .navbox th a,
  994. .navbox .navbox-group a {
  995. color:#e59344;
  996. }
  997.  
  998. table.navbox {
  999. background-color: #0d0d0d;
  1000. }
  1001.  
  1002. .navbox-even {
  1003. background-color: #151515
  1004. }
  1005.  
  1006. /*********************
  1007. * End navbox tweaks *
  1008. *********************/
  1009.  
  1010.  
  1011. /*********************
  1012. * Site Notice Tweaks *
  1013. *********************/
  1014. div#siteNotice {
  1015. font-size: 0.8em;
  1016. background-color: #444;
  1017. }
  1018. div#globalNotice {
  1019. box-sizing: border-box;
  1020. padding: .1em .5em;
  1021. background-color: #444;
  1022. }
  1023. div#localNotice {
  1024. margin-bottom: 0.5em;
  1025. border-width: 2px;
  1026. border-color: #aaaaaa;
  1027. border-style: solid;
  1028. border-radius: 10px;
  1029. background-color: #444;
  1030. }
  1031. div#globalNotice div#globalNoticeDismiss {
  1032. display: block;
  1033. text-align: right;
  1034. height: 1px;
  1035. background-color: #444;
  1036. }
  1037.  
  1038. .ambox {
  1039. background-color: #100800;
  1040. }
  1041.  
  1042. /****************************************************************************************************
  1043. * Used by [[Template:CraftingTable]], [[Template:ResearchTable]] and [[Template:MilestoneTable]] *
  1044. ****************************************************************************************************/
  1045. .craftingTable .firstRow,
  1046. .researchTable .firstRow,
  1047. .milestoneTable .firstRow {
  1048. border-top:2px solid #575757;
  1049. }
  1050. /*****************************
  1051. * End Template:CraftingTable *
  1052. ******************************/
  1053.  
  1054. /***************************
  1055. * Used by [[Template:Key]] *
  1056. ****************************/
  1057. .key {
  1058. display:inline-block;
  1059. white-space:nowrap;
  1060. }
  1061.  
  1062. .key kbd {
  1063. padding: 0.1em 0.6em 0.1em 0.6em;
  1064. margin-right:2px;
  1065. font-size:85%;
  1066. font-family:inherit;
  1067. font-style:normal;
  1068. border-radius: .2em;
  1069. }
  1070.  
  1071. /* Dark Variation */
  1072. .keysDark {
  1073. color:black;
  1074. border: 1px solid rgb(170, 170, 170);
  1075. box-shadow: 0.1em 0.2em 0.2em rgb(221, 221, 221);
  1076. background-image: linear-gradient(to bottom, rgb(238, 238, 238), rgb(249, 249, 249), rgb(238, 238, 238));
  1077. background-color: rgb(249, 249, 249);
  1078. }
  1079.  
  1080. /* Light Variation */
  1081. .keysLight {
  1082. color:white;
  1083. border: 1px solid rgb(0, 0, 0);
  1084. box-shadow: 0.1em 0.2em 0.2em rgb(0, 0, 0);
  1085. background-image: linear-gradient(to bottom, rgb(0, 0, 0), rgb(15, 15, 15), rgb(30, 30, 30));
  1086. background-color: rgb(30, 30, 30);
  1087. }
  1088. /**************************
  1089. * End Template:Key styles *
  1090. ***************************/
  1091.  
  1092. /****************
  1093. * Tabber tweaks *
  1094. *****************/
  1095. .tabber .tabbertab {
  1096. border:none;
  1097. }
  1098. /*********************
  1099. * End Tabber tweaks *
  1100. *********************/
  1101.  
  1102.  
  1103. /**************
  1104. * WIKI EDITOR *
  1105. **************/
  1106. div.wikiEditor-ui,
  1107. div.wikiEditor-ui-controls,
  1108. div.wikiEditor-ui-toolbar .booklet .pages {
  1109. background: 222;
  1110. border: 0;
  1111. }
  1112.  
  1113. /* border around the editor and toolbars */
  1114. div.wikiEditor-ui div.wikiEditor-ui-view {
  1115. border: 1px solid #a63;
  1116. margin-bottom: 0.5em;
  1117. }
  1118.  
  1119. div.wikiEditor-ui .wikiEditor-ui-top {
  1120. border-bottom: 1px solid #a63;
  1121. }
  1122.  
  1123. /* style the main toolbar */
  1124. div.wikiEditor-ui-toolbar {
  1125. background: #777;
  1126. border-bottom: 1px solid #a63;
  1127. }
  1128.  
  1129. div.wikiEditor-ui-toolbar .group {
  1130. border-right: 1px solid #a63;
  1131. }
  1132. /* special border for the search tool */
  1133. div.wikiEditor-ui-toolbar .group-search {
  1134. border-left: 1px solid #a63;
  1135. border-right: none;
  1136. }
  1137. /* switch to ve button */
  1138. form#editform .ve-init-mw-editSwitch .oo-ui-popupToolGroup {
  1139. background: #a63;
  1140. }
  1141.  
  1142. form#editform .ve-init-mw-editSwitch .oo-ui-popupToolGroup .oo-ui-popupToolGroup-handle:hover {
  1143. background: #AF6DE8;
  1144. }
  1145. /* heading dropdown menu */
  1146. .wikiEditor-ui-toolbar .group .tool-select {
  1147. background: #282a36;
  1148. border: 1px solid #a63;
  1149. }
  1150. /* heading dropdown menu text */
  1151. div.wikiEditor-ui-toolbar .group .tool-select .label {
  1152. color: #fff;
  1153. }
  1154. /* heading dropdown menu menu */
  1155. .wikiEditor-ui-toolbar .group .tool-select .menu .options {
  1156. background: #282a36;
  1157. border: 1px solid #a63;
  1158. }
  1159.  
  1160. /* heading dropdown menu entries */
  1161. .wikiEditor-ui-toolbar .group .tool-select .options .option {
  1162. color: #fff;
  1163. }
  1164.  
  1165. .wikiEditor-ui-toolbar .group .tool-select .options .option:hover {
  1166. background: #a63;
  1167. }
  1168.  
  1169. /* subtoolbars */
  1170. div.wikiEditor-ui-toolbar .sections .section {
  1171. background: #222;
  1172. border-top: 1px solid #a63;
  1173. }
  1174.  
  1175. /* tabs on special characters and help subtoolbars */
  1176. div.wikiEditor-ui-toolbar .booklet .index div {
  1177. color: #fff;
  1178. }
  1179. /* current tab */
  1180. div.wikiEditor-ui-toolbar .booklet .index .current {
  1181. background-color: #a63;
  1182. color: #fff;
  1183. }
  1184.  
  1185. /* special characters list */
  1186. div.wikiEditor-ui-toolbar .page-characters div span {
  1187. border: 1px solid #a63;
  1188. color: #fff;
  1189. }
  1190.  
  1191. div.wikiEditor-ui-toolbar .page-characters div span:hover {
  1192. background: #a63;
  1193. color: #fff;
  1194. border: 1px solid #a63;
  1195. }
  1196.  
  1197. /* help table */
  1198. div.wikiEditor-ui-toolbar .page-table {
  1199. padding: 0;
  1200. }
  1201.  
  1202. /* help table headers */
  1203. div.wikiEditor-ui-toolbar .page-table th {
  1204. background: #a63;
  1205. color: #fff;
  1206. }
  1207.  
  1208. /* help table cells */
  1209. div.wikiEditor-ui-toolbar .page-table td {
  1210. border-top: 1px solid #a63;
  1211. color: #fff;
  1212. }
  1213.  
  1214. /* text box colors */
  1215. .mw-editform #wpTextbox1 {
  1216. background: #282a36;
  1217. color: #f8f8f2;
  1218. }
  1219.  
  1220. /* match editoptions area to editor */
  1221. div.editOptions {
  1222. background-color: #302015;
  1223. border: 1px solid #a63;
  1224. color: #fff
  1225. }
  1226.  
  1227. /**** MSUPLOAD ****/
  1228. /* main msupload area */
  1229. #msupload-div {
  1230. background: #a63;
  1231. border: 1px solid transparent;
  1232. }
  1233.  
  1234. /* msupload drop area color and border */
  1235. #msupload-dropzone {
  1236. border: 1px dotted #fff;
  1237. color: #fff;
  1238. }
  1239.  
  1240. /* msupload file list */
  1241. #msupload-div #msupload-list .file {
  1242. background: #a63;
  1243. border: 0;
  1244. }
  1245.  
  1246. /* msupload file list text */
  1247. #msupload-div #msupload-list .file .file-size,
  1248. #msupload-div #msupload-list .file .file-title,
  1249. #msupload-div #msupload-list .file .file-warning {
  1250. color: #fff;
  1251. }
  1252.  
  1253. /******************
  1254. * END WIKI EDITOR *
  1255. *******************/
  1256.  
  1257. /********
  1258. * LINKS *
  1259. ********/
  1260.  
  1261. a {
  1262. text-decoration: none;
  1263. color: #acf;
  1264. background: none;
  1265. }
  1266.  
  1267. a:not( [ href ] ) {
  1268. cursor: pointer; /* Always cursor:pointer even without href */
  1269. }
  1270.  
  1271. a:visited {
  1272. color: #a9f;
  1273. }
  1274.  
  1275. a:active {
  1276. color: #fda;
  1277. }
  1278.  
  1279. a:hover,
  1280. a:focus {
  1281. text-decoration: underline;
  1282. }
RAW Paste Data