편집 요약 없음 |
편집 요약 없음 |
||
| 9번째 줄: | 9번째 줄: | ||
<div id="banner" class="flora" onclick="location.href='/w/index.php/분류:플로라_유니버스'"> | <div id="banner" class="flora" onclick="location.href='/w/index.php/분류:플로라_유니버스'"> | ||
<div class="banner-img slide-bottom"> | <div class="banner-img slide-bottom"> | ||
<img alt="플로라.svg" src="/w/images/1/18/플로라.svg" style="width: auto; height: | <img alt="플로라.svg" src="/w/images/1/18/플로라.svg" style="width: auto; height: 100px;"> | ||
</div> | </div> | ||
</div> | </div> | ||
| 129번째 줄: | 129번째 줄: | ||
justify-content: center; | justify-content: center; | ||
flex-direction: column; | flex-direction: column; | ||
} | } | ||
| 228번째 줄: | 223번째 줄: | ||
} | } | ||
/* 모바일 */ | |||
@media screen and (max-width: 1023px) { #main-banner, #banner { height: 200px; } } | |||
/* 플로라 */ | |||
.flora { | |||
background-color: #00A366; | |||
color: #FFF; | |||
} | |||
/* 한나라 */ | |||
.hannara { | |||
background-color: #FFF; | |||
background-repeat: no-repeat; | |||
background-size: cover; | |||
color: #FFF; | |||
} | |||
#hannara-1 { | #hannara-1 { | ||
left: 120px; | left: 120px; | ||
| 246번째 줄: | 257번째 줄: | ||
right: -230px; | right: -230px; | ||
max-width: 600px; | max-width: 600px; | ||
} | |||
@media screen and (max-width: 1023px) { | |||
#hannara-2 { top: -70px; right: -70px; max-width: 450px; } | |||
#hannara-3 { top: 25px; right: -130px; max-width: 350px; } | |||
#hannara-4 { top: 0px; right: -160px; max-width: 400px; } | |||
} | } | ||
/* | /* 아나 */ | ||
.ana { | .ana { | ||
background-color: #000070; | background-color: #000070; | ||
color: #FFF; | color: #FFF; | ||
} | } | ||
/* 리좀 */ | |||
.rhizome { | .rhizome { | ||
background-image: linear-gradient(135deg, #041e42 10%, #eee 10%, #eee 90%, #EC1920 90%); | background-image: linear-gradient(135deg, #041e42 10%, #eee 10%, #eee 90%, #EC1920 90%); | ||
2023년 2월 28일 (화) 20:28 판
