first
This commit is contained in:
153
modules/bbs/themes/_desktop/bs4-default/_main.css
Normal file
153
modules/bbs/themes/_desktop/bs4-default/_main.css
Normal file
@@ -0,0 +1,153 @@
|
||||
@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 );
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user