Template:Pipboy2 - Revision history

DirtyMeStoryTime: Add some of the ;

DirtyMeStoryTime — Wed, 20 Apr 2016 04:07:00 GMT

Add some of the ;

←Older revision		Revision as of 04:07, 20 April 2016
Line 4:		Line 4:
	<div style="width:130px;height:40px;background:#5a5f5b;position:absolute;border-top-left-radius:15px;border-top-right-radius:15px;left:-5px;top:15px;"></div>		<div style="width:130px;height:40px;background:#5a5f5b;position:absolute;border-top-left-radius:15px;border-top-right-radius:15px;left:-5px;top:15px;"></div>
	</div>		</div>
-	<div style="width:55px;height:13px;background:#000;position:absolute;right:5px;top:3px;border-top-right-radius:20px;border-top-left-radius:20px;border-top:1px solid #444;transform:rotate(27deg)"></div>	+	<div style="width:55px;height:13px;background:#000;position:absolute;right:5px;top:3px;border-top-right-radius:20px;border-top-left-radius:20px;border-top:1px solid #444;transform:rotate(27deg);"></div>
	<div style="width:14px;height:14px;position:absolute;top:50px;right:15px;background:#f4ebe4;border-radius:150px;box-shadow:0px 2px 5px #483a31;"></div><div style="width:14px;height:14px;position:absolute;bottom:85px;right:15px;background:#f4ebe4;border-radius:150px;box-shadow:0px 2px 5px #483a31;"></div>		<div style="width:14px;height:14px;position:absolute;top:50px;right:15px;background:#f4ebe4;border-radius:150px;box-shadow:0px 2px 5px #483a31;"></div><div style="width:14px;height:14px;position:absolute;bottom:85px;right:15px;background:#f4ebe4;border-radius:150px;box-shadow:0px 2px 5px #483a31;"></div>
	<div style="background:#272b2a;width:370px;height:290px;margin:auto;border-radius:50px;padding-top:5%;border-top:10px solid #5a5f5b;border-bottom:5px solid #3a3e41;position:relative;z-index:-5;">		<div style="background:#272b2a;width:370px;height:290px;margin:auto;border-radius:50px;padding-top:5%;border-top:10px solid #5a5f5b;border-bottom:5px solid #3a3e41;position:relative;z-index:-5;">
Line 11:		Line 11:
	<div style="width:305px;height:80px;background:linear-gradient(rgba(0,0,0,0),#7ff12a);position:absolute;animation:scan;animation-duration:4s;animation-iteration-count: infinite;top:-85px;z-index:99;opacity:0.25;"></div>		<div style="width:305px;height:80px;background:linear-gradient(rgba(0,0,0,0),#7ff12a);position:absolute;animation:scan;animation-duration:4s;animation-iteration-count: infinite;top:-85px;z-index:99;opacity:0.25;"></div>

-	<div style="background-size:77px;background-position:2px;width:80px;height:100px;position:absolute;left:110px;top:56px;color:#8df776">	+	<div style="background-size:77px;background-position:2px;width:80px;height:100px;position:absolute;left:110px;top:56px;color:#8df776;">
	<i>Quests</i>		<i>Quests</i>
	</div>		</div>
