From 64261dd8baeb24fa9a197ee9b798a6a28e720238 Mon Sep 17 00:00:00 2001 From: Hyung Geun Date: Wed, 25 Jan 2023 10:45:25 +0900 Subject: [PATCH] =?UTF-8?q?common=20login=20css=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/resources/static/css/common.css | 48 ------------------ src/main/resources/static/css/login/login.css | 49 +++++++++++++++++++ 2 files changed, 49 insertions(+), 48 deletions(-) diff --git a/src/main/resources/static/css/common.css b/src/main/resources/static/css/common.css index 2ccd2066..e7da923a 100644 --- a/src/main/resources/static/css/common.css +++ b/src/main/resources/static/css/common.css @@ -203,54 +203,6 @@ background-color: #deebff78!important; } -html,body {height: 100%;font-family: 'Noto Sans KR';font-weight:400;font-size:14px;color:#333;} -body {display: flex;flex-direction: column;text-align: center;margin: 0;} -html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0px;padding:0px;border:0px} -article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} -legend {position:absolute;font-size:0px;line-height:0px;text-indent:-9999em;overflow:hidden} -input, button {margin:0px;padding:0px;border-radius:0; /*-webkit-appearance:none;*/background:none;} -button, input[type=submit] {cursor:pointer} -input[type=text], input[type=password], input[type=image], button {-webkit-appearance:none} -textarea, select,button {font-style: normal; -webkit-appearance:none;} -a {color:inherit;text-decoration:none} -a:visited {color:inherit;text-decoration:none} -a,img,input, a:active, a:focus {outline:none;} -ul,li,dl,dt,dd {padding:0px;margin:0px;list-style:none;box-sizing:border-box;} -img {margin:0px;padding:0px;} -div {margin:0px;padding:0px;box-sizing:border-box;} - - -@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap'); -/*font-family: 'Noto Sans KR' font-family: 'Nanum Gothic' font-family: 'Noto Serif KR',*/ -@font-face {font-family: 'GmarketSansBold';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');font-weight: normal;font-style: normal;} -@font-face {font-family: 'GmarketSansMedium';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');font-weight: normal;font-style: normal;} -@font-face {font-family: 'GmarketSansLight';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');font-weight: normal;font-style: normal;} -@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css'); /*font-family: 'NanumSquare';300,400,700,800*/ - -.index_warp {width:100%;height:100%;clear:both;display:block;background:#031134 url('image/main_bg.png') center no-repeat;background-size:cover;} -.index_warp h1 {display:block;margin:8.5% auto 0px;font-family: 'GmarketSansBold';color:#fff;font-size:60px;} -.index_warp h2 {clear:both;display:block;margin:0px auto 0px;font-family: 'GmarketSansLight';color:#fff;font-size:18px;} -.index_warp ul {width:800px;border-radius:10px;background-color:#fff;margin:50px auto 0px;overflow:hidden;} -.index_warp li {float:left;height:470px;box-sizing:border-box;padding:20px} -.index_warp li:nth-child(1) {width:420px;} -.index_warp li:nth-child(1) div{width:100%;height:100%;border-radius:10px;background-image: linear-gradient(120deg, #012f82 0%, #001a61 100%);text-align:center;padding-top:calc(50% - 115px);box-sizing:border-box;} -.index_warp li:nth-child(2) {width:380px;text-align:left;color:#757575;padding:20px 55px 0px} -.index_warp li:nth-child(2) img {margin:20px auto 0px;display:block;} -.index_warp li:nth-child(2) h3 {clear:both;width:100%;font-family: 'GmarketSansMedium';color:#001a61;font-size:16px;text-align:left;display:block;padding:0px;margin:40px 0px 0px 0px;} -.index_warp li:nth-child(2) h4 {clear:both;width:100%;font-family: 'GmarketSansLight';color:#8b91aa;font-size:16px;text-align:left;display:block;padding:0px;margin:5px 0px 30px 0px;} -.index_warp li:nth-child(2) .join {float:left;width:100px;height:26px;line-height:24px;border:1px solid #99accd;border-radius:4px;font-size:13px;text-align:center;color:#8b91aa;transition: background 0.5s ease-in-out;} -.index_warp li:nth-child(2) .join:hover {background:#99accd;color:#fff;cursor:pointer;} -.index_warp li:nth-child(2) .find {float:right;width:150px;height:26px;line-height:24px;border:1px solid #99accd;border-radius:4px;font-size:13px;text-align:center;color:#8b91aa;transition: background 0.5s ease-in-out;} -.index_warp li:nth-child(2) .find:hover {background:#99accd;color:#fff;cursor:pointer;} - -.form_01 {width:100%;height:30px;padding-left:57px;font-size:14px;margin:0px auto 10px;border:0px;border:1px solid #d3d7e4;display:inline-block;border-radius:3px;color:#333;box-sizing:border-box;} -.form_log {background:#fff url('image/log_icon1.png') 15px 5px no-repeat;} -.form_pw {background:#fff url('image/log_icon2.png') 15px 5px no-repeat;} -.form_02 {clear:both;width:15px;height:15px;margin:0px 5px 0px 0px;border:0px;border:1px solid #d3d7e4;display:inline-block;position:relative;top:2px;} - -.btn_login {width:100%;height:40px;line-height:38px;text-align:center;background-color:#012f82;color:#fff;font-size:16px;display:inline-block;border-radius:5px;border:0px;margin:40px 0px 10px;transition: background 0.5s ease-in-out;} -.btn_login:hover {cursor: pointer;background-color:#b72525;font-weight:bold;} - .boardHeader { text-align: left; margin-bottom: 10px; diff --git a/src/main/resources/static/css/login/login.css b/src/main/resources/static/css/login/login.css index 2f403a20..170655d1 100644 --- a/src/main/resources/static/css/login/login.css +++ b/src/main/resources/static/css/login/login.css @@ -33,3 +33,52 @@ body::-webkit-scrollbar { footer{ z-index:200; } + + +html,body {height: 100%;font-family: 'Noto Sans KR';font-weight:400;font-size:14px;color:#333;} +body {display: flex;flex-direction: column;text-align: center;margin: 0;} +html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0px;padding:0px;border:0px} +article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} +legend {position:absolute;font-size:0px;line-height:0px;text-indent:-9999em;overflow:hidden} +input, button {margin:0px;padding:0px;border-radius:0; /*-webkit-appearance:none;*/background:none;} +button, input[type=submit] {cursor:pointer} +input[type=text], input[type=password], input[type=image], button {-webkit-appearance:none} +textarea, select,button {font-style: normal; -webkit-appearance:none;} +a {color:inherit;text-decoration:none} +a:visited {color:inherit;text-decoration:none} +a,img,input, a:active, a:focus {outline:none;} +ul,li,dl,dt,dd {padding:0px;margin:0px;list-style:none;box-sizing:border-box;} +img {margin:0px;padding:0px;} +div {margin:0px;padding:0px;box-sizing:border-box;} + + +@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap'); +/*font-family: 'Noto Sans KR' font-family: 'Nanum Gothic' font-family: 'Noto Serif KR',*/ +@font-face {font-family: 'GmarketSansBold';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');font-weight: normal;font-style: normal;} +@font-face {font-family: 'GmarketSansMedium';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');font-weight: normal;font-style: normal;} +@font-face {font-family: 'GmarketSansLight';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');font-weight: normal;font-style: normal;} +@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css'); /*font-family: 'NanumSquare';300,400,700,800*/ + +.index_warp {width:100%;height:100%;clear:both;display:block;background:#031134 url('static/img/main_bg.png') center no-repeat;background-size:cover;} +.index_warp h1 {display:block;margin:8.5% auto 0px;font-family: 'GmarketSansBold';color:#fff;font-size:60px;} +.index_warp h2 {clear:both;display:block;margin:0px auto 0px;font-family: 'GmarketSansLight';color:#fff;font-size:18px;} +.index_warp ul {width:800px;border-radius:10px;background-color:#fff;margin:50px auto 0px;overflow:hidden;} +.index_warp li {float:left;height:470px;box-sizing:border-box;padding:20px} +.index_warp li:nth-child(1) {width:420px;} +.index_warp li:nth-child(1) div{width:100%;height:100%;border-radius:10px;background-image: linear-gradient(120deg, #012f82 0%, #001a61 100%);text-align:center;padding-top:calc(50% - 115px);box-sizing:border-box;} +.index_warp li:nth-child(2) {width:380px;text-align:left;color:#757575;padding:20px 55px 0px} +.index_warp li:nth-child(2) img {margin:20px auto 0px;display:block;} +.index_warp li:nth-child(2) h3 {clear:both;width:100%;font-family: 'GmarketSansMedium';color:#001a61;font-size:16px;text-align:left;display:block;padding:0px;margin:40px 0px 0px 0px;} +.index_warp li:nth-child(2) h4 {clear:both;width:100%;font-family: 'GmarketSansLight';color:#8b91aa;font-size:16px;text-align:left;display:block;padding:0px;margin:5px 0px 30px 0px;} +.index_warp li:nth-child(2) .join {float:left;width:100px;height:26px;line-height:24px;border:1px solid #99accd;border-radius:4px;font-size:13px;text-align:center;color:#8b91aa;transition: background 0.5s ease-in-out;} +.index_warp li:nth-child(2) .join:hover {background:#99accd;color:#fff;cursor:pointer;} +.index_warp li:nth-child(2) .find {float:right;width:150px;height:26px;line-height:24px;border:1px solid #99accd;border-radius:4px;font-size:13px;text-align:center;color:#8b91aa;transition: background 0.5s ease-in-out;} +.index_warp li:nth-child(2) .find:hover {background:#99accd;color:#fff;cursor:pointer;} + +.form_01 {width:100%;height:30px;padding-left:57px;font-size:14px;margin:0px auto 10px;border:0px;border:1px solid #d3d7e4;display:inline-block;border-radius:3px;color:#333;box-sizing:border-box;} +.form_log {background:#fff url('img/log_icon1.png') 15px 5px no-repeat;} +.form_pw {background:#fff url('img/log_icon2.png') 15px 5px no-repeat;} +.form_02 {clear:both;width:15px;height:15px;margin:0px 5px 0px 0px;border:0px;border:1px solid #d3d7e4;display:inline-block;position:relative;top:2px;} + +.btn_login {width:100%;height:40px;line-height:38px;text-align:center;background-color:#012f82;color:#fff;font-size:16px;display:inline-block;border-radius:5px;border:0px;margin:40px 0px 10px;transition: background 0.5s ease-in-out;} +.btn_login:hover {cursor: pointer;background-color:#b72525;font-weight:bold;}