/* 暫定編集ルールここから *****************************************************************/
/*
    CSS(スタイルシート)総合スレ(http://redd.it/2wqs9g)より一部抜粋

    同時編集によるデグレや意図せぬ表示の崩れを避けるため、MOD各位におかれましては、以下ルールに従って
    スタイルシートを編集していただきますよう、ご協力お願い申し上げます。

    1. ニュー速Rのスタイルシート編集ページを開き、「過去のバージョンを表示」を押下
    2. 最新のコメントを見て、他のMODが編集中でないことを確認する
    3. このスレの編集宣言用レスに編集を開始する旨と大まかな終了時刻を書き込む
    4. 他のMODに編集中であることを伝えるため、スタイルシートの最上部に自分のIDと編集中である旨を追記する
    5. 「改版理由」に編集中である旨を半角英数で記入、一旦保存する
    6. ニュー速Rのスタイルシートをコピーし、サンドボックス(動作確認用subreddit)で編集/動作確認を行う
    7. 完成したスタイルシートをnewsokurにコピー、「改版理由」に半角英数で編集内容を簡単に記入して保存する
    8. 編集宣言した自分のレスを編集し、編集が終了した旨と編集内容を追記する

                                                                     20150225 killer-tune */
/* 暫定編集ルールここまで *****************************************************************/

/* TODOリストここから *********************************************************************/
/*
    CSS(スタイルシート)総合スレ(http://redd.it/2wqs9g)より一部抜粋

    現在対応を検討している課題の一覧です。目に止まったモノから随時記載しています。
    皆様からのご要望を広くお待ちしております。どうぞお気軽にご提案ください。

    優先度 内容
      高   本格的に編集/運用ルールを定める (8手順は多過ぎる)
      高   スタイルシートのフォーマット/コーディング規約を定める
      高   スタイルシートの記載内容を整理して可読性/保守性を向上する
      低   トップ画面のバナー/レス画面のヘッダーを固定する
      中   トップ画面のバナー/ページネーションを装飾する (バナー募集中)
      低   バナーの下に一行ニュース欄を実装する
      中   サイドバーへフレアー総合スレでまとまったフレアーを追加/装飾する
      高   けんもうくんをどっか(サイドバー辺り？)に貼る

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

                                                                     20150225 killer-tune */
/* TODOリストここまで *********************************************************************/

.linkflair-sougou .linkflairlabel {
    background-color: #3498db;
    font-size       : 16px;
    font-weight     : bold;
    color           : #ffffff;
    border          : 0px solid #000000;
    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           : #ffffff;
    border          : 0px solid #000000;
    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           : #ffffff;
    border          : 0px solid #000000;
    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           : #ffffff;
    border          : 0px solid #000000;
    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           : #ffffff;
    border          : 0px solid #000000;
    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           : #ffffff;
    border          : 0px solid #000000;
    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%81%8b%e5%96%b6"] {
    /* 取り敢えず定義だけ */
    /*
    【参考】以前の設定
    background-color: #3498db;
    color: #fff;
    text-shadow: 1px -1px 0 rgba(0,0,0,.5);
    */
}

/* 総合 */
.side a[href*="flair%3A%e7%b7%8f%e5%90%88"] {
    /* 取り敢えず定義だけ */
}

/* 政治 */
.side a[href*="flair%3A%e6%94%bf%e6%b2%bb"] {
    /* 取り敢えず定義だけ */
}

/* 経済 */
.side a[href*="flair%3A%e7%b5%8c%e6%b8%88"] {
    /* 取り敢えず定義だけ */
}

/* 国際 */
.side a[href*="flair%3A%e5%9b%bd%e9%9a%9b"] {
    /* 取り敢えず定義だけ */
}

/* 社会 */
.side a[href*="flair%3A%e7%a4%be%e4%bc%9a"] {
    /* 取り敢えず定義だけ */
}

/* 科学 */
.side a[href*="flair%3A%e7%a7%91%e5%ad%a6"] {
    /* 取り敢えず定義だけ */
}

/* 技術 */
.side a[href*="flair%3A%e6%8a%80%e8%a1%93"] {
    /* 取り敢えず定義だけ */
}

