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: #f4f6f6;
}

.side {
  padding: 10px;
  margin: 7px 0px 0px 10px;
  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;
}

/*レス部分の表示調整*/
.comment .flat-list.buttons li a {
  color: #c0c0c0;
}

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

a.comments.may-blank {
  font-size: 12px;
  color: #338CC2 !important;
}

.entry .buttons a[onclick*="reply"] {
  font-size: 12px;
  color: #47A3DB !important;
}

.entry .buttons a[onclick*="reply"]:hover {
  color: #338CC2 !important;
}

/* 要望により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: x-small;
  font-weight: bold;
  content: "名前：";
}

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

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

.res-nightmode .comment .tagline .author::after {
  color: rgba(20,150,220,0.8);
  text-decoration: underline;
  font-size: x-small;
  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: 6px;
  padding: 8px;
  background-color: #fff;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, .15) 0 0 3px;
}

/* 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: #f4f6f6;
  border: solid 0px #fff;
}

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

/*リンクのみ投稿・テキスト投稿*/
.morelink a {
  position: relative;
  background-color: #47A3DB;
  border-radius: 2px;
  color: #fff;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #338CC2;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

.morelink {
  border: none;
}

.morelink .nub {
  height: 0px;
}

/*サイドバーのsolidなど*/
.sidecontentbox .content {
  border: none;
}

.sidecontentbox .thing {
  box-shadow: rgba(0,0,0,0) 0 0 0px;
  padding: 0px;
}

.linkinfo, .sidecontentbox .content {
  border-bottom: 1px solid rgba(0,0,0,.1);
}

.linkinfo .shortlink input, #search input[type=text] {
  border: 1px solid rgba(0,0,0,.2);
}

.linkinfo .shortlink input {
  margin-bottom: 6px;
}

.infobar, .linkinfo {
  background-color: #fff;
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid rgba(0,0,0,.1);
}

/*投稿フォーム*/
.panestack-title {
  border-bottom: none;
}

button.save {
  width: 70px;
  height: 24px;
  margin: 0px 5px;
  color: #fff;
  background: #3498DB;
  border: 1px solid #468EC8;
}

button.cancel {
  width: 70px;
  height: 24px;
  color: #fff;
  background-color: #E73C68;
  border: 1px solid #D81D4D;
}

.comments-page .commentarea>.usertext {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, .15) 0 0 3px;
  padding: 16px;
  margin-left: 6px;
}

/*固定ポストを目立たせる*/
.thing.stickied {
  box-shadow: rgb(34, 136, 34) 0px 0px 3px;
}

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

/*トップバーを固定化*/
/*
#sr-header-area {
    width   : 100%;
    position: fixed;
    top     : 0;
    left    : 0;
    z-index : 9999;
}

#header-bottom-left {
    padding-top:19px;
}

#header-bottom-right.res-navTop {
    position: fixed;
    top     : 19px;
    right   : 0;
}
*/

/*トップの看板部分*/
/*
#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;
}
*/