위키뉴스:대문: 두 판 사이의 차이
내용 삭제됨 내용 추가됨
모바일에서 두 네모 박스가 세로로 표시될 수 있도록 기존 float대신 flex CSS를 사용했니니다. 두 박스 사이의 여백에 column-gap을 사용하고 싶었으나 IE에서는 지원이 안 되고, 현재(2022년) 위키미디어 협회에서 IE 지원을 중단하지 않았으므로 margin-right를 사용하여 약간 여백이 이상한 면이 있습니다. min-width는 임의로 지정했으나 위키미디어에서 320px을 모바일 기준으로 정하는 것에 준할 수 있도록 약 32em 이하면 바뀌도록 했습니다. 태그: 2017 원본 편집 |
모바일 보기 화면에서 안쪽 네모 상자들에 적용되는 위쪽 margin을 제거하기 위해 0을 명시합니다. 태그: 2017 원본 편집 |
||
5번째 줄:
{| style="border-spacing:8px; margin:0px -8px;"
|class="MainPageBG" style="width:60%; border:1px solid #cef2e0; background:#cef2e0; vertical-align:top; color:#000;"|
{|width="100%" cellpadding="2" cellspacing="5" style="vertical-align:top; background:#f5fffa; margin-top:0;"
! <h2 style="margin:0; background:#cef2e0; font-size:larger; font-weight:bold; border:1px solid #a3bfb1; text-align:left; color:#000; padding:0.2em 0.4em;">[[파일:Newspaper Cover.svg|25px|링크=|<nowiki />]] 오늘의 헤드라인</h2>
|-
11번째 줄:
|-
|}
{|width="100%" cellpadding="2" cellspacing="5" style="vertical-align:top; background:#f5fffa; margin-top:0;"
! <h2 style="margin:0; background:#cef2e0; font-size:larger; font-weight:bold; border:1px solid #a3bfb1; text-align:left; color:#000; padding:0.2em 0.4em;">[[파일:Crystal Clear app bell.png|25px|링크=|<nowiki />]] 주요 뉴스 </h2>
|-
24번째 줄:
{|style="border-spacing:8px; margin:0px -8px;"
|class="MainPageBG" style="width:60%; border:1px solid #cedff2; background:#cedff2; vertical-align:top; color:#000;"|
{| width="100%" cellpadding="2" cellspacing="5" style="vertical-align:top; background:#f5faff; margin-top:0;"
! <h2 style="margin:0; background:#cedff2; font-size:larger; font-weight:bold; border:1px solid #a3b0bf; text-align:left; color:#000; padding:0.2em 0.4em;">[[파일:Gnome-dev-camera.svg|25px|링크=|<nowiki />]] 오피니언</h2>
|-
30번째 줄:
|-
|}
{| width="100%" cellpadding="2" cellspacing="5" style="vertical-align:top; background:#f5faff; margin-top:0;"
! <h2 style="margin:0; background:#cedff2; font-size:larger; font-weight:bold; border:1px solid #a3b0bf; text-align:left; color:#000; padding:0.2em 0.4em;">[[파일:Write.svg|25px|링크=|<nowiki />]] 기사 쓰기</h2>
|-
36번째 줄:
|-
|}
{|width="100%" cellpadding="2" cellspacing="5" style="vertical-align:top; background:#f5faff; margin-top:0;"
! <h2 style="margin:0; background:#cedff2; font-size:larger; font-weight:bold; border:1px solid #a3b0bf; text-align:left; color:#000; padding:0.2em 0.4em;">[[파일:Current event marker.svg|35px|링크=|<nowiki />]] 최신 뉴스 </h2>
|-
42번째 줄:
|-
|}
{| width="100%" cellpadding="2" cellspacing="5" style="vertical-align:top; background:#f5faff; margin-top:0;"
! <h2 style="margin:0; background:#00BFFF; font-size:larger; font-weight:bold; border:1px solid #a3b0bf; text-align:left; color:#000; padding:0.2em 0.4em;">[[파일:Vista-licq.png|25px|링크=|<nowiki />]] 위키뉴스 소식</h2>
|-
54번째 줄:
{|style="border-spacing:8px; margin:0px -8px;"
|class="MainPageBG" style="width:50%; border:1px solid #DDCEF2; background:#DDCEF2; vertical-align:top; color:#000;"|
{| width="100%" cellpadding="2" cellspacing="5" style="vertical-align:top; background:#faf5ff; margin-top:0;"
! <h2 style="margin:0; background:#DDCEF2; font-size:larger; font-weight:bold; border:1px solid #AFA3BF; text-align:left; color:#000; padding:0.2em 0.4em;">[[파일:Wikimedia-logo.svg|25px|링크=|<nowiki />]] 자매 프로젝트</h2>
|-
| |||