/* 生活 */
.side a[href*="flair%3A%e7%94%9f%e6%b4%bb"] {
    /* 取り敢えず定義だけ */
}

/* 芸能 */
.side a[href*="flair%3A%e8%8a%b8%e8%83%bd"] {
    /* 取り敢えず定義だけ */
}

/* スポーツ */
.side a[href*="flair%3A%e3%82%b9%e3%83%9d%e3%83%bc%e3%83%84"] {
    /* 取り敢えず定義だけ */
}

/* マンガ */
.side a[href*="flair%3A%e3%83%9e%e3%83%b3%e3%82%ac"] {
    /* 取り敢えず定義だけ */
}

/* アニメ */
.side a[href*="flair%3A%e3%82%a2%e3%83%8b%e3%83%a1"] {
    /* 取り敢えず定義だけ */
}

/* ゲーム */
.side a[href*="flair%3A%e3%82%b2%e3%83%bc%e3%83%a0"] {
    /* 取り敢えず定義だけ */
}

/* 動物 */
.side a[href*="flair%3A%e5%8b%95%e7%89%a9"] {
    /* 取り敢えず定義だけ */
}

/* 動画 */
.side a[href*="flair%3A%e5%8b%95%e7%94%bb"] {
    /* 取り敢えず定義だけ */
}

/* ネット */
.side a[href*="flair%3A%e3%83%8d%e3%83%83%e3%83%88"] {
    /* 取り敢えず定義だけ */
}

/* PR */
.side a[href*="flair%3APR"] {
    /* 取り敢えず定義だけ */
}

/* 部活動 */
.side a[href*="flair%3A%e9%83%a8%e6%b4%bb%e5%8b%95"] {
    /* 取り敢えず定義だけ */
}

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

/* スレ・レス表示設定ここから *************************************************************/

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

/* スレ一覧のスレッドとレスページの1番目のレス設定（classが共通なので区別できず） */
.thing.link {
    padding         : 10px;
    background-color: #ffffff;
    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        : " 名無し風 ";
}

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

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

/* 子レスの枠線解除 */
.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: #ffffff;
    border          : solid 0px #ffffff;
    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 #ffffff;
}

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

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

button.save {
    width     : 70px;
    height    : 24px;
    margin    : 0px 5px;
    color     : #ffffff;
    background: #3498db;
    border    : 1px solid #468ec8;
}

button.cancel {
    width           : 70px;
    height          : 24px;
    color           : #ffffff;
    background-color: #e73c68;
    border          : 1px solid #d81d4d;
}

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

/* スレ・レス表示設定ここまで *************************************************************/

/* サイドバー表示設定ここから *************************************************************/

/* リンクのみ投稿・テキスト投稿 */
body.res-nightmode .sidebox.submit .morelink a {
    color: #ddd !important;
}

/* サイドバーの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: #ffffff;
    border          : none;
    border-radius   : 0px;
    border-bottom   : 1px solid rgba(0,0,0,.1);
}

/* サイドバー表示設定ここまで *************************************************************/

/* 解析に時間掛かりそうだったので未分類ここから *******************************************/

/* ナイトモード表示設定 */
body.res-nightmode .sidebox.submit .morelink:hover {
    background-color: #777;
    border-color    : #222;
}

.morelink,.morelink:hover {
    font-weight          : lighter;
    letter-spacing       : 0;
    background           : rgb(71,163,219);
    border               : none;
    -moz-border-radius   : 3px;
    -webkit-border-radius: 3px;
    -o-border-radius     : 3px;
    -ms-border-radius    : 3px;
    -khtml-border-radius : 3px;
    border-radius        : 3px;
    height               : 30px;
    line-height          : 40px;
    overflow             : hidden;
    padding              : 5px;
}

.morelink a {
    color      : #ffffff;
    font-family: Verdana,Arial, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
    font-size  : 1.0em;
    position   : absolute;
    left: 0px;
    top: 0px;
}

.morelink:hover{
    background-color:#444;
    border-color    :#222;
}

.morelink .nub {
    height: 0px;
}

/* 解析に時間掛かりそうだったので未分類ここまで *******************************************/

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

/*トップバーを固定化*/
/*
#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;
}
*/