DAYZ STEAM BROWSER

by Sebastian Kay

HTML

<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="utf-8">
      <title>Bootswatch: Flatly</title>
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta http-equiv="X-UA-Compatible" content="IE=edge" />
      <link rel="stylesheet" href="https://bootswatch.com/darkly/bootstrap.css" media="screen">
	  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/0.8.1/css/perfect-scrollbar.min.css" />
	  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jScrollPane/2.0.23/style/jquery.jscrollpane.min.css" />
      <link rel="stylesheet" href="https://bootswatch.com/assets/css/custom.min.css">
	  
      <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
      <!--[if lt IE 9]>
      <script src="../bower_components/html5shiv/dist/html5shiv.js"></script>
      <script src="../bower_components/respond/dest/respond.min.js"></script>
      <![endif]-->
      <style>
		* {
			margin:0;
		}
		html, body {
			height: 100%;
			overflow:hidden;
			padding-top: 70px;
			padding-bottom: 30px;
		  }
		
		object { 
			width:100%;
			height:100%;
			min-height:500px;
		}
		
		iframe { 
			width:100%;
			height:auto;
			min-height:500px;
			margin:0;
			border:0;
			
		}
		
		.modal-dialog {
			width: 1000px;
		}
		
		.modal-body {
			padding: 0px;
			overflow:hidden;
		}
		
		::-webkit-scrollbar {
		  width: 2px;
		  height: 2px;
		}
		::-webkit-scrollbar-button {
		  width: 0px;
		  height: 0px;
		}
		::-webkit-scrollbar-thumb {
		  background: #325a7f;
		  border: 0px none #ffffff;
		  border-radius: 0px;
		}
		::-webkit-scrollbar-thumb:hover {
		  background: #ffffff;
		}
		::-webkit-scrollbar-thumb:active {
		  background: #000000;
		}
		::-webkit-scrollbar-track {
		  background: #303030;
		  border: 0px none #ffffff;
		  border-radius: 0px;
		}
		::-webkit-scrollbar-track:hover {
		  background: #666666;
		}
		::-webkit-scrollbar-track:active {
		 ...