데모사이트 outlogin 미디어 쿼리인데 빨간 화살표 친 부분 "@media (min-width: 1025px)"이 어느 파일에 있는 건지 모르겠어서요.
skin/outlogin/basic/style.css에도 없고
비쥬얼 스튜디오 코드로 모든 파일에 1025px를 검색해도 안 나오네요.
저 빨간색 화살표 친 부분은 어느 파일에 있는 걸까요?
https://demo.sir.kr/gnuboard5/
답변 5개 / 댓글 13개
채택된 답변
+20 포인트
sinbi답변에 대한 댓글 7개
2024-06-23 (일) 14:22:50
네 개발자모드에서 경로가 skin/outlogin/basic/style.css로 뜹니다. 그래서 해당 파일로 직접 들어가봤지만 미디어 쿼리가 안 보여서 여쭤봤어요.
sinbi
2024-06-23 (일) 14:36:23
위 방법으로 찾아보니, 아래 주소 2라인에 있다고 나오네요.
https://demo.sir.kr/gnuboard5/theme/responsive/skin/outlogin/basic/style.css?ver=2303229
https://demo.sir.kr/gnuboard5/theme/responsive/skin/outlogin/basic/style.css?ver=2303229
2024-06-23 (일) 14:41:55
네 그런데 실제 css 파일 실행해보면 2라인이 비어있습니다. ㅠㅠ
[code]@charset "utf-8";
/* 아웃로그인 스킨 */
.ol {position:relative;border:1px solid #dde7e9;margin-bottom:15px;border-radius:3px}
.ol h2 {width:117px;float:left;padding:15px 0;text-align:center}
.ol .join {width:116px;float:left;padding:15px 0;text-align:center;background:#f7f7f7;color:#6e6e6e}
.ol #ol_be_cate:after {display:block;visibility:hidden;clear:both;content:""}
.ol form {padding:20px}
.ol a.btn_admin {display:inline-block;padding:0 10px;height:25px;text-decoration:none;line-height:25px;vertical-align:middle} /* 관리자 전용 버튼 */
.ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none}
.ol .login-sns{padding-bottom:0px}[/code]
[code]@charset "utf-8";
/* 아웃로그인 스킨 */
.ol {position:relative;border:1px solid #dde7e9;margin-bottom:15px;border-radius:3px}
.ol h2 {width:117px;float:left;padding:15px 0;text-align:center}
.ol .join {width:116px;float:left;padding:15px 0;text-align:center;background:#f7f7f7;color:#6e6e6e}
.ol #ol_be_cate:after {display:block;visibility:hidden;clear:both;content:""}
.ol form {padding:20px}
.ol a.btn_admin {display:inline-block;padding:0 10px;height:25px;text-decoration:none;line-height:25px;vertical-align:middle} /* 관리자 전용 버튼 */
.ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none}
.ol .login-sns{padding-bottom:0px}[/code]
sinbi
2024-06-23 (일) 14:49:17
파일 다운받아봐도 해당 파일에 해당 코드가 그대로 있네요.'
질문에 링크된 테마는 responsive 테마입니다. basic 테마가 아니고....
질문에 링크된 테마는 responsive 테마입니다. basic 테마가 아니고....
2024-06-23 (일) 14:55:55
아! 감사합니다 ^^ 기본 다운받은 파일에는 responsive 테마가 없고 basic 테마만 있어서요. 혹시 responsive 테마는 어디서 다운 받으신 건지 말씀해주실 수 있을까요? 귀찮게 해서 죄송해요 ㅠㅠ
sinbi
2024-06-23 (일) 15:03:16
responsive 테마명으로 배포된 테마는 안 보이네요.
SIR에서 제작한 테마로 보이니, https://sir.kr/co_qa 게시판에 문의해 보셔야 할 듯 합니다.
SIR에서 제작한 테마로 보이니, https://sir.kr/co_qa 게시판에 문의해 보셔야 할 듯 합니다.
2024-06-25 (화) 15:59:51
데모로 제공된 주소와 실제 설치했을 때 파일이 100%일치하지는 않을텐데.. 저 스타일 시트를 굳이 데모 사이트 기준으로 찾으시는 이유가 뭘까요?
제가 설치 기본파일을 봤을 때 theme/basic/skin/outlogin/basic/style.css 경로에 미디어 쿼리가 아닌 .ol form {padding:20px;}이 데모사이트의 @media (min-width:1025px) {.ol form {padding:20px;}} 과 동일하게 적용되고있거든요.
RYANRYAN
2024-06-23 (일) 10:29:09
답변에 대한 댓글 4개
2024-06-23 (일) 12:38:37
네 개발자 모드에서는 보이는데 skin/outlogin/basic/style.css 파일로 직접 들어가보면 해당 미디어 쿼리가 안 보여서 여쭤봤어요
2024-06-23 (일) 14:21:42
네 밑줄 친 부분 확인했습니다. 그런데 style.css 파일로 들어가면 해당 미디어쿼리가 없어서요.
2024-06-23 (일) 14:45:22
아래 보시다시피 실제 css 파일 실행해보면 2라인에 미디어 쿼리가 없습니다. 왜 그런 걸까요?ㅠㅠ
[code]@charset "utf-8";
/* 아웃로그인 스킨 */
.ol {position:relative;border:1px solid #dde7e9;margin-bottom:15px;border-radius:3px}
.ol h2 {width:117px;float:left;padding:15px 0;text-align:center}
.ol .join {width:116px;float:left;padding:15px 0;text-align:center;background:#f7f7f7;color:#6e6e6e}
.ol #ol_be_cate:after {display:block;visibility:hidden;clear:both;content:""}
.ol form {padding:20px}
.ol a.btn_admin {display:inline-block;padding:0 10px;height:25px;text-decoration:none;line-height:25px;vertical-align:middle} /* 관리자 전용 버튼 */
.ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none}
.ol .login-sns{padding-bottom:0px}[/code]
[code]@charset "utf-8";
/* 아웃로그인 스킨 */
.ol {position:relative;border:1px solid #dde7e9;margin-bottom:15px;border-radius:3px}
.ol h2 {width:117px;float:left;padding:15px 0;text-align:center}
.ol .join {width:116px;float:left;padding:15px 0;text-align:center;background:#f7f7f7;color:#6e6e6e}
.ol #ol_be_cate:after {display:block;visibility:hidden;clear:both;content:""}
.ol form {padding:20px}
.ol a.btn_admin {display:inline-block;padding:0 10px;height:25px;text-decoration:none;line-height:25px;vertical-align:middle} /* 관리자 전용 버튼 */
.ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none}
.ol .login-sns{padding-bottom:0px}[/code]
2024-06-23 (일) 09:39:20
해당 테마 아래쪽 skin/outlogin/basic/style.css 확인해보시기 바랍니다.
대채적으로 이쪽에 있습니다.
답변에 대한 댓글 1개
2024-06-23 (일) 12:38:06
네 skin/outlogin/basic/style.css로 가봤지만 해당 미디어 쿼리가 안 보여서 여쭤봤어요
비버팩토리저거 개발자 모드에서 미디어 쿼리 써있잖아요 그 옆에 보면 style.css 라고 있죠? 그거 눌러보면 경로 주소 나와요
답변에 대한 댓글 1개
2024-06-23 (일) 12:37:37
네 경로주소에 skin/outlogin/basic/style.css라고 되어 있고 해당 파일 들어가도 안 보여서 여쭤봤어요.
답변을 작성하려면 로그인이 필요합니다.