AD

트수일기장 css 수정!!!

Moderator 풍라이팬
2019-03-20 23:54:37 138 1 0

43378b98be862ac64bdab8a1bf61deee.jpgbody {

-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 20% )

}


body,

html {

font: $font_sizepx '$font_face', serif;

background-color: $background_color;

height: 100%;

overflow: hidden

}


#log {

position: absolute;

bottom: 0;

left: 0;

padding: 0 0.5em 0.1em;

width: 100%;

box-sizing: border-box

}


#log > div {

background-color: white;

padding: 0.2em 0.5em;

margin: -0.3em 0.3em 0.7em 0.3em;

border-left: 0.4em solid black;

box-shadow: 0 0.3em 0.4em rgba(0, 0, 0, 0.5);

animation: fadeInUp .5s ease, fadeOut 1s ease $message_hide_delays forwards;

}

.reverse #log > div {

border-left: none;

border-right: 0.4em solid black;

}


#log > div:nth-last-child(10n-9) {

border-color: #ff7f82

}


#log > div:nth-last-child(10n-8) {

border-color: #ffce70

}


#log > div:nth-last-child(10n-7) {

border-color: #a6f480

}


#log > div:nth-last-child(10n-6) {

border-color: #97e9b6

}


#log > div:nth-last-child(10n-5) {

border-color: #80daf4

}


#log > div:nth-last-child(10n-4) {

border-color: #80b1f4

}


#log > div:nth-last-child(10n-3) {

border-color: #7c7fe4

}


#log > div:nth-last-child(10n-2) {

border-color: #a680f4

}


#log > div:nth-last-child(10n-1) {

border-color: #ce80f4

}


#log > div:nth-last-child(10n) {

border-color: #f2a3e2

}


.meta {

margin-right: -0.5em;

font-weight: 700

}


.colon {

float: right;

}


.name {

float: right;

}


.message {

float: right;

color: $text_color !important;

line-height: 1.3em;

margin-right: 0.5em;

/*margin-top: 0.9em;*/

font-weight: 400

float: right;

}


.deleted {

visibility: hidden

}


.badge,

.colon,

.name,

.message {

vertical-align: middle;

text-align: right;

}


.badge {

margin-right: 0.3em;

height: 1em

}


.colon {

margin-right: 0.7em

}


.message > img {

height: 1em

}


.emote_wrap {

position: relative

}


.emoticon {

height: $font_sizepx;

vertical-align: middle;

margin: -0.1em 0;

image-rendering: pixelated

}


/* 닉네임 가독성 해결 */

span.meta[style="color: #00FF00"] {

color: #37B737 !important

}


span.meta[style="color: #0000FF"] {

color: #2A74FF !important

}


span.meta[style="color: #5F9EA0"] {

color: #56BFA8 !important

}


span.meta[style="color: #B22222"] {

color: #FB6767 !important

}


span.meta[style="color: #2E8B57"] {

color: #1CC24D !important

}


span.meta[style="color: #191970"] {

color: #8383DE !important

}


span.meta[style="color: #008000"] {

color: #49CC49 !important

}


span.meta[style="color: #D2691E"] {

color: #DC8444 !important

}


span.meta[style="color: #FF0000"] {

color: #FF4A4A !important

}

후원댓글 0
댓글 0개  
이전 댓글 더 보기
TWIP 잔액: 확인중
트수일기장은영이 일기장팬메이드다육이 키우기 & 식물키우기트수그리기받은선물함이벤트참여방송일정공지공지트수들의띵곡저장소
2
트수일기장
폭탄 받아라!! [1]
감귤이_
03-25
2
트수일기장
C언어로 하는 기초
장혁
03-25
2
03-24
2
트수일기장
추임게천!
일상불가갱생도전
03-23
2
트수일기장
오리와 눈먼숲
감귤이_
03-23
2
트수일기장
마지막 css 최종정리!!! [4]
Moderator 풍라이팬
03-21
4
트수일기장
김히링 왔다감(?) [2]
링링히링
03-21
3
트수일기장
킁킁 이 냄새는.... [1]
감귤이_
03-21
2
트수일기장
충주시 광고 현황 [1]
감귤이_
03-21
3
트수일기장
오른쪽정렬 부탁드려요 ,,, ㅠ
Broadcaster 도로시ㆍ
03-21
»
트수일기장
css 수정!!!
Moderator 풍라이팬
03-20
3
트수일기장
여러분들 비가 오네여... [2]
도비
03-20
2
트수일기장
개잘생긴 댕댕이 [1]
감귤이_
03-20
5
트수일기장
뜬금포 영도 저작권 정리 [2]
더블샤프
03-19
4
트수일기장
리치피치맛우유
달과먼지
03-19
2
트수일기장
묘비티콘 전체(수정)
옴비도비
03-19
2
트수일기장
묘비티콘 가독성 더 좋게 수정
옴비도비
03-19
3
트수일기장
묘비티콘
옴비도비
03-19
3
트수일기장
구독뱃지, 구독티콘 만들기(간단!!!) [1]
옴비도비
03-19
3
트수일기장
사망티콘 시안 [1]
옴비도비
03-19
4
팬메이드
앙마
간질간질엣취
03-18
2
팬메이드
사과 영정
간질간질엣취
03-18
인기글 글 쓰기