빛의 수도회 (구 허브)
@import url(https://fonts.googleapis.com/css?family=Lustria);
 
:root {
    /* 1 Common */
    --ct_col_body-txt: white;
    --ct_col_h1-txt: #ffd700;
    --ct_col_link: #ffd700;
    --ct_col_link-visited: #e5c100;
    --ct_col_link-newpage: #ffe246;
 
    /* 4 Rating-module */
    --ct_col_rate-primary: #4169e1;
    --ct_col_rate-secondary: #6495ed;
    --ct_col_rate-cancel: #fdd700;
    --ct_col_rate-link-hover: #e3c100;
    --ct_brd_rate-primary: solid 1px #FFD700;
}
 
/* COMMON */
#content-wrap {
    position: relative;
    margin: 2em auto 0;
    max-width: 1100px;
    min-height: 1500px;
    height: auto !important;
    height: 1500px;
}
 
h1, #page-title {
    color: #FFD700;
    padding: 0 0 0.25em;
    margin: 0 0 0.6em;
    font-weight: normal;
}
#page-title {
    border-color: #FFD700;
}
 
/* Links */
a, #side-bar a, #side-bar a:visited {
    color: #ffd700;
}
a.newpage {
    color: #ffdf32;
}
#main-content#a:visited {
    color: #ffd700;
}
 
.form-control {
width: 95%;
}
 
/* GLOBAL WIDTH */
 
body {
    background-color: white;
    font-size: 0.80em;
    color: black;
}
div#container-wrap {
    background: url(http://fondationscp.wdfiles.com/local--files/theme%3Aordre-de-la-lumiere/TheWorld.jpg) center fixed no-repeat; 
    background-size: cover;
}
 
/* HEADER */
#header {
    height: 180px;
    position: relative;
    z-index: 10;
    padding-right: 85px;
    padding-bottom: 50px; /* FOR MENU */
    background: url(http://fondationscp.wdfiles.com/local--files/theme%3Aordre-de-la-lumiere/Symbole.png) 0px 0px no-repeat;
}
 
@media screen and (max-width:800px){
#header {
    background:none;
    height: 250px;
}
#header::before {
content: " ";
    height: 250px;
    width: 250px;
    position: absolute;
    z-index: -1;
    background: url(http://fondationscp.wdfiles.com/local--files/theme%3Aordre-de-la-lumiere/Symbol-Order-of-the-Light-Mobile.png) 0px 0px no-repeat;
}
/*#header::after{
    content: " ";
position: absolute;
    top: 250px;
    display: block;
    width: 250px;
     height: 100px;
    background-image: url(http://fondationscp.wdfiles.com/local--files/theme%3Aordre-de-la-lumiere/Symbol-Order-of-the-Light-Mobile-Two.png);
    background-position: -250px -70px;
}*/
}
#search-top-box {
    position: absolute;
    top: 79px;
    right: 9px;
    width: 250px;
    text-align: right;
}
#search-top-box-input {
    border: solid 1px #FFD700;
    border-radius: 5px;
    color: #FFD700;
    background-color: #4169E1;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.5);
}
#search-top-box-input:hover,
#search-top-box-input:focus {
    border: solid 1px #FFD700;
    color: #FFD700;
    background-color: #0000FF;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.8);
}
#search-top-box-form input[type=submit] {
    border: solid 1px #FFD700;
    border-radius: 5px;
    padding: 2px 5px;
    font-size: 90%;
    font-weight: bold;
    color: #FFD700;
    background-color: #0000FF;
    background: linear-gradient(to bottom, #87CEEB,#4169E1,#191970);
    box-shadow: 0 1px 3px rgba(0,0,0,.5);
    cursor: pointer;
}
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: solid 1px #FFD700;
    color: #FFD700;
    text-shadow: 0 0 1px rgba(255,255,255,.25);
    background-color: #FFD700;
    background: linear-gradient(to bottom, #ADD8E6,#6495ED,#0000FF);
    box-shadow: 0 1px 3px rgba(0,0,0,.8);
}
 
