틀:좌우/styles.css: 두 판 사이의 차이
보이기
< 틀:좌우
편집 요약 없음 |
편집 요약 없음 |
||
| 1번째 줄: | 1번째 줄: | ||
.prev_next { | .prev_next { | ||
display: flex; width: 100%; border-radius: 0.2em; | display: flex; | ||
max-width: 100%; | |||
width: 700px; | |||
margin: 0 auto 2px; | |||
border-radius: 0.2em; | |||
text-align: center; | |||
} | } | ||
2025년 1월 31일 (금) 01:33 기준 최신판
.prev_next {
display: flex;
max-width: 100%;
width: 700px;
margin: 0 auto 2px;
border-radius: 0.2em;
text-align: center;
}
.prev_next .tp_link a {
display: block;
text-decoration: none !important;
padding: 0.1em 0.5em 0;
height: 100%;
}
.prev_next .tp_link {
transition: filter ease 0.2s;
width: 18em;
min-width: 4em;
border-width: 0 0 2px 0;
border-style: solid;
}
.prev_next > div {
display: table-cell;
}
.prev_next .arrow,
.prev_next .arrow + span {
position: relative;
top: 50%;
transform: translateY(-54%);
padding-top: 0px;
}
.prev_next .arrow {
font-family: 'Font Awesome 5 Free'; font-size: large;
font-weight: 700;
padding-top: 1px;
}
.prev_next .center {
width: 100%;
font-weight: 700;
margin: unset !important;
display: flex;
flex-direction: column;
justify-content: space-evenly;
border-width: 0 0 2px 0;
border-style: solid;
}
.prev_next .tp_link:hover {
filter: brightness(0.9);
}
/*@media screen and (max-width:543px) {
.prev_next .tp_link {
min-width: auto !important;
}
.prev_next .tp_link a {
padding: 0.2em 0.5em 0.1em;
}
}*/