temporary distribute for yeokka.kro.kr css work
역박스 임시작업용 by maaxx
Details
Authormaaxx
LicenseNo License
Categoryyeokka.kro.kr
Created
Updated
Size24 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 ? - 2024년 6월
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("yeokka.kro.kr") {
/* 메인 */
/* 기본 배경색 */
.app-layout {
background-color: var(--color-white);
}
.app-header-nav {
background-color: transparent;
}
/* 헤더 아이콘 호버 색 변경 */
.app-header-nav > ul > li:not(.active) > a:hover {
color: #48f;
}
.app-header-nav > ul > li.active > a {
color: #48f;
}
/* 정렬 바꾸기 */
.app-main {
flex-direction: row-reverse;
}
.app-content--with-aside {
margin-left: 2rem;
margin-right: 0;
}
/* 왼쪽 박스 따라오게 */
.app-aside {
position: sticky;
top: 7%;
height: fit-content;
}
/* 왼쪽 박스 호버 배경 */
ul.app-widget-content.app-widget-content-normal > li {
transition: ease background .2s;
}
ul.app-widget-content.app-widget-content-normal > li:hover {
background-color: var(--color-gray-300);
}
/* 링크 호버 시 밑줄 제거 */
ul.app-widget-content.app-widget-content-normal > li > a:hover > .app-title {
text-decoration: none;
}
.bd_tb_lst td.title > a:hover {
text-decoration: none;
}
/* 스크롤 버튼 호버 색 */
.bd .img_tx a:hover .fa {
color: #efefef;
}
@media screen and (max-width: 533px) {
.bd_tb_lst td:nth-child(1),
.bd_tb_lst td:nth-child(2) {
display: none;
}
}
/* 버튼 색 */
.sbtn-orange {
background-color: #3e6bc7;
background-image: linear-gradient(to bottom, #3e6bc7, #2957ff);
border: 1px solid royalblue;
box-shadow: inset 0 1px 0 #48f, inset 0 -1px 0 #2957ff, inset 0 0 0 1px #3e6bc7, 0 2px 4px rgba(0, 0, 0, 0.2);
transition: ease all .3s;
}
.sbtn-orange:hover {
background: #2957ff;
border-color: midnightblue;
box-shadow: inset 0 1px 0 #48f, inset 0 -1px 0 #2957ff, inset 0 0 0 1px #3e6bc7, 0 2px 4px rgba(0, 0, 0, 0.2);
}
.sbtn-orange:active {
background-color: #2957ff;
}
.sbtn-orange a:hover {
text-decoration: none;
}
.sbtn-orange i {
color: #128;
}
/* 링크 호버 */
.xe_content a[href] {
border: none;
}
.xe_content a[href]:hover {
color: #ccc !important;
}
/* 권한 경고 */
#access {
background-color: #333;
border-color: #4f4f4f;
border-radius: 10px;
box-shadow: none;
}
#access .login-body a.button {
transition: ease .2s;
}
.bd .btn_img {
box-shadow: none;
transition: ease .2s;
}
.bd .btn_img:not(.itx_wrp):hover {
background-color: #3e6bc7;
border-color: #2955b0;
box-shadow: none;
}
.bd .btn_img.itx_wrp:hover {
box-shadow: 0 1px 3px #2957ff;
}
/* 벡터아이콘 */
/* 파일 */
.extraimages>img[alt="file"] {
object-position: -9999px 9999px;
background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 44 44'><defs><style>.cls-1 {fill: none;}.cls-1,.cls-2 {stroke: white; stroke-linecap: round;stroke-linejoin: round; stroke-width: 3}.cls-2 {fill: none; stroke-width:3}</style></defs><polygon class='cls-2' points='33.45 1 1 1 1 43 43 43 43 10.55 33.45 1'></polygon><g><polygon class='cls-1' points='33.45 1 31.07 1 31.07 15.32 8.16 15.32 8.16 1 1 1 1 43 8.16 43 8.16 25.82 35.84 25.82 35.84 43 43 43 43 10.55 33.45 1'></polygon><rect class='cls-1' x='26.3' y='3.98' width='2.86' height='8.35'></rect></g></svg>");
background-repeat: no-repeat;
filter: invert(41%) sepia(42%) saturate(897%) hue-rotate(182deg) brightness(111%) contrast(93%);
}
/* 이미지 */
.bd .attached_image {
background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 44 44'><defs><style>.cls-1{stroke-miterlimit: 10;}.cls-1, .cls-2 {fill: white;}.cls-1, .cls-2, .cls-3 {stroke: white; stroke-width: 3}.cls-2, .cls-3 {stroke-linecap: round;stroke-linejoin: round;}.cls-3 {fill: none;}</style></defs><rect class='cls-3' x='0' y='8' width='44' height='29'></rect><circle class='cls-1' cx='7' cy='14' r='3'></circle><path class='cls-2' d='M33.25,22.97l-5.8-7.97-10,14.78-6.36-7.83-9.09,13.04h40s-4.69-6.45-8.75-12.03Z'></path></svg>");
background-repeat: no-repeat;
filter: invert(56%) sepia(43%) saturate(483%) hue-rotate(91deg) brightness(117%) contrast(89%);
}
/* 비밀글 */
.extraimages>img[alt="secret"] {
object-position: -9999px 9999px;
background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 44 44'><defs><style>.cls-1 {fill: white; stroke: white; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3}</style></defs><path class='cls-1' d='M35.14,21.76v-6.28c0-9.07-5.88-14.48-13.14-14.48s-13.14,5.42-13.14,14.48v6.28h-3.86v21.24h34v-21.24h-3.86ZM11.49,21.76v-6.28c0-7.25,4.71-11.2,10.51-11.2s10.51,3.95,10.51,11.2v6.28H11.49Z'></path></svg>");
background-repeat: no-repeat;
}
}
@-moz-document domain("yeokka.kro.kr") {
/* 출석부 */
/* 기본 세팅 */
.app-content > .xl {
background-color: #333;
color: #cfcfcf;
padding: 1rem 1rem 0;
border-radius: 10px;
}
.sat a {
color: #ccc;
}
/* 탭 */
.xl .nav-tabs {
border-color: #4f4f4f;
}
.xl .nav-tabs>li>a {
text-decoration: none;
}
.xl .nav-tabs>li:not(.active)>a {
color: #ccc;
transition: ease .2s;
}
.xl .nav-tabs>li:not(.active)>a:hover {
color: #333;
}
/* 달 선택 버튼 */
.navi .att-btn-primary {
transition: ease all .167s;
}
.att-btn-primary.disabled {
border-color: transparent;
cursor: no-drop;
}
.att-btn-primary.disabled:hover {
border-color: transparent;
}
/* 분류 팝업 */
.sat .popover {
background-color: #2c2c2c;
}
.sat .popover-title {
background-color: #383838;
}
/* 출석 */
.app-content .x {
background-color: transparent;
}
.write_author input[type="text"] {
background-color: #2c2c2c;
border-color: #4f4f4f;
border-radius: 3px;
color: #ccc;
height: 35px !important;
font-size: 13px;
transition: ease .2s;
}
.write_author input[type="text"]:hover {
background-color: #222;
border-color: #666;
}
.write_author input[type="text"]:focus {
background-color: #141414;
color: #efefef;
border-color: #4f4f4f;
}
.sm-btn {
background-color: #080808;
border-color: #030303;
color: #ccc;
border-radius: 5px;
transition: ease .2s;
}
.sm-btn:hover {
background-color: #030303;
border-color: #000;
color: #f6f6f6;
box-shadow: 0 0 5px 1px #888;
}
/* 표 홀수줄 */
.sat .table-striped tbody > tr:nth-child(odd) > td {
background-color: #1f1f1f;
}
/* 표 줄 */
.sat .table td {
border-color: #666;
}
/* 페이지네이션 */
.sat .pagination ul > li > a {
height: 2.5em;
background-color: #333;
color: #ccc;
border-color: #4f4f4f;
transition: ease .2s;
}
.sat .pagination ul > li:not(.active) > a:hover {
background-color: #222;
color: #efefef;
}
.sat .pagination ul > li.active > a {
background-color: #141414;
color: #efefef;
}
/* 선물리스트 */
.bd_tb_lst th {
color: #ccc;
border-color: #4f4f4f;
box-shadow: inset 0 -1px 0 #4f4f4f;
}
.xl .bd_lst tbody>tr:nth-child(odd)>td {
background-color: #333;
color: #ccc;
border-color: #4f4f4f
}
.xl .bd_lst tbody>tr>td {
background-color: #222;
}
.bd_pg .direction {
color: #ccc;
transition: ease .2s;
}
.bd_pg .direction:hover {
background: #141414;
color: #efefef;
border-color: #4f4f4f;
}
}
@-moz-document url-prefix("https://yeokka.kro.kr/sticker") {
/* 역게더콘 */
/* 기본 세팅 */
.stk_bd {
background-color: #333;
border-color: transparent;
border-radius: 10px;
}
/* 타이틀 칸 */
#bd_sticker_list table tr {
transition: ease background-color .3s;
}
#bd_sticker_list table tr:hover {
background-color: #2e2e2e;
}
.bd_tb_lst td {
border-color: transparent;
}
.bd_tb_lst td strong {
color: #ccc;
}
.bd_tb_lst .notice td {
background-color: #3c3c3c;
border-color: transparent;
}
/* 콘 박스 */
.bd_tmb_lst .tmb_wrp {
border-color: transparent;
}
/* 콘 이름 */
.bd a {
color: #888;
}
.bd a:hover {
color: #ccc;
}
#bd_sticker_list .tmb {
transition: ease all .167s;
}
.bd_pg .this {
background-color: #141414;
border-color: #4f4f4f;
color: #ccc;
}
.bd_pg .this:hover {
background-color: #080808;
border-color: #4f4f4f;
color: #efefef;
}
/* 콘 상세페이지 */
/* 기본 */
.rd_hd .board .top_area {
background-color: #262626;
border-color: transparent;
}
.bd {
color: #aaa;
}
.xe_content a[href] {
transition: ease color .2s;
}
.xe_content a[href]:hover {
border: none;
text-decoration: none;
}
/* 콘 리스트 */
.sicker_file_list ul {
background-color: #3c3c3c;
border-color: transparent;
}
div.stk_img_v {
transition: ease all .167s;
}
div.stk_img_v:hover {
transform: scale(1.1);
box-shadow: 0 0 7px 2px #1f1f1f;
}
div.stk_img_v > img {
border-radius: 3px;
}
/* 콘 구매버튼 */
.sticker_buy > .buy_btn {
transition: ease background-color .3s;
border-radius: 3px;
}
.sticker_buy > .buy_btn:hover {
background-color: #3e6bc7;
}
.sticker_buy > .buy_btn:active {
background-color: #2855b0;
}
/* 하단 버튼 */
.btm_mn.clear .btn_img {
background: #333;
text-shadow: none;
color: #ccc;
}
.btm_mn.clear .btn_img:hover {
background-color: #1f1f1f;
color: #efefef;
}
/* 하단 버튼 줄맞춤 */
.btn_img {
line-height: unset;
}
/* 검색 입력칸 */
.bd .bd_srch_btm_itx {
color: #dedede;
outline: none;
}
/* 검색 분류 */
.bd_srch_btm select {
background: none;
color: #dedede;
}
.bd_srch_btm select option {
background-color: #333;
}
}
@-moz-document url-prefix("https://yeokka.kro.kr/dccon") {
/* 채팅콘 */
.bd_tmb_lst .tmb_wrp {
transition: ease transform .2s;
}
.bd_tmb_lst li:hover .tmb_wrp {
transform: scale(1.1);
}
.bd_tmb_lst p {
transition: ease color .2s;
color: #aaa;
}
.bd_tmb_lst li:hover p {
color: #efefef;
}
}
@-moz-document url-prefix("https://yeokka.kro.kr/yeokka_direct") {
/* 여까 다이렉트 */
/* 월 선택 */
.navi_btn {
color: #ccc;
}
.navi > .navi_btn.to_prev,
.navi > .navi_btn.to_next {
background-color: transparent;
border-color: #666;
transition: ease .2s;
border-radius: 3px;
}
.navi > .navi_btn.to_prev > i,
.navi > .navi_btn.to_next > i {
...