Permalink
Browse files

First real commit

  • Loading branch information...
1 parent 34ddb96 commit d3919092b8a2364bf8cfb08af0cd150f166398a7 @cadric committed Jan 4, 2012
View
@@ -0,0 +1,262 @@
+body {
+background-color:#1a1a1a;
+color:gray;
+font-family:Verdana, Geneva, sans-serif;
+}
+
+@font-face {
+ font-family: 'GentiumBasicRegular';
+ src: url('../fonts/GenBasR.eot');
+ src: local('Gentium Basic'), local('GentiumBasic'), url('../fonts/GenBasR.woff') format('woff'), url('../fonts/GenBasR.ttf') format('truetype'), url('../fonts/GenBasR.svg#GentiumBasic') format('svg');
+}
+
+a {
+color:#fff;
+text-decoration:none;
+}
+
+a:hover {
+text-decoration:underline;
+}
+
+h1,h2,h3,h4,h5,h6 {
+ font-family: 'GentiumBasicRegular',Tahoma,Geneva,sans-serif;
+margin:0;
+padding:0;
+}
+
+#wrapper {
+-moz-border-radius:5px;
+-moz-box-shadow:0 0 40px #000;
+-webkit-border-radius:5px;
+-webkit-box-shadow:0 0 40px #000;
+background-color:#141414;
+border:1px solid #000;
+border-radius:5px;
+box-shadow:0 0 40px #000;
+margin:0 auto;
+width:900px;
+}
+
+#header {
+-moz-border-radius-topleft:5px;
+-moz-border-radius-topright:5px;
+-webkit-border-top-left-radius:5px;
+-webkit-border-top-right-radius:5px;
+background:#242424 url(../img/stripeswtf.png) repeat;
+border:1px solid #313131;
+border-top-left-radius:5px;
+border-top-right-radius:5px;
+display:block;
+font-size:0.7em;
+padding:10px 0;
+text-align:center;
+text-transform:uppercase;
+width:897px;
+}
+
+#nav {
+background:url(../img/navbg.png) repeat-x;
+height:21px;
+}
+
+#nav ul {
+list-style:none;
+margin:0 0 0 10px;
+padding:0;
+}
+
+#nav li {
+display:inline;
+font-size:0.7em;
+margin-left:-5px;
+text-transform:uppercase;
+}
+
+#nav a {
+font:bold 1.08em Arial,Helvetica,sans-serif;
+margin:0;
+padding:3px 16px;
+}
+
+#nav li a:hover {
+background:#242424 url(../img/stripeswtf.png) repeat;
+border-left:1px solid #313131;
+border-right:1px solid #313131;
+color:#fff;
+padding:4px 15px 3px;
+text-decoration:none;
+}
+
+#content {
+float:left;
+width:600px;
+}
+
+.post {
+background:#242424 url(../img/bgarticle.png) repeat-x;
+border:1px solid #313131;
+float:left;
+font-size:0.8em;
+margin:0 0 2px 2px;
+}
+
+.post-title {
+padding-left:40px;
+}
+
+.post-title h3, .aside-title h3 {
+text-shadow: 0px 0px 3px #fff;
+}
+
+.post-title,.aside-title {
+background:#242424 url(../img/titlebg2.png) repeat-x;
+height:35px;
+}
+
+.post img {
+-moz-box-shadow:0 0 10px #000;
+-webkit-box-shadow:0 0 10px #000;
+border:2px solid #313131;
+box-shadow:0 0 10px #000;
+float:left;
+margin:0 5px;
+}
+
+.post-comments {
+background:url(../img/post-comments.png) no-repeat;
+display:table;
+float:right;
+font-size:0.7em;
+height:35px;
+margin: -2px 0 0;
+width:35px;
+}
+
+.post-comments a {
+display:table-cell;
+padding-bottom:7px;
+text-align:center;
+vertical-align:middle;
+}
+
+.post-date {
+background:url(../img/post-calendar.png) no-repeat;
+color:#fff;
+float:left;
+font-size:0.7em;
+height:35px;
+margin: -2px 0 0;
+width:35px;
+}
+
+.post-month {
+display:block;
+margin-top:5px;
+text-align:center;
+}
+
+.post-day {
+display:block;
+text-align:center;
+}
+
+.entry {
+float:left;
+margin:-12px 10px 0;
+text-align:justify;
+}
+
+#sidebar {
+float:right;
+width:300px;
+}
+
+.aside {
+background:#242424 url(../img/bgsidebar.png) repeat;
+border:1px solid #313131;
+float:right;
+font-size:0.8em;
+margin:0 2px 2px;
+width:294px;
+}
+
+.aside-title {
+color:#fff;
+display:table;
+}
+
+.aside h3 {
+display:table-cell;
+padding:0 0 5px 10px;
+vertical-align:middle;
+width:294px;
+}
+
+.aside ul {
+list-style:none;
+margin:0 0 15px;
+padding:0;
+}
+
+.aside li {
+margin:0;
+padding:2px 0 2px 20px;
+}
+
+#footer {
+background:#242424 url(../img/navbg2.png) repeat-x;
+border-top:1px solid #313131;
+clear:both;
+display:table;
+height:24px;
+text-align:center;
+width:900px;
+}
+
+#footer h6 {
+display:table-cell;
+vertical-align:middle;
+}
+
+#slider {
+background:#242424 url(../img/bgarticle.png) repeat-x;
+border:1px solid #313131;
+height:220px;
+margin:0 0 2px 2px;
+}
+
+#slider ul,#slider li {
+list-style:none;
+margin:0;
+padding:0;
+}
+
+#slider,#slider li {
+overflow:hidden;
+}
+
+#searchform {
+background:#242424 url(../img/stripeswtf.png) repeat;
+border:1px solid #313131;
+margin:0 2px 2px;
+padding:10px 0;
+text-align:center;
+width:294px;
+}
+
+#searchform #s {
+-moz-border-radius:5px;
+-webkit-border-radius:5px;
+background:#cacaca url(../img/searchbg.png);
+border:1px solid #313131;
+border-radius:5px;
+height:22px;
+padding:2px 5px 0;
+vertical-align:middle;
+width:150px;
+}
+
+#searchsubmit {
+vertical-align:middle;
+}
View
Binary file not shown.
View
Oops, something went wrong.
View
Binary file not shown.
View
Binary file not shown.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+
+<head>
+ <title></title>
+ <link rel="stylesheet" type="text/css" href="css/style.css" />
+ <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+</head>
+
+<body>
+ <div id="wrapper">
+ <div id="header">
+ <img src="img/mmorpg.png" alt="" width="250" height="50" alt="mmorpg.dk"><br />
+ Nyheder om - Massive Multiplayer Online Roleplaying Games - p&aring; dansk
+ </div>
+
+ <div id="nav">
+ <ul>
+ <li><a href="index.html"><b>Forside</b></a></li>
+ <li><a href="single.html"><b>Anmeldelser</b></a></li>
+ <li><a href="dropdown.html"><b>Spil</b></a></li>
+ <li><a href="dropline.html"><b>Forum</b></a></li>
+ <li><a href="flyout.html"><b>Send Nyhed</b></a></li>
+ <li><a href="support.html"><b>Kontakt</b></a></li>
+ </ul>
+ </div>
+
+ <div id="content">
+ <div id="slider">
+ <ul>
+ <li><img src="img/eq2.png" alt="slider news" width="596" height="220"></li>
+ </ul>
+ </div>
+
+ <div class="post">
+ <div class="post-comments"><a href="#">45</a></div>
+ <div class="post-date"><div class="post-month">Oct</div> <div class="post-day">13</div></div>
+ <div class="post-title">
+ <h3><a href="http://platoon.dk">From my amazing imagination. A very random title...</a></h3>
+ Posted in: mmorpg
+ </div>
+ <div class="entry">
+ <p><img src="img/wow.png" alt="wow" />Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. <a href="#">Read more...</a> </p>
+ </div>
+ </div>
+
+ <div class="post">
+ <div class="post-comments"><a href="#">3</a></div>
+ <div class="post-date"><div class="post-month">Oct</div> <div class="post-day">31</div></div>
+ <div class="post-title"><h3><a href="http://platoon.dk">Wow! Awsome Title</a></h3></div>
+ <div class="entry">
+<p>Aenean arcu arcu, feugiat nec auctor non, ultrices at mauris. Vivamus pellentesque rutrum mollis. Morbi est ante, fringilla vitae tempor a, lobortis eget elit. Ut sed ligula et odio lacinia dictum. Nullam tristique, urna vel fermentum vehicula, dolor turpis rhoncus libero, non tristique sapien sem id mauris. Phasellus malesuada lobortis felis, ac placerat diam tincidunt non. Nullam in ligula et massa convallis consequat at non libero. Nam scelerisque lacus ut ipsum tincidunt suscipit. Mauris bibendum ligula vel enim aliquet eu tempus leo tincidunt. Sed quam leo, venenatis iaculis semper non, rutrum vel dui. Proin imperdiet justo augue. Maecenas placerat nisi a massa euismod sed consectetur nunc ultricies. Maecenas tincidunt luctus neque, non tristique lacus porta sed. Integer turpis risus, dignissim sed mattis vitae, blandit in libero. Mauris accumsan semper enim, vitae vehicula dui sollicitudin nec.</p>
+ </div>
+ </div>
+
+ <div class="post">
+ <div class="post-comments"><a href="#">45</a></div>
+ <div class="post-title"><h3><a href="http://platoon.dk">Wow! Awsome Title</a></h3></div>
+ <div class="entry">
+ <p><img src="img/wow.png" alt="wow" /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse aliquam ipsum eget orci mattis lobortis. Fusce id felis sapien. Sed aliquet vulputate vehicula. Fusce consequat, nisl eget tristique rutrum, nisl nisi dignissim sem, vel vestibulum turpis neque vitae turpis. Phasellus condimentum, metus vel dignissim porta, dui sapien tincidunt sapien, nec vulputate ipsum lectus et urna. Ut quis turpis urna, id facilisis nisl. Etiam tincidunt, lorem eget accumsan placerat, velit quam tincidunt lectus, et mattis nisi sapien eget tortor. Fusce id semper quam. Integer in lacinia libero. Aenean a dolor sit amet velit semper tristique. Ut gravida pulvinar nulla, eget consequat augue pharetra in. Phasellus sagittis mattis sodales. Praesent at mi sem. Sed ullamcorper, est eget ornare volutpat, ante risus viverra metus, et dignissim felis lorem ut nisi. Nunc pulvinar bibendum massa vitae molestie. Fusce egestas ligula mollis orci ultrices mollis.</p>
+ </div>
+ </div>
+ </div>
+
+ <div id="sidebar">
+
+ <form method="get" id="searchform" action="http://localhost:8888/mysite/">
+ <input type="text" value="" name="s" id="s" />
+<input type="image" title="Search" alt="Search" id="searchsubmit" src="http://platoon.dk/stuff/css3/wtf/images/submitbg.png" />
+ </form>
+
+ <div class="aside">
+ <div class="aside-title"><h3>Category</h3></div>
+ <ul class="ul-cat">
+ <li><a href="#">Uncategorized</a></li>
+ <li><a href="#">News &amp; Update</a></li>
+ <li><a href="#">Design</a></li>
+ </ul>
+ </div>
+
+<div class="aside">
+ <div class="aside-title"><h3>Archives</h3></div>
+ <ul class="ul-archives">
+ <li><a href="#">October 2006</a></li>
+ <li><a href="#">September 2006</a></li>
+ <li><a href="#">August 2006</a></li>
+ <li><a href="#">October 2006</a></li>
+ <li><a href="#">September 2006</a></li>
+ <li><a href="#">August 2006</a></li>
+ </ul>
+ </div>
+
+ <div class="aside">
+ <div class="aside-title"><h3>Recently Commented</h3></div>
+ <ul class="recent-comments">
+ <li><a href="#">Nick:</a> This is a test comment</li>
+ <li><a href="#">Jen:</a> Hello, nice day!</li>
+ <li><a href="#">Someone:</a> Wow, this is another test comment</li>
+ <li><a href="#">Admin:</a> This is a comment</li>
+ </ul>
+ </div>
+ </div>
+
+ <div id="footer">
+ <h6><a href="http://mmorpg.dk">Designed &amp; Developed for mmorpg.dk</a> / <a href="http://wordpress.org">Powered by WordPress</a></h6>
+ </div>
+ </div>
+</body>
+</html>

0 comments on commit d391909

Please sign in to comment.