adding media grid styles

2026-06-08 17:22:31 +03:00 · 2011-09-10 22:31:43 -07:00
parent 536fe2c743
commit 40693f2618
4 changed files with 108 additions and 5 deletions
@@ -928,4 +928,30 @@ input[type=submit].btn {
  &.warning   { background-color: @orange; }
  &.success   { background-color: @green; }
  &.notice    { background-color: lighten(@blue, 25%); }
-}
+}
+
+
+// MEDIA GRIDS
+// -----------
+
+.media-grid {
+  margin-left: -20px;
+  li {
+    display: inline;
+  }
+  .thumbnail {
+    float: left;
+    padding: 4px;
+    margin: 0 0 20px 20px;
+    border: 1px solid #ddd;
+    .border-radius(4px);
+    .box-shadow(0 1px 1px rgba(0,0,0,.075));
+    &:hover {
+      border-color: @linkColor;
+      .box-shadow(0 1px 4px rgba(0,105,214,.25));
+    }
+  }
+  img {
+    display: block;
+  }
+}