Twitterのモーメントをタイル表示するStylishのCSS
Twitterのモーメントをタイル表示するStylishのCSSを作ってみた。
これでポートフォリオ鑑賞が進むぅ!か?
/* マージンやら必要ないもの非表示 */
.MomentsPage.MomentsPermalinkPage .AppContent, .MomentsPage.MomentMakerPage .AppContent {
padding: 0 0 0;
width: 100%;
}
.MomentsPage.MomentsPermalinkPage .MomentsPermalinkPage-content, .MomentsPage.MomentsGuidePage .MomentsGuidePage-content {
margin: 0 0;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.MomentCapsuleSummaryGroup--1and3, .MomentCapsuleSummaryGroup--3and1, .MomentCapsuleSummaryGroup--2and2 .MomentCapsuleSummaryGroup-list {
display: none;
}
.MomentsPermalinkPage-related {
display: none;
}
.MomentsPage.MomentsGuidePage .Footer, .MomentsPage.MomentsPermalinkPage .Footer {
display: none;
}
/* タイル表示 */
.MomentsPermalinkPage-tweets {
margin: 0 auto;
width: 90%;
column-count: 3;
}
.MomentCapsuleItem {
margin-bottom: 80px;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.MomentMediaItem-entity--image{
height:100% ! important;
}
@media (max-width: 1200px) {
.MomentsPermalinkPage-tweets {
column-count: 3;
}
}
@media (max-width: 1000px) {
.MomentsPermalinkPage-tweets {
column-count: 2;
}
}
@media (max-width: 800px) {
.MomentsPermalinkPage-tweets {
column-count: 1;
}
}
/* フロートを削除 */
.MomentFloatingMenu.is-fixed{
display: none;
}
コミティア121(8/20)参加確定!【は29】
コミティア121(8/20)に初サークル参加することが確定しました。
スペースは【は29】、文芸ジャンルです。
販売する物は100P程度のサイバーパンク小説です。
構想段階では漫画を想定していたので、15シーン程度挿絵が入っています。
概要は上図の通りで、要素は地方都市の夜の繁華街、微エロ、半キチガイのハッカーの友人、暴力、血、ゲロなどちょいダークでポップな物を目指しました。
今現在、文章は校訂も終わり最終稿なのですが、挿絵の方は未だ殆ど完成していません。
大丈夫なのか?間に合うのか?
ページの文章ー挿絵のレイアウトとコマ割り、構図決めは終わっているのですが、
なかなか完成に至りません。
もし、当日までに予定の完成図に至らなくても、脱稿はせずラフでも必ず出します。
僕は5、6年ほぼ欠かさずコミティアに一般参加し沢山の刺激を受けそれを糧にしています。
そして漠然と抱いていたサークル参加への憧れが現実になるようで、とても興奮しています。
小説が好きな方は勿論、SFな漫画やイラストに興味をお持ちの方も、ページを捲るだけでも良いので是非いらして下さい。
ナニブン挿絵が完成していないので興味を引くようなものをお見せ出来ないのですが、
挿絵の制作にあたり参考にするものとして作ったプロップを載せてみます。
プロフィール
Author : 洞口 新吉 / Shinkichi Horaguchi
Mail : horaguchishinkichi@gmail.com
■ 物語、絵、立体を作成しています。
■ 挿絵入り小説『Deading Memory』作成中
■ COMITIA121参加予定
主に使っているSNSは
Twitter : https://twitter.com/horaguchi_997
FaceBook : https://www.facebook.com/HoraguchiShinkichi
趣味で誰かれ構わずリツートするSNSは
Pintrest : https://www.pinterest.jp/HoraguchiShinkichi/
Tumblr : http://horaguchishinkichi.tumblr.com/
それと日本外の人にも観てほしいなと
Artstaion : https://www.artstation.com/artist/shinkichihoraguchi