:좌우이동/styles.css

< 틀:좌우이동
젊은리버럴 (토론 | 기여)님의 2024년 4월 14일 (일) 21:33 판 (새 문서: .pre_after { display: flex; width: 100%; border-radius: 0.2em; margin-bottom: 2px; overflow: auto; text-align: center; } .pre_after .tp_link a { display: block; text-decoration: none !important; padding: 0.1em 0.5em 0; height: 100%; } .pre_after .tp_link { transition: background ease 0.2s; width: 18em; min-width: 4em; } .pre_after > div { display: table-cell; } .pre_after .arrow, .pre_after .arrow + span { position: relative; top: 50%; transform: tran...)
(차이) ← 이전 판 | 최신판 (차이) | 다음 판 → (차이)
.pre_after {
	display: flex; width: 100%; border-radius: 0.2em; margin-bottom: 2px; overflow: auto; text-align: center;
}

.pre_after .tp_link a {
	display: block;
	text-decoration: none !important;
	padding: 0.1em 0.5em 0;
	height: 100%;
}

.pre_after .tp_link {
	transition: background ease 0.2s;
	width: 18em; 
	min-width: 4em;
}

.pre_after  > div {
	display: table-cell;	
}

.pre_after .arrow, .pre_after .arrow + span {
    position: relative;
    top: 50%;
    transform: translateY(-60%);
    padding-top: 0px;
}

.pre_after .arrow {
	padding-top: 2px;
}

.pre_after .center {
	width: 100%;
	font-weight: 700;
	margin: unset !important;
	display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.pre_after .tp_link:hover {
	background: #2774DC !important;
}