Work on post layout

This commit is contained in:
Wesley Moore 2009-11-22 16:00:59 +11:00
parent 1fb67f4947
commit b59236ed69
2 changed files with 102 additions and 8 deletions

View file

@ -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 &copy; 2004 - 2009 Wesley Moore</span>
</div>
</body> </body>
</html> </html>

View file

@ -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;
}