Permalink
Browse files

Final tweaks

  • Loading branch information...
1 parent 83f23ed commit 4cb9b105f3fe005b4a703ba0dd52200918914fd9 Paul Robert Lloyd committed Apr 20, 2012
Showing with 39 additions and 14 deletions.
  1. +2 −1 _css/layout.css
  2. +25 −1 _css/patterns.css
  3. +6 −6 _inc/head.php
  4. +4 −4 index.php
  5. +1 −1 item.php
  6. +1 −1 patterns.php
View
@@ -95,7 +95,7 @@ and (min-height:40em) {
font:bold 1.25em/1 'Proxima Nova Condensed Bold','Arial Narrow',sans-serif; /* 20px/20px */
text-transform:uppercase;
text-shadow:0 1px 0 #f93;
- padding:0 0.6em; /* 12px */
+ padding:0 0.4em; /* 8px */
display:block;
}
.nav li a:hover {
@@ -106,6 +106,7 @@ and (min-height:40em) {
}
.nav li:last-child {
border-width:0;
+ padding-right:0;
}
View
@@ -21,7 +21,7 @@
/* ============================================================
- Mile marker
+ Location header
============================================================ */
@media screen and (min-width:35em) {
.mile {
@@ -66,6 +66,30 @@
/* ============================================================
+ Day header
+============================================================ */
+@media screen and (min-width:35em) {
+ .day {
+ margin-bottom:1.5em;
+ overflow:hidden;
+ }
+ .day h1 {
+ white-space:nowrap;
+ float:left;
+ }
+ .day .meta {
+ color:#2c1c16;
+ font-size:0.875em; /* 14px */
+ line-height:1.1429em; /* 16px */
+ letter-spacing:0.125em; /* 2px */
+ opacity:0.8;
+ margin:3.25em 0 0 1em; /* 52px 0 0 16px */
+ float:left;
+ }
+}
+
+
+/* ============================================================
Page Navigation
============================================================ */
.pages {
View
@@ -21,7 +21,7 @@
<!--fonts-->
<noscript>
- <link rel="stylesheet" href="http://f.fontdeck.com/s/css/vs28dz705JJtCmrxyO35ASy7y2Q/roadtrip.dev/18137.css" type="text/css" />
+ <link rel="stylesheet" href="http://f.fontdeck.com/s/css/vs28dz705JJtCmrxyO35ASy7y2Q/<?php echo $_SERVER['SERVER_NAME']; ?>/18137.css" type="text/css" />
</noscript>
<script>
document.getElementsByTagName('html')[0].className += ' wf-loading';
@@ -37,18 +37,18 @@
<script src="_js/lib/responsive-enhance/responsive-enhance.min.js"></script>
<!--css-->
- <link rel="stylesheet" href="/_css/base.css" type="text/css" media="all"/>
- <link rel="stylesheet" href="/_css/patterns.css" type="text/css" media="all"/>
- <link rel="stylesheet" href="/_css/layout.css" type="text/css" media="all"/>
+ <link rel="stylesheet" href="_css/base.css" type="text/css" media="all"/>
+ <link rel="stylesheet" href="_css/patterns.css" type="text/css" media="all"/>
+ <link rel="stylesheet" href="_css/layout.css" type="text/css" media="all"/>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script src="_js/lib/respond/respond.min.js"></script>
<![endif]-->
<!--icons-->
- <link rel="shortcut icon" href="/_assets/favicon.ico" type="image/x-icon"/>
- <link rel="apple-touch-icon-precomposed" href="/_assets/apple-touch-icon-precomposed.png" type="image/png"/>
+ <link rel="shortcut icon" href="_assets/favicon.ico" type="image/x-icon"/>
+ <link rel="apple-touch-icon-precomposed" href="_assets/apple-touch-icon-precomposed.png" type="image/png"/>
<!--http://microformats.org/profile/specs/-->
<link rel="profile" href="http://microformats.org/profile/specs/" title="Microformats"/>
View
@@ -111,28 +111,28 @@
<div role="complementary" class="complementary">
<h2>What is this site all about?</h2>
- <p>On March 12 2012, three web developers left the throngs of SXSW in Austin, and headed west towards California. Covering 5 states over 4 nights and 3 days, they arrived in San Francisco on March 15. But really, this is just some placeholder content to demonstrate how one might go about designing a responsive website.</p>
+ <p>On March 12 2012, three web developers left the throngs of SXSW in Austin, Texas and headed west towards California. Covering 5 states over 4 nights and 3 days, they arrived in San Francisco on March 15. But really, this is just some placeholder content to demonstrate how one might go about designing a responsive website.</p>
<h3>Journeymen</h3>
<ul class="vcards">
<li class="vcard">
- <img class="photo" src="/_assets/traveller-paul.png" alt="" width="64" height="64"/>
+ <img class="photo" src="_assets/traveller-paul.png" alt="" width="64" height="64"/>
<h4 class="fn n">Paul Lloyd</h4>
<p>
<a class="url" href="http://paulrobertlloyd.com/">paulrobertlloyd.com</a><br/>
<a class="twitter" href="http://twitter.com/paulrobertlloyd/">@paulrobertlloyd</a>
</p>
</li>
<li class="vcard">
- <img class="photo" src="/_assets/traveller-andy.png" alt="" width="64" height="64"/>
+ <img class="photo" src="_assets/traveller-andy.png" alt="" width="64" height="64"/>
<h4 class="fn n">Andy Hume</h4>
<p>
<a class="twitter" class="url" href="http://andyhume.net/">andyhume.net</a><br/>
<a class="twitter" href="http://twitter.com/andyhume/">@andyhume</a>
</p>
</li>
<li class="vcard">
- <img class="photo" src="/_assets/traveller-ben.png" alt="" width="64" height="64"/>
+ <img class="photo" src="_assets/traveller-ben.png" alt="" width="64" height="64"/>
<h4 class="fn n">Ben Barnett</h4>
<p>
<a class="url" href="http://benbarnett.net/">benbarnett.net</a><br/>
View
@@ -27,7 +27,7 @@
</nav>
<div class="vcard">
<p>
- <img class="photo" src="/_assets/traveller-paul.png" alt="" width="64" height="64"/>
+ <img class="photo" src="_assets/traveller-paul.png" alt="" width="64" height="64"/>
Taken by <a class="url fn n" href="#">Paul</a><br/>
<time>13 March 2012 at 10:04PM</time>
</p>
View
@@ -30,7 +30,7 @@
<p class="meta"><a href="#">Text from Wikipedia</a>. Some rights reserved.</p>
<h2>What is this site all about?</h2>
- <p>On March 12 2012, three web developers left the throngs of SXSW in Austin, and headed west towards California. Covering 5 states over 4 nights and 3 days, they arrived in San Francisco on March 15. But really, this is just some placeholder content to demonstrate how one might go about designing a responsive website.</p>
+ <p>On March 12 2012, three web developers left the throngs of SXSW in Austin, Texas and headed west towards California. Covering 5 states over 4 nights and 3 days, they arrived in San Francisco on March 15. But really, this is just some placeholder content to demonstrate how one might go about designing a responsive website.</p>
<h3>Journeymen</h3>
<ul class="vcards">

0 comments on commit 4cb9b10

Please sign in to comment.