#login-status {
    color: #FFD700;
    font-size: 90%;
    z-index: 30;
}
#login-status a {
    background: transparent;
    color: #FFD700;
}
#login-status ul a {
    color: #FFD700;
    background: transparent;
}
 
#account-topbutton {
    background: white;
    color: #FFD700;
}
 
#header h1 {
    margin-left: 120px;
    padding: 0;
    float: left;
    max-height: 95px;
}
#header h2 {
    margin-left: 120px;
    padding: 0;
    clear: left;
    float: left;
    font-size: 105%;
    max-height: 38px;
}
 
#header h1 a {
    display: none;
    margin: 0;
    padding: 80px 0 25px;
    line-height: 0px;
    max-height: 0px;
    color: #FFD700;
    background: transparent;
    font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
    font-size: 180%;
    text-decoration: none;
    text-shadow: 3px 3px 5px #000;
    letter-spacing: 0.9px;
}
 
#header h2 span {
    display: none;
    margin: 0;
    padding: 19px 0;
    line-height: 0px;
    max-height: 0px;
    font-weight: bold;
    color: #FFD700;
    text-shadow: 1px 1px 1px #000;
    text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}
 
/* TOP MENU */
#top-bar {
    position: absolute;
    top: 190px;
    height: 21px;
    line-height: 18px;
    padding: 0;
    margin: 0 -15px;
    font-size: 95%;
}
 
#top-bar a {
    color: white;
    background: transparent;
    border: solid 1px #FFD700;
}
 
#top-bar ul li ul {
    border: solid 1px #FFD700;
    box-shadow: 0 2px 6px rgba(0,0,0,.5);
    border-top: 0;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: #4169E1;
    opacity: 0.95;
    color: white;
    border-left: solid 1px rgba(64,64,64,1);
    border-right: solid 1px rgba(64,64,64,1);
}
 
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-width: 0;
    width: 150px;
    border-top: 1px solid #FFD700;
    line-height: 160%;
    height: auto;
    max-height: none;
    padding-top: 0;
    padding-bottom: 0;
}
 
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: linear-gradient(to bottom, #87CEEB,#4169E1,#191970);
    color: #FFD700;
    text-decoration: none;
}
#top-bar ul li ul a, #top-bar a:hover {
    color: #4169E1;
}
 
/* SIDE MENU */
#side-bar img {
  padding-left: 13px;
  box-sizing: border-box;
  background: url(http://fondationscp.wdfiles.com/local--files/theme%3Aordre-de-la-lumiere/A%26O.png) left top no-repeat;
}
 
#side-bar .menu-item p::before,
#side-bar .collapsible-block-link::before, #side-bar .colmod-link-top a::before {
        filter: hue-rotate(60deg) brightness(600%);
}
 
#side-bar .side-block {
    padding: 10px;
    border: 1px solid #FFD700;
    border-radius: 10px;
    background: linear-gradient(to bottom,#B0C4DE,#4169E1,#00008B,#000000);
    margin-bottom: 15px;
}
 
@media screen and (max-width:767px){
#side-bar{
background-color: transparent;
}
}
 
#side-bar .heading {
    color: #FFD700;
    border-bottom: solid 1px #FFD700;
 
}
#side-bar div.menu-item.inactive a {
    color: #FFD700;
}
#side-bar div.menu-item .sub-text {
    color: #FFD700;
}
#side-bar .collapsible-block-unfolded-link {
    border-bottom: solid 1px #FFD700;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    color: #FFD700; 
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: #FFD700;
}
 
/* Patchs de lisibilité */
#page-content {
    background-color: rgba(255,255,255,.5);
    border-radius: 15px;
    padding: 6px;
}
 
.page-info { color: navajowhite !important }
#action-area, .history-form-1, .page-source {
    background: rgba(0,0,0,.3);
    color: navajowhite;
    padding: 5px;
}
.lock-info { color: black }
 
