로그인

여까 게시판
아이콘샵 추가됨 다들 구매 ㄱㄱ
잡담
팬비닛 작성글/댓글보기 표 CSS 커스텀시트

 이번에도 들고와봤습니다.

 

/* 프로필 정보 위쪽 활성탭 흰색->회색 */

.xm .nav-tabs > .active > a, .xm .nav-tabs > .active > a:hover, .xm .nav-tabs > .active > a:focus {
  color: var(--color-gray-800);
  background-color: var(--color-gray-200);
  border: 1px solid var(--color-gray-300);
    border-bottom-color: var(--color-gray-700);
}

/* 프로필 정보 탭 디자인 */

.app-content--tight, .app-content > .x, .app-content > .xm, .app-content > .xc, .app-content > .xl {
    padding: 10px;
    border-radius: 10px;
}

/* 프로필 정보 테이블 색 가시성 */

.xm .table-striped tbody > tr:nth-child(2n+1) > td, .xm .table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: var(--color-gray-300);
}

.xc .table-striped tbody > tr:nth-child(2n+1) > td, .xc .table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: var(--color-gray-300);
}

/* 프로필 정보 검색 및 버튼 */

.xm select, .xm textarea, .xm input[type="text"], .xm input[type="password"], .xm input[type="datetime"], .xm input[type="datetime-local"], .xm input[type="date"], .xm input[type="month"], .xm input[type="time"], .xm input[type="week"], .xm input[type="number"], .xm input[type="email"], .xm input[type="url"], .xm input[type="search"], .xm input[type="tel"], .xm input[type="color"] {
    height: 30px;
    color: var(--color-gray-900);
    background-color: var(--color-gray-300);
}

.xc select, .xc textarea, .xc input[type="text"], .xc input[type="password"], .xc input[type="datetime"], .xc input[type="datetime-local"], .xc input[type="date"], .xc input[type="month"], .xc input[type="time"], .xc input[type="week"], .xc input[type="number"], .xc input[type="email"], .xc input[type="url"], .xc input[type="search"], .xc input[type="tel"], .xc input[type="color"] {
    height: 30px;
    color: var(--color-gray-900);
    background-color: var(--color-gray-300);
}

button.btn{
    height: 30px !important;
    line-height: 20px !important;   
}

.btn {
    height: 30px !important;
    line-height: 20px !important;   
    padding: 4px 6px !important;
    color: var(--color-gray-900) !important;
    text-shadow: none  !important;
    vertical-align: top  !important;
    background-image: none !important;
    background-color: var(--color-gray-300) !important;
    border-color: var(--color-gray-800) !important;
    box-shadow: unset !important;
}

/* 링크 색 변경 */

a {
    color: var(--color-gray-900)
}

a:visited {
    color: var(--color-gray-600)
}

/* 페이지 버튼 색 */

.xm .pagination ul > li > a:hover, .xm .pagination ul > li > a:focus, .xm .pagination ul > .active > a, .xm .pagination ul > .active > span {
    background-color: var(--color-gray-300);
}

.xm .pagination ul > li > a, .xm .pagination ul > li > span {
    background-color: var(--color-gray-100);
}

.xc .pagination ul > li > a:hover, .xc .pagination ul > li > a:focus, .xc .pagination ul > .active > a, .xc .pagination ul > .active > span {
    background-color: var(--color-gray-300);
}

.xc .pagination ul > li > a, .xc .pagination ul > li > span {
    background-color: var(--color-gray-100);
}

/* 스크랩 보기 아래 넘침 수정 */

.xm .pagination {
  overflow: hidden;
}

 

...또 바로 채용될거같은 기시감이...

댓글'16'
아이콘 여까+x24 펜리루스
  • 2024.06.20

당신은 파딱을 해야해

두번이면 실수가 아니다

이 댓글을

하지만 프론트엔드는 이게 처음인걸요 절대로 파딱이 될 수 없는

이 댓글을

아이콘 여까+x24 제이
  • 2024.06.20
