topical media & game development

talk show tell print

basic-css-18-Tr-It-Out-example18-4-chokoloskee-island-style-sheets-base-styles.css / css



  body {
      background: url('../images/backgrounds/palms.jpg') no-repeat fixed center bottom;
      padding: 5em 0 1.2em 0;
      margin: 0;
      font-family: "Courier New", Courier, monospace;
      text-transform: lowercase;
  }
  a {
      text-decoration: none;
  }
  a:hover {
      text-decoration: underline;
  }
  div#body {
      margin: 0 auto;
      width: 50em;
  }
  h1, h6 {
      background-color: lightsteelblue;
      border-left: 0.05em solid black;
      border-right: 0.05em solid black;
  }
  h1, h2, h3, h4, h5, h6 {
      margin: 0;
  }
  h1 {
      clear: both;
      padding: 0.5em 1.1em;
      border-top: 0.05em solid black;
      -moz-border-radius-topleft: 0.8em;
      -moz-border-radius-topright: 0.8em;
      font-family: "Monotype Corsiva", cursive;
      letter-spacing: 4px;
      font-size: 1.5em;
  }
  h2 {
      margin: 0 1.2em;
      padding: 0.9em 1.1em 0;
      border-bottom: 0.05em dotted black;
  }
  h3 {
      border-bottom: 1px dotted black;
      font-size: 0.9em;
  }
  h6 {
      padding: 1em 0;
      -moz-border-radius-bottomleft: 0.8em;
      -moz-border-radius-bottomright: 0.8em;
      border-bottom: 0.05em solid black;
      font-size: 0.8em;
      text-align: center;
  }
  div#content {
      padding: 1.2em;
      border: 0.05em solid black;
      font-size: 0.9em;
      word-spacing: 5px;
      letter-spacing: 1px;
  }
  p.copy {
      padding: 1.2em;
      margin: 0 1.2em;
      line-height: 2em;
      border-bottom: 0.05em dotted black;
      font-size: 1.2em;
      font-family: "Times New Roman", Times, serif;
      text-indent: 20px;
      text-align: justify;
  }
  img {
      margin: 1.7em;
      border: 0.05em solid black;
  }


(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.