全网公敌/style.css

/** {{链入文件|全网公敌 卡片1背景1.png|全网公敌 卡片2背景1.png|全网公敌 卡片1背景2.png|全网公敌 卡片2背景2.png}} **/
/* Only for [[全网公敌]] */
a,
a>span {
    transition: background-color 62.5ms, color 62.5ms, outline 62.5ms;
    outline: 1.5px solid transparent;
}

a:hover,
a:active,
a:hover>span,
a:active>span,
:focus,
a:focus>span {
    background-color: #D02E2D !important;
    color: #FFF !important;
    outline-color: #D02E2D;
    text-decoration: none !important;
}

:target {
    border: 1.5px dashed #D02E2D;
}

::selection {
    background-color: #D02E2D;
    color: #FFF;
}

.infoBoxIcon>a:hover,
.infoBoxIcon>a:active,
.infoBoxIcon>a:focus {
    background-color: unset !important;
    color: unset !important;
}

h2 {
    border-bottom: 1px solid #D763EC !important;
}

h2:after {
    background-color: #D763EC !important;
    border-radius: 0 !important;
}

.infobox img {
	transform: skew(-1.25deg) scale(0.99);
}

.CharCardWarpper {
    overflow-x: auto;
    max-width: 100%;
}

.CharCard-Ashley,
.CharCard-Van,
.CharCard-Barbara {
    max-width: 100%;
    width: 1000px;
    min-width: 500px;
    position: relative;
    color: #FFF;
	margin-bottom: 1em;
}

.CharCard-Ashley>img,
.CharCard-Van>img,
.CharCard-Barbara>img {
    width: 100%;
	height: auto;
    user-select: none;
    -webkit-user-select: none;
}

.CharCard-Ashley>.name,
.CharCard-Van>.name,
.CharCard-Barbara>.name {
    position: absolute;
    font-size: 1.75vw;
    text-transform: uppercase;
}

.CharCard-Ashley>.name {
    left: 41.25%;
    top: 36%;
}

.CharCard-Van>.name {
    left: 13%;
    top: 40%;
}

.CharCard-Barbara>.name {
    left: 41.25%;
    top: 38.5%;
}

.CharCard-Ashley>.text,
.CharCard-Van>.text,
.CharCard-Barbara>.text {
    font-size: 16px;
    position: absolute;
    overflow-y: auto;
    width: 55%;
    height: 37.5%;
}

.CharCard-Ashley>.text {
    right: 0;
    bottom: 7.25%;
    padding-right: 7.5%;
    color: #B9CEB5;
}

.CharCard-Van>.text {
    left: 0;
    bottom: 2.5%;
    padding-left: 7.5%;
    color: #CDE1E4;
}

.CharCard-Barbara>.text {
    right: 0;
    bottom: 7.25%;
    padding-right: 5.5%;
    color: #DED7E3;
}

.CharList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.CharCard-1,
.CharCard-2 {
    margin: 1%;
    text-align: center;
    position: relative;
}

.CharCard-1 {
    min-width: 20em;
    max-width: 30em;
    flex: 2;
}

.CharCard-2 {
    min-width: 25em;
    max-width: 35em;
    flex: 1;
}

.CharCard-1>.word,
.CharCard-2>.word {
    display: block;
    position: absolute;
    right: calc(15% - 2em);
    top: 2.5%;
    color: rgb(9, 17, 31);
    color: rgba(9, 17, 31, .55);
    font-size: 50px;
    font-weight: bold;
    writing-mode: vertical-rl;
}

.CharCard-1>.word>big,
.CharCard-2>.word>big {
    position: relative;
    left: -.25em;
    font-size: 75px;
}

.CharCard-1>img {
    background-color: #26365A;
    background: url("https://img.moegirl.org.cn/common/a/ae/全网公敌_卡片1背景1.png");
}

.CharCard-2>img {
    background-color: #26365A;
    background: url("https://img.moegirl.org.cn/common/4/42/全网公敌_卡片2背景1.png");
}

.CharCard-1>img,
.CharCard-2>img {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
	width: auto;
    height: 250px;
    user-select: none;
    -webkit-user-select: none;
}


.CharCard-1>.name {
    background-color: #26365A;
    background: url("https://img.moegirl.org.cn/common/e/e4/全网公敌_卡片1背景2.png");
    font-size: 35px;
    padding: 2.5px;
}

.CharCard-2>.name {
    background-color: #26365A;
    background: url("https://img.moegirl.org.cn/common/e/e4/全网公敌_卡片2背景2.png");
    font-size: 25px;
    padding: 10px;
}

.CharCard-1>.name,
.CharCard-2>.name {
    background-repeat: no-repeat;
    color: #FFF;
    margin-top: -60px !important;
    position: relative;
    background-size: contain;
    background-position: center;
    font-weight: bold;
    white-space: nowrap;
}

.CharCard-1>.text,
.CharCard-2>.text {
    margin: auto 15% !important;
    text-align: justify;
}

/* [[Category:在主名字空间下的CSS页面]] */