/* YUI-TABS */
.yui-navset .yui-content {
    background-color: white;
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: white;
    background-image: url(http://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/shiny/images/yuitabs.png);
}
.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: #4169E1; /* selected tab background */
    color: #FFD700;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background: white;
    text-decoration: none;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #FFD700;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #4169E1;
}
 
/* FOOTER */
#footer {
    clear: both;
    font-size: 77%;
    background: black;
    color: #FFD700;
    margin-top: 15px 5px;
    padding: 3px 10px;
    overflow: hidden;
    margin-bottom: 22px
}
 
#footer a {
    color: white;
    background: #transparent;
}
 
#license-area {
    padding: 0 0.5em 5px 0.5em;
    color: white;
    bottom: 0px;
    position: fixed;
    left: 32%;
    width: auto;
    height: auto;
    background-color: #000000;
    border-radius: 2px;
    box-shadow: 0px 0px 3px #FFFFFF;
}
 
/* SOME NICE BOXES */
div.sexy-box {
    background: #87CEEB;
    border: 1px solid #FFD700;
    padding: 0 10px 12px;
    margin: 7px 4px 12px;
    overflow: hidden;
}
div.sexy-box div.image-container img {
    margin: 5px;
    padding: 2px;
    border: 1px solid #FFD700;
}
 
/* Custom page content classes */
 
.content-panel {
    border: solid 1px #FFD700;
    border-radius: 10px;
    background-color: #87CEEB;
    margin: 10px 0 15px;
    box-shadow: 3px 3px 6px #4169E1;
    box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.1);
}
.content-panel.standalone {
    background: linear-gradient(to bottom, #1E90FF,#4169E1,#191970);
    border-color: #FFD700
}
 
.content-panel .panel-heading {
    padding: 2px 10px;
    color: #FFD700;
    font-size: 90%;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0,0,0,.35);
}
.content-panel .panel-body {
    padding: 5px 10px;
    background: #87CEEB url(http://www.scp-wiki.net/local--files/component:theme/panel-bg-gradient-reverse.png) bottom repeat-x;
}
.content-panel .panel-footer {
    padding: 1px 10px;
    color: #FFD700;
    font-size: 80%;
    font-weight: bold;
    text-align: right;
    text-shadow: 1px 1px 2px rgba(0,0,0,.5);
}
.content-panel .panel-footer a {
    color: #FFD700;
}
.content-panel .content-toc {
    float: right;
    padding: 0 20px;
    background-color: #4169E1;
    border: solid 1px #FFD700;
    border-radius: 10px;
    margin: 20px 0 5px 5px;
    white-space: nowrap;
    box-shadow: inset 1px 2px 6px rgba(0,0,0,.15)
}
 
/* Page Rating Module Customizations */
.page-rate-widget-box .rate-points {
    background-color: #4169E1;
    color: #FFD700;
    border: solid 1px #FFD700;
    border-right: 0;
    border-radius: 5px 0 0 5px;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: #6495ED;
    border-top: solid 1px #FFD700;
    border-bottom: solid 1px #FFD700;
    font-weight: bold;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: #FFD700;
    padding: 0 4px;
    margin: 0 1px;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: #87CEEB;
    color: #FFD700;
    text-decoration: none;
}
.page-rate-widget-box .cancel {
    background-color: #4169E1 !important;
    border: solid 1px #FFD700 !important;
    border-left: 0 !important;
    border-radius: 0 5px 5px 0 !important;
}
.page-rate-widget-box .cancel a {
    background: transparent !important;
    text-transform: uppercase !important;
    color: #FFD700 !important;
}
.page-rate-widget-box .cancel a:hover {
    border-radius: 0 3px 3px 0 !important;
    background: #4169E1 !important;
    color: #FFD700 !important;
    text-decoration: none !important;
}
 
