-
-
Save anonymous/4a1ed30412ef4f5cd70b to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> | |
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> | |
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> | |
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<title></title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width"> | |
<style> | |
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,code,form,figure,input,button,textarea,p,blockquote,th,td,hr{margin:0;padding:0} | |
article,figure,footer,header,menu,nav,section{display:block} | |
li{list-style:none} | |
a:link,a:visited{text-decoration:none} | |
.cf:before,.cf:after{content:"";display:table} | |
.cf:after{clear:both} | |
.cf{*zoom:1} | |
body{ | |
background-color: #DCDCDC; | |
font-family: STKaiti,helvetica,Monaco,Arial; | |
} | |
a{ | |
color: black; | |
} | |
#page{ | |
width: 900px; | |
margin: 74px auto; | |
} | |
#header{ | |
} | |
.site-title{ | |
color: black; | |
display: inline-block; | |
font-family: Georgia; | |
font-size: 60px; | |
} | |
.site-description{ | |
display: inline-block; | |
font-weight: bold; | |
font-style: italic; | |
font-size: 20px; | |
font-family: helvetica,Arial; | |
} | |
.site-navigation{ | |
height: 45px; | |
overflow: hidden; | |
} | |
.site-navigation ul{ | |
margin-left: -1px; | |
} | |
.site-navigation ul li{ | |
float: left; | |
width: 24.8% | |
} | |
.site-navigation ul li a{ | |
background-color: #1E90FF; | |
border-left: 1px solid white; | |
color: white; | |
display: inline-block; | |
width: 100%; | |
height: 45px; | |
line-height: 45px; | |
text-align: center; | |
font-size: 17px; | |
} | |
#content{ | |
} | |
#post{ | |
padding: 20px; | |
margin-bottom: 10px | |
} | |
.entry-header{ | |
text-align: right; | |
line-height: 28px; | |
} | |
.entry-title{ | |
font-size: 28px; | |
float: left; | |
} | |
.entry-date{ | |
} | |
.entry-content{ | |
word-break: break-word; | |
margin: 8px 0; | |
} | |
.entry-meta a{ | |
float: right; | |
background-color: #1E90FF; | |
color: white; | |
border: 2px solid white; | |
text-align: center; | |
padding: 5px; | |
} | |
#footer{ | |
text-align: center; | |
font-weight: bold; | |
font-size: 20px; | |
} | |
@media (max-width: 900px) { | |
#page{ | |
width: 80% | |
} | |
} | |
/* iPhone*/ | |
/* @media (max-width: 680px) { | |
#page{ | |
width: 80% | |
} | |
}*/ | |
/*ie*/ | |
.lt-ie7 .site-title,.lt-ie7 .site-description,.lt-ie7 .site-navigation ul li a { | |
display: inline; | |
zoom: 1; | |
} | |
</style> | |
<!--[if lt IE 9]> | |
<meta http-equiv="PRAGMA" content="NO-CACHE" /> | |
<script src="http://assets.av2.me/lib/js/html5shiv/html5shiv.min.js"></script> | |
<![endif]--> | |
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script> | |
</head> | |
<body> | |
<div id="page" class="hfeed"> | |
<header id="header"> | |
<h1 class="site-title"> | |
<a href="" title="">DreamLand</a> | |
</h1> | |
<h2 class="site-description">Stay Hungry,Stay Foolish.</h2> | |
<nav class="site-navigation"> | |
<ul> | |
<li><a href="">Home</a></li> | |
<li><a href="">Home</a></li> | |
<li><a href="">Home</a></li> | |
<li><a href="">Home</a></li> | |
</ul> | |
</nav> | |
</header> | |
<div id="content"> | |
<article id="post" class="entry hentry"> | |
<header class="entry-header cf"> | |
<h1 class="entry-title"> | |
<a href="" title="">TEXT</a> | |
</h1> | |
<time class="entry-date" datetime="">20 May 2013</time> | |
</header> | |
<div class="entry-content">TEXTTEXTTEXTTEXTTEXTTEXTTEXT</div> | |
<footer class="entry-meta cf"> | |
<a href="" title="" rel="bookmark">more</a> | |
</footer> | |
</article> | |
<article id="post" class="entry hentry"> | |
<header class="entry-header cf"> | |
<h1 class="entry-title"> | |
<a href="" title="">TEXT</a> | |
</h1> | |
<time class="entry-date" datetime="">20 May 2013</time> | |
</header> | |
<div class="entry-content">TEXTTEXTTEXTTEXTTEXTTEXTTEXT</div> | |
<footer class="entry-meta cf"> | |
<a href="" title="" rel="bookmark">more</a> | |
</footer> | |
</article> | |
<article id="post" class="entry hentry"> | |
<header class="entry-header cf"> | |
<h1 class="entry-title"> | |
<a href="" title="">TEXT</a> | |
</h1> | |
<time class="entry-date" datetime="">20 May 2013</time> | |
</header> | |
<div class="entry-content">TEXTTEXTTEXTTEXTTEXTTEXTTEXT</div> | |
<footer class="entry-meta cf"> | |
<a href="" title="" rel="bookmark">more</a> | |
</footer> | |
</article> | |
</div> | |
<footer id="footer"> | |
<div class="site-info"> | |
Copyright 2013 AChen @SHANGHAI | |
</div> | |
</footer> | |
</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment