tolag3/mjon_git
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

src/main/webapp/publish/css/button.css

Browse Source 
src/main/webapp/publish/css/content.css
src/main/webapp/publish/js/content.js
This commit is contained in:
kmg 2023-07-21 10:24:29 +09:00
parent 6f12c039b8
commit d1894b42bd
3 changed files with 106 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/main/webapp/publish/css/button.css
View File

@ -79,6 +79,7 @@ textarea:-ms-input-placeholder {font-family: 'Noto Sans KR', sans-serif; font-we
.btnType21:hover {background-color:#eea301;}
.btnType22 {height:28px;padding:0 12px;font-size:14px;color:#222;background-color:#f8bd0e; font-weight:500;}
.btnType22:hover {background-color:#eea301;}
.btnType23 {background:#6a6c72; color:#fff; border-radius: 5px; font-size:14px; font-weight: 400; padding:4px 13px; margin:0 3px;} /*api에 사용*/
/* 기타 반복 사용 */
/* 기타 버튼 타입 */

83
src/main/webapp/publish/css/content.css
View File

@ -1800,6 +1800,89 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
.kakao_intro_cont .note ul li:nth-child(5){font-weight: 400; font-size: 14px; color: #fff; margin: 3px 0 7px 10px; background-color: #002c9a; width: 260px; height: 32px; line-height: 31px; text-align: center; border-radius: 5px;}
.kakao_intro_cont .note ul li:nth-child(5):hover{box-shadow: 0 0 8px rgba(0,0,0,0.5);}
/* api - 소개 */
.send_top .api_guide_cont {background-color: #fff;padding: 30px 40px;border-radius: 10px;}
.api_guide_cont .api_visual_image {margin:0 0 57px 0; }
.api_guide_cont .api_intro {margin:20px 0 0 0;}
.api_guide_cont .api_intro ,.service ,.use{width: 1220px; background-color: #f2f2f2; border-radius: 10px; padding:0 55px; box-sizing: border-box;}
.api_guide_cont .api_intro ,.service ,.use .title{margin: 0 auto;}
.api_guide_cont .api_intro .title h3 {font-family:'yg-jalnan'; font-size: 28px; text-align: center; padding-top: 55px;}
.api_guide_cont .api_intro .title-line .left-line{width: 395px; height: 2px; background-color: #949aa5; border-radius: 1.5; float: left; margin-top: -15px;}
.api_guide_cont .api_intro .title-line .right-line{width: 395px; height: 2px; background-color: #949aa5; border-radius: 1.5; float: right; margin-top: -15px;}
.api_guide_cont .api_intro .con { padding:0 0 50px 0; margin:30px 0 0 0; }
.api_guide_cont .api_process_guide {display: flex; margin: 0 0 20px 0;}
.api_guide_cont .api_process_guide li{position: relative; width: calc((100% - 60px)/4); padding: 0; border-radius: 5px; margin: 0 60px 0 0; text-align: center;}
.api_guide_cont .api_process_guide li::after{position: absolute; content: " "; width: 33px; height: 33px; background-image: url(/publish/images/api_intro_cont/icon_api_next.png); right: -46px; top: 50%; transform: translateY(-50%); z-index: 1;}
.api_guide_cont .api_process_guide li:last-child{margin: 0 0 0 0;}
.api_guide_cont .api_process_guide li:last-child::after{display: none;}
.api_guide_cont .api_process_guide .step_title {background:#fbc72b; font-size:18px; text-align: center; border-radius:10px 10px 0 0; padding:10px 0; box-shadow: 0 0 8px rgba(0,0,0,0.2);}
.api_guide_cont .api_process_guide .step_title span {font-weight: bold; font-size: 24px;}
.api_guide_cont .api_process_guide .step_con {height:250px; background:#fff; border-radius:0 0 10px 10px; text-align: center; padding:25px 0 25px 0; box-shadow: 0 0 8px rgba(0,0,0,0.2);}
.api_guide_cont .api_process_guide dl dt {font-family: 'GmarketSansBold'; font-size: 23px; text-align: center; margin:20px 0 6px 0;}
.api_guide_cont .api_process_guide dl dd {font-family: 'Noto Sans KR', sans-serif; color:#555; font-size: 17px; font-weight: 300; line-height: 1.2; padding:0 10px;}
/* api - 사용안내 */
.api_guide {display: none;}
.api_guide.current {display: block;}
.api_guide_cont ul.info {border:solid 3px #ddd; border-radius: 5px; padding:18px 0 18px 27px; }
.api_guide_cont ul.info li { font-size:16px; color:#666; font-weight: 300; line-height: 1.6;}
.api_guide_cont .re_cont .req_title {background:url(/publish/images/api_intro_cont/icon_api_request.jpg) 0 5px no-repeat; padding:0 0 0 30px; font-size:26px; font-weight:bold; letter-spacing: -1px; margin:40px 0 0 0;}
/* api 사용안내, 예제 다운로드 공통 사용*/
.api_guide_cont .box {background:#f2f2f2; border-radius: 5px; padding:30px; margin: 15px 0 30px 0;}
.api_guide_cont .box .text {background:#fff; border-radius: 5px; padding:30px 25px;}
.api_guide_cont .box .text h4 {font-size:20px; color:#222; font-weight:bold; letter-spacing: -1px; }
.api_guide_cont .box .text table { width:100%; border-top: 2px solid #000; margin:10px 0 0 0;}
.api_guide_cont .box .text table tr {border-bottom:1px solid #d5d5d5; }
.api_guide_cont .box .text table th {width:210px; text-align: left; text-indent: 18px; line-height: 1.2; background:#f5f5f5; font-size:16px; padding:10px 0;}
.api_guide_cont .box .text table td {text-indent: 18px; font-weight: 200;}
/* // api 사용안내, 예제 다운로드 공통 사용*/
.api_guide_cont .re_cont .type_table table {width:100%; margin:40px 0 7px 0;}
.api_guide_cont .re_cont .type_table table thead th {border-top:1px solid #000; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f7f7f7; padding: 15px 0; }
.api_guide_cont .re_cont .type_table table thead th:first-child {border-left:none;}
.api_guide_cont .re_cont .type_table table td {border-bottom:1px solid #e5e5e5; text-align: center; padding:20px 0; border-right:1px solid #e5e5e5; font-weight: 300;}
.api_guide_cont .re_cont .type_table table td .font_b {font-weight:400;}
.api_guide_cont .re_cont .type_table table td .select_o {color:#002c9a; font-weight: 400;}
.api_guide_cont .re_cont .type_table table td .select_x {color:#e40000; font-weight: 400;}
.api_guide_cont .re_cont .type_table table td:last-child {border-right: none;}
.api_guide_cont .re_cont .type_table .table_info {font-size:15px; color:#555; font-weight: 300; margin:0 0 30px 0;}
.api_guide_cont .re_cont .type_table .table_info p {padding:5px 0;}
.api_guide_cont .re_cont .box .code_view {background:#292d3e; border-radius: 5px; color:#fff; padding:32px 0 32px 43px; margin:15px 30px 30px 30px;}
.api_guide_cont .re_cont .box .title {font-size:20px; color:#222; font-weight:bold; letter-spacing: -1px; text-indent: 28px;}
.api_guide_cont .re_cont .box .title_t1 {text-indent: 28px;}
.api_guide_cont .re_cont .box .title_t1 .ex {font-size:20px; color:#222; font-weight:bold; letter-spacing: -1px;}
.api_guide_cont .re_cont .box .title_t1 .ex_success { font-size:15px; color:#002c9a; font-weight: 300; background: #fff; border:1px solid #002c9a; border-radius: 3px; padding:0 5px 2px 5px; margin:0 0 0 10px; }
.api_guide_cont .re_cont .box .title_t1 .ex_fail { font-size:15px; color:#e40000; font-weight: 300; background: #fff; border:1px solid #e40000; border-radius: 3px; padding:0 5px 2px 5px; margin:0 0 0 10px; }
.api_guide_cont .re_cont .box .code_view .l_code {text-indent:18px; }
.api_guide_cont .re_cont .box .code_view .l_code_t1 {text-indent:98px;}
.api_guide_cont .re_cont .box .code_view .l_code_t2 {text-indent:63px;}
.api_guide_cont .re_cont .box .code_view .m_code {text-indent:110px; }
.api_guide_cont .re_cont .box .code_view .indent {text-indent:50px }
.api_guide_cont .re_cont .box .code_view .indent .indent_t1 {text-indent:80px; }
.api_guide_cont .re_cont .box .code_view .indent .indent_t1 .indent_t2 {text-indent:108px;}
.api_guide_cont .re_cont .box .code_view .indent p {padding:8px 0;}
.api_guide_cont .re_cont .box .code_view .indent p span {color:#fbc72b;}
.api_guide_cont .re_cont .res_title {background:url(/publish/images/api_intro_cont/icon_api_response.jpg) 0 5px no-repeat; padding:0 0 0 30px; font-size:26px; font-weight:bold; letter-spacing: -1px; margin:60px 0 -20px 0;}
/* api - 예제 다운로드 */
.download_cont {display: none;}
.download_cont.current {display: block;}
.api_guide_cont .api_download .list_tab_wrap2.type2 {margin:30px 0;}
.api_guide_cont .api_download .btn_area {text-align:center; padding:30px 0 50px 0; }
.api_guide_cont .api_download .btnType.btnType11 {color:#fff; background:#002c9a; width:230px; height:50px; font-size:18px; font-weight:400; border-radius: 5px; padding:0 20px;}
/* api - 신청/관리 */
.api_guide_cont .api_admin {margin:0 0 60px 0; }
.api_guide_cont .api_admin .admin_title {font-size:20px; font-weight:bold; letter-spacing: -1px; margin:0 0 10px 0;}
.api_guide_cont .api_admin .tb_wrap_t1{ width: 100%; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 10px; box-sizing: border-box; border-bottom: 0 none;}
.api_guide_cont .api_admin .admin_info { font-size:14px; font-weight:300; color:#555; margin:0 0 5px 0;}
.api_guide_cont .api_admin .input_box {background: #f2f2f2; border-radius:5px; padding:17px 17px 17px 30px; text-indent:20px; margin:15px 0 8px 0;}
.api_guide_cont .api_admin .input_box .box_in {background: url(/publish/images/api_intro_cont/icon_api_input.png) 0 8px no-repeat; font-size:16px;}
.api_guide_cont .api_admin .input_box input {border:1px solid #d5d5d5; border-radius:5px; width:400px; padding:2px 0 5px 10px;}
.api_guide_cont .api_admin .input_box input::placeholder {font-size:14px; color:#ababab;}
.api_guide_cont .api_admin .btnType.btnType2 {float:right; padding:0 20px 0 20px; font-size:16px; letter-spacing: -1px;}
@keyframes rotate-loading {
0% {transform:rotate(0)}
100% {transform:rotate(360deg);}

23
src/main/webapp/publish/js/content.js
View File

@ -615,7 +615,6 @@ function TabType1(obj, tabId) {
$(".fee_cont").not($tabCn).removeClass("current");
$(".fee_cont").not($tabCn).fadeOut(0);
currTabId = tabId;
}
@ -724,6 +723,9 @@ function TabType5(obj, tabId) {
$(".rev_content").not($tabCn).removeClass("current");
$(".rev_content").not($tabCn).fadeOut(0);
$(".api_guide").not($tabCn).removeClass("current");
$(".api_guide").not($tabCn).fadeOut(0);
currTabId = tabId;
@ -812,6 +814,25 @@ function listTab2(obj, tabId) {
}
// list tab3 버튼
function listTab3(obj, tabId) {
var $tab = $(obj).closest("li");
$tab.addClass("active");
$tab.find("button").attr("title", "선택됨");
$tab.siblings("li.tab").removeClass("active");
$tab.siblings("li.tab").find("button").removeAttr("title");
var $tabCn = $("#listTab3_" + tabId);
$tabCn.fadeIn(0);
$tabCn.addClass("current");
$(".download_cont").not($tabCn).removeClass("current");
$(".download_cont").not($tabCn).fadeOut(0);
currTabId = tabId;
}
// 주소록 관리 팝업