이거 미디어 쿼리는 어느 파일에 있는 걸까요?
본문
데모사이트 outlogin 미디어 쿼리인데 빨간 화살표 친 부분 "@media (min-width: 1025px)"이 어느 파일에 있는 건지 모르겠어서요.
skin/outlogin/basic/style.css에도 없고
비쥬얼 스튜디오 코드로 모든 파일에 1025px를 검색해도 안 나오네요.
저 빨간색 화살표 친 부분은 어느 파일에 있는 걸까요?
https://demo.sir.kr/gnuboard5/
답변 5
네 개발자모드에서 경로가 skin/outlogin/basic/style.css로 뜹니다. 그래서 해당 파일로 직접 들어가봤지만 미디어 쿼리가 안 보여서 여쭤봤어요.
위 방법으로 찾아보니, 아래 주소 2라인에 있다고 나오네요.
https://demo.sir.kr/gnuboard5/theme/responsive/skin/outlogin/basic/style.css?ver=2303229
네 그런데 실제 css 파일 실행해보면 2라인이 비어있습니다. ㅠㅠ
@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}파일 다운받아봐도 해당 파일에 해당 코드가 그대로 있네요.'
질문에 링크된 테마는 responsive 테마입니다. basic 테마가 아니고....
아! 감사합니다 ^^ 기본 다운받은 파일에는 responsive 테마가 없고 basic 테마만 있어서요. 혹시 responsive 테마는 어디서 다운 받으신 건지 말씀해주실 수 있을까요? 귀찮게 해서 죄송해요 ㅠㅠ
responsive 테마명으로 배포된 테마는 안 보이네요.
SIR에서 제작한 테마로 보이니, https://sir.kr/co_qa 게시판에 문의해 보셔야 할 듯 합니다.
네 감사합니다 ^^
저거 개발자 모드에서 미디어 쿼리 써있잖아요 그 옆에 보면 style.css 라고 있죠? 그거 눌러보면 경로 주소 나와요
네 경로주소에 skin/outlogin/basic/style.css라고 되어 있고 해당 파일 들어가도 안 보여서 여쭤봤어요.
해당 테마 아래쪽 skin/outlogin/basic/style.css 확인해보시기 바랍니다.
대채적으로 이쪽에 있습니다.
네 skin/outlogin/basic/style.css로 가봤지만 해당 미디어 쿼리가 안 보여서 여쭤봤어요
네 개발자 모드에서는 보이는데 skin/outlogin/basic/style.css 파일로 직접 들어가보면 해당 미디어 쿼리가 안 보여서 여쭤봤어요
밑줄 드린 부분이 원하시는 해당 부분 입니다.
네 밑줄 친 부분 확인했습니다. 그런데 style.css 파일로 들어가면 해당 미디어쿼리가 없어서요.
아래 보시다시피 실제 css 파일 실행해보면 2라인에 미디어 쿼리가 없습니다. 왜 그런 걸까요?ㅠㅠ
@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}데모로 제공된 주소와 실제 설치했을 때 파일이 100%일치하지는 않을텐데.. 저 스타일 시트를 굳이 데모 사이트 기준으로 찾으시는 이유가 뭘까요?
제가 설치 기본파일을 봤을 때 theme/basic/skin/outlogin/basic/style.css 경로에 미디어 쿼리가 아닌 .ol form {padding:20px;}이 데모사이트의 @media (min-width:1025px) {.ol form {padding:20px;}} 과 동일하게 적용되고있거든요.