๐ŸŒŠ ๋ฐ”๋‹ค์˜ ์ „์„ค ํ…Œ๋งˆ ๐Ÿณ

ํ‰๊ฐ€ ๋ชจ๋“ˆ:

ํ‰๊ฐ€: +10+x

์ •๋ณดํ˜• ํ‰๊ฐ€ ๋ชจ๋“ˆ:

ํ‰๊ฐ€: +10+x

์ด ํ…Œ๋งˆ๋Š” ์š”์ฃผ์˜ ๋‹จ์ฒด ๐ŸŒŠ ์ฒญํ•ด์ง„ ๐Ÿ‹์— ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด Salamander724Salamander724 & thd-glassesthd-glasses๊ฐ€ ๋งŒ๋“ค์—ˆ์Œ.

์‚ฌ์šฉ๋ฒ•

์ด ํ…Œ๋งˆ๋ฅผ ํ•ญ๋ชฉ์— ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ๋‹ค์Œ ์ฝ”๋“œ๋ฅผ ํŽ˜์ด์ง€์— ๋ถ™์—ฌ๋„ฃ์œผ์„ธ์š”.

[[include :scpko:theme:legend-of-blue]]

ํ…Œ๋งˆ ์ƒ‰์ƒ

ํ•ด์ˆ˜๋Œ€

--bgColor
(16, 30, 65)

์กฐ๊ฐœ

--whiteColor
(255, 245, 238)

์•ผ์Œ

--blueColor
(25, 25, 112)

๋ฐ”๋‹ค

--greenColor
(46, 139, 87)

์น ํ‘

--darkColor
(0, 0, 0)

ํ˜ˆ์•ก

--redColor
(209, 0, 0)

์‚ฌ์šฉ๋ก€

legend_of_blue.png

ๅ››์‚ฌๆตทํ•ดๆฐด์ˆ˜่ทฏ๋กœ่ป๊ตฐ
่กŒํ–‰่ป๊ตฐๅคง๋Œ€ๆ‘ ์ด็ฎก๊ด€
็ ดํŒŒ็ฅž์‹ ๅคง๋Œ€ๅ…ƒ์›ๅธฅ์ˆ˜
ๆทธ์ฒญๆตทํ•ด้Žญ์ง„ๅคง๋Œ€ไฝฟ์‚ฌ
ๅผต์žฅไฟ๋ณด็š๊ณ ๅบง์ขŒ่ˆน์„ 

์ˆ˜ํ‰์ค„์€ ํ•˜์ดํ”ˆ 5๊ฐœ "- - - - - -"๋ฅผ ์น˜๋ฉด ๋งŒ๋“ค์–ด์ง€๋ฉฐ, ๋”ฐ๋กœ ๋“ค์–ด ์žˆ๋Š” ๊ณณ (์ธ์šฉ ๋ธ”๋ก ๋“ฑ) ์ด ์—†๋‹ค๋ฉด ํŽ˜์ด์ง€ ์ „์ฒด๋ฅผ ๊ฐ€๋กœ์ง€๋ฆ…๋‹ˆ๋‹ค. ์ด ๊ธ€์—์„œ ์„น์…˜์„ ๋‚˜๋ˆ„๋Š” ์ค„์€ ๋ชจ๋‘ ์ด ์ˆ˜ํ‰์ค„์ž…๋‹ˆ๋‹ค.

์ œ๋ชฉ์€ ๋ฌธ์žฅ ์ฒ˜์Œ์— "+"์„ 1๊ฐœ๋ถ€ํ„ฐ 6๊ฐœ๊นŒ์ง€ ์ž…๋ ฅํ•ด์„œ ์ ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.1

ํ•ญํ•ด์ผ์ง€์— ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•œ "paper" div ์†์„ฑ(CityToast์˜ ํŠน์ดํ™”๋ฌผ ํ…Œ๋งˆ์—์„œ ์ฐจ์šฉ):

[[div class="paper"]]
+ ๊ธ€
++ ๊ธ€
๊ธ€์ค„.
[[/div]]

๊ทธ๋Ÿฌ๋ฉด ์ด๋ ‡๊ฒŒ ๋จ.

๊ธ€

๊ธ€

๊ธ€์ค„.

ํƒญ ๋ทฐ์ž…๋‹ˆ๋‹ค.

์ด๊ฒƒ์€ ์ธ์šฉ๋ฌธ์œผ๋กœ ๊ฐ ์ค„์˜ ์‹œ์ž‘์— ">"๋ฅผ ๋„ฃ์œผ๋ฉด ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

