gistfile1.txt

/* 暫定編集ルールここから *****************************************************************/
/*
  RULE コミット時のコメント(saveの上)に変更概要"半角英数で"書こう
  RULE 編集前に「CSS(スタイルシート)総合スレ」(http://redd.it/2wqs9g)を確認願います
                                                                                          */
/* 暫定編集ルールここまで *****************************************************************/

/* TODOここから ***************************************************************************/
/*
  TODO flair(カテゴリ毎)のフィルタ
  TODO flair検索できるリンク（検索オプションつければ静的リンクでできる）
  TODO ようこそポストみたいなのを一番上に固定する
  TODO トップに固定するリンク
  TODO 記事の要約貼ってくれるBOT
  TODO 特定のメディアに特定の処理（実話と産経と2ch）
  TODO flair毎のアイコン←議論が面倒そう
                                                                                          */
/* TODOここまで ***************************************************************************/

.linkflair-sougou .linkflairlabel {
  background-color: #3498db;
  font-size       : 16px;
  font-weight     : bold;
  color           : #fff;
  border          : 0px solid #000;
  border-radius   : 0px;
  text-shadow     : 1px -1px 0 rgba(0,0,0,.5);
}

.linkflair-sokuhou .linkflairlabel {
  background-color: #E73C68;
  font-size       : 12px;
  font-weight     : bold;
  color           : #fff;
  border          : 0px solid #000;
  border-radius   : 0px;
  text-shadow     : 1px -1px 0 rgba(0,0,0,.5);
}

.linkflair-free .linkflairlabel {
    background-color: #FFFFFF;
    font-size       : 12px;
    font-weight     : bold;
    color           : #333333;
    border-color    : #000000;
    border-width    : thin;
    border-radius   : 1px;
}

.linkflair-seikei .linkflairlabel {
  background-color: #e74c3c;
  font-size       : 12px;
  font-weight     : bold;
  color           : #fff;
  border          : 0px solid #000;
  border-radius   : 0px;
  text-shadow     : 1px -1px 0 rgba(0,0,0,.5);
}

.linkflair-science .linkflairlabel {
  background-color: #1abc9c;
  font-size       : 12px;
  font-weight     : bold;
  color           : #fff;
  border          : 0px solid #000;
  border-radius   : 0px;
  text-shadow     : 1px -1px 0 rgba(0,0,0,.5);
}

.linkflair-jishin .linkflairlabel {
  background-color: #d35400;
  font-size       : 16px;
  font-weight     : bold;
  color           : #fff;
  border          : 0px solid #000;
  border-radius   : 0px;
  text-shadow     : 1px -1px 0 rgba(0,0,0,.5);
}

.linkflair-default .linkflairlabel {
  background-color: #34495e;
  font-size       : 12px;
  font-weight     : bold;
  color           : #fff;
  border          : 0px solid #000;
  border-radius   : 0px;
  text-shadow     : 1px -1px 0 rgba(0,0,0,1);
}

/*-----------------edit created by james --------------------*/
/*-----------------nanashi test --------------------*/
/*-----------------http://www.reddit.com/r/modhelp/ ---------*/

.tagline .author {
  font-size: 0px;
  cursor   : text;
}

.tagline .author>.age {
  font-size: 10px;
}

.tagline .author::before {
  font-size: 10px;
  content  : "";
}

.tagline .author::after {
  font-size: 10px;
  color    : gray;
  cursor   : text;
  content  : "名無し風";
}

/*-----------------edit created by james --------------------*/
/*-----------------thumbnail --------------------*/
a.thumbnail.may-blank {
  background       : url(%%thumb-newsr%%);
  background-repeat: no-repeat;
}

/*―――――――――――――――――――――――――――こっから改訂版。余計なことしないでって感じたら消して下さい――――――――――――――――――――――――――――*/

body {
  background-color: #f4f4f4;
}

.side {
  padding   : 10px;
  margin    : 7px 0px 0px 6px;
  box-shadow: rgba(0, 0, 0, .15) 0 0 5px;
}

/* フレアー設定ここから *******************************************************************/

/*サイドバーにフレアーリンクを表示*/
.side a[href*="flair%3A"] {
  display    : inline-block;
  font-size  : 11px;
  font-weight: bold;
  padding    : 3px;
}

/*速報*/
.side a[href*="flair%3A%E9%80%9F%E5%A0%B1"] {
  background-color: #E73C68;
  color           : #fff;
  text-shadow     : 1px -1px 0 rgba(0,0,0,.5);
}

/*総合*/
.side a[href*="flair%3A%E7%B7%8F%E5%90%88"] {
  background-color: #3498db;
  color           : #fff;
  text-shadow     : 1px -1px 0 rgba(0,0,0,.5);
}

/*科学・技術*/
.side a[href*="flair%3A%E7%A7%91%E5%AD%A6%E3%83%BB%E6%8A%80%E8%A1%93"] {
  background-color: #1abc9c;
  color           : #fff;
  text-shadow     : 1px -1px 0 rgba(0,0,0,.5);
}

/*政治経済事件*/
.side a[href*="flair%3A%E6%94%BF%E6%B2%BB%E7%B5%8C%E6%B8%88%E4%BA%8B%E4%BB%B6"] {
  background-color: #e74c3c;
  color           : #fff;
  text-shadow     : 1px -1px 0 rgba(0,0,0,.5);
}

/* フレアー設定ここまで *******************************************************************/

/*スレ一覧のスレッドとレスページの1番目のレス設定（classが共通なので区別できず）*/
.thing.link {
  padding         : 10px;
  background-color: #fff;
  overflow        : hidden;
  box-shadow      : rgba(0, 0, 0, .15) 0 0 3px;
}

