기동항공대 테마

사용 방법: 기동항공대 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 the SCP Foundation by Aelanna
    Edited for SCP Foundation by Dr Devan
    Nested topbar by Mafiew
    Edited for SCP FMAF by thd-glasses
    The FMAF Logo was created by thd-glasses and is licensed under CC-BY-SA 3.0.
*/
 
/* HEADER */
 #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;
}
 
/* 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;
    }
}