Blankstyle Memo

変更点

#header h1 a::before, #header h2::before {
font-family: 'Montserrat', verdana, arial, helvetica, sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Montserrat', verdana, arial, helvetica, sans-serif;
}

div#extra-div-1 {
background: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ablankstyle/43Head.png');
background: url('http://scp-jp-storage.wdfiles.com/local--files/file:5722815-45-51f1/43Head.png');
}

#side-bar .side-block {
border: 1px solid #333;
border-radius: 0;
box-shadow: none;
background-color: #FDF6D7;
}
#side-bar .side-block {
border: 1px solid #333;
border-radius: 0;
box-shadow: none;
background-color: #FDF6D7;
} /* 重複の削除 */

#side-bar .side-block.media {
background-color:#D7EFE7;
}
#side-bar .side-block.resources {
background-color:#F5D8E0;
}

div.page-rate-widget-box .rate-points {
background-color: #ffffff !important;
}

#page-content .fancyhr hr {
border-image-source: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_hr.png');
border-image-source: url('http://scp-jp-storage.wdfiles.com/local--files/file:5722815-46-ec6z/wl_hr.png');
background: none;
}
#page-content .fancyborder {
border-image: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_border.png') 600 round;
border-image: url('http://scp-jp-storage.wdfiles.com/local--files/file:5722815-47-mqmb/wl_border.png') 600 round;
}

追加したコード

.creditRate .page-rate-widget-box .cancel a {
display: inline-flex;
align-items: center;
justify-content: center;
height: 16px;
padding: 2px 5px;
box-sizing: border-box;
color: #333333;
}
.creditRate .page-rate-widget-box .cancel a:hover {
color: #ffffff;
}

#page-content .creditRate.creditModule .rate-box-with-credit-button {
border: none 0;
}
#page-content .creditRate.creditModule .rate-box-with-credit-button .page-rate-widget-box {
border: solid 1px #000;
margin-bottom: 0;
}
.creditRate.creditModule .rate-box-with-credit-button .creditButton {
display: inline-flex;
width: 20px;
height: 18px;
background: #ffffff;
border-color: #000;
border-radius: 0;
box-shadow: none;
}
.creditRate.creditModule .rate-box-with-credit-button .creditButton a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 16px;
}

.creditRate:not(.creditModule) .rate-box-with-credit-button .creditButton {
width: auto;
background: none;
border: none 0;
border-radius: 0;
box-shadow: none;
}
.creditRate:not(.creditModule) .rate-box-with-credit-button .creditButton p a {
display: inline-flex;
justify-content: center;
align-items: center;
height: 16px;
padding: 0;
}

#side-bar {
display: grid;
grid-template-areas:
"a"
"a"
"a"
"a"
"red"
"blue"
"b"
"b";
}
#side-bar .side-block[style="background-color: #a7dba2;"] {
background: #D7EFE7 !important;
}
#side-bar .side-block[style="background-color: #e5e5ff;"] {
background: #D8ECF4 !important;
grid-area: blue;
}
#side-bar .side-block[style="background-color: #fff0f0;"] {
background: #F5D8E0 !important;
grid-area: red;
}
#side-bar .side-block[style="background-color: #f0f0f0;"] {
background: #FFFFFF !important;
}
#side-bar .scpnet-interwiki-wrapper {
padding-bottom: 1em;
}
#side-bar .scpnet-interwiki-wrapper iframe.scpnet-interwiki-frame {
border: 1px solid #333;
border-radius: 0;
box-shadow: none;
margin-bottom: 1em;
}
@media (max-width: 767px) {
#side-bar:target {
display: grid;
width: 19em;
}
}
@media (min-width: 768px) {
#side-bar:target {
display: grid;
width: 19em;
border: none 0;
border-right: solid 1px #333;
}
#side-bar:target .close-menu {
margin-left: 21em;
opacity: 0;
}
}
#side-bar hr {
margin-top: 0;
}

credit-style用コード (creditモジュールのデザインをinfoモジュールと同じにするinclude引数のオプションです)

