154 lines
3.4 KiB
CSS
154 lines
3.4 KiB
CSS
@charset "utf-8";
|
|
|
|
/*!
|
|
* kimsQ Rb v2.4.5 데스크탑 기본형 게시판 테마 스타일 (bs4-default)
|
|
* Homepage: http://www.kimsq.com
|
|
* Copyright 2020 redblock inc
|
|
* Licensed under RBL
|
|
* Based on Bootstrap v4
|
|
*/
|
|
|
|
/**
|
|
* 목차:
|
|
*
|
|
* 1 - 공통 rb-bbs
|
|
* 2 - 목록 rb-bbs-list
|
|
* 3 - 보기 rb-bbs-view
|
|
* 4 - 쓰기 rb-bbs-write
|
|
* 5 - 컴포넌트 Component
|
|
* 6 - 유틸리티 Utilities
|
|
* ----------------------------------------------------------------------------
|
|
*/
|
|
|
|
|
|
/**
|
|
* 1 - 공통 rb-bbs
|
|
* ----------------------------------------------------------------------------
|
|
*/
|
|
|
|
|
|
|
|
/**
|
|
* 2 - 목록 rb-bbs-list
|
|
* ----------------------------------------------------------------------------
|
|
*/
|
|
|
|
|
|
.rb-bbs-list .ico-replay::before {
|
|
display: inline-block;
|
|
width: 13px;
|
|
height: 10px;
|
|
margin: 4px 4px 0 1px;
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAABkCAMAAACvvNBNAAAAclBMVEVMaXEtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUtlvUAAAAtlvXBtxldAAAAJHRSTlMAlgoDD071ePxpN7FZvfDjLRxb/gEGpEL5hxUkyNvqeXyAwuvQ8jQMAAAAqElEQVR42u2R1w7CMAxFu/feu4ze//9FWlRaWlwkBC9IPi+2cpzYSYTPUZwjk7rQaZNk8ENalfAC2pgoctqoRhzRxtKWERxlY+oO4pz2cKUnU7Ww5TkP/Sl/IDVo1srAW04QZBttRfcV0dW7aWHeEx2a9XJHQx1DFI9hz2kqz4tp88rS5Op4KDdr62hAlpDPI13gpkf/elYEhmGYXzAMrL5XO94phvlnbrKzELi3OthbAAAAAElFTkSuQmCC) 0 -30px no-repeat;
|
|
background-size: 13px 50px;
|
|
vertical-align: top;
|
|
content: '';
|
|
}
|
|
|
|
|
|
/* 포커스된 아이템 강조표시 */
|
|
[data-role="bbs-list"] tr:focus {
|
|
background-color: #F5FFFE !important;
|
|
}
|
|
[data-role="bbs-list"] tr a:focus {
|
|
outline: 0
|
|
}
|
|
|
|
|
|
/**
|
|
* 3 - 보기 rb-bbs-view
|
|
* ----------------------------------------------------------------------------
|
|
*/
|
|
|
|
.rb-bbs-view {
|
|
margin-top: 30px
|
|
}
|
|
.rb-bbs-view header .media-body h1 {
|
|
padding: 4px 0 8px 0;
|
|
margin: 0;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
line-height: 1.5;
|
|
border-bottom: #dfdfdf dotted 1px;
|
|
}
|
|
.rb-bbs-view header .rb-meta {
|
|
color: #c0c0c0;
|
|
font-family: dotum;
|
|
font-size: 11px;
|
|
line-height: 20px;
|
|
}
|
|
.rb-bbs-view header .rb-meta .rb-divider:before {
|
|
content: '|';
|
|
color: #ddd;
|
|
}
|
|
.rb-bbs-view [data-role="linkshare"] img {
|
|
width: 38px
|
|
}
|
|
|
|
.active .fa-bookmark-o:before {
|
|
content: "\f02e" !important;
|
|
}
|
|
|
|
[data-role="btn_post_like"].active .fa-heart-o:before {
|
|
content: "\f004";
|
|
}
|
|
[data-role="btn_post_like"].active .fa,
|
|
[data-role="btn_post_dislike"].active .fa {
|
|
color: red;
|
|
}
|
|
[data-role="btn_post_like"].active.heartbeat .fa,
|
|
[data-role="btn_post_dislike"].active.heartbeat .fa {
|
|
animation: heartbeat .8s;
|
|
}
|
|
|
|
.tag .badge~.badge {
|
|
margin-left: .3rem
|
|
}
|
|
|
|
|
|
/**
|
|
* 4 - 쓰기 rb-bbs-write
|
|
* ----------------------------------------------------------------------------
|
|
*/
|
|
|
|
.rb-bbs-write {
|
|
margin-top: 30px
|
|
}
|
|
|
|
.rb-bbs-write .ck-editor__editable_inline {
|
|
min-height: 350px;
|
|
}
|
|
|
|
/**
|
|
* 5 - 컴포넌트 Component
|
|
* ----------------------------------------------------------------------------
|
|
*/
|
|
|
|
|
|
|
|
/**
|
|
* 6 - 유틸리티 Utilities
|
|
* ----------------------------------------------------------------------------
|
|
*/
|
|
|
|
|
|
@keyframes heartbeat
|
|
{
|
|
0%
|
|
{
|
|
transform: scale( 1.8 );
|
|
}
|
|
30%
|
|
{
|
|
transform: scale( 1 );
|
|
}
|
|
60%
|
|
{
|
|
transform: scale( 1.8 );
|
|
}
|
|
100%
|
|
{
|
|
transform: scale( 1 );
|
|
}
|
|
}
|