Yeokka TGD Custom CSS
Yeokka Custom by maaxx
Details
Authormaaxx
LicenseNo License
Categorytgd
Created
Updated
Size118 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Yeokka Custom
@version 20240128.12.20
@namespace https://userstyles.world/user/maaxx
@description Yeokka TGD Custom CSS
@author maaxx
@license No License
==/UserStyle== */
@-moz-document url-prefix("https://tgd.kr/s/yeokka") {
/* 역게더-메인 */
/* 초기화 */
* {
scroll-behavior: smooth;
outline: none;
}
/* 기본 반응형 */
.container {
max-width: unset !important;
transition: ease all .15s;
}
@media (max-width: 767px) {
* {
overflow-X: clip;
}
.container {
width: 100vw;
}
header > .container {
padding-left: 15px;
}
header #header-bar {
padding-left: 20px;
padding-right: 30px;
margin-bottom: 0;
}
header #header-bar #header-menu-right #userDropdown {
padding-left: 0;
}
header #header-bar #header-menu-right.col-xs-1 {
padding-left: 0;
}
#main #main-menu.col-xs-2 {
display: none;
}
#main {
padding-left: 5px;
padding-right: 15px;
}
#main #main-content {
width: 100%;
padding-right: 15px;
}
#board-info > #board-info-bottom a {
font-size: 12px;
}
#article-info {
display: flex;
flex-wrap: wrap;
}
#main .menu-wrapper > .header {
font-size: 12px;
}
#article-list {
padding: 0 0.5em 2em;
}
#article-list > .article-list-row > .item > .list-title > a {
font-size: 12px;
}
#article-list > .article-list-row > .item > .list-title {
display: flex;
flex-wrap: wrap;
}
#article-list > .article-list-row.active > .item > .list-title {
display: flex;
flex-wrap: wrap;
}
#article-list > .article-list-row > .item > .list-title > a {
width: 50%;
flex: 1;
}
#main #extra-links > .header {
display: flex;
}
#main #extra-links > .heade > i {
padding-top: 1px;
}
#article-content iframe {
min-width: unset;
}
.pagination {
padding: 0 1px;
}
}
@media (min-width: 768px) {
.container {
width: 100% !important;
}
header #header-bar {
padding: 0 15px 0 20px;
}
header > .container {
padding: 0 15px 0 20px;
}
.col-xs-4 {
padding-left: 0;
}
.col-xs-8 {
padding-right: 0;
}
#article-info > h2 {
font-size: 16px;
}
#main {
padding-left: .2em;
padding-right: 0
}
#main .row {
margin: 0
}
#main #main-content {
padding-left: 5px;
padding-right: .2em;
width: calc(500% / 6);
}
#main .menu-wrapper > .header {
font-size: 12px;
}
#article-list > .article-list-row > .item > .list-title {
display: flex;
flex-wrap: wrap;
}
#article-list > .article-list-row.active > .item > .list-title {
display: flex;
flex-wrap: wrap;
}
#article-list > .article-list-row > .item > .list-title > a {
font-size: 12px;
width: 50%;
flex: 1
}
}
@media (min-width: 992px) {
.container {
width: 970px !important;
}
header #header-bar {
padding: 0 30px;
}
header > .container {
padding: 0 30px;
}
#main {
padding-left: 15px;
padding-right: 15px;
}
#main #main-content {
padding-left: 15px;
padding-right: 0;
}
#article-info > h2 {
font-size: revert;
}
#main .menu-wrapper > .header {
font-size: revert;
}
#article-list > .article-list-row > .item > .list-title {
display: flow-root;
}
#article-list > .article-list-row.active > .item > .list-title {
display: flow-root;
}
#article-list > .article-list-row > .item > .list-title > a {
font-size: revert;
width: unset;
}
}
@media (min-width: 1200px) {
.container {
width: 1100px !important;
}
#article-content iframe {
min-width: 800px;
}
}
/* 스크롤바 */
*::-webkit-scrollbar {
width: 15px;
}
*::-webkit-scrollbar-thumb {
background: #999;
border: 2px solid transparent;
background-clip: padding-box;
}
*::-webkit-scrollbar-thumb:hover {
background: #3e6bc7;
border: 2px solid transparent;
background-clip: padding-box;
}
*::-webkit-scrollbar-track {
background: #0c0c0b;
}
/* 타이틀 */
header .row > div:nth-child(1) > a {
transition: ease all .3s
}
header .row > div:nth-child(1) > a:hover {
filter: hue-rotate(30deg) brightness(.9) drop-shadow(0 0 5px #6441a5);
}
/* 트게더 검색 */
header #right-search-form > input[type=text] {
border-radius: 6px;
cursor: pointer;
transition: ease all .3s;
}
header #right-search-form > input[type=text]:hover {
box-shadow: 0 0 8px 2px dodgerblue;
}
header #right-search-form > input[type=text]:focus {
background: #141414 !important;
}
/* 즐겨찾기 높이 최적화 */
#board-list-area {
display: flex;
}
/* 즐겨찾기 바 라운드 */
header #header-bar > .row {
border-right: none;
border-radius: 5px;
}
/* 즐겨찾기 indent */
header #header-bar #header-menu-left {
padding-left: 5px;
}
/* 방문 페이지 삭제 */
#board-list-area > a:hover > span.delrow {
margin-right: 8px;
transition: ease all .3s;
}
/* 프로필 */
header #header-bar #header-menu-right #userDropdown img.profile-img {
border-radius: 5px;
}
body a {
transition: ease all .3s;
}
/* 프로필 드롭다운 */
.dropdown-menu > li > a:hover {
background-color: #141414 !important;
color: #ccc !important;
}
.dropdown-menu .divider {
background: linear-gradient(to right, rgba(204, 204, 204, 0) 0%, rgba(204, 204, 204, 1) 30%, rgba(204, 204, 204, 1) 70%, rgba(204, 204, 204, 0) 100%);
}
/* 로그아웃 버튼 */
#header-menu-right ul li:last-child a {
transition: ease all .3s;
}
#header-menu-right ul li:last-child a:hover {
background: rgb(85, 0, 204) !important;
}
/* 게시판 상단 바 */
#board-info {
background: none !important;
}
#board-info #board-info-profile-img {
opacity: 1;
border-radius: 50%;
}
#board-info > h1,
#board-info > #board-info-bottom {
padding-right: 72px;
}
/* 방송중 프레임 */
#main #main-content > div.frame {
border: none !important;
}
#main #main-content > div.frame:has(h1>a.badge.badge-live) {
box-shadow: 0 0 12px 3px red;
}
/* .fa.fa-twitch {
text-indent: -9999px;
overflow: hidden;
transform: translateY(2px);
}
.fa.fa-twitch::before {
display: block;
content: url('data:image/svg+xml;utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><polygon points="5.51 0 10.35 0 8.96 1.98 13.78 1.98 7.79 10.32 13.22 10.32 13.22 14 .22 14 6.32 5.54 1.48 5.54 5.51 0" style="fill: none; stroke: limegreen; stroke-width: .75px;"></polygon></svg>');
width: 14px;
height: 14px;
} */
/* 좌측 메뉴 라운드 */
#main .menu-wrapper > .header {
border-radius: 5px 5px 0 0;
}
/* 좌측 바 스크롤 */
#main #main-menu.col-xs-2 {
position: sticky;
top: 32px;
}
/* 메인 게시판 라운드 */
#main #main-content > div.frame {
border-radius: 6px;
}
/* 공지 숨김 */
#article-option-area-toggle-btn {
transition: ease all .3s;
}
/* 게시글 호버 */
#article-list > .article-list-row {
transition: ease all .3s;
}
#main-content #article-list > .article-list-row:hover {
background: #3c3c3c !important;
}
#article-list > .article-list-row > .item > .list-header.v0 > span {
transition: ease all .3s;
}
#article-list > .article-list-row:hover > .item > .list-header.v0 > span {
background-color: #3c3c3c !important;
}
/* 하트 글 표시 */
#article-list > .article-list-row.has-category > .item:has(.list-title small.favo) {
box-shadow: inset 0 0 5px #fcc4;
border-radius: 3px;
transition: ease all .3s;
}
#article-list > .article-list-row.has-category:hover > .item:has(.list-title small.favo) {
box-shadow: inset 0 0 8px 1px #fcc;
}
/* 념글 추천수 색 */
/* #main-content #article-list .article-list-row.has-category .item:has(.list-title .a-badge>i.fa.fa-star) .list-header>span {
color: #efc839;
}
#main-content #article-list .article-list-row.has-category .item:has(.list-title .a-badge>i.fa.fa-star) .list-header>span::after {
color: #efc839;
} */
/* 념글 별 애니메이션 */
#article-list > .article-list-row > .item > .list-title > span.a-badge i.fa.fa-star {
transition: ease all .75s;
}
#article-list > .article-list-row > .item > .list-title:hover > span.a-badge i.fa.fa-star {
transform: rotate(72deg) scale(1.1);
filter: drop-shadow(0 0 1px gold);
}
.a-badge {
width: 18px !important;
height: 18px;
}
/* 동영상 아이콘 */
span.a-badge i.fa.fa-file-video-o {
color: #57e;
}
/* 작성자 메뉴-차단 */
#writerContextMenu.dropdown-menu li...