Template:Uncyclopedia social/styles.css

From Uncyclopedia, the content-free encyclopedia
Jump to navigation Jump to search
.unsocial-container {
    display: flex;
    flex: auto;
    flex-flow: row wrap;
    justify-content:center;
    clear: both;
    margin: 1rem 0rem;
}
.unsocial-container .unsocial-link img {
    height: 50px;
    width: 50px;
    margin: 0rem 1rem;
    border-radius: 100%;
    object-fit: cover;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
    transition: 0.1s ease-in;
}
.unsocial-container .unsocial-link:hover img {
    transform: scale(1.2);
}
.unsocial-container .unsocial-link-id {
    text-align: center;
}
.unsocial-container .unsocial-link-id a {
    font-size: 0.8rem;
    font-variant: all-small-caps;
    color: #bbb;
    text-decoration: none;
}
.unsocial-container .unsocial-link:hover .unsocial-link-id a {
    color: #333;
}