Scribd Logo
Upload

Welcome to Scribd!

  • Designs

    Uploaded by

    Mody Mostafa
    3 views3 pages
    The document contains CSS code defining styles for three different themes - Artic, Aquarium, and Dark. Each theme section sets the background color and styles for common page elements like the body, header, logo, navigation links, headings, and paragraphs. The color palettes are tailored for each nature-inspired theme.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document contains CSS code defining styles for three different themes - Artic, Aquarium, and Dark. Each theme section sets the background color and styles for common page elements like the body, header, logo, navigation links, headings, and paragraphs. The color palettes are tailored for each nature-inspired theme.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    3 views3 pages

    Designs

    Uploaded by

    Mody Mostafa
    The document contains CSS code defining styles for three different themes - Artic, Aquarium, and Dark. Each theme section sets the background color and styles for common page elements like the body, header, logo, navigation links, headings, and paragraphs. The color palettes are tailored for each nature-inspired theme.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    of 3

    Arclic:

    body {
    background-color: #ffcb65;
    }

    header {
    background-color: #af5d07;
    width: 100% ;
    position: fixed;
    z-index: 999;
    display: flex ;
    justify-content: space-around ;
    align-items: center;
    padding: 10px 2px;
    }

    .logo {
    text-decoration: none;
    color: #fffedf;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.8em;

    .navigation a{
    color: #fbd580;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: 500;
    padding-left: 30px;
    }

    .navigation a:hover {
    color: #f38910;
    }

    h1 {
    color: #fffedf;
    }

    p {
    color: #fffedf;
    }
    Aquarium:

    body {
    background-color: #edfdcc;
    }

    header {
    background-color: #3a5602;
    width: 100% ;
    position: fixed;
    z-index: 999;
    display: flex ;
    justify-content: space-around ;
    align-items: center;
    padding: 10px 2px;
    }

    .logo {
    text-decoration: none;
    color: #ecfcca;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.8em;
    }

    .navigation a{
    color: #d9f994;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: 500;
    padding-left: 30px;
    }

    .navigation a:hover {
    color: #97f519;
    }

    h1 {
    color: #3b5903;
    }

    p {
    color: #00010c;
    }
    Dark:

    body {
    background-color: #d2fea9;
    }

    header {
    background-color: #165e14;
    width: 100% ;
    position: fixed;
    z-index: 999;
    display: flex ;
    justify-content: space-around ;
    align-items: center;
    padding: 10px 2px;
    }

    .logo {
    text-decoration: none;
    color: #d5fda5;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.8em;
    }

    .navigation a{
    color: #c2fba1;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: 500;
    padding-left: 30px;
    }

    .navigation a:hover {
    color: #91f134;
    }

    h1 {
    color: #195f0e;
    }

    p {
    color: #050e04;
    }

    You might also like