diff --git a/src/main/webapp/publish/css/content.css b/src/main/webapp/publish/css/content.css index 8e6e4847..b28f48ca 100644 --- a/src/main/webapp/publish/css/content.css +++ b/src/main/webapp/publish/css/content.css @@ -18,6 +18,13 @@ .tRight {text-align: right !important;} .tLeft {text-align: left !important;} +.btn_blue.fill{background:#002c9a;color:#fff;} +.btn_gray.fill{background:#6a6c72;color:#fff;} +.btn_yellow.fill{background:#fbc72b;color:#222;} + +.btn_blue.border{border:1px solid #002c9a;color:#002c9a;} +.btn_gray.border{border:1px solid #6a6c72;color:#666;} + .w100 {width: 100%;} .h100 {height: 100%;} @@ -588,6 +595,33 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px .sub .heading i.election_btn2 {background-image: url(/publish/images/content/receipt_icon.png); width: 18px; height: 19px; margin: 0 3px 2px 0;} .sub .heading i.election_btn3 {background-image: url(/publish/images/content/print_icon2.png); width: 20px; height: 19px; margin: 0 3px 2px 0;} +/* 2023/12/01 선거문자 - 20건문자(수동문자)전송 추가 */ +.sub .election .receipt_number_table_wrap .listType{height:346px;} +.sub .election .receipt_number_table_wrap .receipt_number_table tbody{height:calc(100% - 38px);} +.sub .election .receipt_number_table_wrap .receipt_number_table thead tr,.sub .election .receipt_number_table_wrap .receipt_number_table tbody tr{border-top:0;} +.sub .election .receipt_number_table_wrap .receipt_number_table th,.sub .election .receipt_number_table_wrap .receipt_number_table td{position:relative;} +.sub .election .receipt_number_table_wrap .receipt_number_table th::after,.sub .election .receipt_number_table_wrap .receipt_number_table td::after{position:absolute;content:"";width:1px;height:16px;background:#d4d4d4;right:0;top:50%;transform:translateY(-50%);} +.sub .election .receipt_number_table_wrap .receipt_number_table th:last-child::after,.sub .election .receipt_number_table_wrap .receipt_number_table td:last-child::after{display:none;} +.sub .election .receipt_number_table_wrap .receipt_number_table{width:100%;text-align:center;table-layout:fixed;} +.sub .election .receipt_number_table_wrap .receipt_number_table thead tr{border-bottom:1px solid #a2a2a2;} +.sub .election .receipt_number_table_wrap .receipt_number_table thead tr th{height:38px;text-align:center;background:#e8e8e8;} +.sub .election .receipt_number_table_wrap .receipt_number_table tbody tr td{height:29px;background:transparent;border:0;border-bottom:1px solid #e5e6e7;padding:0 3px;} +.sub .election .receipt_number_table_wrap .receipt_number_table tbody tr td input{width:60px;} +.sub .election .receipt_number_table_wrap .receipt_number_table tbody tr td label{display:inline-block;width:calc(100% - 64px);} +.sub .election .receipt_number_table_wrap .put_right .receipt_info{width:calc(100% - 10px);height:calc(100% - 143px);background:#f2f2f2;margin:10px 0 0 10px;padding:10px;border-radius:5px;box-sizing:border-box;} +.sub .election .receipt_number_table_wrap .put_right .receipt_info dt{font-size:15px;font-weight:500;margin:0 0 8px 0;} +.sub .election .receipt_number_table_wrap .put_right .receipt_info dd{font-size:14px;text-align:right;background:#fff;margin:0 0 8px 0;padding:3px 6px;border-radius:5px;} +.sub .election .receipt_number_table_wrap .put_right .receipt_info dd:last-child{margin:0 0 0 0;} +.sub .election .receipt_number_table_wrap .put_right .receipt_info dd b{font-size:16px;font-weight:500;} +.sub .election .list_bottom{display:flex;width:74%;align-items:center;justify-content:space-between;padding:0 0 10px 0;} +.sub .election .list_bottom .pagination{display:inline-flex;width:auto;margin:0;justify-content:flex-start;} +.sub .election .list_bottom .pagination button{height:32px;} +.sub .election .list_bottom .list_bottom_right{float:none;display:inline-flex;justify-content:flex-end;} +.sub .election .list_bottom .list_bottom_right button{height:32px;padding:0 13px;font-weight:400 !important;} +.sub .election .list_bottom .list_bottom_right>button{margin:0 4px 0 0;} +.sub .election .list_bottom .list_bottom_right .btn_yellow{display:inline-flex;align-items:center;padding:0 10px;} +.sub .election .list_bottom .list_bottom_right .btn_yellow i.qmMark{background:url(/publish/images/content/qmIcon_black.png) no-repeat center;margin:0 0 0 2px;} + /* send_bottom */ .send_bottom {position: relative;margin: 60px 0 0 0;} .send_bottom .bottom_content {background-color: #fff;padding: 40px;border-radius: 10px;} @@ -1994,6 +2028,12 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px /*발송결과_select버튼*/ .select_btnWrap .btn_right .search .send_text{width: 170px;} + + /* 선거문자 */ + .election .tType1 tbody tr td.putText .receipt_number_table_wrap .put_right{max-width:170px;} + .sub .election .receipt_number_table_wrap+.list_bottom .list_bottom_right button{font-size:14px;letter-spacing:-1px;} + .sub .election .receipt_number_table_wrap+.list_bottom .list_bottom_right .btn_gray.fill{padding:0 5px;} + .sub .election .receipt_number_table_wrap+.list_bottom .list_bottom_right .btn_yellow.fill{padding:0 3px;} } @media only screen and (max-width:1480px){ @@ -2090,6 +2130,11 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px /*발송결과_select버튼*/ .rev_admin_cont .select_btnWrap .btn_right .select_all_btn{width: 143px;} .rev_admin_cont .select_btnWrap .btn_right .select_btn{width: 105px;} + + /* 선거문자 */ + .sub .election .list_bottom{width:72.5%;} + .sub .election .receipt_number_table_wrap+.list_bottom .list_bottom_right button{letter-spacing:-1.4px;} + .sub .election .list_bottom .pagination button{width:30px;height:30px;} } @media only screen and (max-width:1380px){ diff --git a/src/main/webapp/publish/guide_2022.html b/src/main/webapp/publish/guide_2022.html index 35fccb6d..7bf04e8f 100644 --- a/src/main/webapp/publish/guide_2022.html +++ b/src/main/webapp/publish/guide_2022.html @@ -18,6 +18,7 @@