틀:좌우/styles.css: 두 판 사이의 차이
< 틀:좌우
편집 요약 없음 |
편집 요약 없음 |
||
| 1번째 줄: | 1번째 줄: | ||
. | .prev_next { | ||
display: flex; width: 100%; border-radius: 0.2em; margin-bottom: 2px; text-align: center; | display: flex; width: 100%; border-radius: 0.2em; margin-bottom: 2px; text-align: center; | ||
} | } | ||
. | .prev_next .tp_link a { | ||
display: block; | display: block; | ||
text-decoration: none !important; | text-decoration: none !important; | ||
| 10번째 줄: | 10번째 줄: | ||
} | } | ||
. | .prev_next .tp_link { | ||
transition: filter ease 0.2s; | transition: filter ease 0.2s; | ||
width: 18em; | width: 18em; | ||
| 16번째 줄: | 16번째 줄: | ||
} | } | ||
. | .prev_next > div { | ||
display: table-cell; | display: table-cell; | ||
} | } | ||
. | .prev_next .arrow, .prev_next .arrow + span { | ||
position: relative; | position: relative; | ||
top: 50%; | top: 50%; | ||
| 27번째 줄: | 27번째 줄: | ||
} | } | ||
. | .prev_next .arrow { | ||
font-family: 'Font Awesome 5 Free'; font-size: large; | font-family: 'Font Awesome 5 Free'; font-size: large; | ||
font-weight: 700; | font-weight: 700; | ||
| 33번째 줄: | 33번째 줄: | ||
} | } | ||
. | .prev_next .center { | ||
width: 100%; | width: 100%; | ||
font-weight: 700; | font-weight: 700; | ||
| 42번째 줄: | 42번째 줄: | ||
} | } | ||
. | .prev_next .tp_link:hover { | ||
filter: brightness(0.9); | filter: brightness(0.9); | ||
} | } | ||
/*@media screen and (max-width:543px) { | /*@media screen and (max-width:543px) { | ||
. | .prev_next .tp_link { | ||
min-width: auto !important; | min-width: auto !important; | ||
} | } | ||
. | .prev_next .tp_link a { | ||
padding: 0.2em 0.5em 0.1em; | padding: 0.2em 0.5em 0.1em; | ||
} | } | ||
}*/ | }*/ | ||
2025년 1월 31일 (금) 01:22 판
.prev_next {
display: flex; width: 100%; border-radius: 0.2em; margin-bottom: 2px; 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;
}
.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;
}
.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;
}
}*/