mirror of
https://github.com/wezm/wezm.net.git
synced 2024-12-18 18:29:54 +00:00
Work on post layout
This commit is contained in:
parent
1fb67f4947
commit
b59236ed69
2 changed files with 102 additions and 8 deletions
|
@ -9,9 +9,19 @@
|
||||||
<script src="/js/script.js" type="text/javascript"></script>
|
<script src="/js/script.js" type="text/javascript"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
<div id="header">
|
||||||
|
<a href="/">WezM<sup>.net</sup></a>
|
||||||
|
<ul id="menu">
|
||||||
|
<li><a href="/about/">About</a></li>
|
||||||
|
<li><a href="mailto:contact@example.com">Contact Me</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
<div id="main">
|
<div id="main">
|
||||||
<h1><%= @item[:title] %></h1>
|
<h1><%= @item[:title] %></h1>
|
||||||
<%= yield %>
|
<%= yield %>
|
||||||
</div>
|
</div>
|
||||||
|
<div id="footer">
|
||||||
|
<span class="copyright">Copyright © 2004 - 2009 Wesley Moore</span>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -7,34 +7,118 @@ body {
|
||||||
font-family: Constantia, Georgia, "Bitstream Vera Serif", "Liberation Serif", serif;
|
font-family: Constantia, Georgia, "Bitstream Vera Serif", "Liberation Serif", serif;
|
||||||
font-size: 62.5%;
|
font-size: 62.5%;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
padding: 1em;
|
color: #223;
|
||||||
|
}
|
||||||
|
|
||||||
|
p,li {
|
||||||
|
font-size: 1.6em;
|
||||||
|
line-height: 1.2;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
font-size: 1.6em;
|
|
||||||
line-height: 1.2;
|
|
||||||
margin: 1em 0;
|
margin: 1em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
ul, ol {
|
||||||
|
margin: 1em 0 1em 1em;
|
||||||
|
}
|
||||||
|
ul {
|
||||||
|
list-style: disc;
|
||||||
|
}
|
||||||
|
li {
|
||||||
|
margin-left: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 6,7,8,9,10,11,12,14,16,18,21,24,36,48,60,72 */
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 4.5em;
|
font-size: 4.8em;
|
||||||
|
/* color: black;*/
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
font-size: 3.6em;
|
||||||
|
}
|
||||||
|
h3 {
|
||||||
|
font-size: 2.4em;
|
||||||
|
}
|
||||||
|
h4 {
|
||||||
|
font-size: 2.1em;
|
||||||
|
}
|
||||||
|
h5 {
|
||||||
|
font-size: 1.8em;
|
||||||
|
}
|
||||||
|
h6 {
|
||||||
|
font-size: 1.6em;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1,h2,h3,h4,h5,h6 {
|
h1,h2,h3,h4,h5,h6 {
|
||||||
font-family: Titillium, Calibri, Helvetica, "Liberation Sans", "Bitstream Vera Sans", Tahoma, Geneva, Arial, sans-serif;
|
font-family: Titillium, Calibri, Helvetica, "Liberation Sans", "Bitstream Vera Sans", Tahoma, Geneva, Arial, sans-serif;
|
||||||
margin: 0.75em 0 0.25em 0;
|
margin: 0.5em 0 0.25em 0;
|
||||||
|
color: #111;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:link,
|
a:link,
|
||||||
a:visited {
|
a:visited {
|
||||||
color: #f30;
|
color: #36454F;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover {
|
a:hover {
|
||||||
color: #f90;
|
/* color: #f90;*/
|
||||||
}
|
}
|
||||||
|
|
||||||
|
sup {
|
||||||
|
vertical-align: super;
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre,code {
|
||||||
|
font-family: Consolas, "Andale Mono", "Liberation Mono", Menlo, Monaco, "Bitstream Vera Sans Mono", fixed;
|
||||||
|
}
|
||||||
|
pre {
|
||||||
|
font-size: 1.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header {
|
||||||
|
font-family: Titillium, Calibri, Helvetica, "Liberation Sans", "Bitstream Vera Sans", Tahoma, Geneva, Arial, sans-serif;
|
||||||
|
background-color: rgb(112, 128, 144); /* Slate gray */
|
||||||
|
padding: 0.5em 1em;
|
||||||
|
text-shadow: rgb(187, 187, 187) 0px 1px 1px;
|
||||||
|
font-size: 2.1em;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
#header a{
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul#menu {
|
||||||
|
list-style: none;
|
||||||
|
background-color: rgb(112, 128, 144); /* Slate gray */
|
||||||
|
float: right;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
ul#menu li {
|
||||||
|
display: inline;
|
||||||
|
font-size: inherit;
|
||||||
|
text-shadow: rgb(187, 187, 187) 0px 1px 1px;
|
||||||
|
/* width: 5em;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
padding: 0 1em;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer {
|
||||||
|
color: #666;
|
||||||
|
border-top: 1px solid #666;
|
||||||
|
margin: 1em;
|
||||||
|
}
|
||||||
|
#footer .copyright {
|
||||||
|
font-family: Titillium, Calibri, Helvetica, "Liberation Sans", "Bitstream Vera Sans", Tahoma, Geneva, Arial, sans-serif;
|
||||||
|
font-size: 1.4em;
|
||||||
|
padding-top: 1em;
|
||||||
|
display: block;
|
||||||
|
}
|
Loading…
Reference in a new issue