Line 39:		Line 39:
	<div style="width:40px;height:5px;background:rgba(0,0,0,0.2);margin-bottom:8px;border-bottom:2px solid #978175;border-top-left-radius:2px;border-bottom-left-radius:3px;"></div><div style="width:40px;height:5px;background:rgba(0,0,0,0.2);margin-bottom:8px;border-bottom:2px solid #978175;border-top-left-radius:2px;border-bottom-left-radius:3px;"></div><div style="width:40px;height:5px;background:rgba(0,0,0,0.2);margin-bottom:8px;border-bottom:2px solid #978175;border-top-left-radius:2px;border-bottom-left-radius:3px;"></div><div style="width:40px;height:5px;background:rgba(0,0,0,0.2);margin-bottom:8px;border-bottom:2px solid #978175;border-top-left-radius:2px;border-bottom-left-radius:3px;"></div>		<div style="width:40px;height:5px;background:rgba(0,0,0,0.2);margin-bottom:8px;border-bottom:2px solid #978175;border-top-left-radius:2px;border-bottom-left-radius:3px;"></div><div style="width:40px;height:5px;background:rgba(0,0,0,0.2);margin-bottom:8px;border-bottom:2px solid #978175;border-top-left-radius:2px;border-bottom-left-radius:3px;"></div><div style="width:40px;height:5px;background:rgba(0,0,0,0.2);margin-bottom:8px;border-bottom:2px solid #978175;border-top-left-radius:2px;border-bottom-left-radius:3px;"></div><div style="width:40px;height:5px;background:rgba(0,0,0,0.2);margin-bottom:8px;border-bottom:2px solid #978175;border-top-left-radius:2px;border-bottom-left-radius:3px;"></div>
	</div>		</div>
-	<div style="width:35px;position:absolute;top:137px;left:20px">	+	<div style="width:35px;position:absolute;top:137px;left:20px;">
	<div style="display:block;width:80%;height:5px;background:rgba(0,0,0,0.2);margin-bottom:10px;border-bottom:2px solid #978175;border-top-right-radius:2px;border-bottom-right-radius:3px;position:relative;z-index:3;"></div><div style="display:block;width:80%;height:5px;background:rgba(0,0,0,0.2);margin-bottom:10px;border-bottom:2px solid #978175;border-top-right-radius:2px;border-bottom-right-radius:3px;position:relative;z-index:3;"></div><div style="display:block;width:80%;height:5px;background:rgba(0,0,0,0.2);margin-bottom:10px;border-bottom:2px solid #978175;border-top-right-radius:2px;border-bottom-right-radius:3px;position:relative;z-index:3;"></div><div style="display:block;width:80%;height:5px;background:rgba(0,0,0,0.2);margin-bottom:10px;border-bottom:2px solid #978175;border-top-right-radius:2px;border-bottom-right-radius:3px;position:relative;z-index:3;"></div><div style="width:14px;height:14px;position:absolute;top:160px;left:30px;background:#f4ebe4;border-radius:150px;box-shadow:0px 2px 5px #483a31;"></div>		<div style="display:block;width:80%;height:5px;background:rgba(0,0,0,0.2);margin-bottom:10px;border-bottom:2px solid #978175;border-top-right-radius:2px;border-bottom-right-radius:3px;position:relative;z-index:3;"></div><div style="display:block;width:80%;height:5px;background:rgba(0,0,0,0.2);margin-bottom:10px;border-bottom:2px solid #978175;border-top-right-radius:2px;border-bottom-right-radius:3px;position:relative;z-index:3;"></div><div style="display:block;width:80%;height:5px;background:rgba(0,0,0,0.2);margin-bottom:10px;border-bottom:2px solid #978175;border-top-right-radius:2px;border-bottom-right-radius:3px;position:relative;z-index:3;"></div><div style="display:block;width:80%;height:5px;background:rgba(0,0,0,0.2);margin-bottom:10px;border-bottom:2px solid #978175;border-top-right-radius:2px;border-bottom-right-radius:3px;position:relative;z-index:3;"></div><div style="width:14px;height:14px;position:absolute;top:160px;left:30px;background:#f4ebe4;border-radius:150px;box-shadow:0px 2px 5px #483a31;"></div>
	</div>		</div>
Line 55:		Line 55:
	<div style="width: 80px;height: 80px;background: #000;position: absolute;z-index:-99;top:-40px;right:19px;border-radius:5px;border-top: 3px solid #777;transform:rotate(10deg);"></div>		<div style="width: 80px;height: 80px;background: #000;position: absolute;z-index:-99;top:-40px;right:19px;border-radius:5px;border-top: 3px solid #777;transform:rotate(10deg);"></div>
	</div>		</div>