처음이니까 여기서 경험 쌓으라고 파딱시키는거임

이 댓글을

이 댓글을

아이콘 여까+x24 흐르씨_
  • 2024.06.20

두번이나 유혹했으니 파래지면 때가 됬구나 하십쇼

이 댓글을

아이콘 여까+x18 프노
  • 2024.06.20

이 댓글을

아이콘 여까+x1 soldoros.
  • 2024.06.20

책임없는 쾌락은 없으니 파딱으로 책임을 지십쇼

이 댓글을

아이콘 여까+x24 제이
  • 2024.06.20

핫산 : 퍼가요~

이 댓글을

이 댓글을

아이콘 여까+x24 노블레스くん
  • 2024.06.20
  • 수정: 2024.06.20 18:10:19

선생님의 미래는 이러할 것으로 보입니다...

 

???: 선생님께서 제출하신 "파딱(개발직군) 지원서" 검토 결과 최종합격 처리되었습니다. 향후 지침사항을 쪽지로 보내드렸으니 확인해주시기 바랍니다.

이 댓글을

moonkm****
  • 2024.06.20

제목 없음108.png

(나무위키 최근 변경란)

스타일이 다른 사이트에서도 작동을 하네요

이거 역비닛만 작동하게 하려면 제가 직접 설정해야 하나요?

이 댓글을

image.png

 

URL 매칭을 위와같이 팬비닛만 먹게 해주면 될겁니다 사이트에서 확장기능 열면 자동으로 해주긴 하는데 안되어있다면 한번 설정 해보시는게...

이 댓글을

moonkm****
  • 2024.06.20
오 말짱해졌네요 좋은기능 감사함니다

이 댓글을

여까
  • 2024.06.20

image.png

 

입력 위치만 알려주시면 메인에 적용하겠습니당 :>

 

이 댓글을

/* 프로필 정보 위쪽 활성탭 흰색->회색 */
/* https://fanbinit.us/modules/member/skins/default/css/member.css?t=1718554078:196 */
.xm .nav-tabs > .active > a, .xm .nav-tabs > .active > a:hover, .xm .nav-tabs > .active > a:focus {
  color: var(--color-gray-800);
  background-color: var(--color-gray-200);
  border: 1px solid var(--color-gray-300);
    border-bottom-color: var(--color-gray-700);
}

/* 프로필 정보 탭 디자인 */
/* https://fanbinit.us/layouts/rx-flextagram/assets/css/layout.scss:77 */
.app-content--tight, .app-content > .x, .app-content > .xm, .app-content > .xc, .app-content > .xl {
    padding: 10px;
    border-radius: 10px;
}

/* 프로필 정보 테이블 색 가시성 */
/* https://fanbinit.us/modules/member/skins/default/css/member.css?t=1718554078:212 */
.xm .table-striped tbody > tr:nth-child(2n+1) > td, .xm .table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: var(--color-gray-300);
}
/* https://fanbinit.us/modules/communication/skins/default/css/communication.css?t=1717143388:211 */
.xc .table-striped tbody > tr:nth-child(2n+1) > td, .xc .table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: var(--color-gray-300);
}

/* 프로필 정보 검색 */
/* https://fanbinit.us/modules/member/skins/default/css/member.css?t=1718554078:22 */
.xm select, .xm textarea, .xm input[type="text"], .xm input[type="password"], .xm input[type="datetime"], .xm input[type="datetime-local"], .xm input[type="date"], .xm input[type="month"], .xm input[type="time"], .xm input[type="week"], .xm input[type="number"], .xm input[type="email"], .xm input[type="url"], .xm input[type="search"], .xm input[type="tel"], .xm input[type="color"] {
    height: 30px;
    color: var(--color-gray-900);
    background-color: var(--color-gray-300);
}

