백괴광역시/서구: 두 판 사이의 차이
보이기
< 백괴광역시
백괴게임>Js091213 편집 요약 없음 |
백괴게임>이의섭 편집 요약 없음 |
||
(사용자 2명의 중간 판 21개는 보이지 않습니다) | |||
1번째 줄: | 1번째 줄: | ||
{{사용자:이의섭/UI|qorrhlrhkddurtlwlq}} | |||
{{#css: | |||
.lnb{ | |||
width:100%; | |||
display:flex; | |||
border-top-left-radius: 5px; | |||
border-top-right-radius: 5px; | |||
} | |||
.lnb .menuItem{ | |||
text-align:center; | |||
display:inline-block; | |||
flex:1; | |||
list-style:none; | |||
padding:0em 0em; | |||
transition:0.2s background linear; | |||
background:#F8A5A5; | |||
} | |||
.lnb .menuItem:first-child{ border-top-left-radius:0.6em; } | |||
.lnb .menuItem:last-child{ border-top-right-radius:0.6em; } | |||
.lnb .menuItem a{ | |||
color:white; | |||
text-decoration:none; | |||
transition:0.2s color linear; | |||
width:100%; | |||
height:100%; | |||
display:block; | |||
font-weight:bold; | |||
} | |||
{ | .lnb .menuItem:hover{ | ||
background:white; | |||
} | |||
.lnb .menuItem:hover a{ | |||
color:#F8A5A5; | |||
} | |||
{{ | @media (max-width: 500px) { | ||
.lnb{ | |||
flex-direction:column; | |||
background:#F8A5A5; | |||
} | |||
.lnb .menuItem:first-child{ border-radius:1em 1em 0 0; } | |||
.lnb .menuItem:last-child{ border-top-right-radius:0em; } | |||
} | |||
#toc{ | |||
display: none; | |||
} | |||
.section{ | |||
border:2px solid #E8A5A5; | |||
border-top:0px; | |||
shadow-box:0px 2px rgba(0,0,0,0.5); | |||
margin:0 0 0.5em 0; | |||
} | |||
.section h2{ | |||
border:0px; | |||
font-size:1em; | |||
background:#E8A5A5; | |||
color:white; | |||
text-align:center; | |||
padding:0.5em 0; | |||
margin:0; | |||
} | |||
#mainSection{ | |||
border:2px solid #E8A5A5; | |||
border-top:0px; | |||
display:flex; | |||
item-align:center; | |||
justify-content:center; | |||
margin-bottom:0; | |||
} | |||
#mainSection .homeLogo{ | |||
flex:1; | |||
display:flex; | |||
align-items: center; | |||
justify-content:center; | |||
} | |||
#mainSection .homeLogo img{ | |||
width: auto; | |||
max-height: 17.5em; | |||
} | |||
#mainSection #mf-about{ | |||
flex:3; | |||
padding:1em; | |||
} | |||
#adSection img{ | |||
width: auto; | |||
max-height: 17.5em; | |||
} | |||
#subNavigation{ | |||
transition:background 0.2s linear; | |||
border:2px solid #F8A5A5; | |||
border-top:0px; | |||
margin-bottom:0.5em; | |||
} | |||
#subNavigation ul{ | |||
padding:0; | |||
margin:0; | |||
display:flex; | |||
align-items: center; | |||
justify-content:center; | |||
} | |||
#subNavigation li{ | |||
flex:1; | |||
list-style:none; | |||
text-align:center; | |||
padding:0.3em 0; | |||
background:#F8A5A5; | |||
transition:all 0.2s linear; | |||
} | |||
#subNavigation li:hover{ | |||
background: white; | |||
} | |||
#subNavigation li a{ | |||
color: white; | |||
text-decoration:none; | |||
font-weight:bold; | |||
background:#F8A5A5 | |||
transition:color 0.2s linear; | |||
} | |||
#subNavigation li:hover a{ | |||
color: #E8A5A5; | |||
} | |||
#gameFrame{ | |||
display:flex; | |||
align-items: justify; | |||
justify-content:center; | |||
} | |||
#gameFrame .section{ | |||
flex:1; | |||
margin-left:0.25em; | |||
margin-right:0.25em; | |||
} | |||
#adSection .content{ | |||
display:flex; | |||
align-items: center; | |||
justify-content:center; | |||
height:9em; | |||
} | |||
@media (max-width: 800px) { | |||
#gameFrame{ | |||
display:block; | |||
} | |||
} | |||
@media (max-width: 500px) { | |||
#mainSection{ | |||
flex-direction:column; | |||
} | |||
} | |||
}}<div class="lnb"><li class="menuItem">{{백괴광역시링크|/뻘|뻘}}</li> | |||
<li class="menuItem">{{백괴광역시링크|/바다공단|공단}}</li> | |||
<li class="menuItem">{{백괴광역시링크|/조개마을|마을}}</li> | |||
<li class="menuItem">{{백괴광역시링크|백괴광역시/서구/낚시|낚시}}</li> | |||
<li class="menuItem">{{백괴광역시링크|/서구청|서구청}}</li> | |||
</div> | |||
<div id="mainSection" class="section"> | |||
<div class="homeLogo"> </div> | |||
<div id="mf-about" title="환영합니다"><!-- | |||
--> | |||
당신이 있는 곳 '''백괴광역시 서구'''는 백괴광역시의 임시 수도였으며, 산천대국 계열 국가들과 교류했던 도시...라고는 하지만 굉장히 작은 어촌 마을입니다. 백괴광역시 서구는 현재 생태계 보존을 위해 개발이 거의 시행되지 않고 있으나 지역 경제 활성화를 위해 많은 어업 관련 활동이 이루어지고 있습니다. | |||
백괴광역시 서구에서 이용할 수 있는 교통 수단은 지하철과 시도, 그리고 항구가 있습니다. 또한, 백괴광역시 서구의 지역 생산 활동에 참여해서, 백괴광역시 서구의 경제에 도움이 되는 것도 좋은 생각입니다 :) | |||
</div> | |||
</div> | |||
<div id="subNavigation"> | |||
* {{백괴광역시링크|/서항|항구}} | |||
* {{백괴광역시링크|../제 1번 시도/서구쪽입구|1번 시도}} | |||
* {{백괴광역시링크|/서구역|지하철역}} | |||
* {{백괴광역시링크|/버스터미널|버스터미널}} | |||
</div> |