-	~~<noInclude>~~
	[[Category:Fallout 4]]		[[Category:Fallout 4]]
-	~~</noInclude>~~
	<!-- Reference at codepen.io/stix/pen/KdJEwB -->		<!-- Reference at codepen.io/stix/pen/KdJEwB -->

DirtyMeStoryTime: noinclude

DirtyMeStoryTime — Wed, 20 Apr 2016 03:43:22 GMT

noinclude

←Older revision		Revision as of 03:43, 20 April 2016
Line 55:		Line 55:
	<div style="width: 80px;height: 80px;background: #000;position: absolute;z-index:-99;top:-40px;right:19px;border-radius:5px;border-top: 3px solid #777;transform:rotate(10deg);"></div>		<div style="width: 80px;height: 80px;background: #000;position: absolute;z-index:-99;top:-40px;right:19px;border-radius:5px;border-top: 3px solid #777;transform:rotate(10deg);"></div>
	</div>		</div>
		+	<noInclude>
	[[Category:Fallout 4]]		[[Category:Fallout 4]]
		+	</noInclude>
	<!-- Reference at codepen.io/stix/pen/KdJEwB -->		<!-- Reference at codepen.io/stix/pen/KdJEwB -->

DirtyMeStoryTime: Giving up, it can have the white background for now, until it can be fixed

DirtyMeStoryTime — Wed, 20 Apr 2016 03:39:48 GMT

Giving up, it can have the white background for now, until it can be fixed

←Older revision		Revision as of 03:39, 20 April 2016
Line 12:		Line 12:

	<div style="background-size:77px;background-position:2px;width:80px;height:100px;position:absolute;left:110px;top:56px;color:#8df776">		<div style="background-size:77px;background-position:2px;width:80px;height:100px;position:absolute;left:110px;top:56px;color:#8df776">
-	<i ~~style="background:#272b2a;"~~>Quests</i>	+	<i>Quests</i>
	</div>		</div>
	<div style="height:12px;position:absolute;width:290px;bottom:9px;left:15px;background:#000;color:#8df776;z-index:96;">		<div style="height:12px;position:absolute;width:290px;bottom:9px;left:15px;background:#000;color:#8df776;z-index:96;">

DirtyMeStoryTime: Try again

DirtyMeStoryTime — Wed, 20 Apr 2016 03:38:45 GMT

Try again

←Older revision		Revision as of 03:38, 20 April 2016
Line 11:		Line 11:
	<div style="width:305px;height:80px;background:linear-gradient(rgba(0,0,0,0),#7ff12a);position:absolute;animation:scan;animation-duration:4s;animation-iteration-count: infinite;top:-85px;z-index:99;opacity:0.25;"></div>		<div style="width:305px;height:80px;background:linear-gradient(rgba(0,0,0,0),#7ff12a);position:absolute;animation:scan;animation-duration:4s;animation-iteration-count: infinite;top:-85px;z-index:99;opacity:0.25;"></div>

-	<div style="~~background:#272b2a;~~background-size:77px;background-position:2px;width:80px;height:100px;position:absolute;left:110px;top:56px;color:#8df776">	+	<div style="background-size:77px;background-position:2px;width:80px;height:100px;position:absolute;left:110px;top:56px;color:#8df776">
-	<i>Quests</i>	+	<i style="background:#272b2a;">Quests</i>
	</div>		</div>
	<div style="height:12px;position:absolute;width:290px;bottom:9px;left:15px;background:#000;color:#8df776;z-index:96;">		<div style="height:12px;position:absolute;width:290px;bottom:9px;left:15px;background:#000;color:#8df776;z-index:96;">

DirtyMeStoryTime: Try to fix the Quests text background color

DirtyMeStoryTime — Wed, 20 Apr 2016 03:37:59 GMT

Try to fix the Quests text background color

