Repeated css rules in /styles/cb_28/theme/css/all.css

Hi,
Hi, I noticed some css rules repeated inside the file /styles/cb_28/theme/css/all.css
I checked by consulting the file: http://demo.clipbucket.com/free/styles/cb_28/theme/css/all.css

@font-face {
  font-family: 'source_sans_probold';
  src: url("../fonts/sourcesanspro-bold-webfont.eot");
  src: url("../fonts/sourcesanspro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-bold-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-bold-webfont.woff") format("woff"), url("../fonts/sourcesanspro-bold-webfont.ttf") format("truetype"), url("../fonts/sourcesanspro-bold-webfont.svg#source_sans_probold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'source_sans_prolight';
  src: url("../fonts/sourcesanspro-light-webfont.eot");
  src: url("../fonts/sourcesanspro-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-light-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-light-webfont.woff") format("woff"), url("../fonts/sourcesanspro-light-webfont.ttf") format("truetype"), url("../fonts/sourcesanspro-light-webfont.svg#source_sans_prolight") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'source_sans_proregular';
  src: url("../fonts/sourcesanspro-regular-webfont.eot");
  src: url("../fonts/sourcesanspro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-regular-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-regular-webfont.woff") format("woff"), url("../fonts/sourcesanspro-regular-webfont.ttf") format("truetype"), url("../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'source_sans_prosemibold';
  src: url("../fonts/sourcesanspro-semibold-webfont.eot");
  src: url("../fonts/sourcesanspro-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro-semibold-webfont.woff2") format("woff2"), url("../fonts/sourcesanspro-semibold-webfont.woff") format("woff"), url("../fonts/sourcesanspro-semibold-webfont.ttf") format("truetype"), url("../fonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold") format("svg");
  font-weight: normal;
  font-style: normal; }
/* variables */
/**/
/**/
/* buttons */
.btn-default {
  background: #ececec;
  border-color: #ececec;
  font-family: "source_sans_proregular", sans-serif;
  color: #000; }
  .btn-default:hover, .btn-default:active {
    background: #ececec;
    border-color: #ececec; }

.btn-ghost {
  background: #fff;
  border: 2px solid #000;
  padding: 5px 10px;
  font-family: "source_sans_proregular", sans-serif;
  font-size: 15px;
  line-height: 21px;
  color: #000; }
  .btn-ghost.btn-lg {
    font-size: 18px;
    line-height: 36px; }
  .btn-ghost:hover, .btn-ghost:active {
    background: #0080b4;
    border-color: #0080b4;
    color: #fff; }

.btn-primary {
  background: #0080b4;
  border-color: #0080b4;
  font-family: "source_sans_proregular", sans-serif;
  color: #fff; }
  .btn-primary:hover, .btn-primary:active {
    background: #0080b4;
    border-color: #0080b4;
    color: #fff; }

.btn-success {
  background: #4caf50;
  border-color: #4caf50;
  font-family: "source_sans_proregular", sans-serif;
  color: #fff; }
  .btn-success:hover, .btn-success:active {
    background: #4caf50;
    border-color: #4caf50;
    color: #fff; }

.btn-black {
  background: #212121;
  border-color: #212121;
  font-family: "source_sans_proregular", sans-serif;
  font-size: 15px;
  color: #fff; }
  .btn-black:hover, .btn-black:active {
    background: #212121;
    border-color: #212121;
    color: #fff; }

/* form elements */
.form-control {
  color: #000;
  background: #f6f6f6;
  border-color: #d9d9d9;
  font-size: 15px;
  line-height: 28px;
  height: 42px;
  /* placeholder input styles */ }
  .form-control input[type="text"]::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #bdbdbd; }
  .form-control input[type="text"]:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #bdbdbd; }
  .form-control input[type="text"]::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #bdbdbd;
    opacity: 1; }
  .form-control input[type="text"]:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #bdbdbd; }

/* error messages */
/* error animations */
@-webkit-keyframes bounce {
  0% {
    transform: translateY(-100%);
    opacity: 0; }
  5% {
    transform: translateY(-100%);
    opacity: 0; }
  15% {
    transform: translateY(0);
    padding-bottom: 5px; }
  30% {
    transform: translateY(-50%); }
  40% {
    transform: translateY(0%);
    padding-bottom: 6px; }
  50% {
    transform: translateY(-30%); }
  70% {
    transform: translateY(0%);
    padding-bottom: 7px; }
  80% {
    transform: translateY(-15%); }
  90% {
    transform: translateY(0%);
    padding-bottom: 8px; }
  95% {
    transform: translateY(-7%); }
  97% {
    transform: translateY(0%);
    padding-bottom: 9px; }
  99% {
    transform: translateY(-3%); }
  100% {
    transform: translateY(0);
    padding-bottom: 9px;
    opacity: 1; } }
@-moz-keyframes bounce {
  0% {
    transform: translateY(-100%);
    opacity: 0; }
  5% {
    transform: translateY(-100%);
    opacity: 0; }
  15% {
    transform: translateY(0);
    padding-bottom: 5px; }
  30% {
    transform: translateY(-50%); }
  40% {
    transform: translateY(0%);
    padding-bottom: 6px; }
  50% {
    transform: translateY(-30%); }
  70% {
    transform: translateY(0%);
    padding-bottom: 7px; }
  80% {
    transform: translateY(-15%); }
  90% {
    transform: translateY(0%);
    padding-bottom: 8px; }
  95% {
    transform: translateY(-7%); }
  97% {
    transform: translateY(0%);
    padding-bottom: 9px; }
  99% {
    transform: translateY(-3%); }
  100% {
    transform: translateY(0);
    padding-bottom: 9px;
    opacity: 1; } }
@-o-keyframes bounce {
  0% {
    transform: translateY(-100%);
    opacity: 0; }
  5% {
    transform: translateY(-100%);
    opacity: 0; }
  15% {
    transform: translateY(0);
    padding-bottom: 5px; }
  30% {
    transform: translateY(-50%); }
  40% {
    transform: translateY(0%);
    padding-bottom: 6px; }
  50% {
    transform: translateY(-30%); }
  70% {
    transform: translateY(0%);
    padding-bottom: 7px; }
  80% {
    transform: translateY(-15%); }
  90% {
    transform: translateY(0%);
    padding-bottom: 8px; }
  95% {
    transform: translateY(-7%); }
  97% {
    transform: translateY(0%);
    padding-bottom: 9px; }
  99% {
    transform: translateY(-3%); }
  100% {
    transform: translateY(0);
    padding-bottom: 9px;
    opacity: 1; } }
@keyframes bounce {
  0% {
    transform: translateY(-100%);
    opacity: 0; }
  5% {
    transform: translateY(-100%);
    opacity: 0; }
  15% {
    transform: translateY(0);
    padding-bottom: 5px; }
  30% {
    transform: translateY(-50%); }
  40% {
    transform: translateY(0%);
    padding-bottom: 6px; }
  50% {
    transform: translateY(-30%); }
  70% {
    transform: translateY(0%);
    padding-bottom: 7px; }
  80% {
    transform: translateY(-15%); }
  90% {
    transform: translateY(0%);
    padding-bottom: 8px; }
  95% {
    transform: translateY(-7%); }
  97% {
    transform: translateY(0%);
    padding-bottom: 9px; }
  99% {
    transform: translateY(-3%); }
  100% {
    transform: translateY(0);
    padding-bottom: 9px;
    opacity: 1; } }
.alert-msg-holder {
  margin: 0 auto;
  text-align: center;
  max-width: 1170px !important; }

.alert-ajax {
  -webkit-animation: bounce 800ms ease-out;
  -moz-animation: bounce 800ms ease-out;
  -ms-animation: bounce 800ms ease-out;
  -o-animation: bounce 800ms ease-out;
  animation: bounce 800ms ease-out; }

The entire block of css rules are repeated 4 times inside the file.

I recommend replacing the #bdbdbd color with #999, because in the signup page using the firefox browser it was slightly evident the detachment of color between the two first text fields and the remaining ones

Thanks

@fahad_cb Kindly look into this and respond.

1 Like