본문으로 이동

K Design Media Wiki:대문: 두 판 사이의 차이

K Design Media Wiki
← 이전 편집다음 편집 →
시각위키텍스트
편집 요약 없음
편집 요약 없음
1번째 줄: 1번째 줄:
/* ===== 메인 히어로 ===== */
.mp-hero {
  background: linear-gradient(135deg, #0b3a82 0%, #1d6fd1 60%, #4aa3ff 100%);
  color: #fff;
  border-radius: 16px;
  padding: 28px 28px 36px;
  margin: 0 0 20px 0;
}
.mp-hero .mp-eyebrow {
  opacity: 0.9;
  font-weight: 600;
  letter-spacing: .04em;
  margin-bottom: 6px;
  font-size: 13px;
}
.mp-hero h1 {
  margin: 4px 0 8px;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 800;
}
.mp-hero p { margin: 0 0 12px; font-size: 15px; }
.mp-hero .mp-cta a {
  background: #ffffff;
  color: #0b3a82 !important;
  padding: 6px 10px;
  border-radius: 8px;
  margin-right: 8px;
  font-weight: 600;
  text-decoration: none !important;
  border: 1px solid rgba(0,0,0,0.06);
}
.mp-hero .mp-cta a:hover { background: #f5f8ff; }
/* ===== 카드 그리드 ===== */
.mp-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin: 16px 0 24px;
}
@media (max-width: 1080px) {
  .mp-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .mp-grid { grid-template-columns: 1fr; }
}
/* ===== 카드 공통 ===== */
.mp-card {
  background: #fff;
  border: 1px solid #e7eaf0;
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 1px 0 rgba(0,0,0,.03);
}
.mp-card h3 {
  display: flex;
  align-items: center;
  font-size: 18px;
  margin: 0 0 10px;
  font-weight: 800;
}
.mp-card .mp-icon {
  font-size: 22px;
  margin-right: 8px;
}
.mp-card .mp-body {
  font-size: 14px;
  line-height: 1.6;
}
.mp-card .mp-link a {
  display: inline-block;
  margin-top: 8px;
  font-weight: 700;
  text-decoration: none !important;
}
/* ===== 공지(알림) ===== */
.mp-alert {
  border-radius: 12px;
  padding: 14px 16px;
  margin: 12px 0 18px;
  border: 1px solid transparent;
  background: #eef6ff;
  border-color: #cfe3ff;
}
.mp-alert.info { background:#eef6ff; border-color:#cfe3ff; }
.mp-alert.warn { background:#fff7e6; border-color:#ffe1a6; }
.mp-alert.danger { background:#fff0f0; border-color:#ffcaca; }
.mp-alert .title { font-weight: 800; margin-bottom: 6px; }
/* ===== 푸터 ===== */
.mp-footer {
  margin-top: 18px;
  font-size: 13px;
  color: #5b6575;
}
<!-- ===== 메인 히어로 ===== -->
<!-- ===== 메인 히어로 ===== -->
<div class="mp-hero">
<div class="mp-hero">

2025년 9월 10일 (수) 22:44 판

/* ===== 메인 히어로 ===== */ .mp-hero { 

 background: linear-gradient(135deg, #0b3a82 0%, #1d6fd1 60%, #4aa3ff 100%);
 color: #fff;
 border-radius: 16px;
 padding: 28px 28px 36px;
 margin: 0 0 20px 0;

} .mp-hero .mp-eyebrow { 

 opacity: 0.9;
 font-weight: 600;
 letter-spacing: .04em;
 margin-bottom: 6px;
 font-size: 13px;

} .mp-hero h1 { 

 margin: 4px 0 8px;
 font-size: 28px;
 line-height: 1.2;
 font-weight: 800;

} .mp-hero p { margin: 0 0 12px; font-size: 15px; } .mp-hero .mp-cta a { 

 background: #ffffff;
 color: #0b3a82 !important;
 padding: 6px 10px;
 border-radius: 8px;
 margin-right: 8px;
 font-weight: 600;
 text-decoration: none !important;
 border: 1px solid rgba(0,0,0,0.06);

} .mp-hero .mp-cta a:hover { background: #f5f8ff; }


/* ===== 카드 그리드 ===== */ .mp-grid { 

 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 14px;
 margin: 16px 0 24px;

} @media (max-width: 1080px) { 

 .mp-grid { grid-template-columns: repeat(2, 1fr); }

} @media (max-width: 640px) { 

 .mp-grid { grid-template-columns: 1fr; }

}


/* ===== 카드 공통 ===== */ .mp-card { 

 background: #fff;
 border: 1px solid #e7eaf0;
 border-radius: 14px;
 padding: 16px;
 box-shadow: 0 1px 0 rgba(0,0,0,.03);

} .mp-card h3 { 

 display: flex;
 align-items: center;
 font-size: 18px;
 margin: 0 0 10px;
 font-weight: 800;

} .mp-card .mp-icon { 

 font-size: 22px;
 margin-right: 8px;

} .mp-card .mp-body { 

 font-size: 14px;
 line-height: 1.6;

} .mp-card .mp-link a { 

 display: inline-block;
 margin-top: 8px;
 font-weight: 700;
 text-decoration: none !important;

}


/* ===== 공지(알림) ===== */ .mp-alert { 

 border-radius: 12px;
 padding: 14px 16px;
 margin: 12px 0 18px;
 border: 1px solid transparent;
 background: #eef6ff;
 border-color: #cfe3ff;

} .mp-alert.info { background:#eef6ff; border-color:#cfe3ff; } .mp-alert.warn { background:#fff7e6; border-color:#ffe1a6; } .mp-alert.danger { background:#fff0f0; border-color:#ffcaca; } .mp-alert .title { font-weight: 800; margin-bottom: 6px; }


/* ===== 푸터 ===== */ .mp-footer { 

 margin-top: 18px;
 font-size: 13px;
 color: #5b6575;

}

KDMW · Kookmin Design Media Wiki

국민대학교 디자인 아카이브 허브

조형대학 9개 전공과 대학원의 수업·연구·프로젝트·전시를 한 곳에 기록합니다.

     시작하기 · 편집 가이드 · 최근 바뀜


틀:공지


틀:빠른탐색 



 틀:카드



 틀:카드



 틀:카드



 틀:카드



 틀:카드



 틀:카드




 문의: 운영진 · 버그 신고: 이슈 트래커 · API: Special:ApiHelp


K 디자인 미디어위키

🔔 뉴스

  • 국민대학교 조형대학 아키이브용 KDMW.ORG 사이트 구축
  • 50년간의 국민대학교 조형대학 정보를 디지털로 정리 중

💬 Q&A

- KDMW는? 

-> KDMW는 Kookmin Design Media Wiki 입니다.

📄 최근 문서

2025년 11월 7일 (금)

2025년 11월 5일 (수)

2025년 11월 4일 (화)

2025년 11월 3일 (월)

2025년 10월 29일 (수)

2025년 10월 28일 (화)


🌍 언어

🕰 위키 히스토리

K design 미디어 위키 history

원본 주소 "http://kdmw.org/index.php?title=K_Design_Media_Wiki:대문&oldid=2984"