←Older revision		Revision as of 03:37, 20 April 2016
Line 11:		Line 11:
	<div style="width:305px;height:80px;background:linear-gradient(rgba(0,0,0,0),#7ff12a);position:absolute;animation:scan;animation-duration:4s;animation-iteration-count: infinite;top:-85px;z-index:99;opacity:0.25;"></div>		<div style="width:305px;height:80px;background:linear-gradient(rgba(0,0,0,0),#7ff12a);position:absolute;animation:scan;animation-duration:4s;animation-iteration-count: infinite;top:-85px;z-index:99;opacity:0.25;"></div>

-	<div style="background-size:77px;background-position:2px;width:80px;height:100px;position:absolute;left:110px;top:56px;color:#8df776">	+	<div style="background:#272b2a;background-size:77px;background-position:2px;width:80px;height:100px;position:absolute;left:110px;top:56px;color:#8df776">
	<i>Quests</i>		<i>Quests</i>
	</div>		</div>

DirtyMeStoryTime: Some editing since images are not showing properly

DirtyMeStoryTime — Wed, 20 Apr 2016 03:35:41 GMT

Some editing since images are not showing properly

←Older revision		Revision as of 03:35, 20 April 2016
Line 11:		Line 11:
	<div style="width:305px;height:80px;background:linear-gradient(rgba(0,0,0,0),#7ff12a);position:absolute;animation:scan;animation-duration:4s;animation-iteration-count: infinite;top:-85px;z-index:99;opacity:0.25;"></div>		<div style="width:305px;height:80px;background:linear-gradient(rgba(0,0,0,0),#7ff12a);position:absolute;animation:scan;animation-duration:4s;animation-iteration-count: infinite;top:-85px;z-index:99;opacity:0.25;"></div>

-	<div style="~~background:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/184191/vaultboy2.gif');~~background-size:77px;background-position:2px;width:80px;height:100px;position:absolute;left:110px;top:56px;">	+	<div style="background-size:77px;background-position:2px;width:80px;height:100px;position:absolute;left:110px;top:56px;color:#8df776">
-	~~<div style="left:32px;top:-8px;width:15px;height:3.5px;background~~:#~~64d515;position:absolute;~~"~~></div~~>	+	<i>Quests</i>
-	<~~div style="left:32px;bottom:-8px;background:none;border:1px solid #64d515;height:1.5px;width:15px;height:3.5px;background:#64d515;position:absolute;"></div>~~	+
-	~~<div style="left:-20px;top:32px;width:15px;height:3.5px;background:#64d515;position:absolute;"></div>~~	+
-	~~<div style="right:-20px;top:32px;width:15px;height:3.5px;background:#64d515;position:absolute;"></div>~~	+
-	~~<div style="left:-20px;top:82px;width:15px;height:3.5px;background:#64d515;position:absolute;"></div>~~	+
-	~~<div style="right:-20px;top:82px;width:15px;height:3.5px;background:#64d515;position:absolute;"~~></~~div~~>	+
	</div>		</div>
	<div style="height:12px;position:absolute;width:290px;bottom:9px;left:15px;background:#000;color:#8df776;z-index:96;">		<div style="height:12px;position:absolute;width:290px;bottom:9px;left:15px;background:#000;color:#8df776;z-index:96;">
Line 31:		Line 26:
	</div>		</div>
	<div style="width:55px;height:110px;background:#000;position:absolute;top:-2px;right:-10px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-top:2px solid #aaaaa8;border-left:2px solid #392c24;">		<div style="width:55px;height:110px;background:#000;position:absolute;top:-2px;right:-10px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-top:2px solid #aaaaa8;border-left:2px solid #392c24;">
