Additional Footer für WCF 2.0

    Erst mal Danke an Euch.
    Hier habe ich mal für den CLS-Design Stil "FOCUS" den Footer (ohne Icons) farblich angepasst!

    Viel Spass damit!

    BLUE

    Spoiler anzeigen


    // Additional Footer Einstellungen BLUE

    #additionalFooterLinks {
    background-color: #E5F1FD;
    margin-top: 0px;
    border: 0px solid #0D6797;
    border-radius: 6px;
    color: #0D6797;
    }

    #footerLinks1 h3, #footerLinks2 h3, #footerLinks3 h3, #footerLinks4 h3, #footerLinks5 h3, #footerLinks6 h3, #footerLinks7 h3, #footerLinks8 h3 {
    font-weight: normal!important;
    text-shadow: 0px 0px #b8d3ed!important;
    }

    .additionalSize {
    color: #0D6797;
    margin-left: -50px;
    text-shadow: none;
    }

    .additionalSize2 {
    color: #0D6797;
    margin-left: -30px;
    text-shadow: none;
    }

    .addionalWidth1, .addionalWidth2 {
    padding: 15px;
    }

    .copyright {
    margin-top: 20px;
    }

    GREEN

    Spoiler anzeigen


    // Additional Footer Einstellungen GREEN

    #additionalFooterLinks {
    background-color: #E8F3E5;
    margin-top: 0px;
    border: 0px solid #3E8724;
    border-radius: 6px;
    color: #3E8724;
    }

    #footerLinks1 h3, #footerLinks2 h3, #footerLinks3 h3, #footerLinks4 h3, #footerLinks5 h3, #footerLinks6 h3, #footerLinks7 h3, #footerLinks8 h3 {
    font-weight: normal!important;
    text-shadow: 0px 0px #b8d3ed!important;
    }

    .additionalSize {
    color: #3E8724;
    margin-left: -50px;
    text-shadow: none;
    }

    .additionalSize2 {
    color: #3E8724;
    margin-left: -30px;
    text-shadow: none;
    }

    .addionalWidth1, .addionalWidth2 {
    padding: 10px;
    }

    .copyright {
    margin-top: 20px;
    }

    GREY

    Spoiler anzeigen


    // Additional Footer Einstellungen GREY

    #additionalFooterLinks {
    background-color: #F4F4F4;
    margin-top: 0px;
    border: 0px solid #333333;
    border-radius: 6px;
    color: #333333;
    }

    #footerLinks1 h3, #footerLinks2 h3, #footerLinks3 h3, #footerLinks4 h3, #footerLinks5 h3, #footerLinks6 h3, #footerLinks7 h3, #footerLinks8 h3 {
    font-weight: normal!important;
    text-shadow: 0px 0px #b8d3ed!important;
    }

    .additionalSize {
    color: #333333;
    margin-left: -50px;
    text-shadow: none;
    }

    .additionalSize2 {
    color: #333333;
    margin-left: -30px;
    text-shadow: none;
    }

    .addionalWidth1, .addionalWidth2 {
    padding: 15px;
    }

    .copyright {
    margin-top: 20px;
    }

    PURPLE

    Spoiler anzeigen


    // Additional Footer Einstellungen PURPLE

    #additionalFooterLinks {
    background-color: #F6F3FD;
    margin-top: 0px;
    border: 0px solid #081C96;
    border-radius: 6px;
    color: #081C96;
    }

    #footerLinks1 h3, #footerLinks2 h3, #footerLinks3 h3, #footerLinks4 h3, #footerLinks5 h3, #footerLinks6 h3, #footerLinks7 h3, #footerLinks8 h3 {
    font-weight: normal!important;
    text-shadow: 0px 0px #b8d3ed!important;
    }

    .additionalSize {
    color: #081C96;
    margin-left: -50px;
    text-shadow: none;
    }

    .additionalSize2 {
    color: #081C96;
    margin-left: -30px;
    text-shadow: none;
    }

    .addionalWidth1, .addionalWidth2 {
    padding: 15px;
    }

    .copyright {
    margin-top: 20px;
    }

    RED

    Spoiler anzeigen


    // Additional Footer Einstellungen RED

    #additionalFooterLinks {
    background-color: #FEE9EA;
    margin-top: 0px;
    border: 0px solid #970B27;
    border-radius: 6px;
    color: #970B27;
    }

    #footerLinks1 h3, #footerLinks2 h3, #footerLinks3 h3, #footerLinks4 h3, #footerLinks5 h3, #footerLinks6 h3, #footerLinks7 h3, #footerLinks8 h3 {
    font-weight: normal!important;
    text-shadow: 0px 0px #b8d3ed!important;
    }

    .additionalSize {
    color: #970B27;
    margin-left: -50px;
    text-shadow: none;
    }

    .additionalSize2 {
    color: #970B27;
    margin-left: -30px;
    text-shadow: none;
    }

    .addionalWidth1, .addionalWidth2 {
    padding: 15px;
    }

    .copyright {
    margin-top: 20px;
    }