|
|
| (같은 사용자의 중간 판 45개는 보이지 않습니다) |
| 1번째 줄: |
1번째 줄: |
| <div class="desktoponly">
| | == 한나라당 역사가 두렵지 않느냐 == |
| <div class="container">
| | |
| <div class="menu">
| |
| <div class="dropdown-desktop" id="협회" style="width: 24%">
| |
| <div class="dropbtn-desktop">[[File:Wikimedia-logo black.svg|16px|link=위키백과:한국 위키미디어 협회]] [[위키백과:한국 위키미디어 협회|<span style="color:#000000; bold;">'''한국위키미디어협회'''</span>]]</div>
| |
| </div><div class="dropdown-desktop" id="협회활동" style="width: 12%">
| |
| <div class="dropbtn-desktop">[[위키백과:한국 위키미디어 협회/협회활동|<span style="color:#000000">협회활동</span>]]</div>
| |
| <div class="dropdown-content-desktop">
| |
| <div class="btn-long-desktop">[[위키백과:한국 위키미디어 협회/협회활동/연간일정|<span style="color:#000000">'22 연간일정</span>]]</div>
| |
| <div class="btn-long-desktop">[[위키백과:한국 위키미디어 협회/협회활동/주요사업|<span style="color:#000000">'22 협회사업</span>]]</div>
| |
| <div class="btn-long-desktop">[[위키백과:한국 위키미디어 협회/협회활동/언론보도|<span style="color:#000000">언론보도</span>]]</div>
| |
| <div class="btn-long-desktop">[[위키백과:한국 위키미디어 협회/협회활동/후원안내|<span style="color:#000000">후원안내</span>]]</div>
| |
| <div class="btn-long-desktop">[[위키백과:한국 위키미디어 협회/협회활동/자료실|<span style="color:#000000">자료실</span>]]</div>
| |
| <div class="btn-long-desktop">[[위키백과:한국 위키미디어 협회/협회활동/회원 사랑방|<span style="color:#000000">회원 사랑방</span>]]</div>
| |
| </div>
| |
| </div><div class="dropdown-desktop" id="협회사업" style="width: 12%">
| |
| <div class="dropbtn-desktop">[[위키백과:한국 위키미디어 협회/협회사업|<span style="color:#000000">협회사업</span>]]</div>
| |
| <div class="dropdown-content-desktop">
| |
| <div class="btn-long-desktop">[[위키백과:한국 위키미디어 협회/협회사업/컨퍼런스|<span style="color:#000000">컨퍼런스</span>]]</div>
| |
| <div class="btn-long-desktop">[[위키백과:한국 위키미디어 협회/협회사업/올해의 위키인|<span style="color:#000000">올해의 위키인</span>]]</div>
| |
| <div class="btn-long-desktop">[[위키백과:한국 위키미디어 협회/협회사업/에디터톤|<span style="color:#000000">에디터톤</span>]]</div>
| |
| <div class="btn-long-desktop">[[위키백과:한국 위키미디어 협회/협회사업/온라인 에디터톤 지원|<span style="color:#000000">온라인 에디터톤 지원</span>]]</div>
| |
| <div class="btn-long-desktop">[[위키백과:한국 위키미디어 협회/협회사업/위키탐방|<span style="color:#000000">위키탐방</span>]]</div>
| |
| <div class="btn-long-desktop">[[위키백과:한국 위키미디어 협회/협회사업/오프모임 지원|<span style="color:#000000">오프모임 지원</span>]]</div>
| |
| <div class="btn-long-desktop">[[위키백과:한국 위키미디어 협회/협회사업/교육지원|<span style="color:#000000">교육지원</span>]]</div>
| |
| <div class="btn-long-desktop">[[위키백과:한국 위키미디어 협회/협회사업/위키마니아|<span style="color:#000000">위키마니아</span>]]</div>
| |
| <div class="btn-long-desktop">[[위키백과:한국 위키미디어 협회/협회사업/사진공모전|<span style="color:#000000">사진공모전</span>]]</div>
| |
| </div>
| |
| </div><div class="dropdown-desktop" id="협회소개" style="width: 12%">
| |
| <div class="dropbtn-desktop">[[위키백과:한국 위키미디어 협회/협회소개|<span style="color:#000000">협회소개</span>]]</div>
| |
| <div class="dropdown-content-desktop">
| |
| <div class="btn-medium-desktop">[[위키백과:한국 위키미디어 협회/협회소개/인사말|<span style="color:#000000">인사말</span>]]</div>
| |
| <div class="btn-medium-desktop">[[위키백과:한국 위키미디어 협회/협회소개/연혁|<span style="color:#000000">연혁</span>]]</div>
| |
| <div class="btn-medium-desktop">[[위키백과:한국 위키미디어 협회/협회소개/조직|<span style="color:#000000">조직</span>]]</div>
| |
| <div class="btn-medium-desktop">[[위키백과:한국 위키미디어 협회/협회소개/국제활동|<span style="color:#000000">국제활동</span>]]</div>
| |
| <div class="btn-medium-desktop">[[위키백과:한국 위키미디어 협회/협회소개/역할|<span style="color:#000000">역할</span>]]</div>
| |
| <div class="btn-medium-desktop">[[위키백과:한국 위키미디어 협회/협회소개/정관|<span style="color:#000000">정관</span>]]</div>
| |
| <div class="btn-medium-desktop">[[위키백과:한국 위키미디어 협회/협회소개/이사추천|<span style="color:#000000">이사추천</span>]]</div>
| |
| <div class="btn-medium-desktop">[[위키백과:한국 위키미디어 협회/협회소개/재정현황|<span style="color:#000000">재정현황</span>]]</div>
| |
| </div>
| |
| </div><div class="dropdown-desktop" id="사진첩" style="width: 10%">
| |
| <div class="dropbtn-desktop">[[위키백과:한국 위키미디어 협회/사진첩|<span style="color:#000000">사진첩</span>]]</div>
| |
| <div class="dropdown-content-desktop">
| |
| <div class="btn-short-desktop">[[위키백과:한국 위키미디어 협회/사진첩/2022년|<span style="color:#000000">2022</span>]]</div>
| |
| <div class="btn-short-desktop">[[위키백과:한국 위키미디어 협회/사진첩/2021년|<span style="color:#000000">2021</span>]]</div>
| |
| <div class="btn-short-desktop">[[위키백과:한국 위키미디어 협회/사진첩/2020년|<span style="color:#000000">2020</span>]]</div>
| |
| <div class="btn-short-desktop">[[위키백과:한국 위키미디어 협회/사진첩/2019년|<span style="color:#000000">2019</span>]]</div>
| |
| <div class="btn-short-desktop">[[위키백과:한국 위키미디어 협회/사진첩/2018년|<span style="color:#000000">2018</span>]]</div>
| |
| <div class="btn-short-desktop">[[위키백과:한국 위키미디어 협회/사진첩/2017년|<span style="color:#000000">2017</span>]]</div>
| |
| <div class="btn-short-desktop">[[위키백과:한국 위키미디어 협회/사진첩/2016년|<span style="color:#000000">2016</span>]]</div>
| |
| <div class="btn-short-desktop">[[위키백과:한국 위키미디어 협회/사진첩/2015년|<span style="color:#000000">2015</span>]]</div>
| |
| <div class="btn-short-desktop">[[위키백과:한국 위키미디어 협회/사진첩/2014년|<span style="color:#000000">2014</span>]]</div>
| |
| </div>
| |
| </div><div class="dropdown-desktop" id=KIWI" style="width: 10%">
| |
| <div class="dropbtn-desktop">[[위키백과:KIWI|<span style="color:#000000">KIWI</span>]]</div>
| |
| </div><div class="dropdown-desktop" id="오시는길" style="width: 10%">
| |
| <div class="dropbtn-desktop">[[위키백과:한국 위키미디어 협회/오시는길|<span style="color:#000000">오시는길</span>]]</div>
| |
| <div class="dropdown-content-desktop">
| |
| <div class="btn-short-desktop">[[위키백과:한국 위키미디어 협회/오시는길#연락처|<span style="color:#000000">연락처</span>]]</div>
| |
| <div class="btn-short-desktop">[[위키백과:한국 위키미디어 협회/오시는길#소셜미디어|<span style="color:#000000">SNS</span>]]</div>
| |
| </div>
| |
| </div><div class="dropdown-desktop" id="회원모집" style="width: 10%">
| |
| <div class="dropbtn-desktop">[[위키백과:한국 위키미디어 협회/회원모집|<span style="color:#000000">회원모집</span>]]</div>
| |
| </div> <!-- div class=menu 닫음-->
| |
| <div class="padding">
| |
| <div class="dropdown-desktop" id="padding" style="width: 100%">
| |
| <div class="dropbtn-padding-desktop"> </div>
| |
| </div>
| |
| </div>
| |
| </div> <!--div class=container 닫음-->
| |
| </div><!--div class=desktoponly 닫음-->
| |
| </div>
| |
| <html><style>
| |
| @media ( max-width:600px ) {
| |
| .desktoponly {
| |
| display: none;
| |
| }
| |
| }
| |
|
| |
|
| /* 레이아웃 정보를 시작합니다 */
| |
|
| |
|
| /* 플렉스 컨테이너 객체입니다.*/
| | <!-- 라이트모드 --> |
| .container { | | {{#CSS: |
| display: flex; | | body.Liberty { |
| | background-color: #eff6ff; |
| | } |
| | .Liberty .content-wrapper .liberty-notice, |
| | .Liberty .content-wrapper .liberty-content, |
| | .Liberty .content-wrapper .liberty-content .liberty-content-header, |
| | .Liberty .content-wrapper .liberty-content .liberty-content-main, |
| | .Liberty .content-wrapper .liberty-footer, |
| | .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent, |
| | .Liberty .content-wrapper .liberty-sidebar .everest-rss, |
| | .suggestions .suggestions-results, .dark .suggestions .suggestions-special, |
| | .Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools, |
| | .btn-group, |
| | .content-tools .btn-secondary, |
| | .Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools .dropdown-menu, |
| | .Liberty .nav-wrapper .navbar .dropdown-menu, |
| | .Liberty .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { |
| | background-color: #dbeafe; |
| | border-color: #93c5fd; |
| | color: #020617; |
| | } |
| | .Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools .tools-btn, |
| | .Liberty .nav-wrapper .navbar .form-inline .form-control { |
| | border-color: #93c5fd; |
| | color: #020617; |
| } | | } |
| /* 메뉴가 차지하는 영역을 650px 부터 시작합니다. */
| | .Liberty .content-wrapper .liberty-content .liberty-content-header .title > h1 { |
| .menu { | | color: #020617; |
| flex-grow: 2;
| |
| flex-shrink: 0;
| |
| flex-basis: 650px;
| |
| display : flex;
| |
| } | | } |
| | .Liberty .content-wrapper .liberty-content .liberty-content-main h1, |
| | .Liberty .content-wrapper .liberty-content .liberty-content-main h2, |
| | .Liberty .content-wrapper .liberty-content .liberty-content-main h3, |
| | .Liberty .content-wrapper .liberty-content .liberty-content-main h4, |
| | .Liberty .content-wrapper .liberty-content .liberty-content-main h5, |
| | .Liberty .content-wrapper .liberty-content .liberty-content-main h6 { |
| | border-bottom-color: #93c5fd; |
| | } |
| | }} |
|
| |
|
| /* 객체가 차지하고 남은 나머지 영역을 채웁니다. */
| | <!-- 다크모드 --> |
| .padding {
| | {{#CSS: |
| flex-grow: 1;
| | body.Liberty:is(.dark *) { |
| flex-shrink: 1;
| | background-color: #450a0a; |
| flex-basis: 0px;
| |
| } | | } |
| | | .nav-wrapper.navbar-fixed-top:is(.dark *) { |
| | | background: transparent; |
| /* 여기까지가 레이아웃 정보 끝입니다 */
| | } |
| | | .Liberty .content-wrapper .liberty-notice:is(.dark *) { |
| /* Dropdown Button의 스타일을 정합니다. */
| | background-color: #450a0a !important; |
| .dropbtn-desktop { | | border-color: #7f1d1d; |
| background-color: #efefef; | | color: #fef2f2; |
| text-align: center;
| |
| color: white;
| |
| padding-top: 15px;
| |
| padding-bottom: 15px;
| |
| padding-left: 5px; | |
| padding-right: 5px; | |
| font-size: 13px; | |
| border: none;
| |
| } | | } |
| /* Dropdown Button과 같지만 Padding 부분이므로 선택시 색이 변하지 않습니다. */
| | .Liberty .content-wrapper .liberty-content:is(.dark *), |
| .dropbtn-padding-desktop { | | .Liberty .content-wrapper .liberty-content .liberty-content-header:is(.dark *), |
| background-color: #efefef;
| | .Liberty .content-wrapper .liberty-content .liberty-content-main:is(.dark *), |
| text-align: center;
| | .Liberty .content-wrapper .liberty-footer:is(.dark *), |
| color: white;
| | .Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent:is(.dark *), |
| padding-top: 15px;
| | .Liberty .content-wrapper .liberty-sidebar .everest-rss:is(.dark *), |
| padding-bottom: 15px;
| | .suggestions .suggestions-results, .dark .suggestions .suggestions-special:is(.dark *), |
| padding-left: 5px;
| | .Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools:is(.dark *), |
| padding-right: 5px; | | .btn-group:is(.dark *), |
| font-size: 13px; | | .btn-secondary:is(.dark *), |
| border: none; | | .Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools .dropdown-menu:is(.dark *), |
| | .Liberty .nav-wrapper .navbar .dropdown-menu:is(.dark *), |
| | .Liberty .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:is(.dark *) { |
| | background-color: #7f1d1d; |
| | border-color: #b91c1c; |
| | color: #fef2f2; |
| } | | } |
| | | .fa:is(.dark *), |
| /* <div class="dropdown"> 으로 선언되어야 합니다. 연관된 dropdown-content 객체의 position 값은 필수입니다. */
| | .Liberty .nav-wrapper .navbar .navbar-login .fa:is(.dark *), |
| .dropdown-desktop { | | .Liberty .nav-wrapper .navbar .navbar-nav .nav-item .nav-link:is(.dark *), |
| position: relative; | | .Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools .tools-btn:is(.dark *), |
| display: inline-block; | | .Liberty .nav-wrapper .navbar .form-inline .form-control:is(.dark *) { |
| | border-color: #b91c1c; |
| | color: #fef2f2; |
| } | | } |
| /* Dropdown Content (기본값 - 숨김) */
| | .Liberty .content-wrapper .liberty-content .liberty-content-header .title > h1:is(.dark *) { |
| .dropdown-content-desktop { | | color: #fef2f2; |
| display: none;
| |
| position: absolute;
| |
| width : 100%;
| |
| box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
| |
| z-index: 1; | |
| } | | } |
| /* Dropdown Content 영역의 긴 버튼입니다. (활동, 사업)*/
| | .Liberty .content-wrapper .liberty-content .liberty-content-main h1:is(.dark *), |
| .btn-long-desktop { | | .Liberty .content-wrapper .liberty-content .liberty-content-main h2:is(.dark *), |
| background-color: #e8e8e8;
| | .Liberty .content-wrapper .liberty-content .liberty-content-main h3:is(.dark *), |
| color: black;
| | .Liberty .content-wrapper .liberty-content .liberty-content-main h4:is(.dark *), |
| padding: 10px;
| | .Liberty .content-wrapper .liberty-content .liberty-content-main h5:is(.dark *), |
| font-size: 11px;
| | .Liberty .content-wrapper .liberty-content .liberty-content-main h6:is(.dark *) { |
| min-width: 70px;
| | border-bottom-color: #b91c1c; |
| border: none; | |
| display: block;
| |
| } | | } |
| /* Dropdown Content 영역의 중간 버튼입니다. (소개)*/
| | a:is(.dark *) { |
| .btn-medium-desktop {
| | color: #fed7aa; |
| background-color: #e8e8e8; | |
| color: black;
| |
| padding: 10px;
| |
| font-size: 11px;
| |
| min-width: 45px;
| |
| border: none;
| |
| display: block;
| |
| } | | } |
| /* Dropdown Content 영역의 짧은 버튼입니다. dropbtn의 너비에 연동됩니다. (사진첩, 소식지)*/
| | a.external:is(.dark *) { |
| .btn-short-desktop {
| | color: #d9f99d; |
| background-color: #e8e8e8; | |
| color: black;
| |
| box-sizing: border-box;
| |
| padding-top: 10px;
| |
| padding-bottom: 10px;
| |
| padding-left: 10px;
| |
| font-size: 11px;
| |
| width: 100%;
| |
| border: none;
| |
| display: block;
| |
| } | | } |
| | | }} |
| /* Dropdown button에 입력장치(마우스, 터치패드)를 통해 포인터를 이동시켜 놓으면, Dropdown content가 표시됩니다. */
| |
| .dropdown-desktop:hover .dropdown-content-desktop {display: block;}
| |
| /* Dropdown button 아래에 Dropdown content가 표시될 때, dropbtn 버튼의 배경색이 바뀝니다. */
| |
| .dropdown-desktop:hover .dropbtn-desktop {background-color: #cecece;}
| |
| </style></html>
| |