-	<div style="position:absolute;left:-40px;top:10px;"><li style="list-style-type:none;text-align:right;padding:3.5px 0 3.5px 0;"></li><li style="list-style-type:none;text-align:right;padding:3.5px 0 3.5px 0;"></li><li style="list-style-type:none;text-align:right;padding:3.5px 0 3.5px 0;"></li><li style="list-style-type:none;text-align:right;padding:3.5px 0 3.5px 0;"></li><li style="list-style-type:none;text-align:right;padding:3.5px 0 3.5px 0;"></li></div>
	<div style="width:48px;height:8px;background:#333;border-radius:100px;margin-left:3px;margin-top:11px;background: linear-gradient(#000,#222);"></div><div style="width:48px;height:8px;background:#333;border-radius:100px;margin-left:3px;margin-top:11px;background: linear-gradient(#000,#222);"></div><div style="width:48px;height:8px;background:#333;border-radius:100px;margin-left:3px;margin-top:11px;background: linear-gradient(#000,#222);"></div><div style="width:48px;height:8px;background:#333;border-radius:100px;margin-left:3px;margin-top:11px;background: linear-gradient(#000,#222);"></div><div style="width:48px;height:8px;background:#333;border-radius:100px;margin-left:3px;margin-top:11px;background: linear-gradient(#000,#222);"></div>		<div style="width:48px;height:8px;background:#333;border-radius:100px;margin-left:3px;margin-top:11px;background: linear-gradient(#000,#222);"></div><div style="width:48px;height:8px;background:#333;border-radius:100px;margin-left:3px;margin-top:11px;background: linear-gradient(#000,#222);"></div><div style="width:48px;height:8px;background:#333;border-radius:100px;margin-left:3px;margin-top:11px;background: linear-gradient(#000,#222);"></div><div style="width:48px;height:8px;background:#333;border-radius:100px;margin-left:3px;margin-top:11px;background: linear-gradient(#000,#222);"></div><div style="width:48px;height:8px;background:#333;border-radius:100px;margin-left:3px;margin-top:11px;background: linear-gradient(#000,#222);"></div>
	<div style="width:5px;height:25px;background:#9daaa3;border-top-right-radius:100px;border-bottom-right-radius:100px;position:absolute;top:43px;right:-5px;"></div>		<div style="width:5px;height:25px;background:#9daaa3;border-top-right-radius:100px;border-bottom-right-radius:100px;position:absolute;top:43px;right:-5px;"></div>
Line 62:		Line 56:
	</div>		</div>
	[[Category:Fallout 4]]		[[Category:Fallout 4]]
-	<!--Reference at ~~http://~~codepen.io/stix/pen/KdJEwB -->	+	<!-- Reference at codepen.io/stix/pen/KdJEwB -->

DirtyMeStoryTime: Create pipboy template

DirtyMeStoryTime — Wed, 20 Apr 2016 03:27:46 GMT

Create pipboy template

New page

<div style="width:630px;height:400px;background:#8b7867;background: linear-gradient(#8b7867,#4f4138);margin:100px auto 0 auto;border-radius:50px;border-bottom-right-radius:90px;border-top:2px solid #c3bfb4;position:relative;">
<div style="width:450px;height:400px;background:#8b7867;background: linear-gradient(#8b7867,#726350);left:45px;position:absolute;top:-60px;padding-top:30px;border-radius:100px;border-top-right-radius:70px;border-bottom-right-radius:60px;border-bottom-left-radius:30px;position:relative;z-index:0;border-top:4px solid #c3bfb4;box-shadow:0px 0px 5px #3f2d21;">
<div style="width:120px;height:50px;background:#111;position:absolute;top:-15px;left:165px;z-index:-4;">
<div style="width:130px;height:40px;background:#5a5f5b;position:absolute;border-top-left-radius:15px;border-top-right-radius:15px;left:-5px;top:15px;"></div>
</div>
<div style="width:55px;height:13px;background:#000;position:absolute;right:5px;top:3px;border-top-right-radius:20px;border-top-left-radius:20px;border-top:1px solid #444;transform:rotate(27deg)"></div>
<div style="width:14px;height:14px;position:absolute;top:50px;right:15px;background:#f4ebe4;border-radius:150px;box-shadow:0px 2px 5px #483a31;"></div><div style="width:14px;height:14px;position:absolute;bottom:85px;right:15px;background:#f4ebe4;border-radius:150px;box-shadow:0px 2px 5px #483a31;"></div>
<div style="background:#272b2a;width:370px;height:290px;margin:auto;border-radius:50px;padding-top:5%;border-top:10px solid #5a5f5b;border-bottom:5px solid #3a3e41;position:relative;z-index:-5;">
<div style="width:300px;height:235px;position:absolute;margin-left:26px;border-radius:20px;background:#000;border:5px solid #333;padding:5px 5px 5px 0;;overflow:hidden;">
<div style="width:285px;height:185px;background:linear-gradient(150deg,#fff,rgba(0,0,0,0));position:relative;z-index:99;opacity:0.07;margin:9px 10px 10px 10px;border-radius:10px;"></div>
<div style="width:305px;height:80px;background:linear-gradient(rgba(0,0,0,0),#7ff12a);position:absolute;animation:scan;animation-duration:4s;animation-iteration-count: infinite;top:-85px;z-index:99;opacity:0.25;"></div>

