fixing some styling issues on mobile

mattmakai · mattmakai · commit b92a32194260 · 2014-01-27T10:34:17.000-05:00
diff --git a/about-author.html b/about-author.html
@@ -39,6 +39,11 @@
     a.list-group-item.active:hover {background: #444; border: 1px solid #222;}
     #sidebar {margin-top: 30px;}
 
+    @media (max-width: 600px) {
+        .logo-header-section {
+          margin: 20px 32px 0 0;
+        }
+    }
     </style>
         
     <script type="text/javascript">
@@ -62,7 +67,7 @@
         <div class="row">
     <div class="col-md-12">
         <div class="logo-header-section">
-            <a href="/"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
+            <a href="/" style="text-decoration: none; border: none;"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
             <span class="logo-title"><a href="/">Full Stack Python</a></span>
         </div>
     </div>
diff --git a/archives.html b/archives.html
@@ -39,6 +39,11 @@
     a.list-group-item.active:hover {background: #444; border: 1px solid #222;}
     #sidebar {margin-top: 30px;}
 
+    @media (max-width: 600px) {
+        .logo-header-section {
+          margin: 20px 32px 0 0;
+        }
+    }
     </style>
         
     <script type="text/javascript">
@@ -62,7 +67,7 @@
         <div class="row">
     <div class="col-md-12">
         <div class="logo-header-section">
-            <a href="/"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
+            <a href="/" style="text-decoration: none; border: none;"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
             <span class="logo-title"><a href="/">Full Stack Python</a></span>
         </div>
     </div>
diff --git a/caching.html b/caching.html
@@ -39,6 +39,11 @@
     a.list-group-item.active:hover {background: #444; border: 1px solid #222;}
     #sidebar {margin-top: 30px;}
 
+    @media (max-width: 600px) {
+        .logo-header-section {
+          margin: 20px 32px 0 0;
+        }
+    }
     </style>
         
     <script type="text/javascript">
@@ -62,7 +67,7 @@
         <div class="row">
     <div class="col-md-12">
         <div class="logo-header-section">
-            <a href="/"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
+            <a href="/" style="text-decoration: none; border: none;"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
             <span class="logo-title"><a href="/">Full Stack Python</a></span>
         </div>
     </div>
diff --git a/categories.html b/categories.html
@@ -39,6 +39,11 @@
     a.list-group-item.active:hover {background: #444; border: 1px solid #222;}
     #sidebar {margin-top: 30px;}
 
+    @media (max-width: 600px) {
+        .logo-header-section {
+          margin: 20px 32px 0 0;
+        }
+    }
     </style>
         
     <script type="text/javascript">
@@ -62,7 +67,7 @@
         <div class="row">
     <div class="col-md-12">
         <div class="logo-header-section">
-            <a href="/"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
+            <a href="/" style="text-decoration: none; border: none;"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
             <span class="logo-title"><a href="/">Full Stack Python</a></span>
         </div>
     </div>
diff --git a/change-log.html b/change-log.html
@@ -39,6 +39,11 @@
     a.list-group-item.active:hover {background: #444; border: 1px solid #222;}
     #sidebar {margin-top: 30px;}
 
+    @media (max-width: 600px) {
+        .logo-header-section {
+          margin: 20px 32px 0 0;
+        }
+    }
     </style>
         
     <script type="text/javascript">
@@ -62,7 +67,7 @@
         <div class="row">
     <div class="col-md-12">
         <div class="logo-header-section">
-            <a href="/"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
+            <a href="/" style="text-decoration: none; border: none;"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
             <span class="logo-title"><a href="/">Full Stack Python</a></span>
         </div>
     </div>
diff --git a/configuration-management.html b/configuration-management.html
@@ -39,6 +39,11 @@
     a.list-group-item.active:hover {background: #444; border: 1px solid #222;}
     #sidebar {margin-top: 30px;}
 
+    @media (max-width: 600px) {
+        .logo-header-section {
+          margin: 20px 32px 0 0;
+        }
+    }
     </style>
         
     <script type="text/javascript">
@@ -62,7 +67,7 @@
         <div class="row">
     <div class="col-md-12">
         <div class="logo-header-section">
-            <a href="/"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
+            <a href="/" style="text-decoration: none; border: none;"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
             <span class="logo-title"><a href="/">Full Stack Python</a></span>
         </div>
     </div>
diff --git a/database.html b/database.html
@@ -39,6 +39,11 @@
     a.list-group-item.active:hover {background: #444; border: 1px solid #222;}
     #sidebar {margin-top: 30px;}
 
+    @media (max-width: 600px) {
+        .logo-header-section {
+          margin: 20px 32px 0 0;
+        }
+    }
     </style>
         
     <script type="text/javascript">
@@ -62,7 +67,7 @@
         <div class="row">
     <div class="col-md-12">
         <div class="logo-header-section">
-            <a href="/"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
+            <a href="/" style="text-decoration: none; border: none;"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
             <span class="logo-title"><a href="/">Full Stack Python</a></span>
         </div>
     </div>
diff --git a/dependency-management.html b/dependency-management.html
@@ -39,6 +39,11 @@
     a.list-group-item.active:hover {background: #444; border: 1px solid #222;}
     #sidebar {margin-top: 30px;}
 
+    @media (max-width: 600px) {
+        .logo-header-section {
+          margin: 20px 32px 0 0;
+        }
+    }
     </style>
         
     <script type="text/javascript">
@@ -62,7 +67,7 @@
         <div class="row">
     <div class="col-md-12">
         <div class="logo-header-section">
-            <a href="/"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
+            <a href="/" style="text-decoration: none; border: none;"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
             <span class="logo-title"><a href="/">Full Stack Python</a></span>
         </div>
     </div>
diff --git a/feeds/all.atom.xml b/feeds/all.atom.xml
@@ -1,2 +1,2 @@
 <?xml version="1.0" encoding="utf-8"?>
-<feed xmlns="http://www.w3.org/2005/Atom"><title>Matt Makai</title><link href="http://www.fullstackpython.com/" rel="alternate"></link><link href="http://www.fullstackpython.com/feeds/all.atom.xml" rel="self"></link><id>http://www.fullstackpython.com/</id><updated>2014-01-27T10:20:48Z</updated></feed>
+<feed xmlns="http://www.w3.org/2005/Atom"><title>Matt Makai</title><link href="http://www.fullstackpython.com/" rel="alternate"></link><link href="http://www.fullstackpython.com/feeds/all.atom.xml" rel="self"></link><id>http://www.fullstackpython.com/</id><updated>2014-01-27T10:34:09Z</updated></feed>
diff --git a/index.html b/index.html
@@ -39,6 +39,11 @@
     a.list-group-item.active:hover {background: #444; border: 1px solid #222;}
     #sidebar {margin-top: 30px;}
 
+    @media (max-width: 600px) {
+        .logo-header-section {
+          margin: 20px 32px 0 0;
+        }
+    }
     </style>
         
     <script type="text/javascript">
@@ -62,7 +67,7 @@
         <div class="row">
     <div class="col-md-12">
         <div class="logo-header-section">
-            <a href="/"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
+            <a href="/" style="text-decoration: none; border: none;"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
             <span class="logo-title"><a href="/">Full Stack Python</a></span>
         </div>
     </div>
diff --git a/introduction.html b/introduction.html
@@ -39,6 +39,11 @@
     a.list-group-item.active:hover {background: #444; border: 1px solid #222;}
     #sidebar {margin-top: 30px;}
 
+    @media (max-width: 600px) {
+        .logo-header-section {
+          margin: 20px 32px 0 0;
+        }
+    }
     </style>
         
     <script type="text/javascript">
@@ -62,7 +67,7 @@
         <div class="row">
     <div class="col-md-12">
         <div class="logo-header-section">
-            <a href="/"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
+            <a href="/" style="text-decoration: none; border: none;"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
             <span class="logo-title"><a href="/">Full Stack Python</a></span>
         </div>
     </div>
diff --git a/monitoring.html b/monitoring.html
@@ -39,6 +39,11 @@
     a.list-group-item.active:hover {background: #444; border: 1px solid #222;}
     #sidebar {margin-top: 30px;}
 
+    @media (max-width: 600px) {
+        .logo-header-section {
+          margin: 20px 32px 0 0;
+        }
+    }
     </style>
         
     <script type="text/javascript">
@@ -62,7 +67,7 @@
         <div class="row">
     <div class="col-md-12">
         <div class="logo-header-section">
-            <a href="/"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
+            <a href="/" style="text-decoration: none; border: none;"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
             <span class="logo-title"><a href="/">Full Stack Python</a></span>
         </div>
     </div>
diff --git a/no-sql-datastore.html b/no-sql-datastore.html
@@ -39,6 +39,11 @@
     a.list-group-item.active:hover {background: #444; border: 1px solid #222;}
     #sidebar {margin-top: 30px;}
 
+    @media (max-width: 600px) {
+        .logo-header-section {
+          margin: 20px 32px 0 0;
+        }
+    }
     </style>
         
     <script type="text/javascript">
@@ -62,7 +67,7 @@
         <div class="row">
     <div class="col-md-12">
         <div class="logo-header-section">
-            <a href="/"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
+            <a href="/" style="text-decoration: none; border: none;"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
             <span class="logo-title"><a href="/">Full Stack Python</a></span>
         </div>
     </div>
diff --git a/operating-system.html b/operating-system.html
@@ -39,6 +39,11 @@
     a.list-group-item.active:hover {background: #444; border: 1px solid #222;}
     #sidebar {margin-top: 30px;}
 
+    @media (max-width: 600px) {
+        .logo-header-section {
+          margin: 20px 32px 0 0;
+        }
+    }
     </style>
         
     <script type="text/javascript">
@@ -62,7 +67,7 @@
         <div class="row">
     <div class="col-md-12">
         <div class="logo-header-section">
-            <a href="/"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
+            <a href="/" style="text-decoration: none; border: none;"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
             <span class="logo-title"><a href="/">Full Stack Python</a></span>
         </div>
     </div>
diff --git a/servers.html b/servers.html
@@ -39,6 +39,11 @@
     a.list-group-item.active:hover {background: #444; border: 1px solid #222;}
     #sidebar {margin-top: 30px;}
 
+    @media (max-width: 600px) {
+        .logo-header-section {
+          margin: 20px 32px 0 0;
+        }
+    }
     </style>
         
     <script type="text/javascript">
@@ -62,7 +67,7 @@
         <div class="row">
     <div class="col-md-12">
         <div class="logo-header-section">
-            <a href="/"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
+            <a href="/" style="text-decoration: none; border: none;"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
             <span class="logo-title"><a href="/">Full Stack Python</a></span>
         </div>
     </div>
diff --git a/source-control.html b/source-control.html
@@ -39,6 +39,11 @@
     a.list-group-item.active:hover {background: #444; border: 1px solid #222;}
     #sidebar {margin-top: 30px;}
 
+    @media (max-width: 600px) {
+        .logo-header-section {
+          margin: 20px 32px 0 0;
+        }
+    }
     </style>
         
     <script type="text/javascript">
@@ -62,7 +67,7 @@
         <div class="row">
     <div class="col-md-12">
         <div class="logo-header-section">
-            <a href="/"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
+            <a href="/" style="text-decoration: none; border: none;"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
             <span class="logo-title"><a href="/">Full Stack Python</a></span>
         </div>
     </div>
diff --git a/source/theme/templates/base.html b/source/theme/templates/base.html
@@ -39,6 +39,11 @@
     a.list-group-item.active:hover {background: #444; border: 1px solid #222;}
     #sidebar {margin-top: 30px;}
 
+    @media (max-width: 600px) {
+        .logo-header-section {
+          margin: 20px 32px 0 0;
+        }
+    }
     </style>
         
     <script type="text/javascript">
diff --git a/source/theme/templates/nav.html b/source/theme/templates/nav.html
@@ -1,7 +1,7 @@
 <div class="row">
     <div class="col-md-12">
         <div class="logo-header-section">
-            <a href="/"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
+            <a href="/" style="text-decoration: none; border: none;"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
             <span class="logo-title"><a href="/">Full Stack Python</a></span>
         </div>
     </div>
diff --git a/static-content.html b/static-content.html
@@ -39,6 +39,11 @@
     a.list-group-item.active:hover {background: #444; border: 1px solid #222;}
     #sidebar {margin-top: 30px;}
 
+    @media (max-width: 600px) {
+        .logo-header-section {
+          margin: 20px 32px 0 0;
+        }
+    }
     </style>
         
     <script type="text/javascript">
@@ -62,7 +67,7 @@
         <div class="row">
     <div class="col-md-12">
         <div class="logo-header-section">
-            <a href="/"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
+            <a href="/" style="text-decoration: none; border: none;"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
             <span class="logo-title"><a href="/">Full Stack Python</a></span>
         </div>
     </div>
diff --git a/web-analytics.html b/web-analytics.html
@@ -39,6 +39,11 @@
     a.list-group-item.active:hover {background: #444; border: 1px solid #222;}
     #sidebar {margin-top: 30px;}
 
+    @media (max-width: 600px) {
+        .logo-header-section {
+          margin: 20px 32px 0 0;
+        }
+    }
     </style>
         
     <script type="text/javascript">
@@ -62,7 +67,7 @@
         <div class="row">
     <div class="col-md-12">
         <div class="logo-header-section">
-            <a href="/"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
+            <a href="/" style="text-decoration: none; border: none;"><img src="theme/img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>
             <span class="logo-title"><a href="/">Full Stack Python</a></span>
         </div>
     </div>
diff --git a/web-framework.html b/web-framework.html
diff --git a/web-server.html b/web-server.html
diff --git a/website-security.html b/website-security.html
diff --git a/wsgi-server.html b/wsgi-server.html

Original file line number	Diff line number	Diff line change
`@@ -1,2 +1,2 @@`
`1`	`1`	`<?xml version="1.0" encoding="utf-8"?>`
`2`		`-<feed xmlns="http://www.w3.org/2005/Atom"><title>Matt Makai</title><link href="http://www.fullstackpython.com/" rel="alternate"></link><link href="http://www.fullstackpython.com/feeds/all.atom.xml" rel="self"></link><id>http://www.fullstackpython.com/</id><updated>2014-01-27T10:20:48Z</updated></feed>`
	`2`	`+<feed xmlns="http://www.w3.org/2005/Atom"><title>Matt Makai</title><link href="http://www.fullstackpython.com/" rel="alternate"></link><link href="http://www.fullstackpython.com/feeds/all.atom.xml" rel="self"></link><id>http://www.fullstackpython.com/</id><updated>2014-01-27T10:34:09Z</updated></feed>`