/* Info Module */
.rate-box-with-credit-button .creditButton {
    background-color: #4169e1 !important;
    border-color: #ffd700 !important;
}
.creditButton a{
    color: #fff6f0;
}
.creditButton a:hover {
    color: #ffd700;
}
 
/* Standard Image Block */
 
.scp-image-block {
    float: right;
    clear: right;
    margin: 0 2em 1em 2em;
    border: solid 1px #FFD700;
    box-shadow: 0 1px 6px rgba(0,0,0,.25);
    width: 300px;
}
.scp-image-block .scp-image-caption {
    background-color: #eee;
    border-top: solid 1px #FFD700;
    padding: 2px 0;
    font-size: 80%;
    font-weight: bold;
    text-align: center;
    width: 300px;
}
#header {
    background: url(https://scpko.wdfiles.com/local--files/theme%3Aordre-de-la-lumiere/Symbole.png) 0px 0px no-repeat;
}
 
@media screen and (max-width: 800px) {
    #header {
        background: none;
    }
}
평가: +2+x

수십 년, 수백 년, 수천 년 전부터 인류는 존재하고 또 진화를 거듭하였습니다.

인류는 이제 어두컴컴한 동굴이 아니라 거대한 고층 빌딩에 삽니다. 인류는 이제 허름한 동물 가죽이 아니라 화려한 직물로 만든 옷을 입습니다. 인류는 이제 두 손만으로 일하는 것이 아니라 수많은 자원과 도구를 이용하여 일합니다. 인류는 이제 잠깐의 안심이 아니라 지속가능한 안락함을 추구합니다. 인류는 이제, 주위 환경에 그저 순응하는 것이 아니라 식물의 생활과 동물의 세계에로 자신의 의지를 서슴없이 드러냅니다.

인류는 창조를 목적으로 육신에게 의지를 주입할 수 있고 또 파괴를 목적으로 제거할 수 있습니다. 생명을 주입하고 또 회복할 수 있음으로써, 우리는 스스로가 신과 같은 존재가 되었음을 깨달을 수 있었습니다.

그러나 인간의 삶이라는 것은 덧없고 또 보잘것없기만 합니다. 반면 신의 삶은 영원불멸하고 또한 무한한 행복으로 가득 차 있습니다.

우리 빛의 수도회는, 인간은 마땅히 자신을 완성시키고 성숙시켜야 하는, 진화하는 존재임을 믿습니다.

우리는 앎의 길을 따름으로써 인간이 자신의 덧없음이라는 그 본성을 초월하게 될 수 있다고 믿습니다.

우리는 무지가 인류를 붙잡아 공포와 욕구에 사로잡히도록 만들었다고 믿습니다. 인류는 자신이 알지 못하고 이해하지 못하는 것을 두려워하며 또 경멸하기에 전쟁을 일으키고 갈등 속으로 뛰어들며, 또한 가 닿을 수 없는 행복을 언제나 바라며 결코 만족을 얻지 못하기에 죄악에 굴복합니다.

우리 빛의 수도회는, 인류라는 존재가, 또 인간 한 사람 한 사람이 가치 있는 존재이며 또한 이 세계에 감추어진 오랜 지식들 앞으로 더 가까이 나아갈 수 있음을 믿습니다.

빛의 수도회로 어서 오십시오!

이 페이지의 배경 음악은 Adrian von Ziegler가 작곡, 배경 그림은 [https://www.deviantart.com/txvirus]가 제작하였으며, 모두 원작자의 허가 하에 사용합니다. 해당 작품들은 모두 크리에이티브 커먼즈 저작자표시-동일조건변경허락 3.0 라이선스를 적용받지 않음을 알려드립니다.


🈲: SCP 재단의 모든 컨텐츠는 15세 미만의 어린이 혹은 청소년이 시청하기에 부적절합니다.
따로 명시하지 않는 한 이 사이트의 모든 콘텐츠는 크리에이티브 커먼즈 저작자표시-동일조건변경허락 3.0 라이선스를 따릅니다.