#page-content .creditRate.creditModule .rate-box-with-credit-button {
border: solid 1px #000;
}
#page-content .creditRate.creditModule .rate-box-with-credit-button .page-rate-widget-box {
border: none 0;
}
#page-content .creditRate.creditModule .rate-box-with-credit-button .creditButton {
border: none 0;
margin-left: 0;
}
#page-content .creditRate.creditModule .rate-box-with-credit-button .creditButton a {
font-size: 12px;
}

S&Cプラスチック タグ付き用コード

div#extra-div-1 {
background-image: url(https://cdn.discordapp.com/attachments/770866626089582633/816896081870323712/Big87.png);
background-image: url('http://scp-jp-storage.wdfiles.com/local--files/file:5722815-48-k39z/Big87.png');
}

ヘッダータイトル・サブタイトルについて、適切なフォントを見つけられなかったこと、翻訳することによってデザイン性が崩れるように感じたことの2点のため、翻訳を保留しています。

ディスカッションポスト

ソース: BLANKSTYLE CSS (rev.101)
原著者: HarryBlankHarryBlank, Placeholder McDPlaceholder McD
作成日(EN): 2021/03/04

翻訳者: iti119iti119
査読協力:

著者ポスト - BLANKSTYLE CSS / Discussion より引用

Fold
プレースホルダー
Placeholder McDPlaceholder McD 04 Mar 2021 04:05

I had something clever to say, but I'm drawing a Blank.
何か気の利いたことが言えたらいいのですが、頭が空っぽBlankです。

Last edited on 04 Mar 2021 04:06 by Placeholder McD
Fold
リリースバージョン
Placeholder McDPlaceholder McD 04 Mar 2021 08:03

BLANKSTYLE 1.0 RELEASED 2021/03/04.

BLANKSTYLE 1.1 RELEASED 2021/03/04.

パッチノート:

  • unforked from Paperstack
  • stole a whole lot of code from Paperstack
  • removed skeumorphism (mostly)
  • made things more Blank-esque
  • removed Herobrine
  • Paperstackのincludeを削除しました
  • Paperstackから大量のコードを拝借しました
  • スキューモーフィズムを (ほとんど) 削除しました
  • よりBlank風な要素を作成しました
  • Herobrineを削除しました

BLANKSTYLE 1.2 RELEASED 2021/03/04.

パッチノート:

  • non-header table cells no longer have centered content by default
  • added the ability to color scp-image-caption via table# divs
  • outlined the scrollbar, removed more skeumorphism
  • header titles slightly larger
  • sidebar boxes match safe-euclid-keter table colors
  • ヘッダーではないテーブルセルがデフォルトでコンテンツを中央寄せにしなくなりました
  • 画像ブロックのキャプションがtable# divで着色される機能を追加しました
  • スクロールバーを縁取りし、スキューモーフィズムをさらに除去しました
  • ヘッダータイトルを一回り大きくしました
  • サイドバーのブロックをSafe・Euclid・Keterの色に合わせました

BLANKSTYLE 1.3 RELEASED 2021/03/05.

パッチノート:

  • removed redundant code
  • revamped patch notes
  • added extra internal padding to table cells, per cries of the Blank
  • removed extra internal padding from table cells in the sidebox exclusively, per my own cries
  • 冗長なコードを削除しました
  • パッチノートを一新しました
  • テーブルセルの内部パディングの値を増やしました (Blankが泣いていたので)
  • サイドボックスのみ、テーブルセルの増加分の内部パディングを削除しました (私が泣きそうなので)

BLANKSTYLE 1.4 RELEASED 2021/03/06.

パッチノート:

  • "ITEM#:" no longer displays in the top-left of ACS (the number, however, still does)
  • made titles darker
  • fixed a bug in patch notes
  • all table borders are now black
  • added the tableb div, which separates cells within its tables
  • ACS左上の「アイテム番号:」が表示されないようになりました (ただし、番号自体はそのままです)
  • ヘッダータイトルの色を濃くしました
  • パッチノートのバグを修正しました
  • テーブルの枠線を黒色に変更しました
  • tableb divを追加しました (中にあるテーブルはセル同士が分割されます)

BLANKSTYLE 1.5 RELEASED 2021/03/07.

