firstgarden/firstgarden-web-gnu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

모바일 작업 중: 버튼 및 유효성 검사 스타일

Browse Source
This commit is contained in:
whitedot
2013-03-05 08:59:26 +09:00
parent f4fbddb958
commit deea508e66
3 changed files with 47 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
css/mobile.css
View File

@ -13,13 +13,14 @@ input[type=text],
input[type=password],
input[type=submit],
input[type=image],
button {border-radius:0 !important;-webkit-appearance:none} /* 모바일에서만 사용 */
button {border-radius:0 !important;font-size:1em;-webkit-appearance:none} /* 모바일에서만 사용 */
textarea {font-size:1em}
p {margin:0;padding:10px 0;line-height:1.7em;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
/* 웹접근성 스킬 --- 기본 block 속성에는 적용 안됨*/
.sound_only {margin:0;padding:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
.sound_only {display:inline-block;margin:0;padding:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
/* 이미지 등비율 리사이징 */
.img_fix {float:left;width:100%;height:auto}
@ -69,18 +70,46 @@ pre {overflow-x:scroll;font-size:1.1em}
#container:after {display:block;visibility:hidden;clear:both;content:""}
/* 하단 레이아웃 */
#ft {background:#484848}
#ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#ft img {display:none}
#popular {background:#515151}
#popular div {zoom:1}
#popular div:after {display:block;visibility:hidden;clear:both;content:""}
#popular h2 {float:left;padding:10px 20px 10px 5px;color:#fff}
#popular ul {float:left;list-style:none}
#popular li {float:left}
#popular a {display:inline-block;padding:10px;color:#fff;text-decoration:none}
#popular a:focus,
#popular a:hover {background:#333;color:#fff}
#visit {background:#444}
#visit div {zoom:1}
#visit div:after {display:block;visibility:hidden;clear:both;content:""}
#visit h2 {float:left;padding:10px 20px 10px 5px;color:#fff}
#visit dl {float:left;margin:0 0 0 10px;padding:0}
#visit dt {float:left;margin:0;padding:10px 0 10px;color:#fff}
#visit dd {float:left;margin:0 15px 0 0;padding:10px;color:#fff}
#visit a {display:inline-block;padding:10px;color:#fff;text-decoration:none}
#visit a:focus,
#visit a:hover {background:#333;color:#fff}
#ft_copy {background:#232323}
#ft_copy p {padding-right:5px;padding-left:5px;color:#4a9ab8}
#ft_copy b {color:#fff}
/* 버튼 */
.btn01 {display:inline-block;padding:0 10px;height:25px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.5em;vertical-align:middle}
.btn01 {display:inline-block;padding:0 0.5em;height:2em;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;font-size:1em;text-decoration:none !important;line-height:2em;vertical-align:middle}
.btn01:focus,
.btn01:hover {text-decoration:none !important}
.btn02 {display:inline-block;padding:0 10px;height:25px;border:1px solid #333 !important;background:#333 !important;color:#fff !important;text-decoration:none !important;line-height:1.5em;vertical-align:middle}
.btn02 {display:inline-block;padding:0 0.5em;height:2em;border:1px solid #333 !important;background:#333 !important;color:#fff !important;font-size:1em;text-decoration:none !important;line-height:2em;vertical-align:middle}
.btn02:focus,
.btn02:hover {text-decoration:none !important}
.btn_confirm {text-align:center} /* 서식단계 진행 */
.btn_submit {padding:0 10px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:top;cursor:pointer}
.btn_cancel {display:inline-block;padding:0 10px;height:22px;border:1px solid #ccc;background:#fafafa;line-height:2em}
.btn_submit {padding:0 1em;height:3.1em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:top;cursor:pointer}
.btn_cancel {display:inline-block;padding:0 1em;height:3em;border:1px solid #ccc;background:#fafafa;color:#000;font-size:1em;text-decoration:none;line-height:3em}
.btn_frmline {display:inline-block;padding:0 7px 0 5px;height:22px;border:0;background:#333;color:#fff !important;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.4em} /* 우편번호검색버튼 등 */
.btn_win {clear:both;margin-bottom:20px;text-align:center} /* 새창용 */
.btn_win a {display:inline-block;padding:0 10px;height:22px;border:1px solid #ccc;background:#fafafa;line-height:2em;cursor:pointer}
@ -144,7 +173,15 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#333;color:#fff;
.ad200200 {display:none}
.ad72890 {display:none}
sup {display:none !important}
/* 회원가입 약관 */
#fregister section {margin:0 0 20px;padding:20px;border-bottom:3px solid #eee}
#fregister h2 {margin:0 0 20px;text-align:center}
#fregister textarea {display:block;margin-bottom:10px;padding:5px;width:98%;height:150px;border:1px solid #cfded8;background:#f7f7f7}
#fregister textarea:focus {background:#21272e;color:#fff}
.fregister_agree {padding:10px 0 0;text-align:right}
.fregister_agree label {display:inline-block;margin-right:5px}
#fregister p {color:#e8180c;text-align:center}
#fregister .btn_confirm {margin-bottom:20px}
/* 로그인 */
#mb_login {margin:30px 0}
@ -152,7 +189,7 @@ sup {display:none !important}
#mb_login h2 {margin:0}
#mb_login fieldset {position:relative;padding:10px}
#mb_login .fs_input {display:block;margin-bottom:5px;padding:0;width:80%;height:25px}
#mb_login .btn_submit {position:absolute;top:10px;right:10px;width:18%;height:59px}
#mb_login .btn_submit {position:absolute;top:10px;right:10px;width:18%;height:59px;text-align:center}
#mb_login section {margin:30px 0;padding:20px 10px;border:1px solid #cfded8;background:#f7f7f2}
#mb_login section div {text-align:right}

4
js/wrest.js
View File

@ -1,7 +1,7 @@
var wrestMsg = "";
var wrestFld = null;
var wrestFldDefaultColor = "";
var wrestFldBackColor = "#ff3061";
//var wrestFldBackColor = "#ff3061";
// subject 속성값을 얻어 return, 없으면 tag의 name을 넘김
function wrestItemname(fld)
@ -323,7 +323,7 @@ function wrestSubmit()
alert(wrestMsg);
if (wrestFld.style.display != "none") {
wrestFld.style.backgroundColor = wrestFldBackColor;
//wrestFld.style.backgroundColor = wrestFldBackColor;
if (typeof(wrestFld.select) != "undefined")
wrestFld.select();
wrestFld.focus();

2
mobile/tail.php
View File

@ -4,8 +4,6 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
</div>
</div>
모바일 테일
<hr>
<footer id="ft">