Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

Generelles update

  • Loading branch information...
commit 0b7c6e40451e10f40e0f83a1892abb56e5abb85f 1 parent 4ba9e2e
Lukas Martini authored
44 css/main.css
@@ -3,11 +3,19 @@ body {
3 3 color: #2B2926;
4 4 font-family: 'Open Sans', 'Opensans', sans-serif, sans;
5 5 font-size: 14px;
  6 + line-height: 1.5;
  7 +}
  8 +
  9 +h1, h2, h3, h4, h5, h6 {
  10 + color: #004E9C;
  11 + font-weight: lighter;
  12 + margin-bottom: 0;
  13 + border-bottom: 1px dotted #bbb;
6 14 }
7 15
8 16 header {
9   - height: 110px;
10   - background: #ffcc00;
  17 + height: 112px;
  18 + background: #222;
11 19 }
12 20
13 21 header > * {
@@ -22,14 +30,37 @@ header > p {
22 30 header > p > #logo {
23 31 width: 186px;
24 32 height: 80px;
25   - padding-left: 5px;
26   - padding-top: 2px;
27   - padding-right: 30px;
  33 + margin-left: 20px;
  34 + margin-top: 2px;
  35 + margin-right: 30px;
28 36 }
29 37
30 38 nav {
31   - height: 25px;
  39 + height: 27px;
32 40 background: #ff8800;
  41 + padding-left: 30px;
  42 + padding-top: 4px;
  43 + font-weight: bold;
  44 + color: #fff;
  45 + font-size: 13px;
  46 +}
  47 +
  48 +nav > ul > li {
  49 + display: inline;
  50 + margin-left: 15px;
  51 + padding: 1px;
  52 +}
  53 +
  54 +nav > ul > .highlight {
  55 + background: #fff;
  56 + color: #2B2926;
  57 + border-radius: 3px;
  58 + padding: 1px 5px;
  59 +}
  60 +
  61 +nav > ul > .home {
  62 + background: url(../img/home_16x16.png) no-repeat center left;
  63 + padding-left: 21px;
33 64 }
34 65
35 66 body > [role="slider"] {
@@ -56,6 +87,7 @@ body > [role="slider"] > .box {
56 87
57 88 body > [role="slider"] > .box > h1 {
58 89 font-size: 26px;
  90 + color: #fff;
59 91 margin: 0;
60 92 margin-bottom: 8px;
61 93 clear: both;
BIN  img/home_16x16.png
20 index.html
@@ -12,7 +12,7 @@
12 12 <meta name="viewport" content="width=device-width">
13 13 <link rel="stylesheet" href="css/style.css">
14 14 <link rel="stylesheet" href="css/main.css">
15   - <link rel='stylesheet' href='//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700'>
  15 + <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700'>
16 16
17 17
18 18 <script src="js/libs/modernizr-2.5.3.min.js"></script>
@@ -26,18 +26,28 @@
26 26 </p>
27 27
28 28 <nav>
29   - Derp
  29 + <ul>
  30 + <li class="home">Home</li>
  31 + <li>Wer wir sind</li>
  32 + <li>Aktiv werden</li>
  33 + <li>Presse</li>
  34 + <li>Wiki</li>
  35 + <li>Forum</li>
  36 + <li class="highlight">Spenden</li>
  37 + </ul>
30 38 </nav>
31 39 </header>
32 40 <div role="slider">
33 41 <div class="box">
34   - <h1><span>ERFOLGE</span></h1>
35   - <div class="text">UNSERE ERFOLGE – DANK DEINER HILFE</div>
  42 + <h1><span>WER WIR SIND</span></h1>
  43 + <div class="text">DIE JUNGEN PIRATEN UND WAS SIE WOLLEN</div>
36 44 </div>
37 45 </div>
38 46 <div role="main">
  47 + <h2>MISSION POSSIBLE</h2>
39 48 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla consectetur dictum est vitae tristique. Nulla dictum pretium mi. Morbi egestas egestas tempus. Sed fringilla erat quis nisl gravida at sollicitudin sapien eleifend. Nullam sit amet nunc felis. Cras neque risus, varius ut laoreet vel, convallis non dui. Curabitur quis ligula dui, ut vestibulum enim. Fusce ut augue eu magna commodo auctor et vitae velit. Aliquam pharetra metus sit amet neque dictum sed euismod purus condimentum. Nullam quis mauris in libero rhoncus viverra. Fusce ullamcorper magna ut dui tincidunt eget dictum lacus condimentum. Nunc et enim enim, id consectetur metus.</p>
40 49
  50 + <h3>UNTERÜBERSCHRIFT</h3>
41 51 <p>In congue consequat rutrum. Phasellus nec leo nunc. Donec eu tellus sed enim sagittis commodo tristique vitae augue. Cras ultricies interdum magna eu pretium. Fusce sollicitudin orci nec lorem aliquam vehicula. Integer elementum consequat massa, at lacinia enim fermentum dapibus. Duis sodales mauris ut massa faucibus luctus varius turpis dictum. Proin sed nulla in dui suscipit vehicula a quis arcu. Vivamus at erat magna. In placerat vestibulum odio quis tincidunt. Suspendisse varius rutrum velit, sit amet bibendum eros volutpat in. Donec mattis, nibh eu ultrices sagittis, diam nulla facilisis orci, ut varius tortor libero id ante. Integer aliquam suscipit accumsan.</p>
42 52
43 53 <p>Vivamus ultricies purus ut eros imperdiet elementum. Aliquam rhoncus aliquet mollis. Vivamus consectetur sagittis urna, id pellentesque nunc hendrerit quis. Vestibulum semper fringilla egestas. Integer consectetur eleifend ipsum, nec faucibus enim porta quis. Nunc tincidunt, magna quis luctus interdum, nulla velit sodales neque, id faucibus mauris lorem sed tortor. Curabitur blandit cursus sapien, ut lacinia odio accumsan ac. Aenean lorem augue, hendrerit a accumsan nec, pellentesque quis sapien.</p>
@@ -52,7 +62,7 @@
52 62 </footer>
53 63
54 64
55   - <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  65 + <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
56 66 <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"><\/script>')</script>
57 67
58 68 <script src="js/plugins.js"></script>

0 comments on commit 0b7c6e4

Please sign in to comment.
Something went wrong with that request. Please try again.