bamu_bamu-tgd-theme.mobile.css

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Lato', 'Segoe UI', sans-serif;
}

/* color adjustments */
.fr-toolbar,
header {
  border-color: #2e4e23 !important;
}
a.nav-link.active {
  background: #fff !important;
}
header,
.notice-badge,
#notification-badge,
#nav > .nav-header,
.pagination > .active > a,
.pagination > .active > span,
.btn-primary.write,
#writeCommentBtn,
#article-content-wrapper > .footer {
  background: #2e4e23 !important;
}

.pagination > .active > a,
.pagination > .active > span {
  color: #fff !important;
}
.list-header > span,
.list-writer.logged > span,
.reply-writer.logged,
.comment-count,
.pagination > li > a,
.pagination > li > span,
#article-reply-area h5 {
  color: #2e4e23 !important;
}
a, a:hover, a:visited {
  color: #2e4e23; /* implict */
}

#article-list-category,
.list-header > span {
  background: none !important;
}
a.nav-link,
.article-list-row.active {
  background: hsla(105, 38%, 92%, 1) !important;
}

header h1, header .fa {
  filter: grayscale(1) brightness(4) saturate(2) opacity(0.8)
}

/* 기타 스타일 */

.list-header > span {
  font-size: 1.25rem !important;
}
.list-header.v0 > span {
  color: rgba(46, 78, 35, 0.25) !important;
}
 {
  background-color: rgba(46, 78, 35, 0.25) !important;
}
.vote-btn,
#writeCommentBtn,
#notification-badge {
  border-radius: 0 !important;
}
#notification-badge {
  padding: 0.6rem 0.875rem !important;
}

/* 글 footer 조정 */

#article-content-wrapper > .footer > .btn {
  border-radius: 0;
  border: none;
  background-color: rgba(255, 255, 255, 0);
  transition: background-color 200ms ease;
  color: #fff;
}
#article-content-wrapper > .footer > .btn:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

/* 애니메이션 */

@keyframes slide {
  from { transform: translateX(-300px) }
  to { transform: translateX(0) }
}
@keyframes appear {
  from { opacity: 0 }
  to { opacity: 1 }
}

#nav {
  animation: slide 300ms ease-in-out;
}
#nav-overlay {
  animation: appear 200ms ease;
}