<commit_before>/* app css stylesheet */
/*header css*/

.headermain {
    height: 60px;
    width: 100%;
    background-color: #4e7dd1;
    overflow: hidden;
}


.headerimg {
    margin: 10px;
    float: left;
    height: 70%;
    width: 7%;
}

.headermain span {
    margin: 10px;
    font-size: 20px;
    float: right;
    color: white;
}

/*header search*/
#wrap_search
{
    height:13%;
    width:24%;
    margin:2% 4% 1% 30%;
    

}

/* Image slide div*/

.slideImagesDiv
{
     height:40%;
   
}



/*video content*/
.videocontent {
    /*overflow: scroll;*/
    position: absolute;
    bottom:0px;
    top:60px;;
    display:block;
    width:100%;
    background-image: url(../app/img/back.jpg);
}
#wrap_video{
    margin-left:15%;
    margin-right:15%;
}



#video-controls {
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;
    width: 90%;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	-ms-transition: opacity .3s;
	transition: opacity .3s;
	background-image: linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);
	background-image: -o-linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.13, rgb(3,113,168)),
		color-stop(1, rgb(0,136,204))
	);
}

#video-container:hover #video-controls {
	opacity: .9;
}

button {
	background: rgba(0,0,0,.5);
	border: 0;
	color: #EEE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

button:hover {
	cursor: pointer;
}

#seek-bar {
	width: 65%;
}

#volume-bar {
	width:10%;
}
#seek-time
{
    width:3%;
}







.controlimg{
    /*margin-bottom:5px;*/
    width:3%;
    height:3%;
    margin-left:2%;
}

#video_box {
    float: left;
}





.video_overlays {
    /*margin-top:2%;*/
    position: absolute;
    float: left;
    width: 574px;
    min-height: 300px;
    /*background-color:#808080;*/
    opacity: 1;
    z-index: 2;
}
	

ul 
{
    list-style-type: none;
}
    li{

        /*margin: 0 0 3px 0;*/
        margin-left: 1%;
    }
    
    #itemImg {
    width: 40px;
    height: 40px;
    float: right;
    margin-left:2%;
}
	 .video_overlays  ul
{
    list-style-type: none;
}
<commit_msg>css perfect max video size<commit_after>/* app css stylesheet */
/*header css*/

.headermain {
	height: 60px;
	width: 100%;
	background-color: #4e7dd1;
	overflow: hidden;
}


.headerimg {
	margin: 10px;
	float: left;
	height: 70%;
	width: 7%;
}

.headermain span {
	margin: 10px;
	font-size: 20px;
	float: right;
	color: white;
}

/*header search*/
#wrap_search {
	height: 13%;
	width: 24%;
	margin: 2% 4% 1% 30%;
}

/* Image slide div*/

.slideImagesDiv {
	height: 40%;
}



/*video content*/
.videocontent {
	overflow: scroll;
	position: absolute;
	bottom: 0px;
	top: 60px;
	display: block;
	width: 100%;
	background-image: url(../app/img/back.jpg);
}

#wrap_video {
	margin-left: 15%;
	margin-right: 15%;
}

#MyVideo1{
	width:100%;
}

#video-controls {
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	-ms-transition: opacity .3s;
	transition: opacity .3s;
	background-image: linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);
	background-image: -o-linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(3,113,168)), color-stop(1, rgb(0,136,204)) );
}

#video-container:hover #video-controls {
	opacity: .9;
}

button {
	background: rgba(0,0,0,.5);
	border: 0;
	color: #EEE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

	button:hover {
		cursor: pointer;
	}

#seek-bar {
	width: 65%;
}

#volume-bar {
	width: 10%;
}

#seek-time {
	width: 3%;
}


.controlimg {
	/*margin-bottom:5px;*/
	width: 3%;
	height: 3%;
	margin-left: 2%;
}

/*#video_box {
	float: left;
}*/





.video_overlays {
	/*margin-top:2%;*/
	position: absolute;
	float: left;
	width: 80%;
	min-height: 300px;
	/*background-color:#808080;*/
	opacity: 1;
	z-index: 2;
}



#itemImg {
	width: 40px;
	height: 40px;
	float: right;
	margin-left: 2%;
}

.video_overlays ul {
	list-style-type: none;
}

.video_overlays li {
	margin-left: 1%;
}

{'fraction_non_alphanumeric': 0.18450560652395515, 'fraction_numerical': 0.0835881753312946, 'mean_word_length': 3.318661971830986, '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': '3979083', 'n_tokens_mistral': 2390, 'n_tokens_neox': 2011, 'n_words': 427}