Update 5.0

The update to version 4.2 is mainly an update about the new Chinese language and other minor changes. But we also did some cleanup for the CSS and icons in the user interface.

Many images have been replaced by font icons (a font containing icons instead of characters). We've chosen typeicons and it works great.

By this, we also tried to make it much more easy for you to adapt the colors to your needs. Beginning with provider 4.2, we suggest to use this template for your customize.css:

/**
* Standard CSS for adapting to your logo:
*/
#logoWrapper #logo {
    /* Works from provider version 4.0 upwards! */
    background-image: url("MYIMAGES/my_logo.png");
    background-position: 20px 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

/** 
* For enhanced asian fonts.
* Use only if you plan to support Chinese!
*/
body {
    font-family: "Roboto","Microsoft JhengHei","Heiti TC","LiHei Pro Medium","PMingLiU",Arial,sans-serif;
}

/**
* CSS for basic color adaption
* Works from provider version 4.2 upwards!
* Just replace #666666 with your favorite color!
*/
div.helpboxTop, 
button, 
a.button, 
input[type="submit"], 
input[type="button"], 
.upload-form-header, 
#Navigation,
#navigation-wrapper {
    background-color: #666666;
}
a.main-menu-active-link .navIconStyle, 
a:hover .navIconStyle,
#MainBody h1, 
#MainBody h2, 
#MainBody a, 
p.headline, 
.Footer h1, 
.Footer h2,
.headline2, 
.blue-color, 
#SiteMainNavigation a:hover p, 
#SiteMainNavigation a.main-menu-active-link p, 
#sideMenu a.active-sidemenu-link, 
#sideMenu a:hover, 
.TabElementSelected,
.iconActionStyle,
.iconStyle,
input.passive-button:hover, .passive-button:hover {
    color: #666666 !important;
}
#sideMenu a.active-sidemenu-link {
    border-left-color: #666666;
}
input.passive-button {
    border-color: #666666 !important;
    color: #666666 !important;
    background-color: #ffffff;
}
/* For the pay.php special page */
.box-header,
div.downloadBox,
div.underline {
    background-color: #666666;
}
.box-header h1 {
    color: white !important;
}
div.downloadBox:hover,
a.button:hover,
button:hover, 
input[type="submit"]:hover, 
input[type="button"]:hover,
.button:hover, 
.form-button input:hover {
    background-color: #777777;
}

/* Adapt the help icon if you like */
div.BubbleHelp {
    background-image: none;
    font-family: iconFont;
    font-size: 20px;
    background-color: transparent;
    color: #666666;
    border: 0px dashed green;
    position: relative;
}
div.BubbleHelp:before { 
    content: '\e093'; 
    cursor: pointer; 
    top: -7px;
    position: inherit;
}

To use the above CSS for your colors, just replace #666666 by the color value you like (eg your main corporate identity color).