๊ธ€์ž


๊ตฌ๋ถ„์„ 

์ด์ค‘ ์ธ์šฉ๋ฌธ

์ด๊ฒƒ์€ ํ‘œ
๋งŒ๋“œ๋Š” ๋ฒ•์€ ์ด๋ฏธ ์•„์‹ค ๊ฑฐ๋ผ
์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค

์ œ๋ชฉ ๊ธ€๊ผด: ์™„๋„ํฌ๋ง์ฒด.

๋ณธ๋ฌธ ๊ธ€๊ผด: ์™„๋„์ฒญ์ •๋ฐ”๋‹ค์ฒด.

๊ณ ์ •ํญ ๊ธ€๊ผด: IBM Plex mono.


์†Œ์Šค์ฝ”๋“œ

/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */
 
#top-bar .open-menu a {
        position: fixed;
        top: 0.5em;
        left: 0.5em;
        z-index: 5;
        font-family: 'Nanum Gothic', san-serif;
        font-size: 30px;
        font-weight: 700;
        width: 30px;
        height: 30px;
        line-height: 0.9em;
        text-align: center;
        border: 0.2em solid #888;
        background-color: #fff;
        border-radius: 3em;
        color: #888;
}
 
@media (min-width: 768px) {
 
    #top-bar .mobile-top-bar {
        display: block;
    }
 
    #top-bar .mobile-top-bar li {
        display: none;
    }
 
    #main-content {
        max-width: 708px;
        margin: 0 auto;
        padding: 0;
        transition: max-width 0.2s ease-in-out;
    }
 
    #side-bar {
        display: block;
        position: fixed;
        top: 0;
        left: -20em;
        width: 17.75em;
        height: 100%;
        margin: 0;
        overflow-y: auto;
        z-index: 10;
        padding: 1em 1em 0 1em;
        background-color: rgba(0,0,0,0.1);
        transition: left 0.4s ease-in-out;
 
        scrollbar-width: thin;
    }
 
    #side-bar:target {
        left: 0;
    }
    #side-bar:focus-within:not(:target) {
        left: 0;
    }
 
    #side-bar:target .close-menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin-left: 19.75em;
        opacity: 0;
        z-index: -1;
        visibility: visible;
    }
    #side-bar:not(:target) .close-menu { display: none; }
 
    #top-bar .open-menu a:hover {
        text-decoration: none;
    }
 
    /* FIREFOX-SPECIFIC COMPATIBILITY METHOD */
    @supports (-moz-appearance:none) {
    #top-bar .open-menu a {
        pointer-events: none;
    }
    #side-bar:not(:target) .close-menu {
        display: block;
        pointer-events: none;
        user-select: none;
    }
 
    /* This pseudo-element is meant to overlay the regular sidebar button
    so the fixed positioning (top, left, right and/or bottom) has to match */
 
    #side-bar .close-menu::before {
        content: "";
        position: fixed;
        z-index: 5;
        display: block;
 
        top: 0.5em;
        left: 0.5em;
 
        border: 0.2em solid transparent;
        width: 30px;
        height: 30px;
        font-size: 30px;
        line-height: 0.9em;
 
        pointer-events: all;
        cursor: pointer;
    }
    #side-bar:focus-within {
        left: 0;
    }
    #side-bar:focus-within .close-menu::before {
        pointer-events: none;
    }
    }
}

๐Ÿˆฒ: SCP ์žฌ๋‹จ์˜ ๋ชจ๋“  ์ปจํ…์ธ ๋Š” 15์„ธ ๋ฏธ๋งŒ์˜ ์–ด๋ฆฐ์ด ํ˜น์€ ์ฒญ์†Œ๋…„์ด ์‹œ์ฒญํ•˜๊ธฐ์— ๋ถ€์ ์ ˆํ•ฉ๋‹ˆ๋‹ค.
๋”ฐ๋กœ ๋ช…์‹œํ•˜์ง€ ์•Š๋Š” ํ•œ ์ด ์‚ฌ์ดํŠธ์˜ ๋ชจ๋“  ์ฝ˜ํ…์ธ ๋Š” ํฌ๋ฆฌ์—์ดํ‹ฐ๋ธŒ ์ปค๋จผ์ฆˆ ์ €์ž‘์žํ‘œ์‹œ-๋™์ผ์กฐ๊ฑด๋ณ€๊ฒฝํ—ˆ๋ฝ 3.0 ๋ผ์ด์„ ์Šค๋ฅผ ๋”ฐ๋ฆ…๋‹ˆ๋‹ค.