パッチノート:

  • BetterFootnotes now wait 2 seconds before disappearing, giving the reader time to click in-footnote links.
  • revamped patch notes (again)
  • BetterFootnotesが消える前に2秒間待機するようになり、読者が脚注内のリンクをクリックする猶予ができました
  • パッチノートを (再び) 改修しました

BLANKSTYLE 1.6 RELEASED 2021/03/08.

パッチノート:

  • manual tables now have 1px solid black borders by default (they can still be styled out, of course)
  • カスタムテーブルのセルにデフォルトで1ピクセル・実線・黒色の枠線が付くようになりました (もちろん、スタイルによって除去することも可能です)

BLANKSTYLE 1.7 RELEASED 2021/03/09.

パッチノート:

  • prettied up the instruction page, collapsed code
  • the S&C Plastics hub's header titles and logo will now be applied to pages tagged s&c-plastics by default
  • テーマページのマニュアルを整え、コードを折りたたみました
  • S&Cプラスチック ハブのヘッダーデザインが、"s&cプラスチック"タグのついたページで自動的に適用されるようになりました

BLANKSTYLE 1.8 RELEASED 2021/03/12.

パッチノート:

  • THE INVALUABLE CROQUEMBOUCHE WORD-BREAK FIX
  • footnotes no longer stick around for 2 seconds extra, due to poor interaction with the word-break fix
  • やんごとなきCROQUEMBOUCHEによる改行処理の修正が行われました
  • 改行処理の修正と相性が悪いため、脚注が2秒長く表示されることがなくなりました

BLANKSTYLE 1.9 RELEASED 2021/03/17.

パッチノート:

  • line-height now consistent between simple and manual tables, a la Placestyle
  • 通常のテーブルとカスタムテーブルの行の高さを統一しました (Placestyleのように)

BLANKSTYLE 1.10 RELEASED 2021/03/19.

  • image-blocks within the tableb div will now be separated from their captions
  • wikidot avatar icons no longer enlarge on hover, courtesy of croqstyle
  • you can now un-include the ACS Animation by putting "acs=a" in the include, courtesy of my massive fucking brain
  • parent navigation displays better
  • table6 div added
  • fancy hr and border stolen from dustjacket
  • tableb divの中にある画像ブロックのキャプションが分割されるようになりました
  • croqstyleからの提供により、wikidotアバターアイコンがホバー時に拡大されないようになりました
  • 我が巨大な頭脳からの提供により、include引数に"acs=a"を設定することでACSアニメーションのincludeを取り消せるようになりました
  • パンくずリストをより格好良くしました
  • table6 divを追加しました
  • dustjacketから装飾分割線・装飾枠線を拝借してきました
Last edited on 02 May 2021 00:59 by Placeholder McD
Fold
HarryBlankHarryBlank 04 Mar 2021 04:12

"That's my style, man!"
- Neil Young
"それが俺のスタイルなのさ!"
— ニール・ヤング

補足: バージョン1.10以降の変更点を私的にまとめました。

  • ACSアニメーションと同様に、include引数に"fade=a"を設定することでFade-Inのincludeを取り消せるようになりました
  • 見出しフォントとして"Montserrat"を適用しました
  • ヘッダータイトルと見出しの文字サイズを微調整しました
  • 画面幅の小さい端末でのヘッダーの文字サイズをさらに調整しました
  • BetterFootnotesが消える前に1秒間待機するようになりました
  • 分割線の色を濃くしました
  • タグ一覧がページの端から端まで広がるようになりました

補足: JP版オリジナルの機能の紹介です。

  • include引数に"infostyle=a"を設定することで、creditモジュールの外見がinfo-rateモジュールと同様のものになります。

パッチノートの補足は原語版rev.79->rev.101の差分です

タグ

en テーマ 共著

ページリビジョン: 9, 最終更新: 07 Sep 2022 06:48
編集 評価 (0) タグ 履歴 ファイル 印刷 サイトツール + オプション
特に明記しない限り、このページのコンテンツは次のライセンスの下にあります: Creative Commons Attribution-ShareAlike 3.0 License