Template:Participants list team.css

Template page
Revision as of 20:56, 21 September 2022 by Couchor (talk | contribs) (Created page with ".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;...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

.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; }

  1. 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;

}

  1. 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%;
   background-color: rgb(255 255 255 / 90%);
   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; }