index: border on hero-unit

[bootswatch] / css / bootswatch.css

diff --git a/css/bootswatch.css b/css/bootswatch.css
index 4817b16..80d9095 100644 (file)
--- a/css/bootswatch.css
+++ b/css/bootswatch.css
@@ -100,20 +100,31 @@ section {
 
 .hero-unit {
        margin-bottom: 10px;
+       border: 1px solid #ddd;
+       text-align: center;
 }
 
 .hero-unit h1,
 .hero-unit p {
-       text-align: center;
        margin-bottom: 15px;
 }
 
 #social {
+       display: inline-block;
        margin-top: 45px;
+       text-align: center;
+}
+
+#gh-star {
+       margin-right: 10px;
 }
 
 .twitter-follow-button {
-       width: 150px !important;
+       width: 60px !important;
+}
+
+.twitter-share-button  {
+       margin-right: 15px;
 }
 
 .rss-button {
@@ -122,7 +133,7 @@ section {
        font-size: 11px;
        line-height: 14px;
        font-weight: bold;
-       margin: 0;
+       margin: 0 0 10px;
        padding: 2px 5px 2px 4px;
 }
 
@@ -132,6 +143,11 @@ section {
        width: 16px;
 }
 
+h3 {
+       text-align: center;
+       font-size: 20px;
+}
+
 #ticker {
        margin-bottom: 40px;
 }
@@ -145,7 +161,8 @@ section {
 }
 
 .about h3 {
-       margin: 0 0 5px 35px;
+       margin: 0 0 0 35px;
+       text-align: left;
 }
 
 .about img {
@@ -155,9 +172,7 @@ section {
 }
 
 #gallery {
-       margin: 45px 0 30px 0;
        padding-right: 20px;
-       text-align: center;
 }
 
 .thumbnail {
@@ -177,6 +192,7 @@ section {
 }
 
 .thumbnail h3 {
+       text-align: left;
        margin-bottom: 0;
 }
 
@@ -225,14 +241,6 @@ body .one .bsa_it_p {
        display: none;
 }
 
-#bsap_aplink {
-       float: right;
-       position: relative;
-       right: 10px;
-       height: 0;
-       font-size: 11px;
-}
-
 .links {
        margin-bottom: 20px;
 }
@@ -244,7 +252,7 @@ body .one .bsa_it_p {
 @media (max-width: 480px) {
 
        .hero-unit {
-               padding: 40px 20px 10px;
+               padding: 20px 20px 0;
                margin: 0 0 20px;
        }
 
@@ -252,14 +260,17 @@ body .one .bsa_it_p {
                font-size: 36px;
        }
 
-       .hero-unit p {
-               font-size: 13px;
-               line-height: 18px;
+       .hero-unit iframe {
+               margin-right: 0 !important;
        }
 
        #social {
                margin-top: 0px;
-               margin-bottom: 40px;
+               margin-bottom: 20px;
+       }
+
+       #social > span {
+               display: block;
        }
 
        .about {
@@ -285,7 +296,7 @@ body .one .bsa_it_p {
 
        .hero-unit {
                margin-top: 0;
-               padding-bottom: 60px;
+               padding: 30px;
        }
 
        .about {
@@ -342,8 +353,13 @@ body .one .bsa_it_p {
                margin-top: 0;
        }
 
+       .thumbnail p {
+               font-size: 12px;
+       }
+
        .thumbnail .btn {
-               font-size: 11px;
+               padding: 8px 12px;
+               font-size: 12px;
        }
 }