Ver código fonte

Update style for links

Visman 1 ano atrás
pai
commit
f3976236ec
2 arquivos alterados com 22 adições e 39 exclusões
  1. 0 11
      public/style/ForkBB/admin.css
  2. 22 28
      public/style/ForkBB/style.css

+ 0 - 11
public/style/ForkBB/admin.css

@@ -10,17 +10,6 @@
   top: 1rem;
 }
 
-#fork-a-menu .f-menu-a.active {
-  background-color: var(--bg-active);
-  color: var(--c-active);
-}
-
-#fork-a-menu .f-menu-a:hover,
-#fork-a-menu .f-menu-a:focus {
-  background-color: var(--c-a-and-btn);
-  color: var(--c-nav-focus);
-}
-
 #fork-a-menu #id-an-label {
   position: absolute;
   top: -2.875rem;

+ 22 - 28
public/style/ForkBB/style.css

@@ -9,6 +9,7 @@
   --br-fh1: hsl(0, 0%, 80%);
   --c-icon-sub: hsl(0, 0%, 70%);
   --c-icon-new: hsl(50, 100%, 50%);
+  --c-a-focus: hsl(175, 100%, 50%);
   --c-focus: hsl(220, 5%, 12%);
   --bg-focus: hsl(50, 100%, 50%);
   --bg-post-h: hsl(0, 20%, 26%);
@@ -329,7 +330,7 @@ body,
   color: var(--c-a-and-btn);
   cursor: pointer;
   text-decoration: none;
-  transition-duration: 1s;
+  transition-duration: 0.5s;
 }
 
 #fork .f-btn {
@@ -352,18 +353,23 @@ body,
 }
 
 #fork a:hover,
-#fork a:focus,
+#fork a:focus {
+  color: var(--c-a-focus);
+}
+
 #fork .f-btn:hover,
-#fork .f-btn:focus {
+#fork .f-btn:focus,
+#fork .f-page:hover,
+#fork .f-page:focus {
   color: var(--c-focus);
   background-color: var(--bg-focus);
 }
 
-#fork a:active,
+/*#fork a:active,
 #fork .f-btn:active {
   color: var(--c-active);
   background-color: var(--bg-active);
-}
+}*/
 
 #fork .f-inline > dt,
 #fork .f-inline > dd {
@@ -407,7 +413,6 @@ body,
   background-color: var(--bg-like-nav);
 }
 
-
 /********/
 /* Меню */
 /********/
@@ -473,6 +478,17 @@ body,
   text-overflow: ellipsis;
 }
 
+#fork .f-menu-a.active {
+  background-color: var(--bg-active);
+  color: var(--c-active);
+}
+
+#fork .f-menu-a:hover,
+#fork .f-menu-a:focus {
+  background-color: var(--c-a-and-btn);
+  color: var(--c-nav-focus);
+}
+
 @media screen and (min-width: 50rem) {
   #fork .f-menu-checkbox {
     display: none;
@@ -514,17 +530,6 @@ body,
   padding: 0.3125rem 0.625rem;
 }
 
-#fork-nav .f-menu-a.active {
-  background-color: var(--bg-active);
-  color: var(--c-active);
-}
-
-#fork-nav .f-menu-a:hover,
-#fork-nav .f-menu-a:focus {
-  background-color: var(--c-a-and-btn);
-  color: var(--c-nav-focus);
-}
-
 #fork-nav .f-menu-user-items {
   background-color: var(--bg-nav);
   display: flex;
@@ -2727,17 +2732,6 @@ body,
   top: 1rem;
 }
 
-#fork-pm-menu a.f-menu-a.active {
-  background-color: var(--bg-active);
-  color: var(--c-active);
-}
-
-#fork-pm-menu a.f-menu-a:hover,
-#fork-pm-menu a.f-menu-a:focus {
-  background-color: var(--c-a-and-btn);
-  color: var(--c-nav-focus);
-}
-
 #fork-pm-menu #id-pmn-label {
   position: absolute;
   top: -2.875rem;