.xc select, .xc textarea, .xc input[type="text"], .xc input[type="password"], .xc input[type="datetime"], .xc input[type="datetime-local"], .xc input[type="date"], .xc input[type="month"], .xc input[type="time"], .xc input[type="week"], .xc input[type="number"], .xc input[type="email"], .xc input[type="url"], .xc input[type="search"], .xc input[type="tel"], .xc input[type="color"] {
    height: 30px;
    color: var(--color-gray-900);
    background-color: var(--color-gray-300);
}
/* 버튼 [이쪽은 라이믹스 내장으로 추측되서 그냥 따로 CSS 추가하시는게 좋을거 같습니다] */
/* https://fanbinit.us/common/css/rhymix.scss:460 */
button.btn{
    height: 30px !important;
    line-height: 20px !important;   
}

.btn {
    height: 30px !important;
    line-height: 20px !important;   
    padding: 4px 6px !important;
    color: var(--color-gray-900) !important;
    text-shadow: none  !important;
    vertical-align: top  !important;
    background-image: none !important;
    background-color: var(--color-gray-300) !important;
    border-color: var(--color-gray-800) !important;
    box-shadow: unset !important;
}

/* 링크 색 변경 */
/* 따로 지정하는 CSS가 없어서 그냥 일괄로 바꿔둡니다. 따로 CSS(생략) */
a {
    color: var(--color-gray-900)
}

a:visited {
    color: var(--color-gray-600)
}

/* 페이지 버튼 색 */
/* https://fanbinit.us/modules/member/skins/default/css/member.css?t=1718554078:232 */
.xm .pagination ul > li > a:hover, .xm .pagination ul > li > a:focus, .xm .pagination ul > .active > a, .xm .pagination ul > .active > span {
    background-color: var(--color-gray-300);
}

.xm .pagination ul > li > a, .xm .pagination ul > li > span {
    background-color: var(--color-gray-100);
}
/* https://fanbinit.us/modules/communication/skins/default/css/communication.css?t=1717143388:223 */
.xc .pagination ul > li > a:hover, .xc .pagination ul > li > a:focus, .xc .pagination ul > .active > a, .xc .pagination ul > .active > span {
    background-color: var(--color-gray-300);
}

.xc .pagination ul > li > a, .xc .pagination ul > li > span {
    background-color: var(--color-gray-100);
}

/* 스크랩 보기 아래 넘침 수정 */
/* https://fanbinit.us/modules/member/skins/default/css/member.css?t=1718554078:217 */
.xm .pagination {
  overflow: hidden;
}

 

일단은 이렇습니다. 라이믹스 내장 CSS(추정)이나 지정하는 CSS가 없는 경우는 따로 CSS 추가하는게 편할?듯 합니다.

이 댓글을

/* 쪽지함 검색 드롭다운 정렬 */
/* https://fanbinit.us/modules/communication/skins/default/css/communication.css?t=1717143388:78 */
.xc select, .xc input[type="file"] {
  margin-bottom: 10px;
  vertical-align: middle;
}

 

추가로 쪽지함 검색 불편하게 아래로 튀어나온거 넣는 CSS입니다

이 댓글을

댓글 추첨 결과

TODO
추천
분류
제목
작성자
날짜
유머/퍼온글
7시간 전
추천: 23
유머/퍼온글
2024.08.12
추천: 30
잡담
2024.07.30
추천: 8
잡담
2024.08.13
추천: 11
잡담
2024.07.04
추천: 46
구렁성
2024.08.13
추천: 41
잡담
2024.10.30
추천: 11
잡담
2024.10.31
추천: 22
잡담
2024.08.26
추천: 39
유머/퍼온글
2024.07.20
추천: 46
잡담
2024.11.05
추천: 20
잡담
2024.08.30
추천: 17
잡담
2024.07.22
추천: 41
잡담
2024.09.08
유머/퍼온글 
7시간 전
유머/퍼온글 
2024.08.12
잡담 
2024.07.30
잡담 
2024.07.04
구렁성 
2024.08.13
잡담 
2024.10.30
잡담 
2024.10.31
잡담 
2024.08.26
유머/퍼온글 
2024.07.20
잡담 
2024.08.30
잡담 
2024.07.22