<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>www.disual.net Alan Adına Ait Varsayılan Sayfa</title>
		<script src="js/jquery.js"></script>
		<style>
			html {
				height: 100%;
				min-height: 680px;
				position: relative;
			}
			body {
				background-color:#404040;
				padding-bottom: 60px;
			}
			h1{
				color:rgba(255,255,255,1.00);
				}
			a{
				text-decoration:none;
			}
			img {
			   border: 0px;
			}
			a:link {
				color:#8bda3c;
				background-color: transparent;

			}
			a:visited {
				color:rgba(255,255,255,1.00);
				background-color: transparent;

			}
			a:hover {
				color: green;
				background-color: transparent;

			}
			a:active {
				color: yellow;
				background-color: transparent;

			}
			/**/
			@font-face {
			   font-family: 'roboto_slabregular';
				src: url('font/robotoslab-regular_0-webfont.eot');
				src: url('font/robotoslab-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
					url('font/robotoslab-regular_0-webfont.woff2') format('woff2'),
					url('font/robotoslab-regular_0-webfont.woff') format('woff'),
					url('font/robotoslab-regular_0-webfont.ttf') format('truetype'),
					url('font/robotoslab-regular_0-webfont.svg#roboto_slabregular') format('svg');
			   font-weight: normal;
			   font-style: normal;
			}
			/**
			@font-face {
				font-family: 'webfontregular';
				src: url('font/futuram-webfont.eot');
				src: url('font/futuram-webfont.eot?#iefix') format('embedded-opentype'),
					 url('font/futuram-webfont.woff2') format('woff2'),
					 url('font/futuram-webfont.woff') format('woff'),
					 url('font/futuram-webfont.ttf') format('truetype'),
					 url('font/futuram-webfont.svg#webfontregular') format('svg');
				font-weight: normal;
				font-style: normal;

			}
			/**/
			.alan{
				background:url(img/connect.png) no-repeat bottom center;
				background-color:rgba(137,137,137,0.9);
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				box-shadow:0 0 32px 0 rgba(0,0,0,0.75);
				font-family: "roboto_slabregular", "webfontregular";
				margin: 0 auto;
				padding: 20px 20px 60px;
				max-width: 778px;
				width:80%;
			}
			.alan div{
				text-align:center;
				}
			.alan h1{
				font-size:30px;
				}
			.alan p{
				font-size:14px;
				}
			.login{
				max-width:316px;
				width:90%;
				height:160px;
				margin:28px auto 0;
				border-top:20px solid #6ccef5;
				border-bottom:20px solid #6ccef5;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				box-shadow:0 0 32px 0 rgba(0,0,0,0.75);
				position:relative;
			}
			label{
				border-bottom-left-radius:5px;
				border-top-left-radius:5px;
				display:inline-block;
				float:left;
				width:23%;
				height:26px;
			}
			.name label{
				background:url(img/icon-user.png) no-repeat scroll center rgba(108,206,245,1.00);
			}
			.input-w{
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				background: rgba(255, 255, 255, 1.35);
				border-radius: 5px;
				border: 4px solid rgba(255, 255, 255, 1.35);
				margin: 16px auto 0;
				width: 73%;
			}
			.login input{
				border: medium none;
				padding:0 0 0 2;
				height:24px;
				width:76%;
				background: #d4d4d4;
				background: -moz-linear-gradient(top,  #d4d4d4 0%, #ededed 100%);
				background: -webkit-linear-gradient(top,  #d4d4d4 0%,#ededed 100%);
				background: linear-gradient(to bottom,  #d4d4d4 0%,#ededed 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#ededed',GradientType=0 );
			}
			.passowrd label{
				background:url(img/icon-pass.png) no-repeat scroll center rgba(108,206,245,1.00);
			}
			a.btn-primary{
				background:url(img/icon-login.png) no-repeat right;
				background-color:rgba(108,206,245,1.00);
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
				color: #000000;
				cursor: pointer;
				font-family: "webfontregular", "roboto_slabregular";
				font-size: 18px;
				margin-left: 61%;
				padding: 2px 27px 2px 18px;
				width: 83px;
				border:2px solid #dadada;
			}
			.giris{
				margin-top:20px;
			}
			.disual-logo a{
				bottom: -60px;
				position: absolute;
				right: 0;
			}
			.bg-wrapper {
				height: 100%;
				left: 0;
				min-height: 540px;
				min-width: 960px;
				overflow: hidden;
				position: absolute;
				top: 0;
				width: 100%;
				z-index: -1;
			}
			.r-bg {
				background-color: #d2d2d2;
				display: inline-block;
				height: 100%;
				position: absolute;
				right: -50%;
				width: 100%;
				z-index: -1;
				-webkit-box-shadow: inset 0px 0px 50px 0px rgba(0,0,0,0.25);
				-moz-box-shadow: inset 0px 0px 50px 0px rgba(0,0,0,0.25);
				box-shadow: inset 0px 0px 50px 0px rgba(0,0,0,0.25);
			}
			.r-bg span{
				display: inline-block;
				height: 8px;
				position: relative;
				width: 100%;
				-webkit-box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.45);
				-moz-box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.45);
				box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.45);
			}
			.bg1 {
				-ms-transform: rotate(-135deg);
				-webkit-transform: rotate(-135deg);
				transform: rotate(-135deg);
				border:16px solid #6CCEF5;
				outline: 2px solid #529cba;
			}
			.bg2 {
				-ms-transform: rotate(-45deg);
				-webkit-transform: rotate(-45deg);
				transform: rotate(-45deg);
				border:16px solid #F3E52B;
				outline: 2px solid #CEC224;
			}
			.bg1 span{
				background-color: #6CCEF5;
				top: -50px;
			}
			.bg2 span{
				background-color: #CEC224;
				top: -45px;
			}
			.pop {
				bottom: 16px;
				color: #ffffff;
				font-family: "webfontregular", "roboto_slabregular";
				font-size: 14px;
				left: 40px;
				position: absolute;
				width: 140px;
				display:none;
			}
			.pop.active {
				display:block;
			}
			.content-wrapper {
				display: block;
				/* margin: 60px auto 0; */
			}
			@media only screen and (max-width: 1920px) {
			.bg-wrapper {
				min-height:auto;
				min-width:auto;
			}
			.bg1 {
				top: -50%;
				width:200%;
				right: -100%;
			}
			.bg2 {
				bottom: -50%;
				width:200%;
				right: -100%;
			}
			}
			@media only screen and (max-width: 480px) {
			.bg-wrapper {
				min-height:860px;
			}
			.bg1 {
				right: -150%;
				top: -70%;
			}
			.bg2 {
				bottom: -50%;
				right: -140%;
			}
			.alan h1{
				font-size:15px;
				}
			.alan p{
				font-size:12px;
				}
			.content-wrapper{
				margin:46px auto 0;
				}
			}
		</style>
	</head>
	<body>
				<div class="bg-wrapper">
			<div class="r-bg bg1"><span></span></div>
			<div class="r-bg bg2"><span></span></div>
		</div>
		<div class="content-wrapper">
			<div class="alan">
				<h1><center>-www.disual.net-<br/>Alan Adına Ait Varsayılan Sayfaya Eriştiniz.</center></h1>
				<div>
					<p>Bu sayfa alan adı&nbsp;&nbsp;&nbsp;<a href="http://www.disual.net/" target="_blank"><img src="img/disual-mini.png" alt=""/></a>&nbsp;&nbsp;&nbsp;sunucularına yönlü olduğu halde, kurulu bir web sitesine rastlanmadığı için yayımlanmaktadır.<br/><br/>Detaylı bilgi için <a href="http://www.disual.net/" target="_blank"> www.disual.net </a> ile irtibata geçebilirsiniz.</p>
				</div>
			</div>
				</div>
		<div class="disual-logo">
			<a href="http://www.disual.net">
				<img title="Disual Digital Visuals" src="img/disual-logo.png" alt=""/>
			</a>
		</div>
		<script>
			jQuery.fn.center = function () {
				this.css("position","absolute");
				this.css("top" , Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + $(window).scrollTop())  + "px");
				this.css("left", Math.max(0, (($(window).width()  - $(this).outerWidth())  / 2) + $(window).scrollLeft()) + "px");
				return this;
			}
			jQuery.fn.bottom = function () {
				this.css("position","absolute");
				this.css("top"  , Math.max(0, ($(window).height() - 60)) + "px");
				this.css("right", "100px");
				return this;
			}
			$('div.content-wrapper').center();
			$('div.disual-logo').bottom();
			jQuery(function() {
				jQuery(".btn-primary").click(function(event) {
					event.preventDefault();
					jQuery(".pop").addClass("active");
				});
			});
		</script>
	</body>
</html>