Browse Source

修复选中后的热点边框样式

shaogen1995 3 years ago
parent
commit
d1890af644
2 changed files with 17 additions and 8 deletions
  1. 8 4
      SuperTwo762/css/main.css
  2. 9 4
      SuperTwo791/css/main.css

+ 8 - 4
SuperTwo762/css/main.css

@@ -4028,6 +4028,7 @@ a.hasHover:hover, a:active {
 }
 
 #thumb-container .thumbImg img {
+    width: 100%;
     height: 97px
 }
 
@@ -4069,11 +4070,11 @@ a.hasHover:hover, a:active {
 .frame .slidee li .overlay {
     position: absolute;
     bottom: 2px;
-    left: 2px;
-    width: 100%;
+    left: 4px;
+    width: 128px;
     height: 20px;
     padding: 6px;
-    color: #fff;
+    color: #fdd57c;
     background-color: rgba(0, 0, 0, .7);
     overflow: hidden;
     white-space: nowrap;
@@ -4130,7 +4131,7 @@ a.hasHover:hover, a:active {
 
 .frame .slidee li.thumbImg.active>img, .frame .slidee li.thumbImg.hasHover.active>img:hover {
     opacity: 1;
-    border-color: red
+    border: 4px solid #fdd57c;
 }
 
 .scrollbar {
@@ -4350,6 +4351,9 @@ a.hasHover:hover, a:active {
     .frame .slidee li, .frame .slidee li .overlay {
         width: 103px
     }
+    .frame .slidee li .overlay {
+        width: 95px;
+    }
     #drawer-container.drawerOpen #drawer.open.noScroll {
         height: 94px
     }

+ 9 - 4
SuperTwo791/css/main.css

@@ -4068,11 +4068,11 @@ a.hasHover:hover, a:active {
 .frame .slidee li .overlay {
     position: absolute;
     bottom: 2px;
-    left: 2px;
-    width: 130px;
+    left: 4px;
+    width: 126px;
     height: 20px;
     padding: 6px;
-    color: #fff;
+    color: #fdd57c;
     background-color: rgba(0, 0, 0, .7);
     overflow: hidden;
     white-space: nowrap;
@@ -4129,7 +4129,8 @@ a.hasHover:hover, a:active {
 
 .frame .slidee li.thumbImg.active>img, .frame .slidee li.thumbImg.hasHover.active>img:hover {
     opacity: 1;
-    border-color: red
+    border: 4px solid #fdd57c;
+    /* border-color: #fdd57c */
 }
 
 .scrollbar {
@@ -4350,6 +4351,10 @@ a.hasHover:hover, a:active {
     .frame .slidee li, .frame .slidee li .overlay {
         width: 103px
     }
+    .frame .slidee li .overlay {
+        width: 98px;
+    }
+
     #drawer-container.drawerOpen #drawer.open.noScroll {
         height: 94px
     }