DBNT
/
kcscDev
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

공간 css 수정

thkim
Lim\jun 2024-01-08 15:53:48 +09:00
parent 9fa9958e7f
commit 1a52fb522a
2 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
egovframe-template-simple-react-contribution/src/css/component.css
View File

@ -168,13 +168,15 @@
/* Condition */ /* Condition */
.condition {padding: 26px; border: 1px solid #dde2e5; border-radius: 10px; font-size: 0; text-align: center;} .condition {padding: 10px; border: 1px solid #dde2e5; border-radius: 10px; font-size: 0; text-align: center;} /* changed by lim padding: 26px;*/
.condition > ul, .condition > ul,
.condition > ul li {display: inline-block; vertical-align: top;} .condition > ul li {display: inline-block; vertical-align: top;}
.condition > ul li + li {margin-left: 20px;} .condition > ul li + li {margin-left: 20px;}
.condition > ul .prev {display: inline-block; width: 46px; height: 46px; border: 1px solid #dde2e5; border-radius: 5px; background: #fff url(css/images/ico_prev.png) no-repeat center;} /* changed by lim prev and next width: 46px; height: 46px; */
.condition > ul .next {display: inline-block; width: 46px; height: 46px; border: 1px solid #dde2e5; border-radius: 5px; background: #fff url(css/images/ico_prev.png) no-repeat center; transform: rotate(180deg);} .condition > ul .prev {display: inline-block; width: 32px; height: 32px; border: 1px solid #dde2e5; border-radius: 5px; background: #fff url(css/images/ico_prev.png) no-repeat center;}
.condition > ul li .prev + span {display: inline-block; height: 46px; margin: 0 10px; padding: 0 30px; border-radius: 5px; font-size: 16px; line-height: 46px; background: #f7f7f7; vertical-align: top;} .condition > ul .next {display: inline-block; width: 32px; height: 32px; border: 1px solid #dde2e5; border-radius: 5px; background: #fff url(css/images/ico_prev.png) no-repeat center; transform: rotate(180deg);}
/* changed by lim .span height: 46px; line-height: 46px; */
.condition > ul li .prev + span {display: inline-block; height: 32px; margin: 0 10px; padding: 0 30px; border-radius: 5px; font-size: 16px; line-height: 32px; background: #f7f7f7; vertical-align: top;}
.condition .lb {display: inline-block; height: 46px; margin-right: 20px; color: #222; font-size: 16px; font-weight: 300; line-height: 46px; vertical-align: top;} .condition .lb {display: inline-block; height: 46px; margin-right: 20px; color: #222; font-size: 16px; font-weight: 300; line-height: 46px; vertical-align: top;}
@ -218,7 +220,7 @@ select::-ms-expand {display:none;}
.f_rdo.on {background: url(css/images/bg_form_rdo_on.png) no-repeat;} .f_rdo.on {background: url(css/images/bg_form_rdo_on.png) no-repeat;}
.f_rdo input {position: absolute; top: -9999px;} .f_rdo input {position: absolute; top: -9999px;}
.f_select {display: inline-block; position: relative; height: 46px; border: 0; border-radius: 5px; background: #f7f7f7;} .f_select {display: inline-block; position: relative; height: 32px; border: 0; border-radius: 5px; background: #f7f7f7;} /* changed by lim height: 46px;*/
.f_select::after {content: ""; display: block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 15px; height: 9px; background: url(css/images/ico_arrow_gray_15x9.png) no-repeat;} .f_select::after {content: ""; display: block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 15px; height: 9px; background: url(css/images/ico_arrow_gray_15x9.png) no-repeat;}
.f_select select {width: 100%; height: 100%; padding: 0 40px 0 20px; border: 0; color: #222; font-size: 16px; background: transparent;} .f_select select {width: 100%; height: 100%; padding: 0 40px 0 20px; border: 0; color: #222; font-size: 16px; background: transparent;}
@ -238,17 +240,17 @@ select::-ms-expand {display:none;}
.f_inn_txt {display: inline-block; height: 46px; color: #222; font-size: 16px; line-height: 46px; vertical-align: top;} .f_inn_txt {display: inline-block; height: 46px; color: #222; font-size: 16px; line-height: 46px; vertical-align: top;}
.f_search {display: inline-block; position: relative;} .f_search {display: inline-block; position: relative;}
.f_search input[type=text] {width: 100%; height: 46px; padding: 0 55px 0 20px; border: 0; border-radius: 5px; color: #222; font-size: 16px; background: #f7f7f7;} .f_search input[type=text] {width: 100%; height: 32px; padding: 0 55px 0 20px; border: 0; border-radius: 5px; color: #222; font-size: 16px; background: #f7f7f7;} /* changed by lilm height: 46px;*/
.f_search input[type=text] + button {display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 25px; height: 27px; font-size: 0; background: url(css/images/ico_search_b.png) no-repeat; background-size: contain;} .f_search input[type=text] + button {display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 25px; height: 27px; font-size: 0; background: url(css/images/ico_search_b.png) no-repeat; background-size: contain;}
.f_search2 {display: inline-block; position: relative;} .f_search2 {display: inline-block; position: relative;}
.f_search2 input[type=text] {width: 100%; height: 46px; padding: 0 55px 0 20px; border: 1px solid #dde2e5; border-radius: 5px; color: #222; font-size: 16px; background: #fff;} .f_search2 input[type=text] {width: 100%; height: 32px; padding: 0 55px 0 20px; border: 1px solid #dde2e5; border-radius: 5px; color: #222; font-size: 16px; background: #fff;}/* changed by lilm height: 46px;*/
.f_search2 input[type=text] + button {display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 25px; height: 27px; font-size: 0; background: url(css/images/ico_search_b.png) no-repeat; background-size: contain;} .f_search2 input[type=text] + button {display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 25px; height: 27px; font-size: 0; background: url(css/images/ico_search_b.png) no-repeat; background-size: contain;}
/* Title */ /* Title */
/* changed by lim padding-bottom: 50px; font-size: 48px; added by lim margin-top: 10px;*/ /* changed by lim padding-bottom: 50px; font-size: 48px; added by lim margin-top: 10px;*/
.tit_1 {position: relative; padding-bottom: 10px; margin-top: 10px; color: #222; font-size: 38px; font-weight: 500; letter-spacing: -2px; line-height: 48px;} .tit_1 {position: relative; padding-bottom: 10px; margin-top: 10px; margin-bottom: 10px; color: #222; font-size: 30px; font-weight: 500; letter-spacing: -2px; line-height: 48px;}
.tit_1::after {content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 30px; height: 2px; background: #0465be;} .tit_1::after {content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 30px; height: 2px; background: #0465be;}
.tit_2 {font-size: 30px; font-weight: 700;} .tit_2 {font-size: 30px; font-weight: 700;}

10
egovframe-template-simple-react-contribution/src/css/layout.css
View File

@ -54,7 +54,7 @@ body {min-width: 1400px;}
.c_wrap .layout .nav .inner {border: 1px solid #dde2e5; border-radius: 10px;} .c_wrap .layout .nav .inner {border: 1px solid #dde2e5; border-radius: 10px;}
.nav_title{padding: 35px 30px 26px 30px;} /* changed by lim border-bottom: 4px solid #dde2e5; */ .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 h2 {color: #222; font-size: 24px;}
.c_wrap .layout .nav ul {}/*padding: 26px 30px 27px 30px;*/ .c_wrap .layout .nav ul {padding: 0 10px} /* changed by lim padding: 26px 30px 27px 30px;*/
.c_wrap .layout .nav ul li + li {margin-top: 18px;} /* changed by lim margin-top: 27px; */ .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 {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: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;}
@ -102,12 +102,12 @@ body {min-width: 1400px;}
/* Space */ /* Space */
.contents .tit_3:first-child {margin-top: -2px;} .contents .tit_3:first-child {margin-top: -2px;}
.condition + .board_list {margin-top: 50px;} .condition + .board_list {margin-top: 10px;} /* changed by lim margin-top: 50px; */
.condition + .calendar_list {margin-top: 50px;} .condition + .calendar_list {margin-top: 10px;} /* changed by lim margin-top: 50px; */
.condition + .tit_5 {margin-top: 42px;} .condition + .tit_5 {margin-top: 42px;}
.top_tit + .tit_2 {margin-top: 13px;} .top_tit + .tit_2 {margin-top: 13px; margin-bottom: 10px;} /* added by lim margin-bottom: 10px; */
.tit_2 + .condition {margin-top: 26px;} /*.tit_2 + .condition {margin-top: 26px;}*/ /* removed by lim .tit_2 + .condition {margin-top: 26px;} */
.tit_2 + .board_view {margin-top: 43px;} .tit_2 + .board_view {margin-top: 43px;}
.tit_2 + .board_view2 {margin-top: 43px;} .tit_2 + .board_view2 {margin-top: 43px;}
.tit_2 + .board_view3 {margin-top: 43px;} .tit_2 + .board_view3 {margin-top: 43px;}