MediaWiki:Common.css

headline/* SHIPYARD WRAPPER */

.wrapper { width: 100%; margin: 1rem auto; display: flex; flex-flow: wrap; justify-content: space-evenly; }

.wrap { float:left; max-width: 250px; max-height: 250px; margin: 0 0 2% 2%; align-self: center; }

.wrap:hover { background:none; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); }

/* MAINPAGE WRAPPER */

.mainpage-wrapper { display:flex; flex-flow: wrap; justify-content: center; margin: 1rem auto; }

.mainpage-wrap { float:left; max-width: 250px; max-height: 250px; margin: 0 0 2% 2%; align-self: center; }

.mainpage-wrap:hover { background:none;

}

/*  -*/

.ship { display:inline-block; }

.ship-img img { border-radius: 3px 3px 0 0; }

.ship-img img:hover { /*filter: blur(1px);*/ /*box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);*/ box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); }

.ship-name { background-color: rgba(1, 46, 89, 0.8); color: white; font-weight:bold; text-align: center; border-radius: 0 0 3px 3px; }

.ship-name  a, ins { color: lightgrey; text-decoration: none; }

/* Remove underline from shipyard items, might affect other links*/ .mw-parser-output a:active, .mw-parser-output a:hover { text-decoration: none; color: white; }

/* */

.ship-name:hover{

/*background-color: rgba(1, 46, 89, 1);*/

background-color: rgba(0, 42, 50, 1);

/*box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);*/

}

.footer { padding-bottom: 10%; }

/* QUICK-SET CSS ---*/

.pre { white-space: pre-line !important; overflow: none !important; }

a:hover { text-decoration:none !important; }

.center { text-align: center; justify-content: center; height: 0.5vw; }

.ship-spacer{ text-align: center; justify-content: center; height: 2vw; }

.spacer{ text-align: center; justify-content: center; height: 1vw; }

.spacer-low{ text-align: center; justify-content: center; height: 0.5vw; }

.headline{ text-align:center; font-family: 'rimworldfontregular'; font-size: 3vh; font-weight: bold; color: white; }

/* BASIC WRAPPER */

.ez-wrapper { display:flex; align-items:center; justify-content: center; }

.ez-wrap-left { width:20%; text-align:center; padding:1em; }

.ez-wrap-right { width:70%; text-align:center; padding:1em; }

/* INFOBOX */

