new label for new swatches
authorThomas Park <thomas@thomaspark.me>
Wed, 22 Feb 2012 17:53:11 +0000 (12:53 -0500)
committerThomas Park <thomas@thomaspark.me>
Wed, 22 Feb 2012 17:53:11 +0000 (12:53 -0500)
css/bootswatch.css
index.html

index b970c4b..d46b871 100644 (file)
@@ -59,6 +59,10 @@ body {
        opacity: .65;
        width: 16px;
 }
+
+.icon-envelope {
+       opacity: .65;
+}
          
 .about {
   margin-top: 50px;
@@ -90,7 +94,11 @@ body {
      -moz-border-radius: 6px;
           border-radius: 6px;
 }
-         
+
+.thumbnail .label {
+       vertical-align: top;
+}  
+
 .thumbnail .btn-toolbar {
   text-align: right;
 }
index e0a9712..f740747 100644 (file)
@@ -56,8 +56,6 @@
                <div class="alert alert-info">
                        <p><strong>21 Feb:</strong> New swatches: <a href="slate">Slate</a> and <a href="superhero">Superhero</a>.</p>
                        
-                       <p><strong>16 Feb:</strong> Follow the <a target="_blank" href="http://feeds.feedburner.com/bootswatch">RSS feed</a> or the <a target="_blank" href="http://feedburner.google.com/fb/a/mailverify?uri=bootswatch&loc=en_US">email list</a> to get notified when new swatches are released.</p>
-                       
                        <p><strong>14 Feb:</strong> Visit the <a target="_blank" onclick="pageTracker._link(this.href); return false;" href=" http://thomaspark.me/2012/02/introducing-bootswatch/">blog post</a> that discusses Bootswatch in more detail.</p>
                        
                </div>
                              <div class="thumbnail">
                                <img src="slate/thumbnail.png" alt="">
                                <div class="caption">
-                                 <h3>Slate</h3>
+                                 <h3>Slate <span class="label label-warning">new!</label></h3>
                                  <p>Shades of gunmetal gray.</p>
                                  <div class="btn-toolbar">
                                                <div class="btn-group"><a class="btn btn-large" href="slate">Preview</a></div>
                              <div class="thumbnail">
                                <img src="superhero/thumbnail.png" alt="">
                                <div class="caption">
-                                 <h3>Superhero</h3>
+                                 <h3>Superhero <span class="label label-warning">new!</label></h3>
                                  <p>Batman meets... Aquaman?</p>
                                  <div class="btn-toolbar">
                                                <div class="btn-group"><a class="btn btn-large" href="superhero">Preview</a></div>