placeholder design for carousel

2026-06-11 18:02:28 +03:00 · 2012-01-02 19:13:02 -08:00
parent 0c3bf7275c
commit 8b58a1c3d9
4 changed files with 92 additions and 23 deletions
@@ -33,10 +33,26 @@ a.thumbnail:hover {
  padding: 9px;
 }

-.carousel .item {
-  display: none;
-}
+// carousel
+.carousel {
+  position: relative;

-.carousel .active {
-  display: block;
+  .item { display: none; }
+  .active { display: block; }
+
+  .nav {
+    height: 50px;
+    position: absolute;
+    top: 50%;
+    margin: -25px 0 0;
+    cursor: pointer;
+    background: rgba(0, 0, 0, 0.7);
+    color: white;
+    font-size: 42px;
+    left: 5px;
+    font-weight: 100;
+    padding: 0 15px;
+    &.right { right: 5px; left: auto; }
+    &:hover { text-decoration: none; background: rgba(0, 0, 0, 0.8); }
+  }
 }