Skip to main content

SCO Branding -- Full CSS Example

SCO Branding -- Full CSS Example​

.global-body-wrap { background: white; }
.body { background-color: white; }
.sco-root { background-color: white; }
.sco-button { font-size: 22.71px; }
.sco-cencel-button { background-color: #FF0000; color: #333333; font-size: 22.71px; }
.sco-button-ok { background-color: #565C58; color: #FFFFFF; font-size: 35.7px; }
.sco-top-container .sco-logo-enactor {
  background-image: url("image://BRANDING/RETAILER_LOGO.png");
  background-position: center; background-repeat: no-repeat;
}
.sco-top-container .sco-lane-closed-message {
  color: #FFFFFF; font-family: Open Sans; font-weight: bold;
}
.sco-signoncancelbtn { background-color: #FFFFFF; color: #565C58; font-family: Open Sans; }
.sco-signon-btn { background-color: #565C58; color: #FFFFFF; font-family: Open Sans; }
.numpad-key { background-color: #FFFFFF; color: #ffffff; }
.numpad-key.clear { background-color: #565C58; color: #FFFFFF; font-family: Montserrat; }
.numpad-key.enter { background-color: #565C58; color: #FFFFFF; font-family: Montserrat; }
.sco-top-container .sco-lane-open-button { background-color: #565C58; color: #FFFFFF; }
.sco-trs-h1 { color: #FFFFFF; font-family: Montserrat; font-size: 65px; }
.sco-trs-h2 { color: #FFFFFF; font-family: Open Sans; }
.sco-start-trs-button { background-color: #565C58; color: #FFFFFF; }
.sco-button-container-sale .ftr-button.position-1 {
  background-color: #565C58; background-image: url("image://BRANDING/SCO_CATALOGUE.png");
}
.sco-button-container-sale .ftr-button.position-2 {
  background-color: #565C58; background-image: url("image://BRANDING/SCO_BARCODE.png");
}
.sco-button-container-sale .ftr-button.position-3 {
  background-color: #565C58; background-image: url("image://BRANDING/SCO_LOYALTY.png");
}
.sco-button-container-sale .ftr-button.position-6 {
  background-color: #565C58; background-image: url("image://BRANDING/SCO_TOTAL.png");
}
.sco-button-container-h .ftr-button.position-1 {
  background-color: #565C58; background-image: url("image://BRANDING/SCO_CARD.png");
}
.sco-button-container-h .ftr-button.position-2 {
  background-color: #565C58; background-image: url("image://BRANDING/SCO_GIFTCARD.png");
}
.sco-no-print {
  background-color: #305790; background-image: url("image://BRANDING/NOPRINTRECEIPT.png");
}
.sco-yes-print {
  background-color: #305790; background-image: url("image://BRANDING/PRINTRECEIPT.png");
}
.sco-endtran-button { background-color: #565C58; color: #FFFFFF; font-size: 35.7px; }
.sco-product-button-wrap .sco-search-button {
  background-color: #565C58; font: normal normal bold 24px/33px Open Sans;
}
.sco-inactivity-continue-button { background-color: #565C58; color: #FFFFFF; }
.sco-logo-capture-loyalty-screen {
  background-image: url("image://BRANDING/loyaltycardlarge.png");
}