Browse Source

Update style

Change indicator online. Add gender indicator.
Visman 3 years ago
parent
commit
046728b822
1 changed files with 26 additions and 5 deletions
  1. 26 5
      public/style/ForkBB/style.css

+ 26 - 5
public/style/ForkBB/style.css

@@ -1425,12 +1425,26 @@ body,
 }
 
 #fork .f-post-user {
+  position: relative;
   padding: 0.625rem;
   background-color: #F8F4E3;
   border-bottom: 0.0625rem solid #AA7939;
   font-size: 0.875rem;
 }
 
+#fork .f-user-online .f-post-user::before {
+  display: block;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 0;
+  height: 0;
+  content: "";
+  border-style: solid;
+  border-width: 1.25rem 1.25rem 0 0;
+  border-color: #7fba00 transparent transparent transparent;
+}
+
 #fork .f-post-usticky {
   display: flex;
   flex-wrap: wrap;
@@ -1492,12 +1506,19 @@ body,
   word-break: break-all;
 }
 
-#fork .f-user-online .f-username::before {
+#fork .f-user-male .f-username::before {
   display: inline-block;
-  font: 900 0.625rem "FontAwesomeFree";
-  content: "\f111";
-  color: #7fba00;
-  vertical-align: text-top;
+  font: 900 1.25rem "FontAwesomeFree";
+  content: "\f222";
+  color: #46b4e7;
+  margin-inline-end: 0.125rem;
+}
+
+#fork .f-user-female .f-username::before {
+  display: inline-block;
+  font: 900 1.25rem "FontAwesomeFree";
+  content: "\f221";
+  color: #ef64ef;
   margin-inline-end: 0.125rem;
 }