Scribd Logo
Upload

Welcome to Scribd!

  • 6 views

    Css 2

    Uploaded by

    Monse Galeas
    This document contains CSS code that defines styles for elements on a webpage. It sets styles like background colors, fonts, text formatting, and positioning for the body, headings, paragraphs, images and other elements. Styles are defined for the main page content area, a caption that sits over an image, and a profile image of a writer.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    Css 2

    Uploaded by

    Monse Galeas
    6 views2 pages
    This document contains CSS code that defines styles for elements on a webpage. It sets styles like background colors, fonts, text formatting, and positioning for the body, headings, paragraphs, images and other elements. Styles are defined for the main page content area, a caption that sits over an image, and a profile image of a writer.

    Original Description:

    Original Title

    css2

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document contains CSS code that defines styles for elements on a webpage. It sets styles like background colors, fonts, text formatting, and positioning for the body, headings, paragraphs, images and other elements. Styles are defined for the main page content area, a caption that sits over an image, and a profile image of a writer.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    6 views2 pages

    Css 2

    Uploaded by

    Monse Galeas
    This document contains CSS code that defines styles for elements on a webpage. It sets styles like background colors, fonts, text formatting, and positioning for the body, headings, paragraphs, images and other elements. Styles are defined for the main page content area, a caption that sits over an image, and a profile image of a writer.

    Copyright:

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

    body {

    /* Old browsers */
    background: #141E30;
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(-45deg, #35577D, #141E30);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(-45deg, #35577D, #141E30);
    margin: 0;
    padding: 0;
    }

    h1 {
    color: #FFF !important;
    font-size: 2em;
    padding-top: 100px;
    width: 100%;
    font-family: Georgia;
    text-align: center;
    }

    h2 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    color: rgba(255, 255, 255, 0.5);
    font-weight: 100;
    font-size: 22px;
    line-height: 24px;
    padding-bottom: 30px;
    text-align: left;
    width: 70%;
    font-family: Georgia;
    }

    p {
    color: aliceblue;
    line-height: 1.3em;
    text-align: left;
    width: 100%;
    font-family: Helvetica;
    font-size: 18px;
    font-weight: bold;
    }

    .byline {
    font-family: Helvetica;
    color: rgba(255, 255, 255, 0.5);
    float: left;
    font-size: 14px;
    padding-left: 10px;
    text-transform: uppercase;
    }

    .caption {
    display: block;
    font-family: 'Playfair Display', serif;
    font-size: 14px;
    font-style: italic;
    line-height: 14px;
    margin-left: 20px;
    padding: 10px;
    position: relative;
    top: 80%;
    width: 60%;
    background-color: white;
    color: black;
    }

    .content {
    padding: 40px;
    }

    .image {
    background-image: url('https://content.codecademy.com/courses/freelance-1/unit-
    2/soccer.jpeg');
    background-size: cover;
    background-position: center;
    height: 300px;
    }

    .writer-img {
    -webkit-box-shadow: 5px 0px 5px 0px rgba(0, 0, 50, 0.97);
    -moz-box-shadow: 5px 0px 5px 0px rgba(0, 0, 50, 0.97);
    box-shadow: 5px 0px 5px 0px rgba(0, 0, 50, 0.97);
    float: left;
    width: 50px;
    }
    v

    You might also like