amelia, cyborg, slate: more subtle thumbnails, closes thomaspark#258

liamthong · May 22, 2014 · 8c9e801 · 8c9e801
1 parent beac40e
commit 8c9e801
Show file tree

Hide file tree

Showing 12 changed files with 54 additions and 21 deletions.
diff --git a/amelia/bootstrap.css b/amelia/bootstrap.css
@@ -322,8 +322,8 @@ img {
 .img-thumbnail {
   padding: 4px;
   line-height: 1.42857143;
-  background-color: #108a93;
-  border: 1px solid #dddddd;
+  background-color: #0d747c;
+  border: 1px solid #0d747c;
   border-radius: 4px;
   -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
@@ -4402,8 +4402,8 @@ a.list-group-item.active > .badge,
   padding: 4px;
   margin-bottom: 20px;
   line-height: 1.42857143;
-  background-color: #108a93;
-  border: 1px solid #dddddd;
+  background-color: #0d747c;
+  border: 1px solid #0d747c;
   border-radius: 4px;
   -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
@@ -5879,6 +5879,11 @@ legend {
 .close:focus {
   opacity: 1;
 }
+a.thumbnail:hover,
+a.thumbnail:focus,
+a.thumbnail.active {
+  border-color: #0d747c;
+}
 .popover {
   color: #444444;
 }
diff --git a/amelia/bootstrap.min.css b/amelia/bootstrap.min.css
diff --git a/amelia/bootswatch.less b/amelia/bootswatch.less
@@ -172,6 +172,12 @@ legend {
 
 // Containers =================================================================
 
+a.thumbnail:hover,
+a.thumbnail:focus,
+a.thumbnail.active {
+  border-color: @thumbnail-border;
+}
+
 .popover {
   color: @gray-dark;
 }
diff --git a/amelia/variables.less b/amelia/variables.less
@@ -701,9 +701,9 @@
 //** Padding around the thumbnail image
 @thumbnail-padding:           4px;
 //** Thumbnail background color
-@thumbnail-bg:                @body-bg;
+@thumbnail-bg:                @hr-border;
 //** Thumbnail border color
-@thumbnail-border:            #ddd;
+@thumbnail-border:            @hr-border;
 //** Thumbnail border radius
 @thumbnail-border-radius:     @border-radius-base;
 

diff --git a/cyborg/bootstrap.css b/cyborg/bootstrap.css
@@ -322,8 +322,8 @@ img {
 .img-thumbnail {
   padding: 4px;
   line-height: 1.42857143;
-  background-color: #060606;
-  border: 1px solid #dddddd;
+  background-color: #282828;
+  border: 1px solid #282828;
   border-radius: 4px;
   -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
@@ -4402,8 +4402,8 @@ a.list-group-item.active > .badge,
   padding: 4px;
   margin-bottom: 20px;
   line-height: 1.42857143;
-  background-color: #060606;
-  border: 1px solid #dddddd;
+  background-color: #282828;
+  border: 1px solid #282828;
   border-radius: 4px;
   -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
@@ -5873,6 +5873,11 @@ legend {
   color: #fff;
   opacity: 1;
 }
+a.thumbnail:hover,
+a.thumbnail:focus,
+a.thumbnail.active {
+  border-color: #282828;
+}
 .jumbotron h1,
 .jumbotron h2,
 .jumbotron h3,

diff --git a/cyborg/bootstrap.min.css b/cyborg/bootstrap.min.css
diff --git a/cyborg/bootswatch.less b/cyborg/bootswatch.less
@@ -148,6 +148,12 @@ legend {
 
 // Containers =================================================================
 
+a.thumbnail:hover,
+a.thumbnail:focus,
+a.thumbnail.active {
+  border-color: @thumbnail-border;
+}
+
 .jumbotron {
 
   h1, h2, h3, h4, h5, h6 {

diff --git a/cyborg/variables.less b/cyborg/variables.less
@@ -701,9 +701,9 @@
 //** Padding around the thumbnail image
 @thumbnail-padding:           4px;
 //** Thumbnail background color
-@thumbnail-bg:                @body-bg;
+@thumbnail-bg:                @gray-dark;
 //** Thumbnail border color
-@thumbnail-border:            #ddd;
+@thumbnail-border:            @gray-dark;
 //** Thumbnail border radius
 @thumbnail-border-radius:     @border-radius-base;
 

diff --git a/slate/bootstrap.css b/slate/bootstrap.css
@@ -321,8 +321,8 @@ img {
 .img-thumbnail {
   padding: 4px;
   line-height: 1.42857143;
-  background-color: #272b30;
-  border: 1px solid #dddddd;
+  background-color: #1c1e22;
+  border: 1px solid #0c0d0e;
   border-radius: 4px;
   -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
@@ -4401,8 +4401,8 @@ a.list-group-item.active > .badge,
   padding: 4px;
   margin-bottom: 20px;
   line-height: 1.42857143;
-  background-color: #272b30;
-  border: 1px solid #dddddd;
+  background-color: #1c1e22;
+  border: 1px solid #0c0d0e;
   border-radius: 4px;
   -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
@@ -6118,6 +6118,11 @@ legend {
   color: #000000;
   text-decoration: none;
 }
+a.thumbnail:hover,
+a.thumbnail:focus,
+a.thumbnail.active {
+  border-color: #0c0d0e;
+}
 .jumbotron {
   border: 1px solid rgba(0, 0, 0, 0.6);
 }

diff --git a/slate/bootstrap.min.css b/slate/bootstrap.min.css
diff --git a/slate/bootswatch.less b/slate/bootswatch.less
@@ -338,6 +338,12 @@ legend {
 
 // Containers =================================================================
 
+a.thumbnail:hover,
+a.thumbnail:focus,
+a.thumbnail.active {
+  border-color: @thumbnail-border;
+}
+
 .jumbotron {
   border: 1px solid rgba(0, 0, 0, 0.6);
 }

diff --git a/slate/variables.less b/slate/variables.less
@@ -701,9 +701,9 @@
 //** Padding around the thumbnail image
 @thumbnail-padding:           4px;
 //** Thumbnail background color
-@thumbnail-bg:                @body-bg;
+@thumbnail-bg:                @well-bg;
 //** Thumbnail border color
-@thumbnail-border:            #ddd;
+@thumbnail-border:            @well-border;
 //** Thumbnail border radius
 @thumbnail-border-radius:     @border-radius-base;