<commit_before>

@charset "utf-8";
/* CSS Document */

body {

font: 100% Arial, Helvetica, sans-serif;
background: url("../images/background.png");	
	
}

.container{

position: relative;	
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
	
}

.ftitle {

position: relative;	
color: rgba(000,000,000,1);
font-size: 2em;
width: 100%;

	
}

.title {
position: relative;
width: 100%;
margin-left: auto;
margin-right: auto;
top: 20px;
	
}

.data{

	width: 120px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 0px;

}

.data2{

	width: 120px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: -50px;

}

.menu h1{
	color: white;
	position: relative;
	padding: 10px 10px 10px;
}

.greenboard {

width: 600px;
height: 338px;
background: url("../images/greenboard.png");
background-repeat: no-repeat;
margin-left: auto ;
margin-right: auto ;
	
}
.menu{
	left: 0px;
	bottom: 0px;
	height: 100%;
	background: url("../images/bg1.png");
	position: fixed;
	background-repeat: repeat-y;
	z-index: 1;
}
.controlPanel{
	width: 800px;
	height: 600px;
	background: url("../images/greenboard.png");
	background-repeat: no-repeat;
	position: absolute;
	top: 230px;
	left: 32%;
	z-index: 1;	
}



/*Form elements */


.boardform {
	
	position: relative;
	width: 500px;
	height: 270px;
	top: 45px;
	margin-right: auto;
	margin-left: auto;

}


#form-mail{
	width: 100%;
	height: 100%;
	position: relative;
}




.boardform input:focus {

	font-style:italic;	
	
}



#username:hover, #password:hover{

	border: 2px rgba(255,255,255,0.8) solid; 

-webkit-box-shadow: 0px 0px 10px rgba(120, 126, 156, 0.72);
-moz-box-shadow:    0px 0px 10px rgba(120, 126, 156, 0.72);
box-shadow:         0px 0px 10px rgba(120, 126, 156, 0.72);
	
}



#username{
	
	top: -30px;
	position:relative;
	padding: 0 10px;
	background: none;
	color: rgb(210,212,222);
	width: 150px;
	height: 30px; 
	margin: 0 0 10px 0;
	font-size:1.06667 em;
	border: 2px rgba(255,255,255,0.5) solid;
	  border-radius: 5px;
   	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
}


#password{
	top: -80px;
	position:relative;
	padding: 0 10px;
	background: none;
	color: rgb(210,212,222);
	width: 150px;
	height: 30px; 
	margin: 0 0 10px 0;
	font-size:1.06667 em;
	border: 2px rgba(255,255,255,0.5) solid;
	  border-radius: 5px;
   	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	
 
}


 .submit{
	background: url("../images/arrow.png");
	background-repeat: no-repeat;
	background-position: 17px 16px;
	position: relative;
	height: 45px;
	width: 45px;
	border: 2px rgba(255,255,255,0.5) solid;
    cursor: pointer;
		border-radius: 100px;
	 -o-border-radius: 100px;
  	 -moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	top: -90px;
	right: -30px;

}



.submit:hover{<commit_msg>forgot the button<commit_after>

@charset "utf-8";
/* CSS Document */

body {

font: 100% Arial, Helvetica, sans-serif;
background: url("../images/background.png");	
	
}

.container{

position: relative;	
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
	
}

.ftitle {

position: relative;	
color: rgba(000,000,000,1);
font-size: 2em;
width: 100%;

	
}

.title {
position: relative;
width: 100%;
margin-left: auto;
margin-right: auto;
top: 20px;
	
}

.data{

	width: 120px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 0px;

}

.data2{

	width: 120px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: -50px;

}

.menu h1{
	color: white;
	position: relative;
	padding: 10px 10px 10px;
}

.greenboard {

width: 600px;
height: 338px;
background: url("../images/greenboard.png");
background-repeat: no-repeat;
margin-left: auto ;
margin-right: auto ;
	
}
.menu{
	left: 0px;
	bottom: 0px;
	height: 100%;
	background: url("../images/bg1.png");
	position: fixed;
	background-repeat: repeat-y;
	z-index: 1;
}
.controlPanel{
	width: 800px;
	height: 600px;
	background: url("../images/greenboard.png");
	background-repeat: no-repeat;
	position: absolute;
	top: 230px;
	left: 32%;
	z-index: 1;	
}



/*Form elements */


.boardform {
	
	position: relative;
	width: 500px;
	height: 270px;
	top: 45px;
	margin-right: auto;
	margin-left: auto;

}


#form-mail{
	width: 100%;
	height: 100%;
	position: relative;
}




.boardform input:focus {

	font-style:italic;	
	
}



#username:hover, #password:hover{

	border: 2px rgba(255,255,255,0.8) solid; 

-webkit-box-shadow: 0px 0px 10px rgba(120, 126, 156, 0.72);
-moz-box-shadow:    0px 0px 10px rgba(120, 126, 156, 0.72);
box-shadow:         0px 0px 10px rgba(120, 126, 156, 0.72);
	
}



#username{
	
	top: -30px;
	position:relative;
	padding: 0 10px;
	background: none;
	color: rgb(210,212,222);
	width: 150px;
	height: 30px; 
	margin: 0 0 10px 0;
	font-size:1.06667 em;
	border: 2px rgba(255,255,255,0.5) solid;
	  border-radius: 5px;
   	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
}


#password{
	top: -80px;
	position:relative;
	padding: 0 10px;
	background: none;
	color: rgb(210,212,222);
	width: 150px;
	height: 30px; 
	margin: 0 0 10px 0;
	font-size:1.06667 em;
	border: 2px rgba(255,255,255,0.5) solid;
	  border-radius: 5px;
   	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	
 
}


 .submit{
	background: url("../images/arrow.png");
	background-repeat: no-repeat;
	background-position: 17px 16px;
	position: relative;
	height: 45px;
	width: 45px;
	border: 2px rgba(255,255,255,0.5) solid;
    cursor: pointer;
		border-radius: 100px;
	 -o-border-radius: 100px;
  	 -moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	top: -140px;
	right: -160px;


}



.submit:hover{
{'fraction_non_alphanumeric': 0.16436389736228244, 'fraction_numerical': 0.09833123990669299, 'mean_word_length': 3.5914332784184513, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1011645', 'n_tokens_mistral': 2865, 'n_tokens_neox': 2287, 'n_words': 547}