틀:메시지/styles.css: 두 판 사이의 차이

식물 vs 좀비 위키
← 이전 편집다음 편집 →
편집 취소imported>Ljyee
imported>Ljyee
편집 요약 없음
imported>Ljyee
편집 요약 없음
11번째 줄: 11번째 줄:


   position: relative;
   position: relative;
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
   width: 90%;
   width: 90%;
   max-width: 750px;
   max-width: 750px;
   margin: 24px auto;
   margin: 24px auto;


  box-sizing: border-box;
   filter: drop-shadow(10px 12px 7px rgba(0, 0, 0, 0.23));
   filter: drop-shadow(10px 12px 7px rgba(0, 0, 0, 0.23));
}
.pvz-message-box {
  width: 100%;
  margin: 0;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  background: transparent;
}
.pvz-message-box td {
  padding: 0;
  border: 0;
  vertical-align: middle;
}
}
/* 메시지 전체 끝 */
/* 메시지 전체 끝 */
37번째 줄: 25번째 줄:
.pvz-message-tag {
.pvz-message-tag {
   position: relative;
   position: relative;
   width: 150px;
   min-width: 0;
   padding: 14px 12px 14px 48px;
   padding: 14px 12px 14px 48px;


82번째 줄: 70번째 줄:


.pvz-message-card {
.pvz-message-card {
  min-width: 0;
  margin-left: -1px;
   padding: 14px 12px 12px 14px;
   padding: 14px 12px 12px 14px;


162번째 줄: 152번째 줄:
/* 반응형 대응 시작 */
/* 반응형 대응 시작 */
@media (max-width: 760px) {
@media (max-width: 760px) {
  .pvz-message {
    grid-template-columns: 36% minmax(0, 1fr);
  }
   .pvz-message-tag {
   .pvz-message-tag {
    width: 36%;
     padding: 18px 16px 18px 50px;
     padding: 18px 16px 18px 50px;
   }
   }
184번째 줄: 177번째 줄:
@media (max-width: 520px) {
@media (max-width: 520px) {
   .pvz-message {
   .pvz-message {
    grid-template-columns: 112px minmax(0, 1fr);
     width: 90%;
     width: 90%;
     max-width: 750px;
     max-width: 750px;
192번째 줄: 187번째 줄:


   .pvz-message-tag {
   .pvz-message-tag {
    width: 112px;
     padding: 14px 8px 14px 34px;
     padding: 14px 8px 14px 34px;


원본 주소 "https://pvzkrwiki.com/wiki/틀:메시지/styles.css"