내블로그 테마

✍️ 대문지기
2021. 6. 22. 8:45 · 읽는 데 5분 소요

정보

---

내블로그 테마 (가칭)
원작: 여기
저자: Denevola

---

아무데서도 안 가져오고 레이아웃 만들기
GPL 1.0, 2.0 모두 CC BY-SA와는 호환되지 않기 때문이다.

---

Denevola가 제작한 게시판 테마.

사용하려면 문서 상단에 아래 코드를 붙여넣으세요.

[[include :2021:theme:myblog]]
[[div class="article-info"]]
✍️ (작성자명)
yyyy. M. d. HH:mm · 읽는 데 n분 소요
(평가 모듈이나 정보 모듈)
[[/div]]

아직 발족하지도 않은 단체 '뒷골목'을 위한 것 아닐까요.

사실 초상세계의 인터넷 커뮤니티는 버젓이 활동할 수 없을 것이기에, 진짜 업로드본은 조금 더 찝찝하고 디자인에 무심한 느낌의 딥웹 포럼에 가까워보일 겁니다. 일단 예쁘게 만들고 보자고요.

사용례

편안한 정경.

이름을 노루, 벌써 별 이름을 북간도에 부끄러운 까닭입니다. 동경과 어머님, 걱정도 있습니다. 토끼, 한 마리아 같이 나는 벌써 봅니다. 오면 패, 같이 어머님, 이네들은 별 있습니다. 딴은 벌써 멀리 지나고 이국 다 쉬이 거외다.

흙으로 언덕 이름을 이런 나의 지나가는 듯합니다. 잔디가 써 위에 버리었습니다. 하나에 가슴속에 많은 다 파란 것은 애기 있습니다. 책상을 패, 가난한 않은 청춘이 밤을 계십니다. 별 파란 별 봅니다. 별 별 어머니, 노새, 슬퍼하는 않은 있습니다. 이 별을 프랑시스 나는 듯합니다.

---

+ 제목 열기

제목 1단계

제목 2단계

제목 3단계

제목 4단계

제목 5단계

제목 6단계

• 대문 페이지
• Google
• 없는 문서

Content.

Content¹. More content².

Tab 1

Contents of tab 1

Tab 2

Contents of Tab 2

Tab 3

Contents of Tab 3

TITLE-FORMATTED CELL	TITLE-FORMATTED CELL	TITLE-FORMATTED CELL
Non-formatted cell	Non-formatted cell	Non-formatted cell
Left-aligned cell	Left-aligned cell	Left-aligned cell
Right-aligned cell	Right-aligned cell	Right-aligned cell
Center-aligned cell

소스 코드

/*
    myBlog Theme
    [2021 Wikidot Theme]
    Created by Denevola.
*/
 
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap');
@font-face {
    font-family: 'Cafe24Ohsquare';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/Cafe24Ohsquare.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
 
body {
    background: whitesmoke;
    font-size: .9em
}
 
body, h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto Sans KR', sans-serif;
}
 
li, p {
    line-height: 175%;
}
 
blockquote {
    background: #f9f9f9;
    border: 4px solid #e8e8e8;
    border-radius: 0 14% 0 0;
}
 
div#container-wrap {
    background: none;
}
 
#header {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    background: white;
    box-shadow: 0 0 1rem rgba(0, 0, 0, .2);
}
 
#header h1,
#header h2 {
    margin-left: auto;
    float: none;
    text-align: left;
}
 
#header h1 a {
    padding: 60px 0 10px;
    color: black;
    font-family: 'Cafe24Ohsquare', sans-serif;
    text-shadow: none;
}
 
#header h2 span {
    color: black;
    text-shadow: none;
    text-transform: uppercase;
}
 
#search-top-box {
    top: 60px;
    right: 1em;
}
 
#top-bar {
    top: auto;
}
 
#top-bar a {
    color: black;
}
 
#top-bar ul {
    margin-top: -2px;
}
 
#top-bar ul li a {
    border: 1px solid transparent;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    border: 1px solid transparent;
}
 
#content-wrap {
    min-height: 2000px;
}
 
#side-bar .side-block {
    border: none;
    box-shadow: none;
    background: none !important;
}
 
#side-bar .heading {
    color: rgba(0, 0, 0, .25);
    border-bottom: solid 1px rgba(0, 0, 0, .25);
    margin-top: 20px;
    font-size: 0.80em;
    text-align: center;
}
 
#side-bar div.menu-item {
    display: flex;
    align-items: center;
    color: gainsboro;
}
 
#side-bar div.menu-item img {
    display: none;
}
 
#side-bar div.menu-item a {
    display: inline-block;
    padding: .25rem;
    border-radius: .25rem;
    text-decoration: none;
    transition: .2s;
}
 
#side-bar div.menu-item a:hover {
    background: rgba(0, 0, 0, .1);
}
 
#main-content {
    padding: 3em;
    background: white;
    border-radius: .25rem;
}
 
h1, #page-title {
    color: #333;
}
 
#page-title {
    border-bottom: none;
}
 
.article-info {
    margin-bottom: 2rem;
    color: gray;
    font-size: 85%;
    border-bottom: 4px solid whitesmoke;
}
 
.article-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
 
.article-info div[style="text-align: right;"] {
    display: flex;
    align-items: center;
}
 
.article-info div[style="text-align: right;"] .page-rate-widget-box {
    margin: 0;
    margin-bottom: 10px;
}
 
.article-info .creditRate {
    margin-left: auto;
    margin-right: 0;
}
 
.article-info .modalbox {
    color: initial;
}
 
.rateBox *,
.page-rate-widget-box,
.page-rate-widget-box * {
    background: white !important;
    border: none !important;
    border-radius: 0 !important;
    color: #333 !important;
}
 
.page-rate-widget-box .rate-points,
.creditButton a {
    background: transparent !important;
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover,
.page-rate-widget-box .cancel a:hover,
.creditButton a:hover {
    background: lightgray !important;
}
 
a {
    color: #82b1ff;
}
 
a:visited {
    color: #577dbd;
}
 
.scp-image-block {
    padding: .25rem;
    border: none;
    box-sizing: border-box;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
    background: #82b1ff;
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background: white;
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background: gainsboro;
}
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li,
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
    margin: 0;
}
 
@media (max-width: 767px) {
    #top-bar .open-menu a {
        padding: .25rem;
        border: 2px solid #d4d4d4;
        border-radius: 0;
        transition: .2s;
    }
 
    #side-bar {
        background: white;
    }
 
    #side-bar:target {
        border: none;
        box-shadow: 0 0 20rem 20px rgba(0, 0, 0, .25);
    }
 
    #side-bar:target .close-menu {
        background: none;
    }
}
 
@media (max-width: 1180px) {
    #top-bar ul li:nth-last-of-type(1) ul,
    #top-bar ul li:nth-last-of-type(2) ul,
    #top-bar ul li:nth-last-of-type(3) ul {
        right: 0;
    }
}
 
/* Nested Topbar Fix */
#top-bar ul li ul li ul {
    top: -1px;
    left: auto;
    right: 176px;
}
 
.c_topbar_arrow {
    left: 3px;
    right: auto;
    font-size: 0;
}
 
.c_topbar_arrow::before {
    content: "◂";
    font-size: .9rem;
}

Footnotes

1. Footnote content

2. More footnote content