My Example Project v1

This project is just an example and is used for demoing the CSSdoc system.

Authors

#Default Stylings

This stylings aren't assigned to any module.

Notice: No package definition here! This means, it all goes to a global/default package.

Basic styles

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  color: #ababab;
}

h1 {
  font-size: 2em;
  color: #333;
  margin: 0 0 1em 0;
}

h2 {
  font-size: 1.5em;
  color: #444;
  margin: 0 0 1em 0;
}

p {
  padding: 5px;
}

a {
  color: #508fdd;
}

Content Stylings

The content styling are applied to all elements in the content area of the page.

Introductional area

This area is used right underneath the page head menu.

It increases the color contrast and font size of the child elements (h1, p).

The intro area is a bit darker than the rest of the page to make it pop out.

I am an intro headline

And I am the welcome text! I am beautiful!

<div class="intro">
  <h1>I am an intro headline</h1>
  <p>And I am the welcome text! I am beautiful!</p>
</div>
.intro {
  font-size: 1.5em;
  background: #fefefe;
  padding: 3px;
}

.intro h1 {
  color: #000;
}

.intro p {
  color: #333;
}

To-do

line 53
Add rounded corners - looks nicer.