From 16685763e92afc295c5cada9249b2c91488b414e Mon Sep 17 00:00:00 2001
From: Min-Soo Kim <misol.kr@gmail.com>
Date: Sun, 22 Apr 2018 11:20:39 +0900
Subject: [PATCH] Modify simple world/rx_prn skin agreement style
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

네모의 꿈 회원 스킨에  스타일이랄게 없이 존재하던 약관 부분에 스타일 적용.
---
 modules/member/m.skins/rx_prn/css/css.less    |   2 +-
 .../member/m.skins/rx_prn/signup_form.html    |   4 +-
 .../member/skins/simple_world/css/css.less    | 564 +++++++++---------
 .../skins/simple_world/signup_form.html       |   4 +-
 4 files changed, 299 insertions(+), 275 deletions(-)

diff --git a/modules/member/m.skins/rx_prn/css/css.less b/modules/member/m.skins/rx_prn/css/css.less
index 216fb139f..b4e317eae 100644
--- a/modules/member/m.skins/rx_prn/css/css.less
+++ b/modules/member/m.skins/rx_prn/css/css.less
@@ -293,7 +293,7 @@ script, style
 			{
 				margin-top: 0;
 			}
-			&>input, &>select, button, #prn_profile_imagetag label.prn_button
+			&>input, &>select, button, #prn_profile_imagetag label.prn_button, &.agreement .text
 			{
 				border: 1px solid #d1d1d1;
 				height: auto;
diff --git a/modules/member/m.skins/rx_prn/signup_form.html b/modules/member/m.skins/rx_prn/signup_form.html
index 2e7206f2a..d945dc5bc 100644
--- a/modules/member/m.skins/rx_prn/signup_form.html
+++ b/modules/member/m.skins/rx_prn/signup_form.html
@@ -17,10 +17,10 @@
 			<input type="hidden" name="act" value="procMemberInsert" />
 			<input type="hidden" name="xe_validator_id" value="modules/member/skins" />
 			<input type="hidden" name="success_return_url" value="{getUrl('act','dispMemberInfo')}" />
-			<div class="agreement" loop="$member_config->agreements => $i, $agreement" cond="$agreement->type !== 'disabled'">
+			<div class="agreement control-group" loop="$member_config->agreements => $i, $agreement" cond="$agreement->type !== 'disabled'">
 				<div class="title">
 					{$agreement->title}
-					<block cond="$agreement->type === 'required'">({$lang->cmd_required})</block>
+					<sup style="color:red" cond="$agreement->type === 'required'">*</sup>
 					<block cond="$agreement->type === 'optional'">({$lang->cmd_optional})</block>
 				</div>
 				<div class="text">
diff --git a/modules/member/skins/simple_world/css/css.less b/modules/member/skins/simple_world/css/css.less
index e448b0a5a..f96c1ee3b 100644
--- a/modules/member/skins/simple_world/css/css.less
+++ b/modules/member/skins/simple_world/css/css.less
@@ -65,280 +65,304 @@ script, style
 	text-align: justify;
 	margin: 8px 0px;
 	padding: 0 5px;
-}
+	
+	a
+	{
+		.text-contrast(#fff; darken(@color,5%); lighten(@color,5%));
+		text-decoration: none;
+	}
+	/* Horizontal align */
+	.pos-right
+	{
+		position:absolute;
+		right:0
+	}
 
-.rx_simple_member a
-{
-	.text-contrast(#fff; darken(@color,5%); lighten(@color,5%));
-	text-decoration: none;
-}
-/* Horizontal align */
-.rx_simple_member .pos-right
-{
-	position:absolute;
-	right:0
-}
-/* message; error, info, update */
-.rx_member-notice, .rx_member-notice.info
-{
-	.bg-contrast(#000; lighten(@color, 5%); darken(@color, 5%); 5.0);
-	color: #000;
-	padding: 15px;
-	margin:0;
-	margin-top:0;
-	text-align: justify;
-}
-.rx_member-notice.error
-{
-	background: #fff3e0;
-	.text-contrast(#fff3e0);
-}
-.rx_member-notice.update
-{
-	background: #e8f5e9;
-	.text-contrast(#e8f5e9);
-}
-.rx_member-notice>*
-{
-	padding: 0;
-	margin:0;
-}
-/* member forms */
-.rx_simple_member .signin
-{
-	max-width:400px;
-	margin:30px auto;
-	box-sizing:border-box
-}
-.rx_simple_member .sw-body
-{
-	box-sizing:border-box;
-	background:#ffffff;
-	margin: 0 0 20px;
-	box-shadow: 0 1px 2px rgba(0,0,0,0.16), 0 1px 2px rgba(0,0,0,0.23);
-}
-.rx_simple_member .sw-body>*
-{
-	padding: 20px;
-	margin:0;
-	border: 0;
-}
-.rx_simple_member .sw-body h1
-{
-	margin:0;
-	border-bottom: 1px solid #e0e0e0;
-}
-.rx_simple_member form div.control-group>*, .rx_simple_member .sw-body dl>*
-{
-	display:block;
-	position:relative;
-	box-sizing: border-box;
-	width:100%;
-	min-height:25px;
-	margin:0px;
-	margin-top: 10px;
-}
-.rx_simple_member form div.control-group>*:first-child
-{
-	margin-top: 0;
-}
-.rx_simple_member form div.control-group>input, .rx_simple_member form div.control-group>select
-{
-	border: 1px solid #bdbdbd;
-	border-radius: 0;
-	font-size:14px;
-	line-height: 18px;
-	margin-top: 0;
-	padding:8px 8px 6px;
-	-webkit-appearance: none;
-}
-.rx_simple_member .sw-body dl>*
-{
-	list-style:none;
-	border-bottom: 1px solid #e0e0e0;
-}
-.rx_simple_member .sw-body dl dt, .rx_simple_member form>div.control-group>label, .rx_simple_member form>div.control-group>div.control-label
-{
-	font-weight: bold;
-	border:0;
-}
-.rx_simple_member form
-{
-	overflow: hidden;
-	width:100%;
-	white-space: normal;
-	box-sizing: border-box;
-}
-.rx_simple_member form div.control-group>input[type="submit"], .rx_simple_member form div.control-group>input.btn.dateRemover, .rx_simple_member .sw-footer>a, .rx_simple_member .sw-anchor-buttons a
-{
-	display:block;
-	padding: 10px;
-	vertical-align: bottom;
-	.bg-contrast(#000; lighten(@color,5%); darken(@color,5%); 3.0);
-	font-weight: bold;
-	text-shadow: none;
-	border:0;
-	box-shadow: 0 1px 2px rgba(0,0,0,0.16), 0 1px 2px rgba(0,0,0,0.23);
-	color: #000;
-}
-.rx_simple_member form div.control-group>input[type="submit"], .rx_simple_member .sw-footer{
-	margin: 20px 0 0;
-}
+	/* message; error, info, update */
+	.rx_member-notice
+	{
+		&, &.info
+		{
+			.bg-contrast(#000; lighten(@color, 5%); darken(@color, 5%); 5.0);
+			color: #000;
+			padding: 15px;
+			margin:0;
+			margin-top:0;
+			text-align: justify;
+		}
+		
+		&.error
+		{
+			background: #fff3e0;
+			.text-contrast(#fff3e0);
+		}
+		&.update
+		{
+			background: #e8f5e9;
+			.text-contrast(#e8f5e9);
+		}
+		&>*
+		{
+			padding: 0;
+			margin:0;
+		}
+	}
 
-/* Tab over the main content. */
-.rx_simple_member div.rx_simple_tab{
-	background: #ffffff;
-	margin: 5px 0;
-	box-shadow: 0 1px 2px rgba(0,0,0,0.16), 0 1px 2px rgba(0,0,0,0.23);
-	box-sizing: border-box;
-}
-.rx_simple_member ul.rx_simple_tab{
-	list-style: outside none none;
-	margin: 0;
-	display: block;
-	padding: 6px 0;
-	text-decoration: none;
+	/* member forms */
+	.signin
+	{
+		max-width:400px;
+		margin:30px auto;
+		box-sizing:border-box
+	}
+	.sw-body
+	{
+		box-sizing:border-box;
+		background:#ffffff;
+		margin: 0 0 20px;
+		box-shadow: 0 1px 2px rgba(0,0,0,0.16), 0 1px 2px rgba(0,0,0,0.23);
+		
+		&>*
+		{
+			padding: 20px;
+			margin:0;
+			border: 0;
+		}
+		
+		& h1
+		{
+			margin:0;
+			border-bottom: 1px solid #e0e0e0;
+		}
+	}
+	form div.control-group>*, .sw-body dl>*
+	{
+		display:block;
+		position:relative;
+		box-sizing: border-box;
+		width:100%;
+		min-height:25px;
+		margin:0px;
+		margin-top: 10px;
+	}
+	form div.control-group>*:first-child
+	{
+		margin-top: 0;
+	}
+	form div.control-group>input, form div.control-group>select, .agreement .text
+	{
+		border: 1px solid #bdbdbd;
+		border-radius: 0;
+		font-size:14px;
+		line-height: 18px;
+		margin-top: 0;
+		padding:8px 8px 6px;
+		-webkit-appearance: none;
+	}
+	.sw-body dl>*
+	{
+		list-style:none;
+		border-bottom: 1px solid #e0e0e0;
+	}
+	.sw-body dl dt, form>div.control-group>label, form>div.control-group>div.control-label, .title
+	{
+		font-weight: bold;
+		border:0;
+	}
+	form
+	{
+		overflow: hidden;
+		width:100%;
+		white-space: normal;
+		box-sizing: border-box;
+	}
+	form div.control-group>input[type="submit"], form div.control-group>input.btn.dateRemover, .sw-footer>a, .sw-anchor-buttons a
+	{
+		display:block;
+		padding: 10px;
+		vertical-align: bottom;
+		.bg-contrast(#000; lighten(@color,5%); darken(@color,5%); 3.0);
+		font-weight: bold;
+		text-shadow: none;
+		border:0;
+		box-shadow: 0 1px 2px rgba(0,0,0,0.16), 0 1px 2px rgba(0,0,0,0.23);
+		color: #000;
+	}
+	form div.control-group>input[type="submit"], .sw-footer{
+		margin: 20px 0 0;
+	}
 
-}
-.rx_simple_member ul.rx_simple_tab>li {
-	display:inline-block;
-	height: 40px;
-	line-height: 18px;
-	position: relative;
-}
-.rx_simple_member ul.rx_simple_tab>li a {
-	display:inline-block;
-	color: #000;
-	font-weight: 400;
-	letter-spacing: -1px;
-	line-height: 40px;
-	text-decoration: none;
-}
-.rx_simple_member ul.rx_simple_tab>li a:hover, .rx_simple_member ul.rx_simple_tab>li a:focus, .rx_simple_member ul.rx_simple_tab>li.active a {
-	.text-contrast(#fff; darken(@color,5%); lighten(@color,5%));
-	font-weight: 700;
-}
-.rx_simple_member ul.rx_simple_tab>li a span {
-	border-left: 1px solid #e0e0e0;
-	padding: 0 15px;
-}
-.rx_simple_member ul.rx_simple_tab>li:first-child a span {
-	border-left: 0 none;
-}
-.rx_simple_member .sw-footer.sw-anchor-buttons {
-	text-align:right;
-}
-.rx_simple_member .sw-footer.sw-anchor-buttons>a {
-	display:inline-block;
-}
+	/* Tab over the main content. */
+	div.rx_simple_tab
+	{
+		background: #ffffff;
+		margin: 5px 0;
+		box-shadow: 0 1px 2px rgba(0,0,0,0.16), 0 1px 2px rgba(0,0,0,0.23);
+		box-sizing: border-box;
+	}
+	ul.rx_simple_tab
+	{
+		list-style: outside none none;
+		margin: 0;
+		display: block;
+		padding: 6px 0;
+		text-decoration: none;
+
+		&>li
+		{
+			display:inline-block;
+			height: 40px;
+			line-height: 18px;
+			position: relative;
+			
+			a
+			{
+				display:inline-block;
+				color: #000;
+				font-weight: 400;
+				letter-spacing: -1px;
+				line-height: 40px;
+				text-decoration: none;
+			}
+
+			a:hover, a:focus, &.active a {
+				.text-contrast(#fff; darken(@color,5%); lighten(@color,5%));
+				font-weight: 700;
+			}
+			a span {
+				border-left: 1px solid #e0e0e0;
+				padding: 0 15px;
+			}
+			&:first-child a span {
+				border-left: 0 none;
+			}
+		}
+	}
+	
+	.sw-footer.sw-anchor-buttons {
+		text-align:right;
+		
+		&>a {
+			display:inline-block;
+		}
+	}
 
 
-/* The list of document style */
-.rx_simple_member .rx_sw_list .cont_a {
-	color: #222;
-	display: block;
-	letter-spacing: -1px;
-	line-height: 18px;
-	margin: 0;
-	overflow: hidden;
-	padding: 0.667em 70px 0.733em 15px;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	text-decoration: none;
-}
-.rx_simple_member .rx_sw_list .cont_a.no_delete {
-	padding-right: 15px;
-}
-.rx_simple_member .rx_sw_list .cont_a:hover, .rx_simple_member .rx_sw_list .cont_a:focus {
-	.text-contrast(#fff; darken(@color,5%); lighten(@color,5%));
-}
-.rx_simple_member .content_basic{
-	position:relative;
-	display:inline-block;
-	max-width:100%;
-	vertical-align: middle;
-	overflow:hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-.rx_simple_member .content_subinfo
-{
-	color: #9e9e9e;
-	font-size: 12px;
-	margin: 0 3px 0 7px;
-	overflow:hidden;
-}
-.rx_simple_member ul.rx_sw_list {
-	list-style: outside none none;
-	padding: 0;
-	margin: 0;
-	border-bottom: 1px solid #e0e0e0;
+	/* The list of document style */
+	.rx_sw_list
+	{
+		.cont_a
+		{
+			color: #222;
+			display: block;
+			letter-spacing: -1px;
+			line-height: 18px;
+			margin: 0;
+			overflow: hidden;
+			padding: 0.667em 70px 0.733em 15px;
+			text-overflow: ellipsis;
+			white-space: nowrap;
+			text-decoration: none;
+			&.no_delete {
+				padding-right: 15px;
+			}
+			&:hover, &:focus {
+				.text-contrast(#fff; darken(@color,5%); lighten(@color,5%));
+			}
+		}
+	}
+	
+	.content_basic{
+		position:relative;
+		display:inline-block;
+		max-width:100%;
+		vertical-align: middle;
+		overflow:hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+	.content_subinfo
+	{
+		color: #9e9e9e;
+		font-size: 12px;
+		margin: 0 3px 0 7px;
+		overflow:hidden;
+	}
+	ul.rx_sw_list {
+		list-style: outside none none;
+		padding: 0;
+		margin: 0;
+		border-bottom: 1px solid #e0e0e0;
+		
+		li {
+			position:relative;
+			border-top: 1px solid #e0e0e0;
+			overflow: hidden;
+			padding:0;
+		}
+	}
+
+
+	.rx_sw_list .content_delete{
+		position:absolute;
+		top:0;
+		right:2px;
+		button{
+			background: lighten(@color, 5%);
+			font-size: 14px;
+			border:0;
+			.text-contrast(lighten(@color, 5%));
+			box-shadow: 0 1px 2px rgba(0,0,0,0.16), 0 1px 2px rgba(0,0,0,0.23);
+			padding: 10px;
+			vertical-align: bottom;
+		}
+	}
+
+	.pagination ul
+	{
+		&, .pagination ul li
+		{
+			display:inline-block;
+			list-style: outside none none;
+			padding: 0;
+			margin: 0;
+			border:0;
+		}
+		display:block;
+		text-align:center;
+	}
+	.pagination ul li>a, .sw-footer>a
+	{
+		display: inline-block;
+		background: #fff;
+		font-size: 14px;
+		box-shadow: 0 1px 2px rgba(0,0,0,0.16), 0 1px 2px rgba(0,0,0,0.23);
+		color: #000;
+		font-weight: bold;
+		padding: 10px;
+		min-width:25px;
+		text-decoration: none;
+		text-align: center;
+	}
+	.sw-footer>a
+	{
+		display: block;
+	}
+	.pagination ul li.active>a
+	{
+		.bg-contrast(#000; lighten(@color, 5%); darken(@color, 5%), 2.0);
+		font-weight:bold;
+		color:#000;
+	}
+
+	/* button hover */
+	form div.control-group>input[type="submit"]:hover, form div.control-group>input.btn.dateRemover:hover, .sw-footer>a:hover, .sw-anchor-buttons a:hover, .pagination ul li>a:hover, .rx_sw_list .content_delete button:hover,
+	form div.control-group>input[type="submit"]:focus, form div.control-group>input.btn.dateRemover:focus, .sw-footer>a:focus, .sw-anchor-buttons a:focus, .pagination ul li>a:focus, .rx_sw_list .content_delete button:focus
+	{
+
+		.bg-contrast(#000; lighten(@color,5%); darken(@color,5%); 4.0);
+		color: #000;
+		box-shadow: 0 2px 4px rgba(0,0,0,0.16), 0 2px 4px rgba(0,0,0,0.23);
+	}
 }
 
-.rx_simple_member .rx_sw_list li {
-	position:relative;
-	border-top: 1px solid #e0e0e0;
-	overflow: hidden;
-	padding:0;
-}
-.rx_simple_member .rx_sw_list .content_delete{
-	position:absolute;
-	top:0;
-	right:2px;
-}
-.rx_simple_member .rx_sw_list .content_delete button{
-	background: lighten(@color, 5%);
-	font-size: 14px;
-	border:0;
-	.text-contrast(lighten(@color, 5%));
-	box-shadow: 0 1px 2px rgba(0,0,0,0.16), 0 1px 2px rgba(0,0,0,0.23);
-	padding: 10px;
-	vertical-align: bottom;
-}
-.rx_simple_member .pagination ul, .rx_simple_member .pagination ul li
-{
-	display:inline-block;
-	list-style: outside none none;
-	padding: 0;
-	margin: 0;
-	border:0;
-}
-.rx_simple_member .pagination ul
-{
-	display:block;
-	text-align:center;
-}
-.rx_simple_member .pagination ul li>a, .rx_simple_member .sw-footer>a
-{
-	display: inline-block;
-	background: #fff;
-	font-size: 14px;
-	box-shadow: 0 1px 2px rgba(0,0,0,0.16), 0 1px 2px rgba(0,0,0,0.23);
-	color: #000;
-	font-weight: bold;
-	padding: 10px;
-	min-width:25px;
-	text-decoration: none;
-	text-align: center;
-}
-.rx_simple_member .sw-footer>a
-{
-	display: block;
-}
-.rx_simple_member .pagination ul li.active>a
-{
-	.bg-contrast(#000; lighten(@color, 5%); darken(@color, 5%), 2.0);
-	font-weight:bold;
-	color:#000;
-}
-
-/* button hover */
-.rx_simple_member form div.control-group>input[type="submit"]:hover, .rx_simple_member form div.control-group>input.btn.dateRemover:hover, .rx_simple_member .sw-footer>a:hover, .rx_simple_member .sw-anchor-buttons a:hover, .rx_simple_member .pagination ul li>a:hover, .rx_simple_member .rx_sw_list .content_delete button:hover,
-.rx_simple_member form div.control-group>input[type="submit"]:focus, .rx_simple_member form div.control-group>input.btn.dateRemover:focus, .rx_simple_member .sw-footer>a:focus, .rx_simple_member .sw-anchor-buttons a:focus, .rx_simple_member .pagination ul li>a:focus, .rx_simple_member .rx_sw_list .content_delete button:focus
-
-{
-
-	.bg-contrast(#000; lighten(@color,5%); darken(@color,5%); 4.0);
-	color: #000;
-	box-shadow: 0 2px 4px rgba(0,0,0,0.16), 0 2px 4px rgba(0,0,0,0.23);
-}
\ No newline at end of file
diff --git a/modules/member/skins/simple_world/signup_form.html b/modules/member/skins/simple_world/signup_form.html
index 82a22694e..8b01c48db 100644
--- a/modules/member/skins/simple_world/signup_form.html
+++ b/modules/member/skins/simple_world/signup_form.html
@@ -16,10 +16,10 @@
 		<input type="hidden" name="act" value="procMemberInsert" />
 		<input type="hidden" name="xe_validator_id" value="modules/member/skins" />
 		<input type="hidden" name="success_return_url" value="{getUrl('act','dispMemberInfo')}" />
-		<div class="agreement" loop="$member_config->agreements => $i, $agreement" cond="$agreement->type !== 'disabled'">
+		<div class="agreement control-group" loop="$member_config->agreements => $i, $agreement" cond="$agreement->type !== 'disabled'">
 			<div class="title">
 				{$agreement->title}
-				<block cond="$agreement->type === 'required'">({$lang->cmd_required})</block>
+				<sup style="color:red" cond="$agreement->type === 'required'">*</sup>
 				<block cond="$agreement->type === 'optional'">({$lang->cmd_optional})</block>
 			</div>
 			<div class="text">