Fix layout of content pages

This commit is contained in:
Wesley Moore 2010-02-03 13:42:15 +11:00
parent 762b56e401
commit 3c58d08cea
2 changed files with 13 additions and 5 deletions

View file

@ -12,7 +12,7 @@
<script src="/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script> <script src="/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/home.js" type="text/javascript" charset="utf-8"></script> <script src="/js/home.js" type="text/javascript" charset="utf-8"></script>
</head> </head>
<body> <body class="home">
<%= render 'header' %> <%= render 'header' %>
<div id="technical" class="column"> <div id="technical" class="column">
<div> <div>

View file

@ -35,6 +35,12 @@ h1,h2,h3,h4,h5,h6 {
/* 6,7,8,9,10,11,12,14,16,18,21,24,36,48,60,72 */ /* 6,7,8,9,10,11,12,14,16,18,21,24,36,48,60,72 */
h1 { h1 {
font-size: 36px; font-size: 36px;
padding-left: 20px;
padding-right: 20px;
}
body.home h1 {
padding-left: 0;
padding-right: 0;
} }
h2 { h2 {
font-size: 24px; font-size: 24px;
@ -113,19 +119,21 @@ ul#menu li {
font-size: inherit; font-size: inherit;
} }
body.article h1 { /*body.article h1 {
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;
} }*/
#content { #content {
padding: 0 20px; padding: 0 20px;
clear: both; clear: both;
}
body.article #content {
min-width: 600px; min-width: 600px;
margin-right: 40%; margin-right: 40%;
} }
body.articles #content {
min-width: auto;
margin-right: 0;
}
#footer { #footer {
color: gray; color: gray;