<div style="background:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/184191/vaultboy2.gif');background-size:77px;background-position:2px;width:80px;height:100px;position:absolute;left:110px;top:56px;">
<div style="left:32px;top:-8px;width:15px;height:3.5px;background:#64d515;position:absolute;"></div>
<div style="left:32px;bottom:-8px;background:none;border:1px solid #64d515;height:1.5px;width:15px;height:3.5px;background:#64d515;position:absolute;"></div>
<div style="left:-20px;top:32px;width:15px;height:3.5px;background:#64d515;position:absolute;"></div>
<div style="right:-20px;top:32px;width:15px;height:3.5px;background:#64d515;position:absolute;"></div>
<div style="left:-20px;top:82px;width:15px;height:3.5px;background:#64d515;position:absolute;"></div>
<div style="right:-20px;top:82px;width:15px;height:3.5px;background:#64d515;position:absolute;"></div>
</div>
<div style="height:12px;position:absolute;width:290px;bottom:9px;left:15px;background:#000;color:#8df776;z-index:96;">
<div style="display:inline-block;">[[Tips]]</div>
<div style="display:inline-block;margin-left:20px;">[[Pictures]]</div>
<div style="display:inline-block;margin-left:20px;">[[Hubs]]</div>
</div>
</div></div>
<div style="width:32px;height:31px;background:#000;position:absolute;bottom:25px;right:88px;border-radius:150px;"></div><div style="width:14px;height:14px;position:absolute;bottom:30px;left:98px;background:#f4ebe4;border-radius:150px;box-shadow:0px 2px 5px #483a31;"></div><div style="width:14px;height:14px;position:absolute;bottom:-10px;right:-60px;background:#f4ebe4;border-radius:150px;box-shadow:0px 2px 5px #483a31;"></div>
</div>
<div style="width:38px;height:88px;background:#000;position:absolute;top:-16px;left:-2px;border-radius:10px;border-top:2px solid #aaaaa8;transform:rotate(6deg);border-left:2px solid #333;">
<div style="width:37px;height:8px;background:#333;border-radius:100px;margin-top:10.5px;background: linear-gradient(#000,#222);"></div><div style="width:37px;height:8px;background:#333;border-radius:100px;margin-top:10.5px;background: linear-gradient(#000,#222);"></div><div style="width:37px;height:8px;background:#333;border-radius:100px;margin-top:10.5px;background: linear-gradient(#000,#222);"></div><div style="width:37px;height:8px;background:#333;border-radius:100px;margin-top:10.5px;background: linear-gradient(#000,#222);"></div>
</div>
<div style="width:55px;height:110px;background:#000;position:absolute;top:-2px;right:-10px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-top:2px solid #aaaaa8;border-left:2px solid #392c24;">
<div style="position:absolute;left:-40px;top:10px;"><li style="list-style-type:none;text-align:right;padding:3.5px 0 3.5px 0;"></li><li style="list-style-type:none;text-align:right;padding:3.5px 0 3.5px 0;"></li><li style="list-style-type:none;text-align:right;padding:3.5px 0 3.5px 0;"></li><li style="list-style-type:none;text-align:right;padding:3.5px 0 3.5px 0;"></li><li style="list-style-type:none;text-align:right;padding:3.5px 0 3.5px 0;"></li></div>
<div style="width:48px;height:8px;background:#333;border-radius:100px;margin-left:3px;margin-top:11px;background: linear-gradient(#000,#222);"></div><div style="width:48px;height:8px;background:#333;border-radius:100px;margin-left:3px;margin-top:11px;background: linear-gradient(#000,#222);"></div><div style="width:48px;height:8px;background:#333;border-radius:100px;margin-left:3px;margin-top:11px;background: linear-gradient(#000,#222);"></div><div style="width:48px;height:8px;background:#333;border-radius:100px;margin-left:3px;margin-top:11px;background: linear-gradient(#000,#222);"></div><div style="width:48px;height:8px;background:#333;border-radius:100px;margin-left:3px;margin-top:11px;background: linear-gradient(#000,#222);"></div>
<div style="width:5px;height:25px;background:#9daaa3;border-top-right-radius:100px;border-bottom-right-radius:100px;position:absolute;top:43px;right:-5px;"></div>
<div style="width:150px;height:130px;border-radius:150px;position:absolute;z-index:-2;top:45px;left:-65px;border-right:10px solid #222222;z-index:-3;"></div>
</div>
<div style="width:85px;height:80px;background:#7e6d5b;position:absolute;top:140px;right:90px;border-top-right-radius:50px;border-bottom-right-radius:50px;box-shadow:1px 5px 10px #48372d;;border-left:0;">
<div style="width:30px;position:absolute;top:12.5px;right:12px;border-top-right-radius:50px;border-bottom-right-radius:50px;height:55px;background:#e4ebe4;border-bottom-left-radius:5px;border-top-left-radius:5px;z-index:0;">
<div style="width:5px;height:5px;display:block;background:#0d0c07;border-radius:150px;position:absolute;top:25px;left:4px;"></div>
<div style="width:9px;height:9px;position:absolute;top:40px;left:-15px;background:#c3b9af;border-radius:150px;box-shadow:0px 2px 3px #483a31;z-index:99;"></div>
</div>
</div>
<div style="width:40px;position:absolute;top:160px;right:0;z-index:99;">
<div style="width:40px;height:5px;background:rgba(0,0,0,0.2);margin-bottom:8px;border-bottom:2px solid #978175;border-top-left-radius:2px;border-bottom-left-radius:3px;"></div><div style="width:40px;height:5px;background:rgba(0,0,0,0.2);margin-bottom:8px;border-bottom:2px solid #978175;border-top-left-radius:2px;border-bottom-left-radius:3px;"></div><div style="width:40px;height:5px;background:rgba(0,0,0,0.2);margin-bottom:8px;border-bottom:2px solid #978175;border-top-left-radius:2px;border-bottom-left-radius:3px;"></div><div style="width:40px;height:5px;background:rgba(0,0,0,0.2);margin-bottom:8px;border-bottom:2px solid #978175;border-top-left-radius:2px;border-bottom-left-radius:3px;"></div>
</div>
<div style="width:35px;position:absolute;top:137px;left:20px">
<div style="display:block;width:80%;height:5px;background:rgba(0,0,0,0.2);margin-bottom:10px;border-bottom:2px solid #978175;border-top-right-radius:2px;border-bottom-right-radius:3px;position:relative;z-index:3;"></div><div style="display:block;width:80%;height:5px;background:rgba(0,0,0,0.2);margin-bottom:10px;border-bottom:2px solid #978175;border-top-right-radius:2px;border-bottom-right-radius:3px;position:relative;z-index:3;"></div><div style="display:block;width:80%;height:5px;background:rgba(0,0,0,0.2);margin-bottom:10px;border-bottom:2px solid #978175;border-top-right-radius:2px;border-bottom-right-radius:3px;position:relative;z-index:3;"></div><div style="display:block;width:80%;height:5px;background:rgba(0,0,0,0.2);margin-bottom:10px;border-bottom:2px solid #978175;border-top-right-radius:2px;border-bottom-right-radius:3px;position:relative;z-index:3;"></div><div style="width:14px;height:14px;position:absolute;top:160px;left:30px;background:#f4ebe4;border-radius:150px;box-shadow:0px 2px 5px #483a31;"></div>
</div>
<div style="width:9px;height:8px;position:absolute;bottom:145px;right:100px;background:#6d5d4e;border-radius:150px;box-shadow:0px 2px 3px #483a31;border-top:1px solid #c3bfb4;z-index:99;"></div><div style="width:9px;height:8px;position:absolute;bottom:63px;right:52px;background:#6d5d4e;border-radius:150px;box-shadow:0px 2px 3px #483a31;border-top:1px solid #c3bfb4;z-index:99;"></div>
<div style="width:30px;height:60px;position:absolute;right:65px;top:260px;border-bottom-left-radius: 100px;border: 30px solid #47473f; border-right: 0;border-top:0;"></div>
<div style="width:60px;height:60px;background:#000;transform:rotate(45deg);border-radius:8px;border-top:2px solid #999;border-left:2px solid #999;z-index:0;position:absolute;top:240px;right:12px;"><div style="width:15px;height:15px;background:#000;position:absolute;top:20px;left:20px;z-index:99;border-radius:150px;border:3px solid #151515;"></div>
</div>
<div style="width:200px;height:105px;background: linear-gradient(#7d6855,#726350,#211a14);position:absolute;bottom:-20px;border-bottom-right-radius:60px;border-bottom-left-radius:60px;border-top-left-radius:35px;border-top-right-radius:35px;border-top:3px solid #403227;left:170px;">
<div style="position:absolute;left:46px;">
<div style="width:7px;height:62px;background:linear-gradient(#666,#222);margin-top:30px;margin-left:10px;margin-right:10px;display:inline-block;vertical-align:top;"><span></span></div><div style="width:7px;height:62px;background:linear-gradient(#666,#222);margin-top:30px;margin-left:10px;margin-right:10px;display:inline-block;vertical-align:top;"><span></span></div><div style="width:7px;height:62px;background:linear-gradient(#666,#222);margin-top:30px;margin-left:10px;margin-right:10px;display:inline-block;vertical-align:top;"><span></span></div><div style="width:7px;height:62px;background:linear-gradient(#666,#222);margin-top:30px;margin-left:10px;margin-right:10px;display:inline-block;vertical-align:top;"><span></span></div></div>
<div style="width:86px;height:40px;background-color: #818644; background-image: linear-gradient(90deg, transparent 50%, rgba(0,0,0,.8) 50%); background-size: 23px 20px;border-radius:15px;position:absolute;bottom:-7px;left:57px;"></div><div style="width:9px;height:7px;position:absolute;bottom:13px;left:35px;background:#8c837c;border-radius:150px;box-shadow:0px 2px 3px #483a31;z-index:99;"></div><div style="width:9px;height:7px;position:absolute;bottom:13px;right:35px;background:#8c837c;border-radius:150px;box-shadow:0px 2px 3px #483a31;z-index:99;"></div>
</div>
<div style="background:#000;position:absolute;right:105px;bottom:20px;width:37px;height:25px;border-top-left-radius:60px;border-top-right-radius:60px;"></div>
<div style="width:140px;height:100px;background: linear-gradient(#8b7663,#625245);position:absolute;top:-35px;right:5px;border-top-left-radius:30px;border-top-right-radius:40px;border-top:3px solid #c3bfb4;z-index:-1;"></div>
<div style="width: 80px;height: 80px;background: #000;position: absolute;z-index:-99;top:-40px;right:19px;border-radius:5px;border-top: 3px solid #777;transform:rotate(10deg);"></div>
</div>
[[Category:Fallout 4]]