<commit_before>body {
    font-family: "Times New Roman", Times, serif;
    -webkit-user-select: none;  
    -moz-user-select: none;     
    -ms-user-select: none;      
    -o-user-select: none;
    background-image: url("/static/robot-04.jpg");
}    
    h1 {
    text-align: center;
    color:blue;
    font-weight: bold;
    }

img {
    -webkit-user-select: none;  
    -moz-user-select: none;     
    -ms-user-select: none;      
    -o-user-select: none;
     margin-left:100px;
     margin-right:auto;
    }
    
#button-background {
    /*set the background video stream*/
    background: url('http://192.168.12.5:8080/?action=stream') no-repeat center center;
    min-height: 320px;
    position:relative;
    top:100px;
    -webkit-user-select: none;
}


button {
    position: absolute;
    background: #3498db;
    color: white;
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    font-family: Arial;
    font-size: 20px;
    padding: 15px 20px 10px 20px;
    text-decoration: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;     
    -ms-user-select: none;      
    -o-user-select: none;
    -webkit-user-select: none;
}

#left { 
    left: -150px;
    top: 124px;
    }
#right {
    right: -154px;
    top: 124px;
    }
    
#go {
    left: 105px;
    top: 5px;
    }
 
#back {
    left: 106px;
    top: 264px;
    }

#batterystats {
     background:lightblue;
     position:absolute;
     top:50px;
     font-weight: bold;
     color: blue;
     right:0px;
    }
#voltage {
    color: green;
    background-color:white;
    position:absolute;
    top:70px;
    right:0px;
    }
#capacity {
    color: red;
    background-color:white;
    }
#battery {
  border: 2px solid white;
  background: black;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 200px;
  height: 20px;
  padding: 2px;
  position:absolute;
  top:-90px;
}
#charge {
  width: 70%;
  background: white;
  height: 100%;
}
#left2 { 
    left: 65px;
    top: 504px;
    }
#right2 {
    right: 770px;
    top: 504px;
    }
    
#go2 {
    left: 326px;
    top: 422px;
    }
 
#back2 {
    left: 326px;
    top: 641px;
    }
#new {
    margin: 0 auto;
    position: relative;
    }
#circleleft {
        right:370px;
        position:absolute;
        top:30px;
        }
#circleleft circle {
   fill: lightblue;
}
#circleleft.activated circle {
    fill:red;
    }

#circleright {
        left:370px;
        position:absolute;
        top:30px;
        }
#circleright circle {
   fill: lightblue;
}
#circleright.activated circle {
    fill:red;
    }
<commit_msg>Adding the new style from the new light buttons<commit_after>body {
    font-family: "Times New Roman", Times, serif;
    -webkit-user-select: none;  
    -moz-user-select: none;     
    -ms-user-select: none;      
    -o-user-select: none;
     user-select: none;
    background-image: url("/static/robot-04.jpg");
}    
    h1 {
    text-align: center;
    color:blue;
    font-weight: bold;
    }

img {
    -webkit-user-select: none;  
    -moz-user-select: none;     
    -ms-user-select: none;      
    -o-user-select: none;
     user-select: none; 
     margin-left:100px;
     margin-right:auto;
    }
    
#button-background {
    background: url('http://192.168.12.5:8080/?action=stream') no-repeat center center;
    min-height: 320px;
    position:relative;
    top:100px;
}

#button {
    margin: 0 auto;
    width: 320px;
    height: 240px;
    position: relative;
}

button {
    position: absolute;
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    color: white;
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    font-family: Arial;
    font-size: 20px;
    padding: 15px 20px 10px 20px;
    text-decoration: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -webkit-user-select: none;  
    -moz-user-select: none;     
    -ms-user-select: none;      
    -o-user-select: none;
     user-select: none;
}

#left { 
    left: -150px;
    top: 124px;
    }
#right {
    right: -154px;
    top: 124px;
    }
    
#go {
    left: 105px;
    top: 5px;
    }
 
#back {
    left: 106px;
    top: 264px;
    }

#batterystats {
     background:lightblue;
     position:absolute;
     top:50px;
     font-weight: bold;
     color: blue;
     right:0px;
    }
#voltage {
    color: green;
    background-color:white;
    position:absolute;
    top:70px;
    right:0px;
    }
#capacity {
    color: red;
    background-color:white;
    }
#battery {
  border: 2px solid white;
  background: black;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 200px;
  height: 20px;
  padding: 2px;
  position:absolute;
  top:-90px;
}
#charge {
  width: 70%;
  background: white;
  height: 100%;
}
#left2 { 
    left: 65px;
    top: 504px;
    }
#right2 {
    right: 770px;
    top: 504px;
    }
    
#go2 {
    left: 326px;
    top: 422px;
    }
 
#back2 {
    left: 326px;
    top: 641px;
    }
#new {
    margin: 0 auto;
    position: relative;
    }
#circleleft {
        right:370px;
        position:absolute;
        top:30px;
        }
#circleleft circle {
   fill: lightblue;
}
#circleleft.activated circle {
    fill:red;
    }

#circleright {
        left:370px;
        position:absolute;
        top:30px;
        }
#circleright circle {
   fill: lightblue;
}
#circleright.activated circle {
    fill:red;
    }
    
input[type="button"], input[type="submit"]
{
    -webkit-user-select: none;  
    -moz-user-select: none;     
    -ms-user-select: none;      
    -o-user-select: none;
    user-select: none;
    background-color: #a3d4ff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#a3d4ff), to(#88bcf2));
    background-image: -webkit-linear-gradient(top, #a3d4ff, #88bcf2);
    background-image:    -moz-linear-gradient(top, #a3d4ff, #88bcf2);
    background-image:      -o-linear-gradient(top, #a3d4ff, #88bcf2);
    background-image:         linear-gradient(to bottom, #a3d4ff, #88bcf2);
    border-radius:3px;
    display: inline-block;
    line-height: 22px;
    padding:7px 12px;
    margin:0;
    border: 1px solid #88bcf2; 
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: -1px;
    text-shadow: 0 1px 1px #70A7E0;
    cursor:pointer;
}​  

{'fraction_non_alphanumeric': 0.1391238670694864, 'fraction_numerical': 0.0540785498489426, 'mean_word_length': 2.2408223201174744, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 2, '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': '454565', 'n_tokens_mistral': 2781, 'n_tokens_neox': 2477, 'n_words': 508}