.pi-europa .pi-header, .pi-europa .pi-title { background-color: #012E59; color: #ffffff; border-radius: 5px 5px 0 0; }

.pi-europa .pi-data-value { padding-left: 0; display: grid; text-align: center; align-items: center; }

/* MAINPAGE */

.h3-center { text-align: center; text-shadow: 2px 2px black; color:#CFB53B; /*	font-size: 1.25vh;*/ font-size: 18px; font-family: 'rimworldfontregular', sans-serif, Arial; box-shadow: none !important; }

.mw-parser-output .mainpage-row { display: flex; flex-direction: row; flex-flow: row wrap; justify-content: space-between; padding: 0; margin: 0 -5px 0 -5px; }

.mainpage-box-gradient { flex: 1; margin: 5px; min-width: 210px;

/*    border: 1px solid;*/ border: 1.5px solid dimgray; border-radius: 10px; /*    border-image-source: linear-gradient(45deg, rgba(1,46,89,1) 0%, rgba(0,42,50,1) 100%);*/ /*    border-image-slice: 1;*/ padding: 0 10px 10px 10px; background-clip: padding-box; box-shadow: 0 4px 2px rgba(0, 0, 0, 100%); }

.mainpage-box-gradient h3{ font-size: 18px; color:#CFB53B; }

.mainpage-box-gradient a:new{ font-size: 18px; color:#CFB53B; }

.mainpage-box-items { border-top: 1px solid #CCC; padding-top: 0.5em; }

.mainpage-box-gradient :hover { }

.mainpage-box-empty { flex: 1; margin: 5px; min-width: 210px; border: none; border-image-slice: 1; padding: 0 10px 10px 10px; background-clip: padding-box; }

.items-empty { border-top: none; padding-top: 0.5em; }

.mw-parser-output .mainpage-row-gradient { display: flex; flex-direction: row; flex-flow: row wrap; justify-content: space-evenly; align-items: baseline; padding: 0; margin: 0 -5px 0 -5px; border: 1px solid #002e5d; /*border-image-source: linear-gradient(90deg, rgba(0,46,93,0.6) 0%, rgba(220,0,105,0.6) 100%);*/ border-image-slice: 1; background-clip: padding-box; /*box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);*/ }

.mw-parser-output .mainpage-row-empty{ display: flex; flex-direction: row; flex-flow: row wrap; justify-content: space-evenly; align-items: baseline; padding: 0; margin: 0 -5px 0 -5px; background-clip: padding-box; }

/* CUSTOM FONT -*/

@import url('https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap'); @font-face { font-family: 'rimworldfontregular'; src: url('https://static.wikia.nocookie.net/save_our_ship_0/images/d/d8/Rimworldfont-webfont.woff2/revision/latestcb=20201110094459') format('woff2'), url('https://static.wikia.nocookie.net/save_our_ship_0/images/4/43/Rimworldfont-webfont.woff/revision/latest?	cb=20201110094448') format('woff'); font-weight: normal; font-style: normal; }

.headline	h1 { font-family: 'rimworldfontregular', sans-serif, Arial; text-align: center; font-style: normal; margin: 1.0em 0px 1.25em; font-size: 2vh; font-weight: bold; color:#CFB53B; text-shadow: 2px 2px black; /*color:white*/ }

.headline-table-h4 { font-family: 'rimworldfontregular', sans-serif; text-align: center; display: inline !important; margin: 1.0em 0px 1.25em !important; font-size: 1.25vh !important; font-weight: bold !important; /*color:white;*/ color:#CFB53B; text-shadow: 2px 2px black; }

.headline-table { font-family: 'rimworldfontregular', sans-serif; text-align: center; font-style: normal; margin: 1.0em 0px 1.25em; font-size: 1.25vh; font-weight: bold; color:#CFB53B; text-shadow: 2px 2px black; }

/* TABBER - */

ul.tabbernav { z-index: 1; display: inline-flex; margin-bottom: 0px; margin-left:0px; border-bottom: 0; border:none; }

ul.tabbernav li { display: inline; margin: 0 2px 2px 0px; padding: none; }

ul.tabbernav li a { padding: 3px .5em; margin-left: 3px; border: none; border-bottom: none; text-decoration: none; background: #012f5b; color:white; border-radius: 5px 10px 6px 5px; margin: 0 2px 3px 0px; padding: 5px 15px 2px 15px; }

ul.tabbernav li a:link { color:white; font-weight:normal; }

ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover { box-shadow: 0 0 5px rgba(0,0,0,0.5); margin: 0 2px 3px 0px; background-color: #002e5d; color:white; padding-left: 15px; padding-right: 15px; padding-top: 5px; }

ul.tabbernav li.tabberactive a { z-index: 2; margin: 0 2px 0 0px; padding-left: 15px; padding-right: 15px; padding-top: none; padding-bottom: 5px; color: white; border: none; font-weight: bold; border-image-slice: 1; background: linear-gradient(45deg, rgba(1,46,89,1) 0%, rgba(0,42,50,1) 100%); border-radius: 5px 10px 0 0; }

ul.tabbernav li.tabberactive a:hover { box-shadow: 0 0 5px rgba(0,0,0,0.5); z-index: 2; margin: 0 2px 0 0px; padding-left: 15px; padding-right: 15px; color: white; border: none; border-image-slice: 1; background: linear-gradient(45deg, rgba(1,46,89,1) 0%, rgba(0,42,50,1) 100%); border-radius: 5px 10px 0 0; }

.tabber .tabbertab { margin-top: -1px; padding: 10px 10px 20px 10px; position: relative; border: 1px solid; border-image-source: linear-gradient(45deg, rgba(1,46,89,0.6) 0%, rgba(0,42,50,0.6) 100%); border-image-slice: 1; width: inherit; max-width: inherit; min-width: inherit; z-index: 1; display: grid; /*text-align:center;*/ }

/* HR Line - */

.hr-gradient { display: block; unicode-bidi: isolate; /*    margin-block-start: 0.5em; margin-block-end: 0.5em; margin-inline-start: auto; margin-inline-end: auto;*/ overflow: hidden; border-style: inset; border-width: 1px; height: 1px; border: 0; margin: 0.2em 0; /*background: linear-gradient(90deg, rgba(1,47,91,1) 0%, rgba(0,42,50,1) 100%);*/ /*background: #a3a3a3;*/ background: dimgray; }

/* TABLE -- */

table.ship-detail{ font-size:90%; color: white; margin: 1em 0; /*border: 1px solid #012f5b*/ border-collapse: collapse; }

.ship-detail-header { text-align:center; background-color:#002e5d; color:white; /*border-color:#002e5d;*/ border-radius: 5px 5px 0 0; }

.ship-detail-empty { background:none !important; text-align:center; }

table.ship-detail> tr > th, table.ship-detail> * > tr > th { background-color: #012f5b; color: white; font-weight:bold; text-align: center; }

table.ship-detail> tr > th, table.ship-detail> tr > td, table.ship-detail> * > tr > th, table.ship-detail> * > tr > td { /*border: 1px solid #012f5b;*/ padding: 0.2em 0.4em; }

table.shio-detail> tr > td, table.ship-detail> * > tr >td { background: #4d4e50; }

body.wkMobile #wkMainCnt .headline h4 { color: red !important; }

/* Classic TABLE --*/

table.sostable{ background:none !important; font-size:90%; color: white; margin: 1em 0; /*border: 1px solid #012f5b*/ border-collapse: collapse; }

table.sostable> tr > th, table.sostable> * > tr > th { background-color: #012f5b; color: white; font-weight:bold; text-align: center; } table.sostable> tr > th, table.sostable> tr > td, table.sostable> * > tr > th, table.sostable> * > tr > td { /*border: 1px solid #012f5b;*/ padding: 0.5em 0.5em; } table.sostable> tr > td, table.sostable> * > tr >td { background: #4d4e50; }

.cell-center { text-align:center; font-size: 80%; font-weight:bold; border-left: 1px solid dimgray; border-right: 1px solid dimgray; border-bottom: 1px solid dimgray; }

.cell-center-p { text-align:center; font-size: 80%; font-weight:bold; border-left: 1px solid dimgray; border-right: 1px solid dimgray; border-bottom: 1px solid dimgray; text-decoration: underline; text-decoration-color: silver; }

.cell-left{ text-align:left; font-size: 80%; border-left: 1px solid dimgray; border-right: 1px solid dimgray; border-bottom: 1px solid dimgray; }

.cell-empty { background:none !important; text-align:center; border: none; border-top: none !important; }

.cell-center-cut-down{ text-align:center; font-size: 80%; border-bottom: 1px solid dimgray; background: none !important; }

.cell-center-cut-up{ text-align:center; font-size: 80%; border-top: 1px solid dimgray; background: none !important; }

.cell-semi-header { background:none !important; text-align:center; border-left: 1px solid dimgray; border-right: 1px solid dimgray; border-top: 1px solid dimgray; }

.cell-header{ text-align:center; background-color:#002e5d; color:white; border-radius: 5px 5px 0 0; }

.cell-middle{ text-align:center; background-color:#002e5d; color:white; border-radius: 0 0 0 0; }

.cell-header-left { text-align:center; background-color:#002e5d; color:white; border-radius: 5px 0 0 0; }

.cell-header-right{ text-align:center; background-color:#002e5d; color:white; border-radius: 0 5px 0 0; }

/* BLUE TABLE -- */

table.bluetable { background-color: #f8f9fa; color: #222; margin: 1em 0; border: 1px solid #002e5d; border-collapse: collapse; }

table.bluetable > tr > th, table.bluetable > * > tr > th { background-color: #002e5d; color: white; font-weight:bold; text-align: center; }

table.bluetable > tr > th, table.bluetable > tr > td, table.bluetable > * > tr > th, table.bluetable > * > tr > td { border: 1px solid #002e5d; padding: 0.2em 0.4em;

}

.semi_background { background:#474646 !important; }