Skip to content
This repository has been archived by the owner on Sep 18, 2023. It is now read-only.

Commit

Permalink
Update an neusten Stand
Browse files Browse the repository at this point in the history
  • Loading branch information
@lutoma
lutoma committed Apr 9, 2012
1 parent 0b7c6e4 commit 22f763e
Show file tree
Hide file tree
Showing 2 changed files with 72 additions and 17 deletions.
59 changes: 53 additions & 6 deletions css/main.css
View file
@@ -1,9 +1,10 @@
body {
background: #fff;
background: url(http://www.piratenpartei.de/wp-content/themes/piratenkleider_1_2/assets/bg-tags.png) #fff;
color: #2B2926;
font-family: 'Open Sans', 'Opensans', sans-serif, sans;
font-size: 14px;
line-height: 1.5;
width: 1005px;
}

h1, h2, h3, h4, h5, h6 {
Expand All @@ -13,9 +14,26 @@ h1, h2, h3, h4, h5, h6 {
border-bottom: 1px dotted #bbb;
}

#logowrapper {
position: absolute;
z-index: 1000;
background: #fff;
display: inline;
padding: 10px;
right: 20px;
top: 14px;
box-shadow: 1px -2px 1px #222;
transform:rotate(45deg);
-webkit-transform:rotate(3deg);
}

#logo {

}

header {
height: 112px;
background: #222;
background: #FFbb00;
}

header > * {
Expand Down Expand Up @@ -67,7 +85,9 @@ body > [role="slider"] {
position: relative;
height: 360px;
width: 100%;
background: url(../img/erfolge.jpg) #4D535F no-repeat center;
background: url(../img/erfolge.jpg), url(http://www.piratenpartei.de/wp-content/themes/piratenkleider_1_2/assets/bg-tags_gray.jpg);
background-repeat: no-repeat, repeat;
background-position: center;
}

body > [role="slider"] > .box {
Expand Down Expand Up @@ -96,10 +116,37 @@ body > [role="slider"] > .box > h1 {
border-bottom: 1px dotted #fff;
}

body > [role="main"] {
padding: 10px 30px;
#wrapper {
position: relative;
margin: 0 23px;
padding: 10px 0;
min-height: 500px;
background: #fff;
}

#wrapper > aside {
float: right;
clear: both;
width: 30%;
padding: 10px;
min-height: 500px;
height: 100%;
border-left: 3px solid #eee;
}

#wrapper > div {
padding: 0 20px;
width: 60%;
}

footer {
background: #ccc;
background: url(http://www.piratenpartei.de/wp-content/themes/piratenkleider_1_2/assets/bg-tags_gray.jpg);
}

footer > p {
margin: 0 23px;
color: #fff;
background: rgba(0,0,0,0.5);
min-height: 180px;
padding: 10px 20px;
}
30 changes: 19 additions & 11 deletions index.html
View file
Expand Up @@ -19,9 +19,11 @@
</head>
<body>
<!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
<div id="logowrapper">
<img id="logo" src="img/logo.png" height="80" width="186" />
</div>
<header>
<p>
<img id="logo" src="img/logo.png" height="80" width="186" />
Lorem ipsum dolor sit amet
</p>

Expand All @@ -43,22 +45,28 @@ <h1><span>WER WIR SIND</span></h1>
<div class="text">DIE JUNGEN PIRATEN UND WAS SIE WOLLEN</div>
</div>
</div>
<div role="main">
<h2>MISSION POSSIBLE</h2>
<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>
<div id="wrapper">
<aside>
Sidebar Sidebar Sidebar
</aside>

<h3>UNTERÜBERSCHRIFT</h3>
<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>
<div role="main">
<h2>MISSION POSSIBLE</h2>
<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>

<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>
<h3>UNTERÜBERSCHRIFT</h3>
<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>

<p>Sed in enim a mauris feugiat dignissim ut quis lectus. Aenean pretium semper porttitor. Sed id lectus quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin in enim eu nulla placerat sodales. Sed aliquam diam sit amet nibh tristique ac tempus elit varius. Duis volutpat ullamcorper quam vitae consectetur. Curabitur a pretium eros. Mauris in est vel quam malesuada commodo. Duis pulvinar magna a ligula fermentum non ullamcorper sem euismod.</p>
<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>

<p>Maecenas vehicula luctus velit at adipiscing. Donec massa tortor, adipiscing vitae posuere nec, aliquet a orci. Sed lorem lorem, gravida non ultricies quis, vestibulum quis urna. Maecenas eu velit mi. Sed vitae dui lorem, et fermentum leo. Aliquam erat volutpat. Vivamus dictum, nunc quis bibendum aliquet, metus lacus blandit metus, in congue mauris dui nec nunc.</p>
</div>
<p>Sed in enim a mauris feugiat dignissim ut quis lectus. Aenean pretium semper porttitor. Sed id lectus quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin in enim eu nulla placerat sodales. Sed aliquam diam sit amet nibh tristique ac tempus elit varius. Duis volutpat ullamcorper quam vitae consectetur. Curabitur a pretium eros. Mauris in est vel quam malesuada commodo. Duis pulvinar magna a ligula fermentum non ullamcorper sem euismod.</p>

<p>Maecenas vehicula luctus velit at adipiscing. Donec massa tortor, adipiscing vitae posuere nec, aliquet a orci. Sed lorem lorem, gravida non ultricies quis, vestibulum quis urna. Maecenas eu velit mi. Sed vitae dui lorem, et fermentum leo. Aliquam erat volutpat. Vivamus dictum, nunc quis bibendum aliquet, metus lacus blandit metus, in congue mauris dui nec nunc.</p>
</div>
</div>

<footer>
Junge Piraten e.V.
<p>Junge Piraten e.V.</p>
</footer>


Expand Down

0 comments on commit 22f763e

Please sign in to comment.