Template:Participants list team.css: Difference between revisions

Revision as of 20:58, 21 September 2022

.p-team-container { display: flex; flex-wrap: wrap; gap: 1rem; } .table-bordered { border: 1px solid #bbbbbb;

   margin-top: 0 !important;

} .table-bordered th { padding: 0.1rem 0.3rem; border-bottom: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; } .table-bordered td { padding-left: 0.4rem; border-bottom: 1px solid #bbbbbb; }

team-toggle {

padding: 0.3rem;

   background-color: #eeeeee;
   width: 112px;
   text-align: center;
   border-radius: 3px;
   margin-bottom: 8px;
   transition: background-color 0.3s;
   cursor: pointer;

}

team-toggle:hover {background-color: #e1e1e1;}

.team-list { width: 200px; height: 200px; position: relative; border: 1px solid #bbbbbb; border-bottom: none; } .team-list-logo { display: flex;

   justify-content: center;
   height: 100%;
   align-items: center;

} .team-list-logo img{ width: auto; height: auto; max-height: 200px; } .team-list .players { border: none; width: 100%;

   position: absolute;
   top: 0;
   height: 100%;
   opacity: 0;
   transition: opacity 0.3s;

} .team-list .players.show {opacity: 1;}

.team-list .players tr:last-child th, .team-list .players tr:last-child td { border-bottom: none; } .team-list .players:hover { opacity: 100; } .team-list-qualifier { text-align: center; font-weight: 600; border: 1px solid #bbbbbb; }

@@ Line 52: / Line 52: @@
      top: 0;
      height: 100%;
-    background-color: rgb(255 255 255 / 90%);
+     opacity: 0;
-     opacity: 0%;
      transition: opacity 0.3s;
 }
@@ Line 63: / Line 62: @@
 }
 .team-list .players:hover {
-	opacity: 100%;
+	opacity: 100;
 }
 .team-list-qualifier {