Expansion (#707)

This additional content explores the aftermath of an event in The Ensign. A large dungeon, The Executioner, reveals the fate of one of the Wanderers’ most powerful weapons though multiple wings, each ending with a unique boss encounter. The fabricator allows the player to craft powerful items out of alien alloy, introducing new combat mechanics.

css/dark.css

@@ -52,6 +52,14 @@ div#stores {
 	border: 1px solid #EEE;
 }
 
+div#blueprints:before {
+	background: #272823;
+}
+
+div#blueprints {
+	border: 1px solid #EEE;
+}
+
 div#weapons:before {
 	background: #272823;
 }
@@ -173,10 +181,15 @@ body.noMask #buttons > .button {
 	color: black;
 }
 
-.endGame {
+.endGame, .outro {
 	color:#272823;
 }
 
+#wait-btn {
+	border-color: black;
+	color: black;
+}
+
 #theEnd {
 	color: #272823;
 }

css/fabricator.css

@@ -0,0 +1,36 @@
+div#fabricateButtons {
+  position: relative;
+  top: 5px;
+	left: 0;
+}
+
+div#fabricateButtons::before {
+	content: attr(data-legend);
+	position: relative;
+	top: -5px;
+}
+
+div#blueprints::before {
+  content: attr(data-legend);
+	position: absolute;
+	top: -13px;
+	background-color: white;
+}
+
+div#blueprints {
+	position: absolute;
+	top: 0px;
+	right: 237px;
+	border: 1px solid black;
+	cursor: default;
+	padding: 5px 10px;
+	width: 200px;
+}
+
+div.blueprintRow {
+	position: relative;
+}
+
+div.blueprintRow .row_key {
+	float: none;
+}

css/main.css

@@ -46,9 +46,9 @@ div#wrapper {
 }
 
 div#saveNotify {
-	position: absolute;
-	top: 20px;
-	right: 0px;
+	position: fixed;
+	top: 10px;
+	right: 20px;
 	background: white;
 	opacity: 0;
 }
@@ -147,7 +147,7 @@ span.customSelectOptions {
 }
 
 div.headerButton {
-	font-size: 18px;
+	font-size: 17px;
 	cursor: pointer;
 	float: left;
 	border-left: 1px solid black;
@@ -561,6 +561,53 @@ body.noMask #description {
 	margin-left: -50%;
 }
 
+.fighter.shield > .label::before {
+	content: '(';
+	position: absolute;
+	left: -8px;
+}
+
+.fighter.shield > .label::after {
+	content: ')';
+	position: absolute;
+	right: -8px;
+}
+
+.fighter.energised > .label {
+	font-size: 2em;
+	font-style: bold;
+}
+
+.fighter.meditation > .label {
+	font-size: 1.5em;
+	opacity: 0.3;
+}
+
+@keyframes exploding {
+	0% { transform: translate(0, 0); }
+	25% { transform: translate(-10px, 0); }
+	75% { transform: translate(10px, 0); }
+	100% { transform: translate(0, 0); }
+}
+
+.fighter.exploding > .label {
+	animation: exploding 200ms linear infinite;
+}
+
+.fighter.venomous > .label {
+	font-size: 1.5em;
+	font-style: bold;
+}
+
+.fighter.enraged > .label {
+	font-size: 1.5em;
+	font-style: italic;
+}
+
+.fighter.boost > .label {
+	font-style: italic;
+}
+
 #description .bullet {
 	padding: 0px 20px 0px 20px;
 	bottom: 25px;

css/path.css

@@ -6,7 +6,7 @@
 	padding: 5px 10px;
 }
 
-div#outfitting:before ,div#perks:before {
+div#outfitting:before, div#perks:before {
 	content: attr(data-legend);
 	position: absolute;
 	top: -13px;

css/space.css

@@ -137,6 +137,19 @@
 	padding-top:10%;
 }
 
+.outroContainer {
+	padding-top:10%;
+	width: 800px;
+	margin: 0 auto;
+}
+
+.outro {
+	font-size: 1.5rem;
+	color: #FFF;
+	opacity: 0;
+	margin-bottom: 40px;
+}
+
 .endGame {
 	font-size:48px;
 	color:#FFFFFF;
@@ -152,3 +165,10 @@
 .endGameOption:hover {
 	text-decoration: underline;
 }
+
+#wait-btn {
+	border-color: #fff;
+	color: #fff;
+	margin: 0 auto;
+	opacity: 0;
+}