편집 필터 기록

편집 필터 둘러보기 (처음 | 최근 필터의 바뀜 | 과거의 편집 검토하기 | 편집 필터 기록)
기록 46,806에 대한 자세한 정보

2022년 7월 15일 (금) 09:04: Suicide (토론 | 기여)님이 Mataroa에서 "edit" 동작을 수행하여 필터 0이(가) 작동했습니다. 조치: 태그; 필터 설명: (검사 | 차이)

편집에서 바뀐 내용

**예시 <pre> <figcaption> 캡션 </figcaption> </pre>
**예시 <pre> <figcaption> 캡션 </figcaption> </pre>
**: 사진 밑에 부가 설명을 넣을 수 있습니다.
**: 사진 밑에 부가 설명을 넣을 수 있습니다.
=== [[CSS]] ===
bear 블로그 용 마타로아 css 입니다.
<div class="mw-collapsible mw-collapsed">
Custom styles: 에 복사 붙여넣기 하고 Extend existing styles 체크
<div class="mw-collapsible-content">
<pre>
/* reset */
html {
    /* fix line height in all browsers */
    line-height: 1.15;
    /* prevent adjustments of font size after orientation changes in iOS */
    -webkit-text-size-adjust: 100%;
}
body {
    /* remove margin in all browsers */
    margin: 0;
}
hr {
    /* fix height in Firefox */
    height: 0;
    /* fix inheritance of border color in Firefox */
    color: inherit;
}
abbr[title] {
    /* fix text decoration in Chrome, Edge, Safari. */
    text-decoration: underline dotted;
}
b,
strong {
    /* fix font weight in Edge and Safari */
    font-weight: bolder;
}
code,
kbd,
samp,
pre {
    /* improve consistency of default fonts in all browsers */
    font-family: monospace;
    /* correct the odd 'em' font sizing in all browsers */
    font-size: 1em;
}
small {
    /* fix font size in all browsers */
    font-size: 80%;
}
/* prevent sub and sup from affecting the line height in all browsers */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
table {
    /* remove text indentation from table contents in Chrome and Safari */
    text-indent: 0;
    /* fix table border color inheritance in Chrome and Safari */
    border-color: inherit;
}
button,
input,
optgroup,
select,
textarea {
    /* fix font styles in all browsers */
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    /* remove margin in Firefox and Safari */
    margin: 0;
}
button,
select {
    /* remove inheritance of text transform in Edge and Firefox */
    text-transform: none;
}
button,
[type='button'],
[type='reset'],
[type='submit'] {
    /* fix inability to style clickable types in iOS and Safari */
    -webkit-appearance: button;
}
/* remove inner border and padding in Firefox */
::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
:-moz-focusring {
    /* restore focus styles unset by the previous rule */
    outline: 1px dotted ButtonText;
}
:-moz-ui-invalid {
    /* remove additional ':invalid' styles in Firefox */
    box-shadow: none;
}
progress {
    /* fix vertical alignment in Chrome and Firefox */
    vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    /* fix cursor style of increment and decrement buttons in Safari */
    height: auto;
}
[type='search'] {
    /* fix appearance in Chrome and Safari */
    -webkit-appearance: textfield;
    /* fix outline in Safari */
    outline-offset: -2px;
}
::-webkit-search-decoration {
    /* remove inner padding in Chrome and Safari on macOS */
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    /* fix inability to style clickable types in iOS and Safari */
    -webkit-appearance: button;
    /* change font properties to 'inherit' in Safari. */
    font: inherit;
}
summary {
    /* fix display in Chrome and Safari */
    display: list-item;
}
/* general */
:root {
    --link-color: #1175e2;
    --ascent-color: #006cdf;
    --dark-grey-color: #757575;
    --light-grey-color: #eff1f5;
    --airy-grey-color: #fafafa;
    --green-color: #26bd60;
    --red-color: #ff0000;
    --purple-color: #cd1ecd;
}
/* dark mode
* create a new color (dark-mode-color)
* override existing colors */
@media (prefers-color-scheme: dark) {
    :root {
        --dark-mode-color: #212529;
        --link-color: #3395ff;
        --dark-grey-color: #78828a;
        --light-grey-color: #353535;
        --airy-grey-color: #2b2b2b;
        --purple-color: #dd47ec;
    }
}
html,
body {
    {% if request.theme_zialucia %}
    font-size: 20px;
    {% endif %}
    font-family: sans-serif;
    line-height: 1.5;
    margin: 0 auto;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    max-width: 100%;
   
}
@media (max-width: 34rem) {
    html,
    body {
        /* mobile base font size remains 16px whether zialucia on or off */
        font-size: 16px;
    }
}
@media (prefers-color-scheme: dark) {
    body {
        color: #fff;
        background: var(--dark-mode-color);
    }
}
a {
    text-decoration: none;
    color: var(--link-color);
}
a:hover {
    text-decoration: underline;
}
a.btn {
    display: inline-block;
    cursor: pointer;
    background: var(--link-color);
    color: #fff;
    border: 1px solid var(--ascent-color);
    padding: 8px 24px;
}
a.btn:hover,
a.btn:active {
    background: var(--ascent-color);
    text-decoration: none;
}
a.btn:disabled {
    pointer-events: none;
    background: var(--ascent-color);
}
h1 {
    font-size: 1.8rem;
    font-weight: 500;
    padding-bottom: 4px;
    border-bottom: 2px solid var(--light-grey-color);
    margin: 16px 0;
    font-weight: bold;
    font-family: sans-serif;
}
.title h1 {
    margin: 0 auto;
    max-width: 612px;
}
h2,
h3 {
    font-weight: 500;
    margin: 16px 0;
    font-family: sans-serif;
}
main {
font-family: serif;
font-size: 18px;
      max-width: 612px;
    margin: 0 auto;
}
.highlight, .code {
    padding: 1px 0px;
    background-color: #2b2b2b;
    color: #ddd;
}
@media print {
    main {
        max-width: unset;
    }
}
@media print {
    article {
        page-break-before: always;
    }
}
aside {
    max-width: 34rem;
    border: 1px dashed #000;
    padding: 2px 6px;
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}
@media (max-width: 34rem) {
    aside {
        margin-left: 8px;
        margin-right: 8px;
    }
}
.alert-error {
    color: var(--red-color);
}
section {
    max-width: 34rem;
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 8px;
    padding-right: 8px;
}
nav {
    max-width: 34rem;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 8px;
    padding-right: 8px;
}
@media print {
    nav {
        display: none;
    }
}
ol,
ul {
    padding-left: 24px;
}
blockquote {
    border-left: 4px solid var(--light-grey-color);
    padding-left: 16px;
    margin-left: 0;
    color: var(--dark-grey-color);
}
figure {
    border: 1px var(--light-grey-color) solid;
    margin: auto;
    color: var(--dark-grey-color);
}
figcaption {
    font-size: 12px;
    text-align: center;
}
dt {
    font-weight: 700;
}
dd {
    margin-left: 0;
}
table {
    border-collapse: collapse;
    border: 1px solid var(--light-grey-color);
    width: 100%;
    box-sizing: border-box;
}
thead:nth-child(odd),
tr:nth-child(even) {
    background: var(--light-grey-color);
}
th,
td {
    max-width: 0px;
    padding: 4px;
}
pre {
    background: var(--airy-grey-color);
    overflow-x: scroll;
}
code {
    background: var(--airy-grey-color);
    padding: 2px;
}
hr {
    border-top: 1px solid var(--light-grey-color);
    border-bottom: none;
    border-left: none;
    border-right: none;
}
footer {
    max-width: 34rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px;
    margin-bottom: 16px;
    padding-left: 8px;
    padding-right: 8px;
    color: var(--dark-grey-color);
}
.footer-comment {
    margin-bottom: 8px;
}
.help {
    cursor: help;
    text-decoration: dotted underline;
}
/* mods
* they override specific classes with specific styles */
.type-approve {
    color: var(--green-color) !important;
}
.type-delete {
    color: var(--red-color) !important;
}
.type-danger {
    background: var(--red-color) !important;
    border-color: var(--red-color) !important;
}
/* form */
label {
    display: block;
    margin-top: 16px;
}
input[type="text"],
input[type="url"],
input[type="email"],
input[type="password"],
textarea {
    display: block;
    border: 2px solid var(--light-grey-color);
    box-sizing: border-box;
    width: 34rem;
}
@media (max-width: 34rem) {
    input[type="text"],
    input[type="url"],
    input[type="email"],
    input[type="password"],
    textarea {
        width: 100%;
    }
}
@media (prefers-color-scheme: dark) {
    input[type="text"],
    input[type="url"],
    input[type="email"],
    input[type="password"],
    textarea {
        color: #fff;
        background: var(--light-grey-color);
    }
}
input[type="submit"] {
    cursor: pointer;
    background: var(--link-color);
    color: #fff;
    border: 1px solid var(--ascent-color);
    padding: 8px 24px;
}
input[type="submit"]:hover,
input[type="submit"]:active {
    background: var(--ascent-color);
}
input[type="submit"]:disabled {
    pointer-events: none;
    background: var(--ascent-color);
}
form .helptext {
    color: var(--dark-grey-color);
}
.form-error {
    color: var(--red-color);
}
.form-inline {
    display: inline-block;
}
.form-inline input[type="submit"] {
    border: none;
    background: unset;
    color: var(--link-color);
    padding: 0;
}
.form-inline input[type="submit"]:hover {
    text-decoration: underline;
}
/* landing */
.lead {
    max-width: 34rem;
    border: 1px dashed #000;
    padding-top: 8px;
    padding-bottom: 8px;
}
@media (prefers-color-scheme: dark) {
    .lead {
        border-color: #fff;
    }
}
.cta {
    margin-top: 32px;
    margin-bottom: 32px;
}
.cta-link {
    font-size: 20px;
}
/* comparisons */
.comparisons {
    max-width: 1000px;
}
.comparisons h1,
.comparisons p,
.comparisons ol,
.comparisons ul {
    max-width: 34rem;
    margin-left: auto;
    margin-right: auto;
}
.comparisons-matrix {
    overflow: scroll;
}
.comparisons table {
    min-width: 800px;
    white-space: nowrap;
}
.comparisons thead > tr > th:not(:first-child),
.comparisons tbody > tr > td:not(:first-child) {
    text-align: center;
}
.comparisons th {
    text-align: left;
}
.comparisons tr {
    min-width: 300px;
}
/* blog index */
.blog a:hover {
    text-decoration: underline;
}
.blog a:visited {
    color: var(--purple-color);
}
.blog a:active {
    color: var(--red-color);
}
.posts {
    list-style: none;
    padding-left: 0;
}
.posts li {
    margin-bottom: 24px;
}
.posts small {
    white-space: nowrap;
    color: var(--dark-grey-color);
}
.posts time {
    white-space: nowrap;
}
.byline {
    color: var(--dark-grey-color);
    margin: 16px 0 24px;
}
.webring {
    margin-top: 64px;
    display: flex;
    justify-content: space-between;
}
.webring-name {
    color: #000;
}
@media (prefers-color-scheme: dark) {
    .webring-name {
        color: #fff;
    }
}
/* post detail */
.posts-item-brand {
    display: block;
    margin-top: 16px;
    margin-bottom: 16px;
    color: var(--dark-grey-color);
}
.posts-item-brand:hover {
    text-decoration: none;
}
.posts-item-brand::before {
    content: "« ";
}
.posts-item-title {
    margin-bottom: 8px;
}
.posts-item-byline {
    color: var(--dark-grey-color);
    margin-bottom: 8px;
}
.posts-item-body p {
    {% if not request.theme_sansserif %}
    font-family: serif;
    font-size: 1.1rem;
    {% endif %}
}
.posts-item-body li {
    {% if not request.theme_sansserif %}
    font-family: serif;
    font-size: 1.1rem;
    {% endif %}
}
.posts-item-body img {
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/* comments */
.comments {
    margin-top: 64px;
}
.comments-title {
    font-size: 1.2rem;
    margin-top: 32px;
    padding-bottom: 4px;
    border-bottom: 2px solid var(--light-grey-color);
}
.comments-body {
    margin-bottom: 16px;
}
.comments-body p {
    margin-top: 4px;
}
/* page detail */
.pages-item-brand {
    display: block;
    margin-top: 16px;
    margin-bottom: 16px;
    color: var(--dark-grey-color);
}
.pages-item-brand:hover {
    text-decoration: none;
}
.pages-item-brand::before {
    content: "« ";
}
.pages-item-title {
    margin-bottom: 8px;
}
.pages-item-byline {
    color: var(--dark-grey-color);
    margin-bottom: 8px;
}
.pages-item-body p {
    {% if not request.theme_sansserif %}
    font-family: serif;
    font-size: 1.1rem;
    {% endif %}
}
.pages-item-body li {
    {% if not request.theme_sansserif %}
    font-family: serif;
    font-size: 1.1rem;
    {% endif %}
}
.pages-item-body img {
    max-width: 100%;
}
.pages-generic-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 16px;
    row-gap: 16px;
    margin-top: 16px;
}
@media (max-width: 490px) {
  .pages-generic-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 340px) {
  .pages-generic-grid {
    grid-template-columns: 1fr;
  }
}
/* dashboard */
.dashboard-cta {
    font-size: 1.1rem;
}
.dashboard-list {
    line-height: 1.6;
}
/* images */
.images-grid {
    max-width: 100%;
    margin-top: 32px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-template-rows: 302px;
}
.images-grid-item {
    display: flex;
    justify-content: center;
    border: 1px solid var(--light-grey-color);
}
.images-grid-item img {
    max-width: 300px;
    max-height: 300px;
    object-fit: contain;
}
/* image detail */
.images-item {
    max-width: 100%;
    margin-top: 32px;
    margin-bottom: 32px;
    text-align: center;
}
.images-item img {
    max-width: 100%;
    max-height: 100vh;
}
.images-item-byline {
    color: var(--dark-grey-color);
}
/* analytics */
.analytics-chart {
    background: var(--light-grey-color);
    line-height: 0;
}
svg .analytics-chart-bar {
    fill: var(--link-color);
}
svg .analytics-chart-bar:hover {
    fill: var(--ascent-color);
}
svg .analytics-chart-text {
    font-family: monospace;
    font-size: 10px;
}
/* billing stripe */
#subscription-form input[type="submit"] {
    margin-top: 8px;
}
#card-element {
    border: 1px solid var(--light-grey-color);
    padding: 4px 8px;
}
#card-element-errors {
    margin-top: 8px;
    color: var(--red-color);
}
</pre>
</div>
</div>
{{각주}}
{{각주}}
[[분류:블로그]]
[[분류:블로그]]

