기동항공대 테마
사용 방법: 기동항공대 CSS 테마
- 기동항공대를 위한 전용 테마입니다.
- 본 테마를 적용할 페이지 최상단에 다음 구문을 삽입하세요.
[[include :scpko:theme:fmaf-theme]]
How to use: MOBILE AIR FORCE CSS THEME
- This is the original theme for Mobile Air Force.
- Add the following code on the top of your page.
[[include :scpko:theme:fmaf-theme]]
@charset "utf-8"; /* 기동항공대 CSS 테마 [2020 Wikidot Theme] Created for SCP FMAF by thd-glasses The FMAF Logos were created by thd-glasses and is licensed under CC-BY-SA 3.0. */ #header { background: url(https://scpko.wdfiles.com/local--files/theme%3Afmaf-theme/FMAF_logo.png) 10px 30px no-repeat; } #header h1 a { color: transparent; font-size: 150%; text-shadow: none; } #header h1 a::before { content: "기동항공대"; color: #eee; text-shadow: 3px 3px 5px #000000; } #header h2 span { color: transparent; text-shadow: none; } #header h2 span::before { content: '알파-17 작전사령부'; color: #f0f0c0; text-shadow: 1px 1px 1px #000000; text-shadow: 1px 1px 1px rgba(0,0,0,.8); } #side-bar .side-block { border-radius: 0px; } .yui-nav { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; } .yui-nav li { display: flex; flex-grow: 2; margin: 0; } .yui-nav li a { width: 100%; text-align: center; } .yui-navset .yui-content { border: none; border-bottom: 2px solid #641527; background-color: #F9F9F9; padding: 15px; } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background:#FFF url(http://scpko.wdfiles.com/local--files/theme%3Athe-buck-stops-here/logo_KO.png) repeat-x; border-top: solid #641527 2px; border-left: solid #EDD 1px; border-right: solid #EDD 1px; border-bottom: none; color:#000; } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */ .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */ background: linear-gradient(to bottom, #782637,#641527); /* selected tab background */ color: #FFF; } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { background: #DDD; text-decoration: none; } .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { border-color: #641527; } /* Mobile Media Query */ @media (max-width: 479px) { #header { background-position: 0 5.5em; background-size: 55px 55px; } #header h1 a { font-size: 100%; } #header h1, #header h2 { margin-left: 66px; } } /* Small Mobile Media Query */ @media (max-width: 385px) { #header { background-position: 5% 5.5em; } #header h1, #header h2 { margin-left: -webkit-calc(66px + 5%); margin-left: -moz-calc(66px + 5%); margin-left: calc(66px + 5%); } } /* Note Media Query */ @media (min-width: 480px) and (max-width: 580px) { #header { background-position: 0.5em 4.5em; background-size: 66px 66px; } #header h1 a { font-size: 120%; } #header h1, #header h2 { margin-left: 80px; } } /* Mini Tablet Media Query */ @media (min-width: 581px) and (max-width: 767px) { #header { background-position: 1em 4em; background-size: 77px 77px; } #header h1 a { font-size: 140%; } #header h1, #header h2 { margin-left: 93px; } } /* Tablet Media Query */ @media (min-width: 768px) and (max-width: 979px) { #header { background-position: 1em 4em; background-size: 88px 88px; } #header h1 a { font-size: 160%; } #header h1, #header h2 { margin-left: 106px; } }
페이지 내역: 30, 마지막 수정: 15 Jul 2023 20:50