index: remove unused styles

[bootswatch] / css / bootswatch.css

diff --git a/css/bootswatch.css b/css/bootswatch.css
index 6af6d92..751dfbc 100644 (file)
--- a/css/bootswatch.css
+++ b/css/bootswatch.css
@@ -2,10 +2,6 @@ body {
        padding-bottom: 20px;
 }
 
-.navbar .nav > li > a {
-       color: #ccc;
-}
-
 .nav i {
        opacity: 0.5;
 }
@@ -17,26 +13,21 @@ body {
 .tooltip-inner {
        max-width: 500px;
 }
-         
+
 .alert a {
        font-weight: bold;
        text-decoration: underline;
 }
-               
+
 .alert p {
        margin: 0;
 }
 
 .hero-unit {
        margin-top: 60px;
-       margin-bottom: 60px;
-       box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
+       margin-bottom: 10px;
 }
 
-.hero-unit, .thumbnail {
-  background-color: #e3e3e3;
-}
-         
 .hero-unit h1, .hero-unit p {
   text-align: center;
   margin-bottom: 15px;
@@ -45,11 +36,11 @@ body {
 #social {
   margin-top: 45px;
 }
-         
+
 .twitter-follow-button {
-  width: 160px !important;
+  width: 150px !important;
 }
-        
+
 .rss-button {
        width: 40px;
        height: 14px;
@@ -66,107 +57,148 @@ 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.8;
+  margin-top: 5px;
+  opacity: 0.7;
 }
-         
+
 #gallery {
   margin: 45px 0 30px 0;
   padding-right: 20px;
   text-align: center;
 }
-         
+
 .thumbnail {
-  max-width: 370px;
+       margin-bottom: 20px;
+       background-color: rgba(0, 0, 0, 0.05);
 }
-         
+
 .thumbnail img {
-  max-height: 250px;
-  -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 h3 {
+       margin-bottom: 0;
+}
 
 .thumbnail .btn-toolbar {
-  text-align: right;
+       margin-top: 15px;
+       text-align: right;
 }
 
-.thumbnail .btn-group {
-    margin-top: 10px;
+.links {
+       margin-bottom: 20px;
 }
-       
+
+.links > a {
+       margin-right: 10px;
+} 
+
 /* Landscape phones and down */
 @media (max-width: 480px) {
-       
+
        .hero-unit {
-               padding: 40px 20px 80px;
-               margin-top: 0;
-               margin-bottom: 20px;
+               padding: 40px 20px 10px;
+               margin: 0 0 20px;
        }
-       
+
        .hero-unit h1 {
          font-size: 36px;
        }
-       
+
        .hero-unit p {
                font-size: 13px;
+               line-height: 18px;
+       }
+
+       #social {
+               margin-top: 0px;
+               margin-bottom: 40px;
        }
 
        .about {
-         margin-top: -10px;
+         margin-top: 0;
        }
-         
+
        .about h3 {
          margin-top: 20px;
        }
 
-       .span4 {
-               width: 85%;
+       .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: 768px) {
-       .about, .thumbnails {
-               margin-left: 0;
-       }
-       
+@media (min-width: 481px) and (max-width: 767px) {
+
        .hero-unit {
                margin-top: 0;
-               padding-bottom: 80px;
+               padding-bottom: 60px;
        }
 
+       .about {
+               margin-top: 0;
+       }
 }
- 
+
 /* Portrait tablet to landscape and desktop */
-@media (min-width: 768px) and (max-width: 980px) { 
+@media (min-width: 768px) and (max-width: 980px) {
 
        .hero-unit {
                margin-top: 0;
        }
+
+       .thumbnail .btn {
+               font-size: 11px;
+       }
 }
- 
+
 /* Large desktop */
 @media (min-width: 1200px) {
 
-       
+
 }
-       
\ No newline at end of file