명령 변수

변수
사용자의 편집 수 (user_editcount)
105
사용자 계정 이름 (user_name)
'Suicide'
사용자 계정 만든 후 지난 시간 (user_age)
24483321
사용자 권한 그룹 (자동으로 부여된 권한 포함) (user_groups)
[ 0 => '*', 1 => 'user', 2 => 'autoconfirmed' ]
문서 ID (page_id)
187900
문서 이름공간 (page_namespace)
0
(이름공간을 뺀) 문서 제목 (page_title)
'Mataroa'
전체 문서 제목 (page_prefixedtitle)
'Mataroa'
동작 (action)
'edit'
편집 요약/이유 (summary)
'/* Html */ '
이전 콘텐츠 모델 (old_content_model)
'wikitext'
새 콘텐츠 모델 (new_content_model)
'wikitext'
편집 전 과거 문서의 위키텍스트 (old_wikitext)
'{{웹사이트 정보 |이름 = 마타로아 |원어이름 = |패비콘 = 마타로아 패비콘.png |로고 = |그림 = [[파일:마타로아 홈페이지.png|150px]] |그림설명 = |URL = [[파일:마타로아 패비콘.png|25px]][https://mataroa.blog 홈페이지] [[파일:GitHub-Mark-120px-plus.png|25px]][https://github.com/sirodoht/mataroa 깃허브] |종류 = [[블로그]] |운영 = |제작 = |언어 = 영어 |시작일 = |종료일 = |회원가입 = |라이선스 = |영리여부 = |작성언어 = |비고 = }} '''Mataroa'''(마타로아)는 미니멀리즘을 추구하는 [[블로그]] 플랫폼이다. 개발자가 블로그 플랫폼들의 시각적 혼잡함, 추적기와 광고가 싫어서 만들었다고 한다. 2020년 5월 30일 이후에 만들어진 것으로 추정된다. [https://nutcroft.com/blog/welcome-to-mataroa/ 출처] == 특징 == *광고와 추적기, 쿠키가 없다. *[[RSS]], 이메일 newsletter를 지원한다. *리브레 위키처럼 가입 시 이메일이 필요 없다. *언제든지 블로그 내보내기 기능을 사용할 수 있다. *만약 새로운 플랫폼으로 넘어간다면 새 도메인으로 redirect 할 수 있다. *댓글 기능이 있다. *오픈소스 이다. *html 태그를 직접 써야 된다 그러므로 편집기는 [https://marktext.app/ 마크텍스트] 같은 프로그램을 써야 편하다. *[[마크다운]]을 지원한다. *테마나 확장 프로그램 기능은 없으나 글자 크기 늘리는 테마 하나가 있다. *iframe 태그 지원이 잘 되어 있다. *[[Tor]] 브라우저를 통해 익명으로 글을 쓸 수 있다. == 팁 == 글자 크기 늘리는 테마를 적용 한다면 웹폰트가 없기 때문에 브라우저에서 한글 세리프 폰트를 변경하는게 좋다. == 지원하는 주요 문법 목록 == 출처: [https://herman.bearblog.dev/markdown-cheatsheet/ 베어 블로그 설명], [https://1.mataroa.blog/guides/markdown/ 마타로아 블로그 설명] === [[마크다운|Markdown]] === * 기울임 하는법 *: 예제 <pre> *텍스트* </pre> ** 결과 : ''텍스트'' * 두껍게 하는법 *: 예제 <pre> **텍스트** </pre> ** 결과 : '''텍스트''' *순서 없는 목록 만드는 법 *: 예제 <pre> * 텍스트 (엔터 이후 띄어쓰기 4번이상) * 텍스트 </pre> ** 결과 ***텍스트 ****텍스트 *순서 없는 목록 만드는 법 *: 예제 <pre> 1. 텍스트 2. 텍스트 </pre> ** 결과 **:#텍스트 **:#텍스트 * [[하이퍼링크]] 만드는 법 *: 예제 <pre> [텍스트](링크) 혹은 <링크> </pre> ** 결과 : [[텍스트]] 혹은 [[링크]] *[[하이퍼링크]] 만드는 법 *:예제 <pre> ![텍스트](링크) </pre> **결과 [[파일:Libre Wiki-Logo.png|400px]] *고정폭 코드 상자 만드는 법 *:예제 <pre> `텍스트` </pre> ** 결과 : <code>텍스트</code> *상자 만드는 법 예제 <pre> ``` 텍스트 ``` </pre> 결과 <pre> ``` 텍스트 ``` </pre> *인용문 만드는 법 예제 <pre> > 텍스트 >> 텍텍스트 </pre> 결과 {{인용문|텍스트{{인용문|텍텍스트|}}|}} *줄바꿈 하는 법 *예제 <pre> 텍스트(띄어쓰기 두개) 텍스트 (리브레 위키의 <br/> 문법이랑 같음) --- (목록)* 텍스트(띄어쓰기 두개) 텍스트(리브레 위키의 *: 문법이랑 같음) </pre> *결과 텍스트 <br/> 텍스트 --- *텍스트 *: 텍스트 === [[Html]] === *지원하는 html 태그 목록: [https://github.com/sirodoht/mataroa/blob/9ddce2e3d1e23c80c72fdd6363bc21a54d910eaf/main/helpers.py 링크] *글자 색 변환 예시 <pre> <span style="color: #2889E4;">텍스트</span> </pre> 결과 : <span style="color: #2889E4;">텍스트</span> *각주 기능 만드는 법 예시 <pre> 텍스트 중에 <sup id="2"> <a href="#1">1 </a> </sup> 를 달 수 있다 </pre> 결과 텍스트 중에<ref>각주 테스트</ref>를 달 수 있다 *각주 기능 만드는 법 2 예시 <pre> <hr> </hr> <ol> <li id="1"> 각주 테스트 <a href="#2">↑</a> </li> </ol> </pre> 결과 <hr> <ol> <li id="1"> 각주 테스트 <a href="#2">↑</a> </li> </ol> *가로줄 만드는 법 **예시 <pre> <hr></hr> </pre> **결과 <hr> *Ctrl Shift C를 애용하자 *캡션 다는 법 **예시 <pre> <figcaption> 캡션 </figcaption> </pre> **: 사진 밑에 부가 설명을 넣을 수 있습니다. {{각주}} [[분류:블로그]]'
편집 후 새 문서의 위키텍스트 (new_wikitext)
'{{웹사이트 정보 |이름 = 마타로아 |원어이름 = |패비콘 = 마타로아 패비콘.png |로고 = |그림 = [[파일:마타로아 홈페이지.png|150px]] |그림설명 = |URL = [[파일:마타로아 패비콘.png|25px]][https://mataroa.blog 홈페이지] [[파일:GitHub-Mark-120px-plus.png|25px]][https://github.com/sirodoht/mataroa 깃허브] |종류 = [[블로그]] |운영 = |제작 = |언어 = 영어 |시작일 = |종료일 = |회원가입 = |라이선스 = |영리여부 = |작성언어 = |비고 = }} '''Mataroa'''(마타로아)는 미니멀리즘을 추구하는 [[블로그]] 플랫폼이다. 개발자가 블로그 플랫폼들의 시각적 혼잡함, 추적기와 광고가 싫어서 만들었다고 한다. 2020년 5월 30일 이후에 만들어진 것으로 추정된다. [https://nutcroft.com/blog/welcome-to-mataroa/ 출처] == 특징 == *광고와 추적기, 쿠키가 없다. *[[RSS]], 이메일 newsletter를 지원한다. *리브레 위키처럼 가입 시 이메일이 필요 없다. *언제든지 블로그 내보내기 기능을 사용할 수 있다. *만약 새로운 플랫폼으로 넘어간다면 새 도메인으로 redirect 할 수 있다. *댓글 기능이 있다. *오픈소스 이다. *html 태그를 직접 써야 된다 그러므로 편집기는 [https://marktext.app/ 마크텍스트] 같은 프로그램을 써야 편하다. *[[마크다운]]을 지원한다. *테마나 확장 프로그램 기능은 없으나 글자 크기 늘리는 테마 하나가 있다. *iframe 태그 지원이 잘 되어 있다. *[[Tor]] 브라우저를 통해 익명으로 글을 쓸 수 있다. == 팁 == 글자 크기 늘리는 테마를 적용 한다면 웹폰트가 없기 때문에 브라우저에서 한글 세리프 폰트를 변경하는게 좋다. == 지원하는 주요 문법 목록 == 출처: [https://herman.bearblog.dev/markdown-cheatsheet/ 베어 블로그 설명], [https://1.mataroa.blog/guides/markdown/ 마타로아 블로그 설명] === [[마크다운|Markdown]] === * 기울임 하는법 *: 예제 <pre> *텍스트* </pre> ** 결과 : ''텍스트'' * 두껍게 하는법 *: 예제 <pre> **텍스트** </pre> ** 결과 : '''텍스트''' *순서 없는 목록 만드는 법 *: 예제 <pre> * 텍스트 (엔터 이후 띄어쓰기 4번이상) * 텍스트 </pre> ** 결과 ***텍스트 ****텍스트 *순서 없는 목록 만드는 법 *: 예제 <pre> 1. 텍스트 2. 텍스트 </pre> ** 결과 **:#텍스트 **:#텍스트 * [[하이퍼링크]] 만드는 법 *: 예제 <pre> [텍스트](링크) 혹은 <링크> </pre> ** 결과 : [[텍스트]] 혹은 [[링크]] *[[하이퍼링크]] 만드는 법 *:예제 <pre> ![텍스트](링크) </pre> **결과 [[파일:Libre Wiki-Logo.png|400px]] *고정폭 코드 상자 만드는 법 *:예제 <pre> `텍스트` </pre> ** 결과 : <code>텍스트</code> *상자 만드는 법 예제 <pre> ``` 텍스트 ``` </pre> 결과 <pre> ``` 텍스트 ``` </pre> *인용문 만드는 법 예제 <pre> > 텍스트 >> 텍텍스트 </pre> 결과 {{인용문|텍스트{{인용문|텍텍스트|}}|}} *줄바꿈 하는 법 *예제 <pre> 텍스트(띄어쓰기 두개) 텍스트 (리브레 위키의 <br/> 문법이랑 같음) --- (목록)* 텍스트(띄어쓰기 두개) 텍스트(리브레 위키의 *: 문법이랑 같음) </pre> *결과 텍스트 <br/> 텍스트 --- *텍스트 *: 텍스트 === [[Html]] === *지원하는 html 태그 목록: [https://github.com/sirodoht/mataroa/blob/9ddce2e3d1e23c80c72fdd6363bc21a54d910eaf/main/helpers.py 링크] *글자 색 변환 예시 <pre> <span style="color: #2889E4;">텍스트</span> </pre> 결과 : <span style="color: #2889E4;">텍스트</span> *각주 기능 만드는 법 예시 <pre> 텍스트 중에 <sup id="2"> <a href="#1">1 </a> </sup> 를 달 수 있다 </pre> 결과 텍스트 중에<ref>각주 테스트</ref>를 달 수 있다 *각주 기능 만드는 법 2 예시 <pre> <hr> </hr> <ol> <li id="1"> 각주 테스트 <a href="#2">↑</a> </li> </ol> </pre> 결과 <hr> <ol> <li id="1"> 각주 테스트 <a href="#2">↑</a> </li> </ol> *가로줄 만드는 법 **예시 <pre> <hr></hr> </pre> **결과 <hr> *Ctrl Shift C를 애용하자 *캡션 다는 법 **예시 <pre> <figcaption> 캡션 </figcaption> </pre> **: 사진 밑에 부가 설명을 넣을 수 있습니다. === [[CSS]] === bear 블로그 용 마타로아 css 입니다. <div class="mw-collapsible mw-collapsed"> Custom styles: 에 복사 붙여넣기 하고 Extend existing styles 체크 <div class="mw-collapsible-content"> <pre> /* reset */ html { /* fix line height in all browsers */ line-height: 1.15; /* prevent adjustments of font size after orientation changes in iOS */ -webkit-text-size-adjust: 100%; } body { /* remove margin in all browsers */ margin: 0; } hr { /* fix height in Firefox */ height: 0; /* fix inheritance of border color in Firefox */ color: inherit; } abbr[title] { /* fix text decoration in Chrome, Edge, Safari. */ text-decoration: underline dotted; } b, strong { /* fix font weight in Edge and Safari */ font-weight: bolder; } code, kbd, samp, pre { /* improve consistency of default fonts in all browsers */ font-family: monospace; /* correct the odd 'em' font sizing in all browsers */ font-size: 1em; } small { /* fix font size in all browsers */ font-size: 80%; } /* prevent sub and sup from affecting the line height in all browsers */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { /* remove text indentation from table contents in Chrome and Safari */ text-indent: 0; /* fix table border color inheritance in Chrome and Safari */ border-color: inherit; } button, input, optgroup, select, textarea { /* fix font styles in all browsers */ font-family: inherit; font-size: 100%; line-height: 1.15; /* remove margin in Firefox and Safari */ margin: 0; } button, select { /* remove inheritance of text transform in Edge and Firefox */ text-transform: none; } button, [type='button'], [type='reset'], [type='submit'] { /* fix inability to style clickable types in iOS and Safari */ -webkit-appearance: button; } /* remove inner border and padding in Firefox */ ::-moz-focus-inner { border-style: none; padding: 0; } :-moz-focusring { /* restore focus styles unset by the previous rule */ outline: 1px dotted ButtonText; } :-moz-ui-invalid { /* remove additional ':invalid' styles in Firefox */ box-shadow: none; } progress { /* fix vertical alignment in Chrome and Firefox */ vertical-align: baseline; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { /* fix cursor style of increment and decrement buttons in Safari */ height: auto; } [type='search'] { /* fix appearance in Chrome and Safari */ -webkit-appearance: textfield; /* fix outline in Safari */ outline-offset: -2px; } ::-webkit-search-decoration { /* remove inner padding in Chrome and Safari on macOS */ -webkit-appearance: none; } ::-webkit-file-upload-button { /* fix inability to style clickable types in iOS and Safari */ -webkit-appearance: button; /* change font properties to 'inherit' in Safari. */ font: inherit; } summary { /* fix display in Chrome and Safari */ display: list-item; } /* general */ :root { --link-color: #1175e2; --ascent-color: #006cdf; --dark-grey-color: #757575; --light-grey-color: #eff1f5; --airy-grey-color: #fafafa; --green-color: #26bd60; --red-color: #ff0000; --purple-color: #cd1ecd; } /* dark mode * create a new color (dark-mode-color) * override existing colors */ @media (prefers-color-scheme: dark) { :root { --dark-mode-color: #212529; --link-color: #3395ff; --dark-grey-color: #78828a; --light-grey-color: #353535; --airy-grey-color: #2b2b2b; --purple-color: #dd47ec; } } html, body { {% if request.theme_zialucia %} font-size: 20px; {% endif %} font-family: sans-serif; line-height: 1.5; margin: 0 auto; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; max-width: 100%; } @media (max-width: 34rem) { html, body { /* mobile base font size remains 16px whether zialucia on or off */ font-size: 16px; } } @media (prefers-color-scheme: dark) { body { color: #fff; background: var(--dark-mode-color); } } a { text-decoration: none; color: var(--link-color); } a:hover { text-decoration: underline; } a.btn { display: inline-block; cursor: pointer; background: var(--link-color); color: #fff; border: 1px solid var(--ascent-color); padding: 8px 24px; } a.btn:hover, a.btn:active { background: var(--ascent-color); text-decoration: none; } a.btn:disabled { pointer-events: none; background: var(--ascent-color); } h1 { font-size: 1.8rem; font-weight: 500; padding-bottom: 4px; border-bottom: 2px solid var(--light-grey-color); margin: 16px 0; font-weight: bold; font-family: sans-serif; } .title h1 { margin: 0 auto; max-width: 612px; } h2, h3 { font-weight: 500; margin: 16px 0; font-family: sans-serif; } main { font-family: serif; font-size: 18px; max-width: 612px; margin: 0 auto; } .highlight, .code { padding: 1px 0px; background-color: #2b2b2b; color: #ddd; } @media print { main { max-width: unset; } } @media print { article { page-break-before: always; } } aside { max-width: 34rem; border: 1px dashed #000; padding: 2px 6px; margin-top: 8px; margin-left: auto; margin-right: auto; box-sizing: border-box; } @media (max-width: 34rem) { aside { margin-left: 8px; margin-right: 8px; } } .alert-error { color: var(--red-color); } section { max-width: 34rem; margin-bottom: 16px; margin-left: auto; margin-right: auto; padding-left: 8px; padding-right: 8px; } nav { max-width: 34rem; margin-top: 16px; margin-left: auto; margin-right: auto; padding-left: 8px; padding-right: 8px; } @media print { nav { display: none; } } ol, ul { padding-left: 24px; } blockquote { border-left: 4px solid var(--light-grey-color); padding-left: 16px; margin-left: 0; color: var(--dark-grey-color); } figure { border: 1px var(--light-grey-color) solid; margin: auto; color: var(--dark-grey-color); } figcaption { font-size: 12px; text-align: center; } dt { font-weight: 700; } dd { margin-left: 0; } table { border-collapse: collapse; border: 1px solid var(--light-grey-color); width: 100%; box-sizing: border-box; } thead:nth-child(odd), tr:nth-child(even) { background: var(--light-grey-color); } th, td { max-width: 0px; padding: 4px; } pre { background: var(--airy-grey-color); overflow-x: scroll; } code { background: var(--airy-grey-color); padding: 2px; } hr { border-top: 1px solid var(--light-grey-color); border-bottom: none; border-left: none; border-right: none; } footer { max-width: 34rem; margin-left: auto; margin-right: auto; margin-top: 32px; margin-bottom: 16px; padding-left: 8px; padding-right: 8px; color: var(--dark-grey-color); } .footer-comment { margin-bottom: 8px; } .help { cursor: help; text-decoration: dotted underline; } /* mods * they override specific classes with specific styles */ .type-approve { color: var(--green-color) !important; } .type-delete { color: var(--red-color) !important; } .type-danger { background: var(--red-color) !important; border-color: var(--red-color) !important; } /* form */ label { display: block; margin-top: 16px; } input[type="text"], input[type="url"], input[type="email"], input[type="password"], textarea { display: block; border: 2px solid var(--light-grey-color); box-sizing: border-box; width: 34rem; } @media (max-width: 34rem) { input[type="text"], input[type="url"], input[type="email"], input[type="password"], textarea { width: 100%; } } @media (prefers-color-scheme: dark) { input[type="text"], input[type="url"], input[type="email"], input[type="password"], textarea { color: #fff; background: var(--light-grey-color); } } input[type="submit"] { cursor: pointer; background: var(--link-color); color: #fff; border: 1px solid var(--ascent-color); padding: 8px 24px; } input[type="submit"]:hover, input[type="submit"]:active { background: var(--ascent-color); } input[type="submit"]:disabled { pointer-events: none; background: var(--ascent-color); } form .helptext { color: var(--dark-grey-color); } .form-error { color: var(--red-color); } .form-inline { display: inline-block; } .form-inline input[type="submit"] { border: none; background: unset; color: var(--link-color); padding: 0; } .form-inline input[type="submit"]:hover { text-decoration: underline; } /* landing */ .lead { max-width: 34rem; border: 1px dashed #000; padding-top: 8px; padding-bottom: 8px; } @media (prefers-color-scheme: dark) { .lead { border-color: #fff; } } .cta { margin-top: 32px; margin-bottom: 32px; } .cta-link { font-size: 20px; } /* comparisons */ .comparisons { max-width: 1000px; } .comparisons h1, .comparisons p, .comparisons ol, .comparisons ul { max-width: 34rem; margin-left: auto; margin-right: auto; } .comparisons-matrix { overflow: scroll; } .comparisons table { min-width: 800px; white-space: nowrap; } .comparisons thead > tr > th:not(:first-child), .comparisons tbody > tr > td:not(:first-child) { text-align: center; } .comparisons th { text-align: left; } .comparisons tr { min-width: 300px; } /* blog index */ .blog a:hover { text-decoration: underline; } .blog a:visited { color: var(--purple-color); } .blog a:active { color: var(--red-color); } .posts { list-style: none; padding-left: 0; } .posts li { margin-bottom: 24px; } .posts small { white-space: nowrap; color: var(--dark-grey-color); } .posts time { white-space: nowrap; } .byline { color: var(--dark-grey-color); margin: 16px 0 24px; } .webring { margin-top: 64px; display: flex; justify-content: space-between; } .webring-name { color: #000; } @media (prefers-color-scheme: dark) { .webring-name { color: #fff; } } /* post detail */ .posts-item-brand { display: block; margin-top: 16px; margin-bottom: 16px; color: var(--dark-grey-color); } .posts-item-brand:hover { text-decoration: none; } .posts-item-brand::before { content: "« "; } .posts-item-title { margin-bottom: 8px; } .posts-item-byline { color: var(--dark-grey-color); margin-bottom: 8px; } .posts-item-body p { {% if not request.theme_sansserif %} font-family: serif; font-size: 1.1rem; {% endif %} } .posts-item-body li { {% if not request.theme_sansserif %} font-family: serif; font-size: 1.1rem; {% endif %} } .posts-item-body img { max-width: 100%; display: block; margin-left: auto; margin-right: auto; } /* comments */ .comments { margin-top: 64px; } .comments-title { font-size: 1.2rem; margin-top: 32px; padding-bottom: 4px; border-bottom: 2px solid var(--light-grey-color); } .comments-body { margin-bottom: 16px; } .comments-body p { margin-top: 4px; } /* page detail */ .pages-item-brand { display: block; margin-top: 16px; margin-bottom: 16px; color: var(--dark-grey-color); } .pages-item-brand:hover { text-decoration: none; } .pages-item-brand::before { content: "« "; } .pages-item-title { margin-bottom: 8px; } .pages-item-byline { color: var(--dark-grey-color); margin-bottom: 8px; } .pages-item-body p { {% if not request.theme_sansserif %} font-family: serif; font-size: 1.1rem; {% endif %} } .pages-item-body li { {% if not request.theme_sansserif %} font-family: serif; font-size: 1.1rem; {% endif %} } .pages-item-body img { max-width: 100%; } .pages-generic-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 16px; row-gap: 16px; margin-top: 16px; } @media (max-width: 490px) { .pages-generic-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 340px) { .pages-generic-grid { grid-template-columns: 1fr; } } /* dashboard */ .dashboard-cta { font-size: 1.1rem; } .dashboard-list { line-height: 1.6; } /* images */ .images-grid { max-width: 100%; margin-top: 32px; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-template-rows: 302px; } .images-grid-item { display: flex; justify-content: center; border: 1px solid var(--light-grey-color); } .images-grid-item img { max-width: 300px; max-height: 300px; object-fit: contain; } /* image detail */ .images-item { max-width: 100%; margin-top: 32px; margin-bottom: 32px; text-align: center; } .images-item img { max-width: 100%; max-height: 100vh; } .images-item-byline { color: var(--dark-grey-color); } /* analytics */ .analytics-chart { background: var(--light-grey-color); line-height: 0; } svg .analytics-chart-bar { fill: var(--link-color); } svg .analytics-chart-bar:hover { fill: var(--ascent-color); } svg .analytics-chart-text { font-family: monospace; font-size: 10px; } /* billing stripe */ #subscription-form input[type="submit"] { margin-top: 8px; } #card-element { border: 1px solid var(--light-grey-color); padding: 4px 8px; } #card-element-errors { margin-top: 8px; color: var(--red-color); } </pre> </div> </div> {{각주}} [[분류:블로그]]'
편집 전후의 차이 (edit_diff)
'@@ -182,4 +182,842 @@ **예시 <pre> <figcaption> 캡션 </figcaption> </pre> **: 사진 밑에 부가 설명을 넣을 수 있습니다. + +=== [[CSS]] === + +bear 블로그 용 마타로아 css 입니다. + +<div class="mw-collapsible mw-collapsed"> +Custom styles: 에 복사 붙여넣기 하고 Extend existing styles 체크 +<div class="mw-collapsible-content"> +<pre> + +/* reset */ +html { + /* fix line height in all browsers */ + line-height: 1.15; + /* prevent adjustments of font size after orientation changes in iOS */ + -webkit-text-size-adjust: 100%; +} + +body { + /* remove margin in all browsers */ + margin: 0; + + +} + +hr { + /* fix height in Firefox */ + height: 0; + /* fix inheritance of border color in Firefox */ + color: inherit; +} + +abbr[title] { + /* fix text decoration in Chrome, Edge, Safari. */ + text-decoration: underline dotted; +} + +b, +strong { + /* fix font weight in Edge and Safari */ + font-weight: bolder; +} + +code, +kbd, +samp, +pre { + /* improve consistency of default fonts in all browsers */ + font-family: monospace; + /* correct the odd 'em' font sizing in all browsers */ + font-size: 1em; +} + +small { + /* fix font size in all browsers */ + font-size: 80%; +} + +/* prevent sub and sup from affecting the line height in all browsers */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +table { + /* remove text indentation from table contents in Chrome and Safari */ + text-indent: 0; + /* fix table border color inheritance in Chrome and Safari */ + border-color: inherit; +} + +button, +input, +optgroup, +select, +textarea { + /* fix font styles in all browsers */ + font-family: inherit; + font-size: 100%; + line-height: 1.15; + /* remove margin in Firefox and Safari */ + margin: 0; +} + +button, +select { + /* remove inheritance of text transform in Edge and Firefox */ + text-transform: none; +} + +button, +[type='button'], +[type='reset'], +[type='submit'] { + /* fix inability to style clickable types in iOS and Safari */ + -webkit-appearance: button; +} + +/* remove inner border and padding in Firefox */ +::-moz-focus-inner { + border-style: none; + padding: 0; +} + +:-moz-focusring { + /* restore focus styles unset by the previous rule */ + outline: 1px dotted ButtonText; +} + +:-moz-ui-invalid { + /* remove additional ':invalid' styles in Firefox */ + box-shadow: none; +} + +progress { + /* fix vertical alignment in Chrome and Firefox */ + vertical-align: baseline; +} + +::-webkit-inner-spin-button, +::-webkit-outer-spin-button { + /* fix cursor style of increment and decrement buttons in Safari */ + height: auto; +} + +[type='search'] { + /* fix appearance in Chrome and Safari */ + -webkit-appearance: textfield; + /* fix outline in Safari */ + outline-offset: -2px; +} + +::-webkit-search-decoration { + /* remove inner padding in Chrome and Safari on macOS */ + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + /* fix inability to style clickable types in iOS and Safari */ + -webkit-appearance: button; + /* change font properties to 'inherit' in Safari. */ + font: inherit; +} + +summary { + /* fix display in Chrome and Safari */ + display: list-item; +} + +/* general */ +:root { + --link-color: #1175e2; + --ascent-color: #006cdf; + --dark-grey-color: #757575; + --light-grey-color: #eff1f5; + --airy-grey-color: #fafafa; + --green-color: #26bd60; + --red-color: #ff0000; + --purple-color: #cd1ecd; +} + +/* dark mode + * create a new color (dark-mode-color) + * override existing colors */ +@media (prefers-color-scheme: dark) { + :root { + --dark-mode-color: #212529; + + --link-color: #3395ff; + --dark-grey-color: #78828a; + --light-grey-color: #353535; + --airy-grey-color: #2b2b2b; + --purple-color: #dd47ec; + } +} + +html, +body { + {% if request.theme_zialucia %} + font-size: 20px; + {% endif %} + font-family: sans-serif; + line-height: 1.5; + margin: 0 auto; + padding-top: 5px; + padding-right: 5px; + padding-bottom: 5px; + padding-left: 5px; + max-width: 100%; + +} +@media (max-width: 34rem) { + html, + body { + /* mobile base font size remains 16px whether zialucia on or off */ + font-size: 16px; + } +} +@media (prefers-color-scheme: dark) { + body { + color: #fff; + background: var(--dark-mode-color); + } +} + +a { + text-decoration: none; + color: var(--link-color); +} + +a:hover { + text-decoration: underline; +} + +a.btn { + display: inline-block; + cursor: pointer; + background: var(--link-color); + color: #fff; + border: 1px solid var(--ascent-color); + padding: 8px 24px; +} + +a.btn:hover, +a.btn:active { + background: var(--ascent-color); + text-decoration: none; +} + +a.btn:disabled { + pointer-events: none; + background: var(--ascent-color); +} + + +h1 { + font-size: 1.8rem; + font-weight: 500; + padding-bottom: 4px; + border-bottom: 2px solid var(--light-grey-color); + margin: 16px 0; + font-weight: bold; + font-family: sans-serif; +} + +.title h1 { + margin: 0 auto; + max-width: 612px; +} + +h2, +h3 { + font-weight: 500; + margin: 16px 0; + font-family: sans-serif; +} + +main { + font-family: serif; + font-size: 18px; + max-width: 612px; + margin: 0 auto; +} + +.highlight, .code { + padding: 1px 0px; + background-color: #2b2b2b; + color: #ddd; +} + + +@media print { + main { + max-width: unset; + } +} + +@media print { + article { + page-break-before: always; + } +} + +aside { + max-width: 34rem; + border: 1px dashed #000; + padding: 2px 6px; + margin-top: 8px; + margin-left: auto; + margin-right: auto; + box-sizing: border-box; +} +@media (max-width: 34rem) { + aside { + margin-left: 8px; + margin-right: 8px; + } +} + +.alert-error { + color: var(--red-color); +} + +section { + max-width: 34rem; + margin-bottom: 16px; + margin-left: auto; + margin-right: auto; + padding-left: 8px; + padding-right: 8px; +} + +nav { + max-width: 34rem; + margin-top: 16px; + margin-left: auto; + margin-right: auto; + padding-left: 8px; + padding-right: 8px; +} +@media print { + nav { + display: none; + } +} + +ol, +ul { + padding-left: 24px; +} + +blockquote { + border-left: 4px solid var(--light-grey-color); + padding-left: 16px; + margin-left: 0; + color: var(--dark-grey-color); +} + +figure { + border: 1px var(--light-grey-color) solid; + margin: auto; + color: var(--dark-grey-color); +} + +figcaption { + font-size: 12px; + text-align: center; +} + +dt { + font-weight: 700; +} + +dd { + margin-left: 0; +} + +table { + border-collapse: collapse; + border: 1px solid var(--light-grey-color); + width: 100%; + box-sizing: border-box; +} + +thead:nth-child(odd), +tr:nth-child(even) { + background: var(--light-grey-color); +} + +th, +td { + max-width: 0px; + padding: 4px; +} + +pre { + background: var(--airy-grey-color); + overflow-x: scroll; +} + +code { + background: var(--airy-grey-color); + padding: 2px; +} + +hr { + border-top: 1px solid var(--light-grey-color); + border-bottom: none; + border-left: none; + border-right: none; +} + +footer { + max-width: 34rem; + margin-left: auto; + margin-right: auto; + margin-top: 32px; + margin-bottom: 16px; + padding-left: 8px; + padding-right: 8px; + color: var(--dark-grey-color); +} + +.footer-comment { + margin-bottom: 8px; +} + +.help { + cursor: help; + text-decoration: dotted underline; +} + +/* mods + * they override specific classes with specific styles */ +.type-approve { + color: var(--green-color) !important; +} + +.type-delete { + color: var(--red-color) !important; +} + +.type-danger { + background: var(--red-color) !important; + border-color: var(--red-color) !important; +} + +/* form */ +label { + display: block; + margin-top: 16px; +} + +input[type="text"], +input[type="url"], +input[type="email"], +input[type="password"], +textarea { + display: block; + border: 2px solid var(--light-grey-color); + box-sizing: border-box; + width: 34rem; +} +@media (max-width: 34rem) { + input[type="text"], + input[type="url"], + input[type="email"], + input[type="password"], + textarea { + width: 100%; + } +} +@media (prefers-color-scheme: dark) { + input[type="text"], + input[type="url"], + input[type="email"], + input[type="password"], + textarea { + color: #fff; + background: var(--light-grey-color); + } +} + +input[type="submit"] { + cursor: pointer; + background: var(--link-color); + color: #fff; + border: 1px solid var(--ascent-color); + padding: 8px 24px; +} + +input[type="submit"]:hover, +input[type="submit"]:active { + background: var(--ascent-color); +} + +input[type="submit"]:disabled { + pointer-events: none; + background: var(--ascent-color); +} + +form .helptext { + color: var(--dark-grey-color); +} + +.form-error { + color: var(--red-color); +} + +.form-inline { + display: inline-block; +} + +.form-inline input[type="submit"] { + border: none; + background: unset; + color: var(--link-color); + padding: 0; +} + +.form-inline input[type="submit"]:hover { + text-decoration: underline; +} + +/* landing */ +.lead { + max-width: 34rem; + border: 1px dashed #000; + padding-top: 8px; + padding-bottom: 8px; +} +@media (prefers-color-scheme: dark) { + .lead { + border-color: #fff; + } +} + +.cta { + margin-top: 32px; + margin-bottom: 32px; +} + +.cta-link { + font-size: 20px; +} + +/* comparisons */ +.comparisons { + max-width: 1000px; +} + +.comparisons h1, +.comparisons p, +.comparisons ol, +.comparisons ul { + max-width: 34rem; + margin-left: auto; + margin-right: auto; +} + +.comparisons-matrix { + overflow: scroll; +} + +.comparisons table { + min-width: 800px; + white-space: nowrap; +} + +.comparisons thead > tr > th:not(:first-child), +.comparisons tbody > tr > td:not(:first-child) { + text-align: center; +} + +.comparisons th { + text-align: left; +} + +.comparisons tr { + min-width: 300px; +} + +/* blog index */ +.blog a:hover { + text-decoration: underline; +} + +.blog a:visited { + color: var(--purple-color); +} + +.blog a:active { + color: var(--red-color); +} + +.posts { + list-style: none; + padding-left: 0; +} + +.posts li { + margin-bottom: 24px; +} + +.posts small { + white-space: nowrap; + color: var(--dark-grey-color); +} + +.posts time { + white-space: nowrap; +} + +.byline { + color: var(--dark-grey-color); + margin: 16px 0 24px; +} + +.webring { + margin-top: 64px; + display: flex; + justify-content: space-between; +} + +.webring-name { + color: #000; +} +@media (prefers-color-scheme: dark) { + .webring-name { + color: #fff; + } +} + +/* post detail */ +.posts-item-brand { + display: block; + margin-top: 16px; + margin-bottom: 16px; + color: var(--dark-grey-color); +} + +.posts-item-brand:hover { + text-decoration: none; +} + +.posts-item-brand::before { + content: "« "; +} + +.posts-item-title { + margin-bottom: 8px; +} + +.posts-item-byline { + color: var(--dark-grey-color); + margin-bottom: 8px; +} + +.posts-item-body p { + {% if not request.theme_sansserif %} + font-family: serif; + font-size: 1.1rem; + {% endif %} +} + +.posts-item-body li { + {% if not request.theme_sansserif %} + font-family: serif; + font-size: 1.1rem; + {% endif %} +} + +.posts-item-body img { + max-width: 100%; + display: block; + margin-left: auto; + margin-right: auto; +} + +/* comments */ +.comments { + margin-top: 64px; +} + +.comments-title { + font-size: 1.2rem; + margin-top: 32px; + padding-bottom: 4px; + border-bottom: 2px solid var(--light-grey-color); +} + +.comments-body { + margin-bottom: 16px; +} + +.comments-body p { + margin-top: 4px; +} + +/* page detail */ +.pages-item-brand { + display: block; + margin-top: 16px; + margin-bottom: 16px; + color: var(--dark-grey-color); +} + +.pages-item-brand:hover { + text-decoration: none; +} + +.pages-item-brand::before { + content: "« "; +} + +.pages-item-title { + margin-bottom: 8px; +} + +.pages-item-byline { + color: var(--dark-grey-color); + margin-bottom: 8px; +} + +.pages-item-body p { + {% if not request.theme_sansserif %} + font-family: serif; + font-size: 1.1rem; + {% endif %} +} + +.pages-item-body li { + {% if not request.theme_sansserif %} + font-family: serif; + font-size: 1.1rem; + {% endif %} +} + +.pages-item-body img { + max-width: 100%; +} + +.pages-generic-grid { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + column-gap: 16px; + row-gap: 16px; + margin-top: 16px; +} +@media (max-width: 490px) { + .pages-generic-grid { + grid-template-columns: 1fr 1fr; + } +} +@media (max-width: 340px) { + .pages-generic-grid { + grid-template-columns: 1fr; + } +} + +/* dashboard */ +.dashboard-cta { + font-size: 1.1rem; +} + +.dashboard-list { + line-height: 1.6; +} + +/* images */ +.images-grid { + max-width: 100%; + margin-top: 32px; + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + grid-template-rows: 302px; +} + +.images-grid-item { + display: flex; + justify-content: center; + border: 1px solid var(--light-grey-color); +} + +.images-grid-item img { + max-width: 300px; + max-height: 300px; + object-fit: contain; +} + +/* image detail */ +.images-item { + max-width: 100%; + margin-top: 32px; + margin-bottom: 32px; + text-align: center; +} + +.images-item img { + max-width: 100%; + max-height: 100vh; +} + +.images-item-byline { + color: var(--dark-grey-color); +} + +/* analytics */ +.analytics-chart { + background: var(--light-grey-color); + line-height: 0; +} + +svg .analytics-chart-bar { + fill: var(--link-color); +} + +svg .analytics-chart-bar:hover { + fill: var(--ascent-color); +} + +svg .analytics-chart-text { + font-family: monospace; + font-size: 10px; +} + +/* billing stripe */ +#subscription-form input[type="submit"] { + margin-top: 8px; +} + +#card-element { + border: 1px solid var(--light-grey-color); + padding: 4px 8px; +} + +#card-element-errors { + margin-top: 8px; + color: var(--red-color); +} +</pre> + +</div> +</div> + + + {{각주}} [[분류:블로그]] '
새 문서 크기 (new_size)
18455
편집 중 추가된 줄 (added_lines)
[ 0 => '', 1 => '=== [[CSS]] ===', 2 => '', 3 => 'bear 블로그 용 마타로아 css 입니다.', 4 => '', 5 => '<div class="mw-collapsible mw-collapsed">', 6 => 'Custom styles: 에 복사 붙여넣기 하고 Extend existing styles 체크', 7 => '<div class="mw-collapsible-content">', 8 => '<pre>', 9 => '', 10 => '/* reset */', 11 => 'html {', 12 => ' /* fix line height in all browsers */', 13 => ' line-height: 1.15;', 14 => ' /* prevent adjustments of font size after orientation changes in iOS */', 15 => ' -webkit-text-size-adjust: 100%;', 16 => '}', 17 => '', 18 => 'body {', 19 => ' /* remove margin in all browsers */', 20 => ' margin: 0;', 21 => '', 22 => ' ', 23 => '}', 24 => '', 25 => 'hr {', 26 => ' /* fix height in Firefox */', 27 => ' height: 0;', 28 => ' /* fix inheritance of border color in Firefox */', 29 => ' color: inherit;', 30 => '}', 31 => '', 32 => 'abbr[title] {', 33 => ' /* fix text decoration in Chrome, Edge, Safari. */', 34 => ' text-decoration: underline dotted;', 35 => '}', 36 => '', 37 => 'b,', 38 => 'strong {', 39 => ' /* fix font weight in Edge and Safari */', 40 => ' font-weight: bolder;', 41 => '}', 42 => '', 43 => 'code,', 44 => 'kbd,', 45 => 'samp,', 46 => 'pre {', 47 => ' /* improve consistency of default fonts in all browsers */', 48 => ' font-family: monospace;', 49 => ' /* correct the odd 'em' font sizing in all browsers */', 50 => ' font-size: 1em;', 51 => '}', 52 => '', 53 => 'small {', 54 => ' /* fix font size in all browsers */', 55 => ' font-size: 80%;', 56 => '}', 57 => '', 58 => '/* prevent sub and sup from affecting the line height in all browsers */', 59 => 'sub,', 60 => 'sup {', 61 => ' font-size: 75%;', 62 => ' line-height: 0;', 63 => ' position: relative;', 64 => ' vertical-align: baseline;', 65 => '}', 66 => '', 67 => 'sub {', 68 => ' bottom: -0.25em;', 69 => '}', 70 => '', 71 => 'sup {', 72 => ' top: -0.5em;', 73 => '}', 74 => '', 75 => 'table {', 76 => ' /* remove text indentation from table contents in Chrome and Safari */', 77 => ' text-indent: 0;', 78 => ' /* fix table border color inheritance in Chrome and Safari */', 79 => ' border-color: inherit;', 80 => '}', 81 => '', 82 => 'button,', 83 => 'input,', 84 => 'optgroup,', 85 => 'select,', 86 => 'textarea {', 87 => ' /* fix font styles in all browsers */', 88 => ' font-family: inherit;', 89 => ' font-size: 100%;', 90 => ' line-height: 1.15;', 91 => ' /* remove margin in Firefox and Safari */', 92 => ' margin: 0;', 93 => '}', 94 => '', 95 => 'button,', 96 => 'select {', 97 => ' /* remove inheritance of text transform in Edge and Firefox */', 98 => ' text-transform: none;', 99 => '}', 100 => '', 101 => 'button,', 102 => '[type='button'],', 103 => '[type='reset'],', 104 => '[type='submit'] {', 105 => ' /* fix inability to style clickable types in iOS and Safari */', 106 => ' -webkit-appearance: button;', 107 => '}', 108 => '', 109 => '/* remove inner border and padding in Firefox */', 110 => '::-moz-focus-inner {', 111 => ' border-style: none;', 112 => ' padding: 0;', 113 => '}', 114 => '', 115 => ':-moz-focusring {', 116 => ' /* restore focus styles unset by the previous rule */', 117 => ' outline: 1px dotted ButtonText;', 118 => '}', 119 => '', 120 => ':-moz-ui-invalid {', 121 => ' /* remove additional ':invalid' styles in Firefox */', 122 => ' box-shadow: none;', 123 => '}', 124 => '', 125 => 'progress {', 126 => ' /* fix vertical alignment in Chrome and Firefox */', 127 => ' vertical-align: baseline;', 128 => '}', 129 => '', 130 => '::-webkit-inner-spin-button,', 131 => '::-webkit-outer-spin-button {', 132 => ' /* fix cursor style of increment and decrement buttons in Safari */', 133 => ' height: auto;', 134 => '}', 135 => '', 136 => '[type='search'] {', 137 => ' /* fix appearance in Chrome and Safari */', 138 => ' -webkit-appearance: textfield;', 139 => ' /* fix outline in Safari */', 140 => ' outline-offset: -2px;', 141 => '}', 142 => '', 143 => '::-webkit-search-decoration {', 144 => ' /* remove inner padding in Chrome and Safari on macOS */', 145 => ' -webkit-appearance: none;', 146 => '}', 147 => '', 148 => '::-webkit-file-upload-button {', 149 => ' /* fix inability to style clickable types in iOS and Safari */', 150 => ' -webkit-appearance: button;', 151 => ' /* change font properties to 'inherit' in Safari. */', 152 => ' font: inherit;', 153 => '}', 154 => '', 155 => 'summary {', 156 => ' /* fix display in Chrome and Safari */', 157 => ' display: list-item;', 158 => '}', 159 => '', 160 => '/* general */', 161 => ':root {', 162 => ' --link-color: #1175e2;', 163 => ' --ascent-color: #006cdf;', 164 => ' --dark-grey-color: #757575;', 165 => ' --light-grey-color: #eff1f5;', 166 => ' --airy-grey-color: #fafafa;', 167 => ' --green-color: #26bd60;', 168 => ' --red-color: #ff0000;', 169 => ' --purple-color: #cd1ecd;', 170 => '}', 171 => '', 172 => '/* dark mode', 173 => ' * create a new color (dark-mode-color)', 174 => ' * override existing colors */', 175 => '@media (prefers-color-scheme: dark) {', 176 => ' :root {', 177 => ' --dark-mode-color: #212529;', 178 => '', 179 => ' --link-color: #3395ff;', 180 => ' --dark-grey-color: #78828a;', 181 => ' --light-grey-color: #353535;', 182 => ' --airy-grey-color: #2b2b2b;', 183 => ' --purple-color: #dd47ec;', 184 => ' }', 185 => '}', 186 => '', 187 => 'html,', 188 => 'body {', 189 => ' {% if request.theme_zialucia %}', 190 => ' font-size: 20px;', 191 => ' {% endif %}', 192 => ' font-family: sans-serif;', 193 => ' line-height: 1.5;', 194 => ' margin: 0 auto;', 195 => ' padding-top: 5px;', 196 => ' padding-right: 5px;', 197 => ' padding-bottom: 5px;', 198 => ' padding-left: 5px;', 199 => ' max-width: 100%;', 200 => ' ', 201 => '}', 202 => '@media (max-width: 34rem) {', 203 => ' html,', 204 => ' body {', 205 => ' /* mobile base font size remains 16px whether zialucia on or off */', 206 => ' font-size: 16px;', 207 => ' }', 208 => '}', 209 => '@media (prefers-color-scheme: dark) {', 210 => ' body {', 211 => ' color: #fff;', 212 => ' background: var(--dark-mode-color);', 213 => ' }', 214 => '}', 215 => '', 216 => 'a {', 217 => ' text-decoration: none;', 218 => ' color: var(--link-color);', 219 => '}', 220 => '', 221 => 'a:hover {', 222 => ' text-decoration: underline;', 223 => '}', 224 => '', 225 => 'a.btn {', 226 => ' display: inline-block;', 227 => ' cursor: pointer;', 228 => ' background: var(--link-color);', 229 => ' color: #fff;', 230 => ' border: 1px solid var(--ascent-color);', 231 => ' padding: 8px 24px;', 232 => '}', 233 => '', 234 => 'a.btn:hover,', 235 => 'a.btn:active {', 236 => ' background: var(--ascent-color);', 237 => ' text-decoration: none;', 238 => '}', 239 => '', 240 => 'a.btn:disabled {', 241 => ' pointer-events: none;', 242 => ' background: var(--ascent-color);', 243 => '}', 244 => '', 245 => '', 246 => 'h1 {', 247 => ' font-size: 1.8rem;', 248 => ' font-weight: 500;', 249 => ' padding-bottom: 4px;', 250 => ' border-bottom: 2px solid var(--light-grey-color);', 251 => ' margin: 16px 0;', 252 => ' font-weight: bold;', 253 => ' font-family: sans-serif;', 254 => '}', 255 => '', 256 => '.title h1 {', 257 => ' margin: 0 auto;', 258 => ' max-width: 612px;', 259 => '}', 260 => '', 261 => 'h2,', 262 => 'h3 {', 263 => ' font-weight: 500;', 264 => ' margin: 16px 0;', 265 => ' font-family: sans-serif;', 266 => '}', 267 => '', 268 => 'main {', 269 => ' font-family: serif;', 270 => ' font-size: 18px;', 271 => ' max-width: 612px;', 272 => ' margin: 0 auto;', 273 => '}', 274 => '', 275 => '.highlight, .code {', 276 => ' padding: 1px 0px;', 277 => ' background-color: #2b2b2b;', 278 => ' color: #ddd;', 279 => '}', 280 => '', 281 => '', 282 => '@media print {', 283 => ' main {', 284 => ' max-width: unset;', 285 => ' }', 286 => '}', 287 => '', 288 => '@media print {', 289 => ' article {', 290 => ' page-break-before: always;', 291 => ' }', 292 => '}', 293 => '', 294 => 'aside {', 295 => ' max-width: 34rem;', 296 => ' border: 1px dashed #000;', 297 => ' padding: 2px 6px;', 298 => ' margin-top: 8px;', 299 => ' margin-left: auto;', 300 => ' margin-right: auto;', 301 => ' box-sizing: border-box;', 302 => '}', 303 => '@media (max-width: 34rem) {', 304 => ' aside {', 305 => ' margin-left: 8px;', 306 => ' margin-right: 8px;', 307 => ' }', 308 => '}', 309 => '', 310 => '.alert-error {', 311 => ' color: var(--red-color);', 312 => '}', 313 => '', 314 => 'section {', 315 => ' max-width: 34rem;', 316 => ' margin-bottom: 16px;', 317 => ' margin-left: auto;', 318 => ' margin-right: auto;', 319 => ' padding-left: 8px;', 320 => ' padding-right: 8px;', 321 => '}', 322 => '', 323 => 'nav {', 324 => ' max-width: 34rem;', 325 => ' margin-top: 16px;', 326 => ' margin-left: auto;', 327 => ' margin-right: auto;', 328 => ' padding-left: 8px;', 329 => ' padding-right: 8px;', 330 => '}', 331 => '@media print {', 332 => ' nav {', 333 => ' display: none;', 334 => ' }', 335 => '}', 336 => '', 337 => 'ol,', 338 => 'ul {', 339 => ' padding-left: 24px;', 340 => '}', 341 => '', 342 => 'blockquote {', 343 => ' border-left: 4px solid var(--light-grey-color);', 344 => ' padding-left: 16px;', 345 => ' margin-left: 0;', 346 => ' color: var(--dark-grey-color);', 347 => '}', 348 => '', 349 => 'figure {', 350 => ' border: 1px var(--light-grey-color) solid;', 351 => ' margin: auto;', 352 => ' color: var(--dark-grey-color);', 353 => '}', 354 => '', 355 => 'figcaption {', 356 => ' font-size: 12px;', 357 => ' text-align: center;', 358 => '}', 359 => '', 360 => 'dt {', 361 => ' font-weight: 700;', 362 => '}', 363 => '', 364 => 'dd {', 365 => ' margin-left: 0;', 366 => '}', 367 => '', 368 => 'table {', 369 => ' border-collapse: collapse;', 370 => ' border: 1px solid var(--light-grey-color);', 371 => ' width: 100%;', 372 => ' box-sizing: border-box;', 373 => '}', 374 => '', 375 => 'thead:nth-child(odd),', 376 => 'tr:nth-child(even) {', 377 => ' background: var(--light-grey-color);', 378 => '}', 379 => '', 380 => 'th,', 381 => 'td {', 382 => ' max-width: 0px;', 383 => ' padding: 4px;', 384 => '}', 385 => '', 386 => 'pre {', 387 => ' background: var(--airy-grey-color);', 388 => ' overflow-x: scroll;', 389 => '}', 390 => '', 391 => 'code {', 392 => ' background: var(--airy-grey-color);', 393 => ' padding: 2px;', 394 => '}', 395 => '', 396 => 'hr {', 397 => ' border-top: 1px solid var(--light-grey-color);', 398 => ' border-bottom: none;', 399 => ' border-left: none;', 400 => ' border-right: none;', 401 => '}', 402 => '', 403 => 'footer {', 404 => ' max-width: 34rem;', 405 => ' margin-left: auto;', 406 => ' margin-right: auto;', 407 => ' margin-top: 32px;', 408 => ' margin-bottom: 16px;', 409 => ' padding-left: 8px;', 410 => ' padding-right: 8px;', 411 => ' color: var(--dark-grey-color);', 412 => '}', 413 => '', 414 => '.footer-comment {', 415 => ' margin-bottom: 8px;', 416 => '}', 417 => '', 418 => '.help {', 419 => ' cursor: help;', 420 => ' text-decoration: dotted underline;', 421 => '}', 422 => '', 423 => '/* mods', 424 => ' * they override specific classes with specific styles */', 425 => '.type-approve {', 426 => ' color: var(--green-color) !important;', 427 => '}', 428 => '', 429 => '.type-delete {', 430 => ' color: var(--red-color) !important;', 431 => '}', 432 => '', 433 => '.type-danger {', 434 => ' background: var(--red-color) !important;', 435 => ' border-color: var(--red-color) !important;', 436 => '}', 437 => '', 438 => '/* form */', 439 => 'label {', 440 => ' display: block;', 441 => ' margin-top: 16px;', 442 => '}', 443 => '', 444 => 'input[type="text"],', 445 => 'input[type="url"],', 446 => 'input[type="email"],', 447 => 'input[type="password"],', 448 => 'textarea {', 449 => ' display: block;', 450 => ' border: 2px solid var(--light-grey-color);', 451 => ' box-sizing: border-box;', 452 => ' width: 34rem;', 453 => '}', 454 => '@media (max-width: 34rem) {', 455 => ' input[type="text"],', 456 => ' input[type="url"],', 457 => ' input[type="email"],', 458 => ' input[type="password"],', 459 => ' textarea {', 460 => ' width: 100%;', 461 => ' }', 462 => '}', 463 => '@media (prefers-color-scheme: dark) {', 464 => ' input[type="text"],', 465 => ' input[type="url"],', 466 => ' input[type="email"],', 467 => ' input[type="password"],', 468 => ' textarea {', 469 => ' color: #fff;', 470 => ' background: var(--light-grey-color);', 471 => ' }', 472 => '}', 473 => '', 474 => 'input[type="submit"] {', 475 => ' cursor: pointer;', 476 => ' background: var(--link-color);', 477 => ' color: #fff;', 478 => ' border: 1px solid var(--ascent-color);', 479 => ' padding: 8px 24px;', 480 => '}', 481 => '', 482 => 'input[type="submit"]:hover,', 483 => 'input[type="submit"]:active {', 484 => ' background: var(--ascent-color);', 485 => '}', 486 => '', 487 => 'input[type="submit"]:disabled {', 488 => ' pointer-events: none;', 489 => ' background: var(--ascent-color);', 490 => '}', 491 => '', 492 => 'form .helptext {', 493 => ' color: var(--dark-grey-color);', 494 => '}', 495 => '', 496 => '.form-error {', 497 => ' color: var(--red-color);', 498 => '}', 499 => '', 500 => '.form-inline {', 501 => ' display: inline-block;', 502 => '}', 503 => '', 504 => '.form-inline input[type="submit"] {', 505 => ' border: none;', 506 => ' background: unset;', 507 => ' color: var(--link-color);', 508 => ' padding: 0;', 509 => '}', 510 => '', 511 => '.form-inline input[type="submit"]:hover {', 512 => ' text-decoration: underline;', 513 => '}', 514 => '', 515 => '/* landing */', 516 => '.lead {', 517 => ' max-width: 34rem;', 518 => ' border: 1px dashed #000;', 519 => ' padding-top: 8px;', 520 => ' padding-bottom: 8px;', 521 => '}', 522 => '@media (prefers-color-scheme: dark) {', 523 => ' .lead {', 524 => ' border-color: #fff;', 525 => ' }', 526 => '}', 527 => '', 528 => '.cta {', 529 => ' margin-top: 32px;', 530 => ' margin-bottom: 32px;', 531 => '}', 532 => '', 533 => '.cta-link {', 534 => ' font-size: 20px;', 535 => '}', 536 => '', 537 => '/* comparisons */', 538 => '.comparisons {', 539 => ' max-width: 1000px;', 540 => '}', 541 => '', 542 => '.comparisons h1,', 543 => '.comparisons p,', 544 => '.comparisons ol,', 545 => '.comparisons ul {', 546 => ' max-width: 34rem;', 547 => ' margin-left: auto;', 548 => ' margin-right: auto;', 549 => '}', 550 => '', 551 => '.comparisons-matrix {', 552 => ' overflow: scroll;', 553 => '}', 554 => '', 555 => '.comparisons table {', 556 => ' min-width: 800px;', 557 => ' white-space: nowrap;', 558 => '}', 559 => '', 560 => '.comparisons thead > tr > th:not(:first-child),', 561 => '.comparisons tbody > tr > td:not(:first-child) {', 562 => ' text-align: center;', 563 => '}', 564 => '', 565 => '.comparisons th {', 566 => ' text-align: left;', 567 => '}', 568 => '', 569 => '.comparisons tr {', 570 => ' min-width: 300px;', 571 => '}', 572 => '', 573 => '/* blog index */', 574 => '.blog a:hover {', 575 => ' text-decoration: underline;', 576 => '}', 577 => '', 578 => '.blog a:visited {', 579 => ' color: var(--purple-color);', 580 => '}', 581 => '', 582 => '.blog a:active {', 583 => ' color: var(--red-color);', 584 => '}', 585 => '', 586 => '.posts {', 587 => ' list-style: none;', 588 => ' padding-left: 0;', 589 => '}', 590 => '', 591 => '.posts li {', 592 => ' margin-bottom: 24px;', 593 => '}', 594 => '', 595 => '.posts small {', 596 => ' white-space: nowrap;', 597 => ' color: var(--dark-grey-color);', 598 => '}', 599 => '', 600 => '.posts time {', 601 => ' white-space: nowrap;', 602 => '}', 603 => '', 604 => '.byline {', 605 => ' color: var(--dark-grey-color);', 606 => ' margin: 16px 0 24px;', 607 => '}', 608 => '', 609 => '.webring {', 610 => ' margin-top: 64px;', 611 => ' display: flex;', 612 => ' justify-content: space-between;', 613 => '}', 614 => '', 615 => '.webring-name {', 616 => ' color: #000;', 617 => '}', 618 => '@media (prefers-color-scheme: dark) {', 619 => ' .webring-name {', 620 => ' color: #fff;', 621 => ' }', 622 => '}', 623 => '', 624 => '/* post detail */', 625 => '.posts-item-brand {', 626 => ' display: block;', 627 => ' margin-top: 16px;', 628 => ' margin-bottom: 16px;', 629 => ' color: var(--dark-grey-color);', 630 => '}', 631 => '', 632 => '.posts-item-brand:hover {', 633 => ' text-decoration: none;', 634 => '}', 635 => '', 636 => '.posts-item-brand::before {', 637 => ' content: "« ";', 638 => '}', 639 => '', 640 => '.posts-item-title {', 641 => ' margin-bottom: 8px;', 642 => '}', 643 => '', 644 => '.posts-item-byline {', 645 => ' color: var(--dark-grey-color);', 646 => ' margin-bottom: 8px;', 647 => '}', 648 => '', 649 => '.posts-item-body p {', 650 => ' {% if not request.theme_sansserif %}', 651 => ' font-family: serif;', 652 => ' font-size: 1.1rem;', 653 => ' {% endif %}', 654 => '}', 655 => '', 656 => '.posts-item-body li {', 657 => ' {% if not request.theme_sansserif %}', 658 => ' font-family: serif;', 659 => ' font-size: 1.1rem;', 660 => ' {% endif %}', 661 => '}', 662 => '', 663 => '.posts-item-body img {', 664 => ' max-width: 100%;', 665 => ' display: block;', 666 => ' margin-left: auto;', 667 => ' margin-right: auto;', 668 => '}', 669 => '', 670 => '/* comments */', 671 => '.comments {', 672 => ' margin-top: 64px;', 673 => '}', 674 => '', 675 => '.comments-title {', 676 => ' font-size: 1.2rem;', 677 => ' margin-top: 32px;', 678 => ' padding-bottom: 4px;', 679 => ' border-bottom: 2px solid var(--light-grey-color);', 680 => '}', 681 => '', 682 => '.comments-body {', 683 => ' margin-bottom: 16px;', 684 => '}', 685 => '', 686 => '.comments-body p {', 687 => ' margin-top: 4px;', 688 => '}', 689 => '', 690 => '/* page detail */', 691 => '.pages-item-brand {', 692 => ' display: block;', 693 => ' margin-top: 16px;', 694 => ' margin-bottom: 16px;', 695 => ' color: var(--dark-grey-color);', 696 => '}', 697 => '', 698 => '.pages-item-brand:hover {', 699 => ' text-decoration: none;', 700 => '}', 701 => '', 702 => '.pages-item-brand::before {', 703 => ' content: "« ";', 704 => '}', 705 => '', 706 => '.pages-item-title {', 707 => ' margin-bottom: 8px;', 708 => '}', 709 => '', 710 => '.pages-item-byline {', 711 => ' color: var(--dark-grey-color);', 712 => ' margin-bottom: 8px;', 713 => '}', 714 => '', 715 => '.pages-item-body p {', 716 => ' {% if not request.theme_sansserif %}', 717 => ' font-family: serif;', 718 => ' font-size: 1.1rem;', 719 => ' {% endif %}', 720 => '}', 721 => '', 722 => '.pages-item-body li {', 723 => ' {% if not request.theme_sansserif %}', 724 => ' font-family: serif;', 725 => ' font-size: 1.1rem;', 726 => ' {% endif %}', 727 => '}', 728 => '', 729 => '.pages-item-body img {', 730 => ' max-width: 100%;', 731 => '}', 732 => '', 733 => '.pages-generic-grid {', 734 => ' display: grid;', 735 => ' grid-template-columns: 1fr 1fr 1fr;', 736 => ' column-gap: 16px;', 737 => ' row-gap: 16px;', 738 => ' margin-top: 16px;', 739 => '}', 740 => '@media (max-width: 490px) {', 741 => ' .pages-generic-grid {', 742 => ' grid-template-columns: 1fr 1fr;', 743 => ' }', 744 => '}', 745 => '@media (max-width: 340px) {', 746 => ' .pages-generic-grid {', 747 => ' grid-template-columns: 1fr;', 748 => ' }', 749 => '}', 750 => '', 751 => '/* dashboard */', 752 => '.dashboard-cta {', 753 => ' font-size: 1.1rem;', 754 => '}', 755 => '', 756 => '.dashboard-list {', 757 => ' line-height: 1.6;', 758 => '}', 759 => '', 760 => '/* images */', 761 => '.images-grid {', 762 => ' max-width: 100%;', 763 => ' margin-top: 32px;', 764 => ' display: grid;', 765 => ' grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));', 766 => ' grid-template-rows: 302px;', 767 => '}', 768 => '', 769 => '.images-grid-item {', 770 => ' display: flex;', 771 => ' justify-content: center;', 772 => ' border: 1px solid var(--light-grey-color);', 773 => '}', 774 => '', 775 => '.images-grid-item img {', 776 => ' max-width: 300px;', 777 => ' max-height: 300px;', 778 => ' object-fit: contain;', 779 => '}', 780 => '', 781 => '/* image detail */', 782 => '.images-item {', 783 => ' max-width: 100%;', 784 => ' margin-top: 32px;', 785 => ' margin-bottom: 32px;', 786 => ' text-align: center;', 787 => '}', 788 => '', 789 => '.images-item img {', 790 => ' max-width: 100%;', 791 => ' max-height: 100vh;', 792 => '}', 793 => '', 794 => '.images-item-byline {', 795 => ' color: var(--dark-grey-color);', 796 => '}', 797 => '', 798 => '/* analytics */', 799 => '.analytics-chart {', 800 => ' background: var(--light-grey-color);', 801 => ' line-height: 0;', 802 => '}', 803 => '', 804 => 'svg .analytics-chart-bar {', 805 => ' fill: var(--link-color);', 806 => '}', 807 => '', 808 => 'svg .analytics-chart-bar:hover {', 809 => ' fill: var(--ascent-color);', 810 => '}', 811 => '', 812 => 'svg .analytics-chart-text {', 813 => ' font-family: monospace;', 814 => ' font-size: 10px;', 815 => '}', 816 => '', 817 => '/* billing stripe */', 818 => '#subscription-form input[type="submit"] {', 819 => ' margin-top: 8px;', 820 => '}', 821 => '', 822 => '#card-element {', 823 => ' border: 1px solid var(--light-grey-color);', 824 => ' padding: 4px 8px;', 825 => '}', 826 => '', 827 => '#card-element-errors {', 828 => ' margin-top: 8px;', 829 => ' color: var(--red-color);', 830 => '}', 831 => '</pre>', 832 => '', 833 => '</div>', 834 => '</div>', 835 => '', 836 => '', 837 => '' ]
편집이 토르 끝 노드를 통해 바뀌었는 지의 여부 (tor_exit_node)
false
바뀐 시점의 유닉스 시간 기록 (timestamp)
1657843453