added mobile stylesheet

3 files changed, 65 insertions, 9 deletions

diff --git a/media/css/mobile.css b/media/css/mobile.css
new file mode 100644
index 0000000..a3f5b60
--- /dev/null
+++ b/media/css/mobile.css
@@ -0,0 +1 @@
+ol,ul,li,dl{list-style:none;margin:0;padding:0;border:0;outline:0;background:transparent}blockquote,q{quotes:none}:focus{outline:0}header,section,footer,aside,article,nav{display:block;text-align:left}body{width:100%}a{color:#b53a04;text-decoration:none}.clearfix{clear:both}header hgroup{margin:0}header h1,header h2{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;display:inline}header h1 a,header h2 a{color:#201a11}header h2{font-size:90%}header nav{margin-top:10px}header nav li{display:block;float:left;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:10px;text-transform:uppercase;margin:0 3px}header nav li#stories{margin-left:0}footer{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:80%}footer p{float:left;margin:0}footer nav{display:block;clear:both;font-size:10px;text-transform:uppercase}footer li{float:left;margin:0 3px}footer li#rss{margin-left:0}footer section#view-options{clear:both;margin-top:10px}footer section#view-options ul{float:left}footer section#view-options li{color:#999}
diff --git a/media/sass/mobile.sass b/media/sass/mobile.sass
new file mode 100644
index 0000000..b46141f
--- /dev/null
+++ b/media/sass/mobile.sass
@@ -0,0 +1,58 @@
+@import _reset.sass
+@import _mixins.sass
+
+body
+    width: 100%
+a
+    color= !luxagraf_orange
+    text-decoration: none
+
+.clearfix
+    clear: both
+header
+    hgroup
+        margin: 0
+    h1,h2
+        +sm-sans
+        display: inline
+        
+        a
+            color= !luxagraf_brown
+    h2
+        font-size: 90%
+    nav
+        margin-top: 10px
+        li
+            display: block
+            float: left
+            +sm-sans
+            font-size: 10px
+            text-transform: uppercase
+            margin: 0 3px
+        li#stories
+            margin-left: 0
+
+footer
+    +sm-sans
+    font-size: 80%
+    p
+        float: left
+        margin: 0
+        
+    nav
+        display: block
+        clear: both
+        font-size: 10px
+        text-transform: uppercase
+    li
+        float: left
+        margin: 0 3px
+    li#rss
+        margin-left: 0
+    section#view-options
+        clear: both
+        margin-top: 10px
+        ul
+            float: left
+        li
+            color: #999
\ No newline at end of file
diff --git a/templates/mobile/base.html b/templates/mobile/base.html
index f9c383b..6bf2c7c 100644
--- a/templates/mobile/base.html
+++ b/templates/mobile/base.html
@@ -47,10 +47,10 @@
         </hgroup>
         <nav>
             <ul>
-                <li id="stories"><a href="/writing/1/" title="An archive of writings from around the world">Writing</a>,</li>
-                <li id="photos"><a href="/photos/1/" title="Photos from travels around the world">Photos</a>,</li>
-                <li id="maps"><a href="/map/" title="Maps and miscellanea">Maps</a>,</li>
-                <li id="projects" ><a href="/projects/" title="Luxagraf: Projects (coming soon)">Projects</a>,</li>
+                <li id="stories"><a href="/writing/1/" title="An archive of writings from around the world">Writing</a></li>
+                <li id="photos"><a href="/photos/1/" title="Photos from travels around the world">Photos</a></li>
+                <li id="maps"><a href="/map/" title="Maps and miscellanea">Map</a></li>
+                <li id="projects" ><a href="/projects/" title="Luxagraf: Projects (coming soon)">Projects</a></li>
                 <li id="etc"><a href="/about/" title="About Luxagraf">Etc</a></li>
             </ul>
         </nav>
@@ -65,19 +65,16 @@
     
     <div class="clearfix"></div>
     <footer>
-        <section id="license">
-            <p>All content licensed under the Creative Commons (<a href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.en" title="read the Attribution-Noncommercial-Share Alike 3.0 deed">details</a>). <span>Built with <a href="http://geodjango.org/" title="a GeoDjango joint">GeoDjango</a> and hosted on <a href="http://www.webfaction.com/" title="webfaction">Webfaction</a>.</span></p>
-        </section>
         <nav>
             <ul>
-                <li><a href="http://feeds2.feedburner.com/luxagraf/blog" title="RSS feed">RSS</a></li>
+                <li id="rss"><a href="http://feeds2.feedburner.com/luxagraf/blog" title="RSS feed">RSS</a></li>
                 <li><a href="http://twitter.com/luxagraf" rel="me" title="follow luxagraf on Twitter">Twitter</a></li>
                 <li><a href="http://www.flickr.com/photos/luxagraf" rel="me" title="luxagraf on Flickr">Flickr</a></li>
                 <li><a href="/contact/" title="contact luxagraf">Contact</a></li>
             </ul>
         </nav>
         <section id="view-options">
-            View in: 
+            <p>View in: </p>
             <ul>
                 <li>Mobile</li>
                 <li><a href="http://luxagraf.net/{%block mobilelink%}{%endblock%}">Desktop</a></li>