index: reduce button font-size for mobile

[bootswatch] / css / bootswatch.css

diff --git a/css/bootswatch.css b/css/bootswatch.css
index 59948c6..9ef613d 100644 (file)
--- a/css/bootswatch.css
+++ b/css/bootswatch.css
@@ -1,22 +1,10 @@
-body {
-       padding-top: 100px;
-       padding-bottom: 20px;
-}
-
 section {
-       margin-top: 100px;
+       margin-top: 60px;
+       padding-top: 100px;
 }
 
 /* index */
 
-.navbar a > i {
-       opacity: 0.5;
-}
-
-.navbar a:hover > i {
-       opacity: 1;
-}
-
 .tooltip-inner {
        max-width: 500px;
 }
@@ -43,10 +31,6 @@ section {
        margin-right: 10px;
 }
 
-.twitter-follow-button {
-       width: 60px !important;
-}
-
 .twitter-share-button  {
        margin-right: 15px;
 }
@@ -61,12 +45,6 @@ section {
        padding: 2px 5px 2px 4px;
 }
 
-.icon-rss {
-       background: url(../img/rss-icons.png) no-repeat 0 0;
-       opacity: .65;
-       width: 16px;
-}
-
 .index h3 {
        text-align: center;
        font-size: 20px;
@@ -89,14 +67,13 @@ section {
 }
 
 .about h3 {
-       margin: 0 0 0 35px;
+       margin: 0;
        text-align: left;
 }
 
-.about img {
-       float: left;
-       margin-top: 5px;
-       opacity: 0.7;
+.about i {
+       margin-right: 8px;
+       font-size: 1.3em;
 }
 
 #gallery {
@@ -105,6 +82,7 @@ section {
 
 .thumbnail {
        margin-bottom: 20px;
+       background-color: #f3f3f3;
        background-color: rgba(0, 0, 0, 0.05);
 }
 
@@ -135,6 +113,12 @@ section {
        text-align: right;
 }
 
+#more {
+       margin-top: 40px;
+       margin-bottom: 20px;
+       text-align: center;
+}
+
 .links {
        margin-bottom: 20px;
 }
@@ -172,7 +156,7 @@ body .one .bsa_it_p {
        margin-bottom: 20px;
 }
 
-#footer a {
+#footer .links a {
        margin-right: 10px;
 }
 
@@ -209,20 +193,23 @@ body .one .bsa_it_p {
        }
 
        .about h3 {
-               margin-top: 20px;
+               margin-top: 30px;
        }
 
        .about p {
                margin-bottom: 0;
        }
 
+       .thumbnail .btn {
+               font-size: 15px;
+       }
+
        .modal {
                position: fixed !important;
                top: 25% !important;
        }
 }
 
-/* Landscape phone to portrait tablet */
 @media (min-width: 481px) and (max-width: 767px) {
 
        .hero-unit {
@@ -237,8 +224,9 @@ body .one .bsa_it_p {
 
 @media (max-width: 767px) {
 
-       .index {
-               padding-top: 0;
+
+       section {
+               padding-top: 20px;
        }
 
        .bsa {
@@ -248,11 +236,7 @@ body .one .bsa_it_p {
 
 @media (max-width: 979px) and (min-width: 768px) {
 
-       .index {
-               padding-top: 0;
-       }
-
-       .navbar-fixed-top {
+       .index .navbar {
                margin-bottom: 0;
        }
 
@@ -260,7 +244,11 @@ body .one .bsa_it_p {
                border-radius: 0;
        }
 
-       #gallery .btn {
+       section {
+               padding-top: 20px;
+       }
+
+       .thumbnail .btn {
                padding: 6px 10px;
                font-size: 14px;
        }
@@ -271,6 +259,10 @@ body .one .bsa_it_p {
        .index {
                padding-top: 40px;
        }
+
+       .preview {
+               padding-top: 100px;
+       }
 }
 
 /* preview */
@@ -289,10 +281,6 @@ body .one .bsa_it_p {
 }
 
 /* subnav */
-
-section {
-       padding-top: 60px;      
-}
  
 .subnav {
        margin-bottom: 60px;