.res-nightmode .thing.link {
  background-color: rgb(22,22,22);
  margin-bottom   : 8px;
  padding         : 10px !important;
}

/*レス部分の表示調整*/
.tagline {
  font-size: medium;
}

.comment .flat-list.buttons {
  text-align: right;
}

.comment .flat-list.buttons li a {
  color: #c0c0c0;
}

.comment .flat-list.buttons li a:hover {
  color: #888888;
}

a.comments.may-blank {
font-size: 12px;
}

/* 要望によりAA用に追加 */
.md pre>code {
  font-family: "ＭＳ Ｐゴシック","MS PGothic","MS Pｺﾞｼｯｸ","MS Pゴシック",ＭＳＰゴシック,MSPゴシック,IPAMonaPGothic,"IPA モナー Pゴシック","IPA mona PGothic","IPA MONAPGOTHIC",Mona,Monapo,sans-serif;
  line-height: 1.2em;
}

.res-nightmode .md pre {
  background-color: #373737;
}

/*アドオン（RES）追加時のコメント枠設定*/
.res-commentBoxes .comment {
  background-color: rgb(247,247,248);
}

.res-commentBoxes .comment .comment {
  background-color: rgb(255,255,255) !important;
}

.res-commentBoxes .comment .comment .comment {
  background-color: rgb(255,255,255) !important;
}

/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――*/

/*ユーザーID表示版（採用）*/
.comment .tagline .author::before {
  color          : blue;
  text-decoration: underline;
  font-size      : medium;
  font-weight    : bold;
  content        : "名前：";
}

.comment .tagline .author::after {
  color          : blue;
  text-decoration: underline;
  font-size      : medium;
  font-weight    : bold;
  content        : " 名無し風 ";
}

.res-nightmode .comment .tagline .author::before {
  color          : rgba(20,150,220,0.8);
  text-decoration: underline;
  font-size      : medium;
  font-weight    : bold;
  content        : "名前：";
}

.res-nightmode .comment .tagline .author::after {
  color          : rgba(20,150,220,0.8);
  text-decoration: underline;
  font-size      : medium;
  font-weight    : bold;
  content        : " 名無し風 ";
}

/*ユーザーID非表示版*/
/*
.comment .tagline .author {
    display: none;
}

.comment .score::before {
    color          : blue;
    text-decoration: underline;
    cursor         : text;
    font-weight    : bold;
    content        : "名前：名無し風 ";
}
*/

/*投票部分を右に*/
/*
.comment .midcol {
    float: right;
}
*/

/*投票部分を左に（現行）（デフォルト）*/
.comment .midcol {
    float: left;
}

.thing {
  margin          : 4px;
  padding         : 8px;
  background-color: #fff;
  overflow        : hidden;
  box-shadow      : rgba(0, 0, 0, .15) 0 0 3px;
}

.thing .odd {
  box-shadow: rgba(0, 0, 0, 0) 0 0 0px !important;
}

/* 20150222 killer-tune 子レスは枠線なし */
.commentarea .child .thing {
    margin    : 0px;
    padding   : 0px 0px 0px 5px;
    box-shadow: rgba(0, 0, 0, 0) 0 0 0px;
    border    : none !important;
}

/* コメント左見切れているみたいなので調整 */
.commentarea .md {
    padding-left:4px;
}

/*デフォルトcssのリセット*/
.fancy-toggle-button .active {
border: none;
font-size: 12px;
border-radius: 0px;
}

.new-comment .usertext-body {
    background-color: #fff;
    border          : solid 0px #fff;
    margin          : 0px 0;
    padding         : 0 0px;
    background      : linear-gradient(transparent 0%, rgba(255, 255, 102, 0.5) 0%);
}

.rounded {
    border-radius: 0px;
}

.gold-accent {
    background-color: #f4f4f4;
    border          : solid 0px #fff;
}

.link .usertext-body .md {
    background-color: #fff;
    border          : 0px solid #fff;
    border-radius   : 0px;
}

/*―――――――――――――――――――――――――――こっから実装案です。改良すればいいものにできると思います。――――――――――――――――――――――――――――*/

/*トップの看板部分*/
/*
#header {
    height          : 100px;
    background-image: url(看板画像のURL);
}

#header-bottom-left {
    position        : absolute;
    bottom          : 0px;
    background-color: #d0d0d0;
}

#header-img.default-header {
    background-image: url(redditロゴURL);
}
*/

/*看板下。一行ニュースみたいなのをこれで、あとは右のsideの要素をabsoluteで動かしてください*/
/*
body>.content:before {
    content         : "看板下に何か書けます。改行不可。";
    border          : 1px solid #666666;
    background-color: rgb(247,247,248);
    overflow        : hidden;
    padding         : 20px;
    display         : block;
    margin-bottom   : 10px;
}
*/

/*スレ一覧でフレアーアイコンを表示させるための第一歩（classに設定されたフレアーがはいるのでそれで）*/
/*
.thing.link::before {
    content: "フレアー定義なし（ちゃんとclass指定できるのかも）";
}

.thing.link.linkflair-sougou::before {
    content: "総合";
}

.thing.link.linkflair-sokuhou::before {
    content: "速報";
}
*/

/*サイドバーで弄れる部分（リンクのみ投稿・テキストのみ投稿）*/
/*
.side .submit-link .morelink {
    background      : none;
    background-color: #000000;
}

.side .submit-link .morelink:hover {
    background-color: #eeeeee;
}

.submit-link .morelink .nub {
    background: none;
}

.side .submit-text .morelink {
    background      : none;
    background-color: #000000;
}

.side .submit-text .morelink:hover {
    background-color: #eeeeee;
}

.submit-text .morelink .nub {
    background: none;
}
*/