틀:MFmem/styles.css

.MF-member-Catalist {
	display: inline-block;
    width: 150px;
    background-image: linear-gradient(to left, rgba(175, 17, 28,0) 10%, rgba(175, 17, 28,1) 40%, rgba(175, 17, 28,1) 60%, rgba(175, 17, 28,0) 90%);
    color: white;
    text-align: center;
    font-family: 'GmarketSansMedium';
    font-size: 10px;
    letter-spacing: 1px;
    padding: 2px 0px 0px;
    font-weight: 400;
    transform: scale(1, 1);
    text-shadow: 0px 0px 2px rgba(0,0,0,.5);
}
.MF-IC-Catalist {
    display: inline-block;
    margin: 15px auto;
    transform: rotate(-30deg);
    filter: brightness(1.2);
    opacity: 0.9;
    user-select: none;
}
.MFM-Title-Catalist {
    display: inline-block;
    vertical-align: bottom;
    color: #e03844;
    font-size: 17px;
    font-family: 'GmarketSansMedium';
    letter-spacing: 1px;
    line-height: 120%;
    margin-bottom: 5px;
    font-weight: 600;
    text-shadow: 0px 0px 2px rgba(0,0,0,.5);
    text-align: left;
    user-select: none;
}

.MF-member-Camus {
	display: inline-block;
    width: 150px;
    background-image: linear-gradient(to left, rgba(93, 118, 140,0) 10%, rgba(93, 118, 140,1) 40%, rgba(93, 118, 140,1) 60%, rgba(93, 118, 140,0) 90%);
    color: white;
    text-align: center;
    font-family: 'GmarketSansMedium';
    font-size: 10px;
    letter-spacing: 1px;
    padding: 2px 0px 0px;
    font-weight: 400;
    transform: scale(1, 1);
    text-shadow: 0px 0px 2px rgba(0,0,0,.5);
}
.MF-IC-Camus {
    display: inline-block;
    margin: 15px auto;
    transform: rotate(-30deg);
    filter: brightness(1.2);
    opacity: 0.9;
    user-select: none;
}
.MFM-Title-Camus {
    display: inline-block;
    vertical-align: bottom;
    color: #799ab8;
    font-size: 17px;
    font-family: 'GmarketSansMedium';
    letter-spacing: 1px;
    line-height: 120%;
    margin-bottom: 5px;
    font-weight: 600;
    text-shadow: 0px 0px 2px rgba(0,0,0,.5);
    text-align: left;
    user-select: none;
}


.MF-member-Nisheim {
	display: inline-block;
    width: 150px;
    background-image: linear-gradient(to left, rgba(89, 68, 29,0) 10%, rgba(89, 68, 29,1) 40%, rgba(89, 68, 29,1) 60%, rgba(89, 68, 29,0) 90%);
    color: white;
    text-align: center;
    font-family: 'GmarketSansMedium';
    font-size: 10px;
    letter-spacing: 1px;
    padding: 2px 0px 0px;
    font-weight: 400;
    transform: scale(1, 1);
    text-shadow: 0px 0px 2px rgba(0,0,0,.5);
}
.MF-IC-Nisheim {
    display: inline-block;
    margin: 15px auto;
    transform: rotate(-15deg);
    filter: brightness(1.5);
    opacity: 0.9;
    user-select: none;
}
.MFM-Title-Nisheim {
    display: inline-block;
    vertical-align: bottom;
    color: #D9C589;
    font-size: 17px;
    font-family: 'GmarketSansMedium';
    letter-spacing: 1px;
    line-height: 120%;
    margin-bottom: 5px;
    font-weight: 600;
    text-shadow: 0px 0px 2px rgba(0,0,0,.5);
    text-align: left;
    user-select: none;
}

.MF-member-Leviathan {
	display: inline-block;
    width: 150px;
    background-image: linear-gradient(to left, rgba(147, 179, 191,0) 10%, rgba(147, 179, 191,1) 40%, rgba(147, 179, 191,1) 60%, rgba(147, 179, 191,0) 90%);
    color: white;
    text-align: center;
    font-family: 'GmarketSansMedium';
    font-size: 10px;
    letter-spacing: 1px;
    padding: 2px 0px 0px;
    font-weight: 400;
    transform: scale(1, 1);
    text-shadow: 0px 0px 2px rgba(0,0,0,.5);
}
.MF-IC-Leviathan {
    display: inline-block;
    margin: 15px auto;
    transform: rotate(-10deg);
    filter: brightness(0.9);
    opacity: 0.9;
    user-select: none;
}
.MFM-Title-Leviathan {
    display: inline-block;
    vertical-align: bottom;
    color: #93B3BF;
    font-size: 17px;
    font-family: 'GmarketSansMedium';
    letter-spacing: 1px;
    line-height: 120%;
    margin-bottom: 5px;
    font-weight: 600;
    text-shadow: 0px 0px 2px rgba(0,0,0,.5);
    text-align: left;
    user-select: none;
}

.MF-member-Griseo {
	display: inline-block;
    width: 150px;
    background-image: linear-gradient(to left, rgba(51, 51, 51,0) 10%, rgba(51, 51, 51,1) 40%, rgba(51, 51, 51,1) 60%, rgba(147, 179, 191,0) 90%);
    color: white;
    text-align: center;
    font-family: 'GmarketSansMedium';
    font-size: 10px;
    letter-spacing: 1px;
    padding: 2px 0px 0px;
    font-weight: 400;
    transform: scale(1, 1);
    text-shadow: 0px 0px 2px rgba(0,0,0,.5);
}
.MF-IC-Griseo {
    display: inline-block;
    margin: 15px auto;
    transform: rotate(0deg);
    filter: brightness(0.9);
    opacity: 0.9;
    user-select: none;
}
.MFM-Title-Griseo {
    display: inline-block;
    vertical-align: bottom;
    color: #9c9c9c;
    font-size: 17px;
    font-family: 'GmarketSansMedium';
    letter-spacing: 1px;
    line-height: 120%;
    margin-bottom: 5px;
    font-weight: 600;
    text-shadow: 0px 0px 2px rgba(0,0,0,.5);
    text-align: left;
    user-select: none;
}