<commit_before>/*!
 * iTunesAlbums.css
 */

html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {
  padding-top: 0px;
  background-color: #F9F8F9;
}
footer {
  /*padding: 30px 0;*/
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
.p,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	margin: 0;
	line-height: 1;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 11px;
    padding-left: 11px;
}

h3, .h3 {
	font-size: 20px;
}

.container {
	padding-left: 30px;
	padding-right: 30px;
}

.navbar {
	margin-bottom:0px;
}

/* list-header
================================= */
.list-header {
	background-color: #FDFDFD;
	border-bottom: 2px solid #ADACAD;
	padding-top: 6px;
	padding-bottom: 8px;
	padding-left: 20px;
	padding-right: 20px;
}
.list-header-fixed-top {
	position: fixed;
	top: 51px;
	right: 0;
	left: 0;
	z-index: 1030;
}

/* list-content
================================= */
.list-content {
	background-color: #F9F8F9;
}

.album-row {
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
}

.album-container {
	padding-top: 20px;
}

.img-album {
  display: inline-block;
  margin-bottom:5px;
  margin-left:7%;
	margin-right:7%;
  background-color: #F7F6F8;
  border: 1px solid #777777;
  box-shadow: 0 3px 7px #888;
  
  transition: transform 0.25s ease-out;
  /* for webkit, the transition makes album-plate transition bug */
  /* -webkit-transition: -webkit-transform 0.25s ease-out; */
}
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
.img-album {
	width:117px;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.img-album {
		width:132px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.img-album {
		width:112px;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.img-album {
		width:141px;
	}
}

.img-album.selected {
	transform:scale(1.16);
	-webkit-transform:scale(1.16);
}

.album-name{
	margin-left:7%;
	margin-right:7%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space : nowrap;
	padding-bottom: 1px;
	
	transition: all 0.25s ease-out;
}

.album-name.selected{
	margin-left:0;
	margin-right:0;
}

.artist-name {
	margin-left:7%;
	margin-right:7%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space : nowrap;
	margin-bottom: 10px;
	z-index: 5;
	position: relative;
	opacity: 1;

	transition: all 0.25s ease-out;
}

.artist-name.selected {
	opacity: 0;
	margin-left:0;
	margin-right:0;
}
/* album-plate
================================= */

.album-plate-container {
  margin-left:-20px;
  margin-right:-20px;
}

.album-plate {
  position: relative;
  display: block;
  z-index:0;
  margin-top: 0px;
  text-align: left;
  white-space: normal;
  
  background-color: #8BBB7A;
  
  box-shadow: inset 0px 4px 6px -6px rgba(0, 0, 0, .5); 
  border: 0px solid #777777;
  max-height:0px;
  overflow:hidden;

  transition: border 0.01s ease-out 0.25s, max-height 0.25s ease-out;
}

.album-plate.open {
  display: block;
  border: 1px solid #777777;
  max-height: 310px;

  transition: max-height 0.25s ease-out, border 0.01s ease-out;

}

.close-button{
	float:left;<commit_msg>Force Hardware Acceleration in WebKit with translate3d<commit_after>/*!
 * iTunesAlbums.css
 */

html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {
  padding-top: 0px;
  background-color: #F9F8F9;
}
footer {
  /*padding: 30px 0;*/
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
.p,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	margin: 0;
	line-height: 1;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 11px;
    padding-left: 11px;
}

h3, .h3 {
	font-size: 20px;
}

.container {
	padding-left: 30px;
	padding-right: 30px;
}

.navbar {
	margin-bottom:0px;
}

/* list-header
================================= */
.list-header {
	background-color: #FDFDFD;
	border-bottom: 2px solid #ADACAD;
	padding-top: 6px;
	padding-bottom: 8px;
	padding-left: 20px;
	padding-right: 20px;
}
.list-header-fixed-top {
	position: fixed;
	top: 51px;
	right: 0;
	left: 0;
	z-index: 1030;
}

/* list-content
================================= */
.list-content {
	background-color: #F9F8F9;
}

.album-row {
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
}

.album-container {
	padding-top: 20px;
}

.img-album {
  display: inline-block;
  margin-bottom:5px;
  margin-left:7%;
	margin-right:7%;
  background-color: #F7F6F8;
  border: 1px solid #777777;
  box-shadow: 0 3px 7px #888;
  
  transition: transform 0.25s ease-out;
  /* for webkit, the transition makes album-plate transition bug */
  /* -webkit-transition: -webkit-transform 0.25s ease-out; */
}
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
.img-album {
	width:117px;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.img-album {
		width:132px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.img-album {
		width:112px;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.img-album {
		width:141px;
	}
}

.img-album.selected {
	transform:scale(1.16);
	-webkit-transform:scale(1.16);
}

.album-name{
	margin-left:7%;
	margin-right:7%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space : nowrap;
	padding-bottom: 1px;
	
	transition: all 0.25s ease-out;
}

.album-name.selected{
	margin-left:0;
	margin-right:0;
}

.artist-name {
	margin-left:7%;
	margin-right:7%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space : nowrap;
	margin-bottom: 10px;
	z-index: 5;
	position: relative;
	opacity: 1;

	transition: all 0.25s ease-out;
}

.artist-name.selected {
	opacity: 0;
	margin-left:0;
	margin-right:0;
}
/* album-plate
================================= */

.album-plate-container {
  margin-left:-20px;
  margin-right:-20px;
}

.album-plate {
  position: relative;
  display: block;
  z-index:0;
  margin-top: 0px;
  text-align: left;
  white-space: normal;
  
  background-color: #8BBB7A;
  
  box-shadow: inset 0px 4px 6px -6px rgba(0, 0, 0, .5); 
  border: 0px solid #777777;
  max-height:0px;
  overflow:hidden;
 
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	
  transition: border 0.01s ease-out 0.25s, max-height 0.25s ease-out;
}

.album-plate.open {
  display: block;
  border: 1px solid #777777;
  max-height: 310px;

  transition: max-height 0.25s ease-out, border 0.01s ease-out;

}

.close-button{
	float:left;
{'fraction_non_alphanumeric': 0.21223021582733814, 'fraction_numerical': 0.0683453237410072, 'mean_word_length': 3.0710412147505424, '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': '1736282', 'n_tokens_mistral': 3665, 'n_tokens_neox': 3321, 'n_words': 683}