Browse files

Better styling

  • Loading branch information...
1 parent 6045f58 commit a52bab4edb7939089a1be0e71796bc98f52ff20b @vti committed Jun 16, 2012
Showing with 10 additions and 11 deletions.
  1. +7 −2 public/css/style.css
  2. +1 −1 views/index.caml
  3. +2 −8 views/layouts/main.caml
View
9 public/css/style.css
@@ -1,3 +1,7 @@
+.column {
+ width: 620px;
+ margin:auto;
+}
#footer {
text-align:right;
border-top:1px solid #ccc;
@@ -16,8 +20,8 @@ p {
margin-top:0px;
}
-h1 {
- line-height:25px;
+h1,h2 {
+ line-height:30px;
}
h1#name {
@@ -98,6 +102,7 @@ dd {
}
@media all and (max-width:640px) {
+ .column{width:100%}
table,thead,tbody,tfoot,th,td,tr{display:block}
#resume td {padding-top:1em;padding-right:0px}
#resume td.title {text-align:left}
View
2 views/index.caml
@@ -12,7 +12,7 @@ Your Perl Résumé is generated automatically based on your <a
<div class="control-group">
<label class="control-label" for="author">PAUSE ID</label>
<div class="controls">
- <input type="text" name="author" class="input-large">
+ <input type="text" name="author" class="span3">
<input type="submit" value="Generate" class="btn" />
</div>
</div>
View
10 views/layouts/main.caml
@@ -16,21 +16,15 @@
</head>
<body>
<div class="container">
- <div class="row">
- <div class="span2">&nbsp;</div>
- <div class="span8">
+ <div class="column">
{{&content}}
- </div>
- <div class="span2">&nbsp;</div>
</div>
<div class="row">
- <div class="span2">&nbsp;</div>
- <div class="span8">
+ <div class="column">
<div id="footer">
Written by <a href="http://showmetheco.de">vti</a> | Powered by <a href="http://perl.org/">Perl<a/>, <a href="http://perldancer.org/">Dancer</a>, <a href="http://metacpan.org">MetaCPAN</a> and <a href="http://cpants.charsbar.org">CPANTS</a>
</div>
</div>
- <div class="span2">&nbsp;</div>
</div>
</div>

0 comments on commit a52bab4

Please sign in to comment.