Skip to end of metadata
Go to start of metadata

You can adjust the look and feel of the Frontend using templates. The template consists of an HTML header and an HTML footer. In the HTML header you must define a stylesheet (CSS) amongst other things. Ideally use the "Default CSS" and adapt it as desired.
To customize the iFrames for credit card data input of "PAYONE Frontend hosted-iFrames" please refer to FE - Migration to PAYONE Frontend hosted-iFrame.
Default CSS:

table {
padding: 0px;
border-width: 0px;
outline-width: 0px;
}
img {
border-width: 0px;
outline-width: 0px;
}
td {
font-size: 11px;
font-family: Arial, Helvetica, Geneva, SunSans-Regular
line-height: 14px;
padding-top: 2px;
padding-bottom: 2px;
}
input.long {
font-size: 10px;
line-height: 12px;
width: 98%;
border: solid 1px #999;
}
input.short {
font-size: 10px;
line-height: 12px;
width: 47%;
border: solid 1px #999;
}
input.submit {
color: #fff;
font-size: 11px;
background-color: #666;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
}




input.submit[disabled]




{
color: gray;
cursor: wait;
}
form {
display: inline;
}
select.long {
font-size: 10px;
width: 100%;
}
select.short {
font-size: 10px;
width: 47%;
}
a {
color: #000;
}
a:hover {
color: #666;
}
.fullbox {
background-color: #e6e6e6;
width: 320px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.headbox {
color: white;
background-color: #666;
text-transform: uppercase;
letter-spacing: 1px;
width: 100%;
height: 20px;
margin-top: 20px;
margin-bottom: 10px;
}
.formbox {
width: 100%;
}
.infobox {
width: 100%;
border-color: #666666;
border-width: 1px;
border-style: solid;
}
.footer {
width: 320px;
height: 30px;
}
.stripline {
border-top: 1px solid #999;
}
.errortext {
color: #c00;
}


  • No labels