diff --git a/egovframe-template-simple-react-contribution/src/css/component.css b/egovframe-template-simple-react-contribution/src/css/component.css index af823cc..8f35bba 100644 --- a/egovframe-template-simple-react-contribution/src/css/component.css +++ b/egovframe-template-simple-react-contribution/src/css/component.css @@ -45,12 +45,12 @@ .board_bot {margin-top: 40px;} .paging {text-align: center;} -.paging .btn {margin-top: 0;} +.paging .btn {margin-top: 0; padding: 5px;} /* added by lim padding: 5px; */ .paging .btn + .btn {margin-left: 5px;} -.paging .btn button {display: inline-block; width: 42px; height: 42px; border: 1px solid #dde2e5; border-radius: 5px; font-size: 0;} +.paging .btn button {display: inline-block; width: 32px; height: 32px; border: 1px solid #dde2e5; border-radius: 5px; font-size: 0;} /* changed by lim width: 42px; height: 42px; */ .paging .first {background: url(css/images/ico_prev.png) no-repeat center; vertical-align: top; } -.paging .prev {margin-right: 26px; background: url(css/images/ico_arrow_r_gray_9x15.png) no-repeat center; vertical-align: top; transform: rotate(180deg);} -.paging .next {margin-left: 26px; background: url(css/images/ico_arrow_r_gray_9x15.png) no-repeat center; vertical-align: top;} +.paging .prev {margin-right: 6px; background: url(css/images/ico_arrow_r_gray_9x15.png) no-repeat center; vertical-align: top; transform: rotate(180deg);} /* changed by lim margin-right: 26px; */ +.paging .next {margin-left: 6px; background: url(css/images/ico_arrow_r_gray_9x15.png) no-repeat center; vertical-align: top;} /* changed by lim margin-left: 26px; */ .paging .last {background: url(css/images/ico_prev.png) no-repeat center; vertical-align: top; transform: rotate(180deg);} .paging ul {display: inline-block; vertical-align: top;} .paging ul li {display: inline-block; margin-top: 4px; vertical-align: top;} diff --git a/egovframe-template-simple-react-contribution/src/css/layout.css b/egovframe-template-simple-react-contribution/src/css/layout.css index 70f5296..f58f723 100644 --- a/egovframe-template-simple-react-contribution/src/css/layout.css +++ b/egovframe-template-simple-react-contribution/src/css/layout.css @@ -47,24 +47,24 @@ body {min-width: 1400px;} .container {min-height: calc(100vh - 300px);} .c_wrap {width: 1400px; margin: 0 auto; padding: 0 50px;} -.c_wrap .layout {display: table; width: 100%; table-layout: fixed;} +.c_wrap .layout {display: table; width: 100%; table-layout: fixed; padding-bottom: 20px;} /* added by lim padding-bottom: 20px; */ /* sub navigation */ .c_wrap .layout .nav {display: table-cell; width: 260px; vertical-align: top;} .c_wrap .layout .nav .inner {border: 1px solid #dde2e5; border-radius: 10px;} -.nav_title{padding: 35px 30px 26px 30px;} /* border-bottom: 4px solid #dde2e5; changed by lim*/ +.nav_title{padding: 35px 30px 26px 30px;} /* changed by lim border-bottom: 4px solid #dde2e5; */ .c_wrap .layout .nav h2 {color: #222; font-size: 24px;} .c_wrap .layout .nav ul {}/*padding: 26px 30px 27px 30px;*/ -.c_wrap .layout .nav ul li + li {margin-top: 18px;} /* margin-top: 27px; changed by lim*/ -.c_wrap .layout .nav ul li a {display: block; position: relative; color: #666; font-size: 14px;} /* font-size: 18px; changed by lim*/ +.c_wrap .layout .nav ul li + li {margin-top: 18px;} /* changed by lim margin-top: 27px; */ +.c_wrap .layout .nav ul li a {display: block; position: relative; color: #666; font-size: 14px;} /* changed by lim font-size: 18px; */ .c_wrap .layout .nav ul li a:hover::after {content: ""; display: block; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 9px; height: 15px; background: url(css/images/ico_arrow_r_gray_9x15.png) no-repeat;} .c_wrap .layout .nav ul li a.cur {color: #222; font-weight: 700;} -.c_wrap .layout .contents {display: table-cell; width: auto; padding: 0 0 120px 70px; vertical-align: top;} +.c_wrap .layout .contents {display: table-cell; width: auto; padding: 0 0 50px 30px; vertical-align: top;} /* changed by lim padding: 0 0 120px 70px; */ /* location */ -.location {height: 70px; padding-top: 43px; text-align: right;} +.location {height: 30px; padding-top: 23px; text-align: right;} /* chagned by lim height: 70px; padding-top: 43px; */ .location ul, .location ul li {display: inline-block; vertical-align: top;} .location ul li {position: relative; color: #666; font-size: 14px;} .location ul li + li::before {content: ""; display: inline-block; width: 4px; height: 7px; margin: 0 9px 0 3px; line-height: 18px; background: url(css/images/ico_arrow_r_gray_4x7.png) no-repeat; vertical-align: 2px;}