View source for Template:CLSB-UK TA Common

<html>
    <style>
    #teammembers {
        text-align: center;
        padding-bottom: 20px;
    }
    #teammembers img, #teammembers svg {
        border-radius: 50%;
        vertical-align: middle;
        width: 150px;
        height: 150px;
        margin: 5px;
        padding: 2px;
        border: 3px solid transparent;
        transition: all 0.5s;
        cursor: pointer;
        user-drag: none;
        -webkit-user-drag: none;
        user-select: none;
        position: relative;
        object-fit: cover;
    }
    #teammembers img:hover, #teammembers svg:hover {
        border: 3px solid #bbb;
        border-radius: 40%;
    }
    #teammembers img.teammembers_selected, #teammembers svg.teammembers_selected {
        border: 5px solid #2b363b;
        margin: 3px;
    }
    #teammembers_card {
        background: #2b363b;
        padding: 20px;
        color: #fff !important;
        margin: 12px 0;
        text-align: left;
    }
    /* Overriding iGEM's styles */
    #teammembers_name {
        font-size: 30px;
        text-align: left;
        color: #fff !important
    }
    #teammembers_card a:hover {
        color: #71b8ff;
    }
    #teammembers_triangle {
        width: 0;
        height: 0;
        border: solid 20px;
        border-color: transparent transparent #2b363b transparent;
        position: relative;
        margin: -20px;
        display: inline;
        top: 73px;
        left: 87px;
    }
    @media (max-width: 992px) {
        #teammembers img, #teammembers svg {
            width: 125px;
            height: 125px;
            margin: 3px;
        }
        #teammembers img.teammembers_selected, #teammembers svg.teammembers_selected {
            margin: 1px;
        }
        #teammembers_triangle {
            top: 60px;
            left: 75px;
        }
    }
    @media (max-width: 768px) {
        #teammembers img, #teammembers svg {
            width: 100px;
            height: 100px;
            padding: 0;
            margin: 3px;
        }
        #teammembers img.teammembers_selected, #teammembers svg.teammembers_selected {
            border-width: 3px;
        }
        #teammembers br, #teammembers_triangle {
            display: none;
        }
    }
    </style>
</html>