[ Mini Kiebo ]

Server: Windows NT AKFAR_SERVER 10.0 build 26200 (Windows 10) AMD64 Path: D:/BACKUP C 19-12/XAMPP74/htdocs/simaku/css/ [ Home ]
File: login.css
@charset "utf-8";

/* CSS Document */

/*-------------------------------------------------------------------------------------------*/

/* login */
body {
	background: url(../images/main_bg.gif) left repeat;
}#h3 a {	font-size: 110%;	/*background:url(../images/close.png) left center no-repeat;*/	padding-right: 30px;	padding-bottom:10px;}
#logo{
	background: top no-repeat;
}

footer{
	color:#FF0000;
	display: block;
}
#login_box {
	position:absolute;
	top: 50%;
	left: 50%;
	width:26em;
	height:16em;
	margin-top: -8em; /*set to a negative number 1/2 of your height*/
	margin-left: -13em; /*set to a negative number 1/2 of your width*/
	border: 1px solid #7F5F00;
	background-color: #f3f3f3;
	-webkit-box-shadow: 0 0 15px #4F76A3;
}

#info {
	position:absolute;
	top: 92%;
	left: 50%;
	width:30em;
	height:6em;
	margin-top: -3em; /*set to a negative number 1/2 of your height*/
	margin-left: -15em; /*set to a negative number 1/2 of your width*/
	border: 1px solid #7F5F00;
	background-color: #f3f3f3;
	-webkit-box-shadow: 0 0 15px #4F76A3;
	padding-top: 0.5em;
}
#instruktur {
	position:absolute;
	top: 75%;
	left: 50%;
	width:5em;
	height:5em;
	margin-top: -2.5em; /*set to a negative number 1/2 of your height*/
	margin-left: -2.5em; /*set to a negative number 1/2 of your width*/
    font-family: Arial, Helvetica, sans-serif;
	font-size:150%;
	font-weight:bolder;
	color:#7F5F00;	
	padding-top:1em;
	padding-bottom:1em;
	text-align:center;
}

#login_box1 {
	position:absolute;
	top: 80%;
	left: 40%;
	width:5em;
	height:5em;
	margin-top: -2.5em; /*set to a negative number 1/2 of your height*/
	margin-left: -2.5em; /*set to a negative number 1/2 of your width*/
	border: 1px solid #7F5F00;
	background-color: #f3f3f3;
	-webkit-box-shadow: 0 0 15px #4F76A3;
}

#login_box2 {
	position:absolute;
	top: 80%;
	left: 50%;
	width:5em;
	height:5em;
	margin-top: -2.5em; /*set to a negative number 1/2 of your height*/
	margin-left: -2.5em; /*set to a negative number 1/2 of your width*/
	border: 1px solid #7F5F00;
	background-color: #f3f3f3;
	-webkit-box-shadow: 0 0 15px #4F76A3;
}

#login_box3 {
	position:absolute;
	top: 80%;
	left: 60%;
	width:5em;
	height:5em;
	margin-top: -2.5em; /*set to a negative number 1/2 of your height*/
	margin-left: -2.5em; /*set to a negative number 1/2 of your width*/
	border: 1px solid #7F5F00;
	background-color: #f3f3f3;
	-webkit-box-shadow: 0 0 15px #4F76A3;
}

#login_box4 {
	position:absolute;
	top: 35%;
	left: 20%;
	width:5em;
	height:5em;
	margin-top: -2.5em; /*set to a negative number 1/2 of your height*/
	margin-left: -2.5em; /*set to a negative number 1/2 of your width*/
	border: 1px solid #7F5F00;
	background-color: #f3f3f3;
	-webkit-box-shadow: 0 0 15px #4F76A3;
	z-index:-1;
}

#login_box5 {
	position:absolute;
	top: 60%;
	left: 20%;
	width:5em;
	height:5em;
	margin-top: -2.5em; /*set to a negative number 1/2 of your height*/
	margin-left: -2.5em; /*set to a negative number 1/2 of your width*/
	border: 1px solid #7F5F00;
	background-color: #f3f3f3;
	-webkit-box-shadow: 0 0 15px #4F76A3;
	z-index:-1;
}

#login_box6 {
	position:absolute;
	top: 85%;
	left: 20%;
	width:5em;
	height:5em;
	margin-top: -2.5em; /*set to a negative number 1/2 of your height*/
	margin-left: -2.5em; /*set to a negative number 1/2 of your width*/
	border: 1px solid #7F5F00;
	background-color: #f3f3f3;
	-webkit-box-shadow: 0 0 15px #4F76A3;
	z-index:-1;
}

h1{
	background-color:#4F76A3;
	border-bottom:1px solid #7F5F00;
	font-size:150%;
	font-weight:bolder;
	color:#fff;	
	padding-top:1em;
	padding-bottom:1em;
	text-align:center;
}

#login_form{
	padding:10px;
}

#login_form p label{
	display:block;
	float:left;
	width:80px;
}

#login_form p{
	margin-bottom:10px;
}

#submit  {
	padding:0 4px;
	border:#666 solid 1px;
	margin-left:80px;
}

#login_box .field_error, #login_box #message{
	font-size:12px;
	color:#F00;
}

#login_box #form_error_message{
	margin-bottom:20px;
}

#login_box .field_error{
	clear:both;
	margin-left:80px;
}

.form_field{
	border:#666 solid 1px;
}

.form_field:focus{
	background-color:#F9E9A9;
}