기동항공대 테마

사용 방법: 기동항공대 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;
    }
}