index: remove unused styles

[bootswatch] / css / bootswatch.css

diff --git a/css/bootswatch.css b/css/bootswatch.css
index 5210e2a..751dfbc 100644 (file)
--- a/css/bootswatch.css
+++ b/css/bootswatch.css
@@ -25,7 +25,7 @@ body {
 
 .hero-unit {
        margin-top: 60px;
-       margin-bottom: 60px;
+       margin-bottom: 10px;
 }
 
 .hero-unit h1, .hero-unit p {
@@ -38,7 +38,7 @@ body {
 }
 
 .twitter-follow-button {
-  width: 160px !important;
+  width: 150px !important;
 }
 
 .rss-button {
@@ -57,21 +57,26 @@ body {
        width: 16px;
 }
 
-.icon-envelope {
-       opacity: .65;
+#ticker {
+       margin-bottom: 40px;
 }
 
 .about {
   margin-top: 20px;
 }
 
+.about .span4 {
+       margin-bottom: 20px;
+}
+
 .about h3 {
   margin: 0 0 5px 35px;
 }
 
 .about img {
   float: left;
-  opacity: 0.6;
+  margin-top: 5px;
+  opacity: 0.7;
 }
 
 #gallery {
@@ -81,57 +86,44 @@ body {
 }
 
 .thumbnail {
-       background-color: #eee;
+       margin-bottom: 20px;
+       background-color: rgba(0, 0, 0, 0.05);
 }
 
 .thumbnail img {
-  -webkit-border-radius: 7px;
-     -moz-border-radius: 7px;
-          border-radius: 7px;
+       width: 100%;
+       -webkit-border-radius: 7px;
+       -moz-border-radius: 7px;
+            border-radius: 7px;
 }
 
-.thumbnail .label {
-       vertical-align: top;
+.thumbnail .caption {
+       color: inherit !important;
 }
 
-.thumbnail .btn-toolbar {
-  text-align: right;
+.thumbnail h3 {
+       margin-bottom: 0;
 }
 
-.thumbnail .btn-group {
-    margin-top: 10px;
-}
-
-.modal .label {
- vertical-align: text-top;
+.thumbnail .btn-toolbar {
+       margin-top: 15px;
+       text-align: right;
 }
 
-.modal p {
-       margin-bottom: 1em;
+.links {
+       margin-bottom: 20px;
 }
 
-.modal p:last-child {
-       margin-top: 2em;
-}
+.links > a {
+       margin-right: 10px;
+} 
 
 /* Landscape phones and down */
 @media (max-width: 480px) {
 
-       body, .navbar {
-               margin: 0;
-       }
-
-       body {
-               padding: 0;
-       }
-
-       .container {
-               padding: 20px;
-       }
-
        .hero-unit {
-               padding: 40px 20px 80px;
-               margin-bottom: 20px;
+               padding: 40px 20px 10px;
+               margin: 0 0 20px;
        }
 
        .hero-unit h1 {
@@ -140,7 +132,7 @@ body {
 
        .hero-unit p {
                font-size: 13px;
-               line-height: 20px;
+               line-height: 18px;
        }
 
        #social {
@@ -149,32 +141,48 @@ body {
        }
 
        .about {
-         margin-top: -10px;
+         margin-top: 0;
        }
 
        .about h3 {
          margin-top: 20px;
        }
 
+       .about p {
+               margin-bottom: 0;
+       }
+
+       .modal {
+               position: fixed !important;
+               top: 25% !important;
+       }
+}
+
+div.one .bsa_it_ad {
+       padding: 25px 25px 15px 25px;
+}
+
+div.one .bsa_it_p {
+       display: none;
+}
+
+#bsap_aplink {
+       float: right;
+       margin-bottom: 20px;
+       font-size: 12px;
 }
 
 /* Landscape phone to portrait tablet */
-@media (max-width: 767px) {
+@media (min-width: 481px) and (max-width: 767px) {
 
        .hero-unit {
                margin-top: 0;
-               padding-bottom: 80px;
-       }
-
-       .thumbnails > li {
-               float: none;
-               margin-left: 0;
+               padding-bottom: 60px;
        }
 
-       .thumbnail img {
-               width: 100%;
+       .about {
+               margin-top: 0;
        }
-
 }
 
 /* Portrait tablet to landscape and desktop */
@@ -187,7 +195,6 @@ body {
        .thumbnail .btn {
                font-size: 11px;
        }
-
 }
 
 /* Large desktop */