<commit_before>// Place all the styles related to the Records controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

.small-banner-image-container {
  width: 100%;
  height: 140px;
  overflow: hidden;
}

.small-banner-image-container.students-image img {
  width: 100%;
  margin-top: calc(-9% + 20px);
}

/*************
* record#new *
*************/

.form-container {
  margin: 40px 10% 140px 10%;
  overflow: auto;
  padding-bottom: 80px;
}

.center-text {
  text-align: center;
}

.clear-floats, .field {
  clear: both;
}

.preface-text {
  padding-bottom: 30px;
}

.field {
  padding-top: 20px;
}

field {
  width: 100%;
}

field * {
  display: inline-block;
}

label {
  font-weight: 400;
  width: 180px;
  float: left;
}

.long-label {
  width: 350px;
}

input, button, select, textarea {
  float: left;
  height: 30px;
  background-color: #f8f8f8;
  border: 1px solid lightgray;
  border-radius: 0px;
}

input[type="radio"], input[type="checkbox"] {
  height: 10px;
  width: 10px;
}

input {
  width: calc(100% - 185px);
  padding-right: 2px;
}

textarea#record-description {
  height: 150px;
  width: calc(100% - 185px);
  max-width: calc(100% - 185px);
}

select#record_content_type {
  width: 120px;
}

.terms-and-conditions {
  float: left;
  margin-left: 200px;
  margin-top: -22px;
}

/*********************
* file upload styles *
*********************/

span.btn.btn-small.btn-default.btn-inverse {
  padding: 4px 14px;
  float: left;
  margin-left: 10px;
}

#file-upload-button .btn {
  border-radius: 4px;
  margin-left: 4px;
}

#file-upload-button .form-control {
  box-shadow: none;
}

#placeholder-box {
  overflow: hidden;
  float: left;
  height: 30px;
  -webkit-rtl-ordering: logical;
  -webkit-user-select: text;
  background-color: #f8f8f8;
  cursor: auto;
  padding: 5px 7px;
  border: 1px solid lightgray;
  font-style: italic;
  width: 200px;
}

/****************
* submit button *
****************/

#submit-button {
  margin-top: 40px;
  width: 100px;
  margin-left: calc( 50% - 50px );
}

/**************
* record#show *
**************/

.record-details-top {
  margin: 40px 20% 40px;
}

.record-details {
  margin: 40px 20% 140px 20%;
  overflow: auto;
  padding-bottom: 80px;
}

.metadata-spacer {
  display: block;
  width: 100%;
  padding-bottom: 20px;
}

.record-title {
  display: inline-block;
  margin-top: 37px;
}

a.btn.btn-primary {
  color: #fff;
  width: 80px;
}

#edit-record-button {
  display: inline-block;
  float: right;
  margin-top: 30px;
}

.record-details .record-display-container {
  width: 100%;
  background: #fff;
  border: 1px solid darkgray;
  padding-top: 20px;
  padding-bottom: 20px;
}

#loaded-video {
  width: 100%;
}

.record-details img {
  margin-bottom: 20px;
  display: block;
  margin: auto;
  border: 1px solid darkgray;
}

.record-display-left {
  float: left;
  width: 60%;
  padding-right: 40px;
}

.record-display-right {
  float: right;
  width: 40%;
}

.record-display-label {
  font-weight: 700;
  margin-bottom: 5px;
}

.record-display-text {
  margin-bottom: 20px;
}


/********
* flash *
********/

#notice {
  display: none;
}<commit_msg>update records css to style loaded audio and move loaded-video to class selector<commit_after>// Place all the styles related to the Records controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

.small-banner-image-container {
  width: 100%;
  height: 140px;
  overflow: hidden;
}

.small-banner-image-container.students-image img {
  width: 100%;
  margin-top: calc(-9% + 20px);
}

/*************
* record#new *
*************/

.form-container {
  margin: 40px 10% 140px 10%;
  overflow: auto;
  padding-bottom: 80px;
}

.center-text {
  text-align: center;
}

.clear-floats, .field {
  clear: both;
}

.preface-text {
  padding-bottom: 30px;
}

.field {
  padding-top: 20px;
}

field {
  width: 100%;
}

field * {
  display: inline-block;
}

label {
  font-weight: 400;
  width: 180px;
  float: left;
}

.long-label {
  width: 350px;
}

input, button, select, textarea {
  float: left;
  height: 30px;
  background-color: #f8f8f8;
  border: 1px solid lightgray;
  border-radius: 0px;
}

input[type="radio"], input[type="checkbox"] {
  height: 10px;
  width: 10px;
}

input {
  width: calc(100% - 185px);
  padding-right: 2px;
}

textarea#record-description {
  height: 150px;
  width: calc(100% - 185px);
  max-width: calc(100% - 185px);
}

select#record_content_type {
  width: 120px;
}

.terms-and-conditions {
  float: left;
  margin-left: 200px;
  margin-top: -22px;
}

/*********************
* file upload styles *
*********************/

span.btn.btn-small.btn-default.btn-inverse {
  padding: 4px 14px;
  float: left;
  margin-left: 10px;
}

#file-upload-button .btn {
  border-radius: 4px;
  margin-left: 4px;
}

#file-upload-button .form-control {
  box-shadow: none;
}

#placeholder-box {
  overflow: hidden;
  float: left;
  height: 30px;
  -webkit-rtl-ordering: logical;
  -webkit-user-select: text;
  background-color: #f8f8f8;
  cursor: auto;
  padding: 5px 7px;
  border: 1px solid lightgray;
  font-style: italic;
  width: 200px;
}

/****************
* submit button *
****************/

#submit-button {
  margin-top: 40px;
  width: 100px;
  margin-left: calc( 50% - 50px );
}

/**************
* record#show *
**************/

.record-details-top {
  margin: 40px 20% 40px;
}

.record-details {
  margin: 40px 20% 140px 20%;
  overflow: auto;
  padding-bottom: 80px;
}

.metadata-spacer {
  display: block;
  width: 100%;
  padding-bottom: 20px;
}

.record-title {
  display: inline-block;
  margin-top: 37px;
}

a.btn.btn-primary {
  color: #fff;
  width: 80px;
}

#edit-record-button {
  display: inline-block;
  float: right;
  margin-top: 30px;
}

.record-details .record-display-container {
  width: 100%;
  background: #fff;
  border: 1px solid darkgray;
  padding-top: 20px;
  padding-bottom: 20px;
}

.loaded-video {
  width: 100%;
}

.loaded-audio {
  margin-left: calc(50% - 150px);
}

.record-details img {
  margin-bottom: 20px;
  display: block;
  margin: auto;
  border: 1px solid darkgray;
}

.record-display-left {
  float: left;
  width: 60%;
  padding-right: 40px;
}

.record-display-right {
  float: right;
  width: 40%;
}

.record-display-label {
  font-weight: 700;
  margin-bottom: 5px;
}

.record-display-text {
  margin-bottom: 20px;
}


/********
* flash *
********/

#notice {
  display: none;
}
{'fraction_non_alphanumeric': 0.18999386126457948, 'fraction_numerical': 0.0501841620626151, 'mean_word_length': 3.3244857332448574, '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': '116615', 'n_tokens_mistral': 2820, 'n_tokens_neox': 2500, 'n_words': 570}