{"name":"99. 🏷️ 챗 데코레이터 V3 E.I.I.E.O.2.V.A","description":"리스 채팅창 테마를 위한 모듈입니다. 가장 마지막에 활성화 해야합니다.","id":"ff8c14ae-779c-44ab-b748-e8c5d9d538cc","hideIcon":true,"regex":[{"comment":"──── ▼ Head 스크립트 ▼ ─────","in":"","out":"","type":"editinput","ableFlag":false},{"comment":"[ 🏷️ ]ㅤ컬러태그 1ㅤ=ㅤCHAR 태그 삽입","in":"^([\\w\\W]*)$","out":"$GHCT_1$\n\n$1\n","type":"editoutput","ableFlag":false},{"comment":"[ 🏷️ ]ㅤ컬러태그 2ㅤ=ㅤUSER 태그 삽입","in":"^([\\w\\W]*)$","out":"$GHCT_2$\n\n$1\n","type":"editinput","ableFlag":false},{"comment":"[ 🏷️ ]ㅤ컬러태그 3ㅤ=ㅤCHAR 태그 변환","in":"\\$GHCT_1\\$([\\w\\W]*)","out":"{{#if {{? {{screen_width}} > 768 }} }}\n<div class=\"GHCT_Div_C\" style=\"{{getvar::sc1}}\">\n<div class=\"GHCT_Head_C1\">\n    <p class=\"GHCT_Head_C2\">\n        {{char}}\n    </p>\n    <div class=\"emoji-container\">\n            <button risu-trigger=\"TR_scroll1\">⏷</button>\n            <button risu-trigger=\"TR_scroll2\">⏶</button>\n    </div>\n</div>\n    <div class=\"GHCT_Body\">\n        <div class=\"GHCT_ST\" style=\"background-image: url('{{source::char}}');\">\n        </div>\n        <div class=\"GHCT_Content\" style=\"border-left: 1px solid #B8B8B8; padding-left: 35px; {{getvar::sc2}}\">\n            $1\n        </div>\n    </div>\n</div>\n{{/if}}\n{{#if {{? {{screen_width}} <= 768 }} }}\n<div class=\"GHCT_Div_C\" style=\"{{getvar::sc3}}\">\n<div class=\"GHCT_Head_C1\">\n    <p class=\"GHCT_Head_C2\">\n        {{char}}\n    </p>\n    <div class=\"emoji-container\">\n            <button risu-trigger=\"TR_scroll3\">⏷</button>\n            <button risu-trigger=\"TR_scroll4\">⏶</button>\n    </div>\n</div>\n    <div class=\"GHCT_Body_Mobile\">\n        <div class=\"GHCT_ST_Mobile\" style=\"background-image: url('{{source::char}}');\">\n        </div>\n        <div class=\"GHCT_Content_Mobile\" style=\"{{getvar::sc4}}\">\n            $1\n        </div>\n    </div>{{br}}\n</div>\n{{/if}}\n","type":"editdisplay","ableFlag":false},{"comment":"[ 🏷️ ]ㅤ컬러태그 4ㅤ=ㅤUSER 태그 변환","in":"\\$GHCT_2\\$([\\w\\W]*)","out":"{{#if {{? {{screen_width}} > 768 }} }}\n<div class=\"GHCT_Div_U\">\n    <div class=\"GHCT_Head_U1\">\n        <div class=\"GHCT_Head_U2\">\n            {{user}}\n        </div>\n    </div>\n    <div class=\"GHCT_Body\">\n        <div class=\"GHCT_ST2\" style=\"background-image: url('{{source::user}}');\">\n        </div>\n        <div class=\"GHCT_Content_User\" style=\"border-left: 1px solid #898989; padding-left: 35px;\">\n            $1\n        </div>\n    </div>{{br}}\n</div>\n{{/if}}\n{{#if {{? {{screen_width}} <= 768 }} }}\n<div class=\"GHCT_Div_U\">\n<div class=\"GHCT_Head_U1\">\n<div class=\"GHCT_Head_U2\">\n{{user}}\n</div></div>\n<div class=\"GHCT_ST2_Mobile\" style=\"background-image: url('{{source::user}}');\">\n</div>\n        <div class=\"GHCT_Content_Mobile\">\n            $1\n        </div>\n</div>\n{{/if}}\n","type":"editdisplay","ableFlag":false},{"comment":"[ 🏷️ ]ㅤ컬러태그 5ㅤ=ㅤPRE 태그 변환","in":"^(?![<\\s])((.|\\n)*?)$","out":"<div class=\"GHCT_Div_P\">\n<div class=\"GHCT_Head_P1\">\n<div class=\"GHCT_Head_P2\">\nSystem</div></div>\n{{br}}$1</div>","type":"editdisplay","ableFlag":true,"flag":"g"},{"comment":"──── ▼ Delt 스크립트 ▼ ─────","in":"","out":"","type":"editinput","ableFlag":false},{"comment":"[ 🔖 ]ㅤ태그정리 1ㅤ=ㅤ번역문 정리","in":"이전 채팅 기록","out":"","type":"edittrans","ableFlag":false},{"comment":"[ 🔖 ]ㅤ태그정리 2ㅤ=ㅤ리퀘스트 정리","in":"\\$GHCT_(\\d)\\$","out":"","type":"editprocess","ableFlag":false},{"comment":"[ 🔖 ]ㅤ태그정리 3ㅤ=ㅤ디스플레이 정리","in":"\\$GHCT_(\\d)\\$","out":"","type":"editdisplay","ableFlag":false}],"lowLevelAccess":false,"backgroundEmbedding":"<style>\n/* GHCT Char 컬러 스타일 */\n.GHCT_Div_C {background: linear-gradient(to bottom, rgba(240, 240, 240, 1), rgba(240, 240, 240, 1), rgba(240, 240, 240, 1), rgba(215, 215, 215, 1));} /* 배경 색상 */\n.GHCT_Head_C1::before, .GHCT_Head_C1::after {background-color: #B8B8B8;} /* 이름 옆 줄 색상 */\n.GHCT_Head_C2 {color: #212121;} /* 이름 색상 */\n.GHCT_Div_C p, .GHCT_Div_C li {color: #666666;} /* 일반 텍스트 */\n.GHCT_Div_C em {font-weight: 500; color: #666666;} /* 이탤릭 텍스트 */\n.GHCT_Div_C strong, .GHCT_Div_C h1, .GHCT_Div_C h2, .GHCT_Div_C h3 {color: #ffaa80;} /* 볼드 텍스트 */\n.GHCT_Div_C mark[risu-mark=\"quote1\"] {font-weight: 500; color: #96b4e8;} /* 작은따옴표 강조 텍스트 */\n.GHCT_Div_C mark[risu-mark=\"quote2\"] {font-weight: 500; color: #F0A6A9;} /* 큰따옴표 대사 텍스트 */\n\n/* GHCT User 컬러 스타일 */\n.GHCT_Div_U {background: linear-gradient(to bottom, rgba(70, 70, 70, 1), rgba(70, 70, 70, 1), rgba(70, 70, 70, 1), rgba(52, 52, 52, 1));} /* 배경 색상 */\n.GHCT_Head_U1::before, .GHCT_Head_U1::after {background-color: #898989;} /* 이름 옆 줄 색상 */\n.GHCT_Head_U2 {color: #f3f3f3;} /* 이름 색상 */\n.GHCT_Div_U p, .GHCT_Div_U li {color: #e5e5e5;} /* 일반 텍스트 */\n.GHCT_Div_U em {color: #e5e5e5;} /* 이탤릭 텍스트 */\n.GHCT_Div_U strong, .GHCT_Div_U h1, .GHCT_Div_U h2, .GHCT_Div_U h3 {color: #ffaa80;} /* 볼드 텍스트 */\n.GHCT_Div_U mark[risu-mark=\"quote1\"] {color: #96b4e8;} /* 작은따옴표 강조 텍스트 */\n.GHCT_Div_U mark[risu-mark=\"quote2\"] {font-weight: 500; color: #F0A6A9;} /* 큰따옴표 대사 텍스트 */\n\n/* GHCT PRE 컬러 스타일 */\n.GHCT_Div_P {background: linear-gradient(to bottom, rgba(42, 42, 42, 1), rgba(42, 42, 42, 1), rgba(42, 42, 42, 1), rgba(60, 60, 60, 1));}\n.GHCT_Head_P1::before, .GHCT_Head_P1::after {background-color: #898989;} /* 배경 색상 */\n.GHCT_Head_P2 {color: #fbfbfb;} /* 이름 색상 */\n.GHCT_Div_P p, .GHCT_Div_P li {color: #F0F0f0;} /* 일반 텍스트 */\n.GHCT_Div_P em, .GHCT_Div_P h1, .GHCT_Div_P h2, .GHCT_Div_P h3 {color: #F0F0f0;} /* 이탤릭 텍스트 */\n.GHCT_Div_P strong {color: #ffaa80;} /* 볼드 텍스트 */\n.GHCT_Div_P mark[risu-mark=\"quote1\"] {color: #96b4e8;} /* 작은따옴표 강조 텍스트 */\n.GHCT_Div_P mark[risu-mark=\"quote2\"] {font-weight: 500; color: #F0A6A9;} /* 큰따옴표 대사 텍스트 */\n\n/* GHCT 메인 스타일 */\n{{#if {{? {{screen_width}} > 768 }} }}\n.GHCT_Div_C {\n    margin: 1rem auto;\n    padding: 2rem 2rem 1rem 2rem;\n    width: 90%;\n    max-width: 70rem;\n    height: 90vh;\n    max-height: 90vh;\n    overflow: hidden;\n    border-radius: 1rem;\n    box-shadow: 0 0 2rem rgba(255, 255, 255, 0.25);\n    border: 3px solid rgba(170, 170, 170, 1.00); /* 외곽선 추가 */\n}\n.GHCT_Div_U {\n    margin: 1rem auto;\n    padding: 2rem 2rem 1rem 2rem;\n    width: 90%;\n    max-width: 70rem;\n    height: 100%;\n    max-height: 90vh;\n    overflow: hidden;\n    border-radius: 1rem;\n    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.8);\n    border: 3px solid rgba(35, 35, 35, 1.00); /* 외곽선 추가 */\n}\n{{/if}}\n{{#if {{? {{screen_width}} <= 768 }} }}\n.GHCT_Div_C {\n    margin: 1rem 0;\n    padding: 1rem 0.8rem 0.8rem 0.8rem;\n    width: 90vw;\n    max-height: 80vh;\n    overflow: hidden;\n    border-radius: 1rem;\n    box-shadow: 0 0 2rem rgba(255, 255, 255, 0.25);\n    border: 3px solid rgba(170, 170, 170, 1.00); /* 외곽선 추가 */\n    position: relative;\n    left: calc(50% - 45vw);\n}\n\n.GHCT_Div_U {\n    margin: 1rem 0;\n    padding: 1rem 0.8rem 0.8rem 0.8rem;\n    width: 90vw;\n    max-height: 80vh;\n    overflow: hidden;\n    border-radius: 1rem;\n    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.8);\n    border: 3px solid rgba(35, 35, 35, 1.00); /* 외곽선 추가 */\n    position: relative;\n    left: calc(50% - 45vw);\n}\n{{/if}}\n/* GHCT 이전 채팅 기록 */\n{{#if {{? {{screen_width}} > 768 }} }}\n.GHCT_Div_P {\n    margin: 1rem auto;\n    padding: 2rem 2rem 0.6rem 2rem;\n    width: 90%;\n    max-width: 70rem;\n    height: 100%;\n    overflow: hidden;\n    border-radius: 1rem;\n    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.8);\n    border: 3px solid rgba(20, 20, 20, 1); /* 외곽선 추가 */\n}\n{{/if}}\n{{#if {{? {{screen_width}} <= 768 }} }}\n.GHCT_Div_P {\n    margin: 1rem 0;\n    padding: 1rem 0.8rem 0.8rem 0.8rem;\n    width: 90vw;\n    height: 100%;\n    overflow: hidden;\n    border-radius: 1rem;\n    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.8);\n    border: 3px solid rgba(20, 20, 20, 1); /* 외곽선 추가 */\n    position: relative;\n    left: calc(50% - 45vw);\n}\n{{/if}}\n.GHCT_Head_C1, .GHCT_Head_U1, .GHCT_Head_P1 {\n    margin: 0 0.5rem 1rem 0.5rem;\n    display: flex;\n    align-items: center;\n}\n.GHCT_Head_C2, .GHCT_Head_U2, .GHCT_Head_P2 {\n    margin: 0 1rem;\n    font-size: 1.2rem;\n    font-weight: bold;\n}\n.GHCT_Head_C1::before, .GHCT_Head_C1::after,\n.GHCT_Head_U1::before, .GHCT_Head_U1::after,\n.GHCT_Head_P1::before, .GHCT_Head_P1::after {\n    content: \"\";\n    height: 1px;\n    flex-grow: 1;\n}\n\n.GHCT_Head_C1{\n    position: relative;\n}\n\n.GHCT_Head_C2{\n    text-align: center;\n}\n\n.emoji-container {\n    position: absolute;\n    right: 0; /* Changed from 1rem to 0 */\n    top: 50%;\n    transform: translateY(-50%);\n    background-color: #f0f0f0;\n    border-radius: 15px;\n    padding: 2px 8px;\n}\n\n.emoji-container button {\n    background: none;\n    border: none;\n    font-size: 1.2rem;\n    cursor: pointer;\n    padding: 0;\n}\n\n/* New responsive styles */\n.GHCT_Div_C {\n    display: flex;\n    flex-direction: column;\n}\n\n.GHCT_Body {\n    display: flex;\n    flex-direction: row;\n}\n\n.GHCT_ST {\n    filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.5));\n    width: 35%;  /* PC 캐릭터 이미지 너비 */\n    height: 800px;    /* PC 캐릭터 이미지 높이 */\n    max-height: 65vh;\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center 0%; /* PC 캐릭터 위치 */\n    margin-top: 10px;\n    margin-bottom: 10px;\n    margin-right: 35px;\n    border-radius: 0.75rem;\n}\n\n.GHCT_ST2 {\n    filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.5));\n    width: 35%;  /* PC 유저 이미지 너비 */\n    height: 150px;    /* PC 유저 이미지 높이 */\n    max-height: 42vh;\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center 30%; /* PC 유저 위치 */\n    margin-top: 10px;\n    margin-bottom: 10px;\n    margin-right: 35px;\n    border-radius: 0.75rem;\n}\n\n.GHCT_Content {\n    width: 60%;\n    margin-top: 10px;\n    overflow-y: auto; /* 추가 */\n    height: 100%; /* 추가 */\n    max-height: 70vh; /* 추가 */\n    padding-left: 0.5rem;  \n    padding-right: 0.5rem;\n}\n\n.GHCT_Content_User {\n    width: 60%;\n    margin-top: 10px;\n    overflow-y: auto; /* 추가 */\n    max-height: 70vh; /* 추가 */\n    padding-left: 0.5rem;  \n    padding-right: 0.5rem;\n}\n\n.GHCT_Body_Mobile {\n    flex-direction: column;\n}\n\n.GHCT_ST_Mobile {\n    filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.5)); /* 모바일 캐릭터 이미지 */\n    margin: 0 auto; \n    margin-bottom: 20px;\n    max-width: 96%; /* 모바일 캐릭터 너비 */\n    height: 200px;\n    max-height: 60vh;\n    background-size: cover;\n    background-position: center 20%;  /* 모바일 캐릭터 위치 */\n    background-repeat: no-repeat;\n    border-radius: 0.75rem;\n    aspect-ratio: 3 / 1.5; /* Adjust this ratio to match your image's aspect ratio */\n    height: auto;\n}\n\n.GHCT_ST2_Mobile {\n    filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.5));  /* 모바일 유저 이미지 */\n    margin: 0 auto;\n    margin-bottom: 20px;\n    max-width: 96%;  /* 모바일 유저 너비 */\n    height: 200px;\n    max-height: 60vh;\n    background-size: cover;\n    background-position: center 30%;  /* 모바일 유저 위치 */\n    background-repeat: no-repeat;\n    border-radius: 0.75rem;\n    aspect-ratio: 3 / 1.5; /* Adjust this ratio to match your image's aspect ratio */\n    height: auto;\n}\n\n.GHCT_Content_Mobile {\n    width: 100%;\n    padding-top: 0;\n    overflow-y: auto; /* 추가 */\n    max-height: 47vh; /* 추가 */\n    padding-left: 0.5rem;  \n    padding-right: 0.5rem;\n}\n\n.GHCT_Div_C {\n    max-height: 90vh; /* This matches the original max-height */\n    height: auto;\n}\n\n.GHCT_Content {\n    overflow-y: auto;\n    padding-right: 20px; /* Add some padding to the right for the scrollbar */\n    margin-right: -20px; /* Negative margin to offset the padding */\n    width: calc(60% + 25px); /* Increase width to accommodate the scrollbar */\n}\n\n.GHCT_Content_Mobile {\n    max-height: 47vh;\n    overflow-y: auto;\n    padding-right: 12px; /* Add some padding to the right for the scrollbar */\n    margin-right: -12px; /* Negative margin to offset the padding */\n    width: calc(95% + 20px); /* Increase width to accommodate the scrollbar */\n}\n\n/* Scrollbar styles for webkit browsers */\n.GHCT_Content::-webkit-scrollbar {\n    width: 10px;\n}\n\n.GHCT_Content::-webkit-scrollbar-track {\n    background: transparent;\n}\n\n.GHCT_Content::-webkit-scrollbar-thumb {\n    background-color: rgba(180, 180, 180, 0.5); /* Using the color of the name line, but with transparency */\n    border-radius: 5px;\n}\n\n/* Scrollbar styles for Firefox */\n.GHCT_Content {\n    scrollbar-width: thin;\n    scrollbar-color: rgba(180, 180, 180, 0.5) transparent;\n}\n</style>","type":"risuModule","creator_notes":"리스 채팅창 테마를 위한 모듈입니다. 가장 하단에 위치해야 합니다.","tags":[],"license":"CC BY-NC-SA 4.0","rtype":"module","trigger":[{"conditions":[],"type":"manual","comment":"TR_scroll1","effect":[{"type":"setvar","var":"sc2","value":"max-height: 100%; height: 100%; overflow-y: auto;","operator":"="},{"type":"setvar","var":"sc1","value":"max-height: 100%; height: 100%; overflow-y: auto;","operator":"="},{"type":"runtrigger","value":"updateDisplay"}],"lowLevelAccess":false},{"conditions":[],"type":"manual","comment":"TR_scroll2","effect":[{"type":"setvar","var":"sc1","value":"height: 100%; max-height: 80vh; overflow: hidden;","operator":"="},{"type":"setvar","var":"sc2","value":"height: 100%; overflow-y: auto;","operator":"="},{"type":"runtrigger","value":"updateDisplay"}],"lowLevelAccess":false},{"conditions":[],"type":"manual","comment":"TR_scroll3","effect":[{"type":"setvar","var":"sc4","value":"max-height: 100%; height: 100%; overflow-y: auto;","operator":"="},{"type":"setvar","var":"sc3","value":"max-height: 100%; height: 100%; overflow-y: auto;","operator":"="},{"type":"runtrigger","value":"updateDisplay"}],"lowLevelAccess":false},{"conditions":[],"type":"manual","comment":"TR_scroll4","effect":[{"type":"setvar","var":"sc3","value":"height: 100%; max-height: 80vh; overflow: hidden;","operator":"="},{"type":"setvar","var":"sc4","value":"height: 47vh; overflow-y: auto;","operator":"="},{"type":"runtrigger","value":"updateDisplay"}],"lowLevelAccess":false},{"conditions":[],"type":"manual","comment":"updateDisplay","effect":[{"type":"command","value":"/cut 0-{{lastmessageid}}"}],"lowLevelAccess":false}]}