Revision | 13 (tree) |
---|---|
Zeit | 2015-03-01 01:59:40 |
Autor | killer-tune |
マウスオーバー時の表示を調整、フォーマット校正、暫定ルール/TODOリスト削除
@@ -1,49 +1,10 @@ | ||
1 | -/* 暫定編集ルールここから *****************************************************************/ | |
2 | -/* | |
3 | - CSS(スタイルシート)総合スレ(http://redd.it/2wqs9g)より一部抜粋 | |
1 | +/******************************************************************************************/ | |
2 | +/* */ | |
3 | +/* 編集前に必ず「CSS(スタイルシート)総合スレ(http://redd.it/2wqs9g)」の暫定ルールを */ | |
4 | +/* 確認すること */ | |
5 | +/* */ | |
6 | +/******************************************************************************************/ | |
4 | 7 | |
5 | - 同時編集によるデグレや意図せぬ表示の崩れを避けるため、MOD各位におかれましては、以下ルールに従って | |
6 | - スタイルシートを編集していただきますよう、ご協力お願い申し上げます。 | |
7 | - | |
8 | - 1. ニュー速Rのスタイルシート編集ページを開き、「過去のバージョンを表示」を押下 | |
9 | - 2. 最新のコメントを見て、他のMODが編集中でないことを確認する | |
10 | - 3. このスレの編集宣言用レスに編集を開始する旨と大まかな終了時刻を書き込む | |
11 | - 4. 他のMODに編集中であることを伝えるため、スタイルシートの最上部に自分のIDと編集中である旨を追記する | |
12 | - 5. 「改版理由」に編集中である旨を半角英数で記入、一旦保存する | |
13 | - 6. ニュー速Rのスタイルシートをコピーし、サンドボックス(動作確認用subreddit)で編集/動作確認を行う | |
14 | - 7. 完成したスタイルシートをnewsokurにコピー、「改版理由」に半角英数で編集内容を簡単に記入して保存する | |
15 | - 8. 編集宣言した自分のレスを編集し、編集が終了した旨と編集内容を追記する | |
16 | - | |
17 | - 20150225 killer-tune */ | |
18 | -/* 暫定編集ルールここまで *****************************************************************/ | |
19 | - | |
20 | -/* TODOリストここから *********************************************************************/ | |
21 | -/* | |
22 | - CSS(スタイルシート)総合スレ(http://redd.it/2wqs9g)より一部抜粋 | |
23 | - | |
24 | - 現在対応を検討している課題の一覧です。目に止まったモノから随時記載しています。 | |
25 | - 皆様からのご要望を広くお待ちしております。どうぞお気軽にご提案ください。 | |
26 | - | |
27 | - 優先度 内容 | |
28 | - 高 本格的に編集/運用ルールを定める (8手順は多過ぎる) | |
29 | - 高 スタイルシートのフォーマット/コーディング規約を定める | |
30 | - 中 トップ画面のバナー/ページネーションを装飾する (バナー募集中) | |
31 | - 低 バナーの下に一行ニュース欄を実装する | |
32 | - 中 サイドバーへフレアー総合スレでまとまったフレアーを追加/装飾する | |
33 | - 高 けんもうくんをどっか(サイドバー辺り?)に貼る | |
34 | - | |
35 | - 旧TODOリスト (詳細分かる方は上記スレまでご連絡ください) | |
36 | - flair(カテゴリ毎)のフィルタ | |
37 | - flair検索できるリンク(検索オプションつければ静的リンクでできる) | |
38 | - ようこそポストみたいなのを一番上に固定する | |
39 | - トップに固定するリンク | |
40 | - 記事の要約貼ってくれるBOT | |
41 | - 特定のメディアに特定の処理(実話と産経と2ch) | |
42 | - flair毎のアイコン←議論が面倒そう | |
43 | - | |
44 | - 20150225 killer-tune */ | |
45 | -/* TODOリストここまで *********************************************************************/ | |
46 | - | |
47 | 8 | .linkflair-sougou .linkflairlabel { |
48 | 9 | background-color: #3498db; |
49 | 10 | font-size : 16px; |
@@ -154,13 +115,13 @@ | ||
154 | 115 | |
155 | 116 | .side { |
156 | 117 | padding : 10px; |
157 | - margin: 5px 11px 0px 5px; | |
118 | + margin : 5px 11px 0px 5px; | |
158 | 119 | box-shadow : rgba(0, 0, 0, 0.15) 0 0 5px; |
159 | - border-bottom: solid 2px rgba(0,0,0,.3); | |
120 | + border-bottom: solid 2px rgba(0, 0, 0, 0.3); | |
160 | 121 | width : 295px; |
161 | 122 | } |
162 | 123 | |
163 | -/* バナー設定ここから *********************************************************************/ | |
124 | +/* ヘッダー設定ここから *******************************************************************/ | |
164 | 125 | |
165 | 126 | /* デフォルトバナー非表示 */ |
166 | 127 | /* |
@@ -183,8 +144,111 @@ | ||
183 | 144 | padding-left : 200px; |
184 | 145 | } |
185 | 146 | */ |
186 | -/* バナー設定ここまで *********************************************************************/ | |
187 | 147 | |
148 | +/*以下ヘッダー*/ | |
149 | +#header { | |
150 | + background : #427ad2; | |
151 | + border-bottom: 3px solid #315ea5; | |
152 | + box-shadow : 0 0 3px rgba(0, 0, 0, 0.5); | |
153 | + margin-bottom: 15px; | |
154 | +} | |
155 | + | |
156 | +.sr-list a { | |
157 | + color: rgb(208, 229, 250); | |
158 | +} | |
159 | + | |
160 | +#sr-header-area { | |
161 | + background: #427ad2; | |
162 | + border : none; | |
163 | +} | |
164 | + | |
165 | +#sr-header-area .selected a { | |
166 | + color: #ffffff; | |
167 | +} | |
168 | + | |
169 | +#sr-more-link { | |
170 | + margin-top: 15px; | |
171 | + background: #427ad2; | |
172 | + color : #ffffff; | |
173 | +} | |
174 | + | |
175 | +/*ヘッダーのマージンコメントアウト中*/ | |
176 | +/* | |
177 | +#header-bottom-left { | |
178 | + margin-top: 40px; | |
179 | +} | |
180 | +*/ | |
181 | + | |
182 | +.pagename a { | |
183 | + color: #ffffff; | |
184 | +} | |
185 | + | |
186 | +.tabmenu li.selected a { | |
187 | + color : #ffffff; | |
188 | + background : #427ad2; | |
189 | + border : none; | |
190 | + border-bottom: 4px solid #ffffff; | |
191 | +} | |
192 | + | |
193 | +.tabmenu li a { | |
194 | + color : rgb(208, 229, 250); | |
195 | + background: #427ad2; | |
196 | +} | |
197 | + | |
198 | +.tabmenu li a:hover { | |
199 | + color : #ffffff; | |
200 | + text-shadow: 0px 0px 1px #ffffff; | |
201 | +} | |
202 | + | |
203 | +#header-bottom-right { | |
204 | + background: #427ad2; | |
205 | +} | |
206 | + | |
207 | +#header-bottom-right a { | |
208 | + color: rgb(208, 229, 250); | |
209 | +} | |
210 | + | |
211 | +.userkarma { | |
212 | + color: rgb(208, 229, 250); | |
213 | +} | |
214 | + | |
215 | +.separator { | |
216 | + color: #ffffff; | |
217 | +} | |
218 | + | |
219 | +.user { | |
220 | + color: #ffffff; | |
221 | +} | |
222 | + | |
223 | +.message-count { | |
224 | + background-color: #427ad2; | |
225 | +} | |
226 | + | |
227 | +.content { | |
228 | + overflow: hidden; | |
229 | +} | |
230 | + | |
231 | +.redditname a:hover { | |
232 | + text-decoration: none !important; | |
233 | + text-shadow : 0px 0px 1px #ffffff; | |
234 | +} | |
235 | + | |
236 | +.pagename { | |
237 | + color: #ffffff; | |
238 | +} | |
239 | + | |
240 | +#header-img.default-header { | |
241 | + width: 30px; | |
242 | +} | |
243 | + | |
244 | +#sr-header-area, | |
245 | +#srDropdownContainer a, | |
246 | +#RESStaticShortcuts a { | |
247 | + color: #ffffff; | |
248 | +} | |
249 | + | |
250 | +/* ヘッダー設定ここまで *******************************************************************/ | |
251 | + | |
188 | 252 | /* フレアー設定ここから *******************************************************************/ |
189 | 253 | |
190 | 254 | /* サイドバーにフレアーリンクを表示 */ |
@@ -398,6 +462,12 @@ | ||
398 | 462 | content : " 名無し風 "; |
399 | 463 | } |
400 | 464 | |
465 | +/* カーソル種別をポインタに(出来てない) */ | |
466 | +.comment .tagline .author:hover, | |
467 | +.res-nightmode .comment .tagline .author:hover { | |
468 | + cursor: pointer; | |
469 | +} | |
470 | + | |
401 | 471 | /* 投票部分を左に */ |
402 | 472 | .comment .midcol { |
403 | 473 | float: left; |
@@ -421,7 +491,7 @@ | ||
421 | 491 | } |
422 | 492 | |
423 | 493 | #subButtons-newsokur span { |
424 | -color: #fff; | |
494 | + color: #ffffff; | |
425 | 495 | } |
426 | 496 | |
427 | 497 | /* 子レスの枠線解除 */ |
@@ -564,8 +634,10 @@ | ||
564 | 634 | border-bottom: 3px solid #646464; |
565 | 635 | } |
566 | 636 | |
567 | -body.res-nightmode .tabmenu li.selected a, body.res-nightmode .pagename a, body.res-nightmode .pagename { | |
568 | - color: #000; | |
637 | +body.res-nightmode .tabmenu li.selected a, | |
638 | +body.res-nightmode .pagename a, | |
639 | +body.res-nightmode .pagename { | |
640 | + color: #000000; | |
569 | 641 | } |
570 | 642 | |
571 | 643 | body.res-nightmode .tabmenu li a { |
@@ -572,35 +644,38 @@ | ||
572 | 644 | color: #666; |
573 | 645 | } |
574 | 646 | |
575 | -span.RESshortcut.RESshortcutside, span.REStoggle.RESDashboardToggle { | |
576 | - color: #fff; | |
647 | +span.RESshortcut.RESshortcutside, | |
648 | +span.REStoggle.RESDashboardToggle { | |
649 | + color: #ffffff; | |
577 | 650 | } |
578 | 651 | |
579 | 652 | a.message-count { |
580 | - color: #fff!important; | |
653 | + color: #ffffff !important; | |
581 | 654 | } |
582 | 655 | |
583 | -.res-nightmode #srDropdownContainer a, .res-nightmode #RESStaticShortcuts a { | |
584 | - color: #000; | |
656 | +.res-nightmode #srDropdownContainer a, | |
657 | +.res-nightmode #RESStaticShortcuts a { | |
658 | + color: #000000; | |
585 | 659 | } |
586 | 660 | |
587 | -.morelink,.morelink:hover { | |
588 | - font-weight:lighter; | |
589 | - letter-spacing:0; | |
590 | - background: #427AD2; | |
591 | - border:none; | |
592 | - -moz-border-radius:3px; | |
593 | - -webkit-border-radius:3px; | |
594 | - -o-border-radius:3px; | |
595 | - -ms-border-radius:3px; | |
596 | - -khtml-border-radius:3px; | |
597 | - border-radius:3px; | |
598 | - height: 30px; | |
599 | - line-height: 40px; | |
600 | - overflow:hidden; | |
601 | - padding:5px; | |
602 | - box-shadow: 0 2px 0 #315EA5; | |
603 | - text-shadow: 0 1px 1px rgba(0, 0, 0, .3); | |
661 | +.morelink, | |
662 | +.morelink:hover { | |
663 | + font-weight : lighter; | |
664 | + letter-spacing : 0; | |
665 | + background : #427ad2; | |
666 | + border : none; | |
667 | + -moz-border-radius : 3px; | |
668 | + -webkit-border-radius: 3px; | |
669 | + -o-border-radius : 3px; | |
670 | + -ms-border-radius : 3px; | |
671 | + -khtml-border-radius : 3px; | |
672 | + border-radius : 3px; | |
673 | + height : 30px; | |
674 | + line-height : 40px; | |
675 | + overflow : hidden; | |
676 | + padding : 5px; | |
677 | + box-shadow : 0 2px 0 #315ea5; | |
678 | + text-shadow : 0 1px 1px rgba(0, 0, 0, 0.3); | |
604 | 679 | } |
605 | 680 | |
606 | 681 | .morelink a { |
@@ -623,17 +698,17 @@ | ||
623 | 698 | |
624 | 699 | .morelink:hover { |
625 | 700 | background-color: rgb(71, 129, 219); |
626 | - box-shadow: 0 3px 0 #3668B6; | |
701 | + box-shadow : 0 3px 0 #3668b6; | |
627 | 702 | } |
628 | 703 | .morelink:active { |
629 | - top: 3px; | |
704 | + top : 3px; | |
630 | 705 | box-shadow: none; |
631 | 706 | } |
632 | 707 | |
633 | 708 | .link.last-clicked { |
634 | - border: none; | |
635 | - border-bottom: solid 2px rgba(0,0,0,0.3); | |
636 | - background: #f4f4f4; | |
709 | + border : none; | |
710 | + border-bottom: solid 2px rgba(0, 0, 0, 0.3); | |
711 | + background : #f4f4f4; | |
637 | 712 | } |
638 | 713 | |
639 | 714 | .link.linkflair-sougou { |
@@ -640,100 +715,6 @@ | ||
640 | 715 | box-shadow: rgba(52, 152, 219, 1) 0 0 3px; |
641 | 716 | } |
642 | 717 | |
643 | -/*以下ヘッダー*/ | |
644 | -#header { | |
645 | - background: #427AD2; | |
646 | - border-bottom: 3px solid #315EA5; | |
647 | - box-shadow: 0 0 3px rgba(0,0,0,.5); | |
648 | - margin-bottom: 15px; | |
649 | -} | |
650 | - | |
651 | -.sr-list a { | |
652 | - color: rgb(208, 229, 250); | |
653 | -} | |
654 | - | |
655 | -#sr-header-area { | |
656 | - background: #427AD2; | |
657 | - border: none; | |
658 | -} | |
659 | - | |
660 | -#sr-header-area .selected a { | |
661 | - color: #fff; | |
662 | -} | |
663 | - | |
664 | -#sr-more-link { | |
665 | - margin-top: 15px; | |
666 | - background: #427AD2; | |
667 | - color: #fff; | |
668 | -} | |
669 | - | |
670 | -/*ヘッダーのマージンコメントアウト中*/ | |
671 | -/* | |
672 | -#header-bottom-left { | |
673 | - margin-top: 40px; | |
674 | -} | |
675 | -*/ | |
676 | - | |
677 | -.pagename a { | |
678 | - color: #fff; | |
679 | -} | |
680 | - | |
681 | -.tabmenu li.selected a { | |
682 | - color: #fff; | |
683 | - background: #427AD2; | |
684 | - border: none; | |
685 | - border-bottom: 4px solid #fff; | |
686 | -} | |
687 | - | |
688 | -.tabmenu li a { | |
689 | - color: rgb(208, 229, 250); | |
690 | - background: #427AD2; | |
691 | -} | |
692 | - | |
693 | -.tabmenu li a:hover { | |
694 | - color: #fff; text-shadow: 0px 0px 1px #fff; | |
695 | -} | |
696 | - | |
697 | -#header-bottom-right { | |
698 | - background: #427AD2; | |
699 | -} | |
700 | - | |
701 | -#header-bottom-right a { | |
702 | - color: rgb(208, 229, 250); | |
703 | -} | |
704 | - | |
705 | -.userkarma { | |
706 | - color: rgb(208, 229, 250); | |
707 | -} | |
708 | - | |
709 | -.separator { | |
710 | - color: #fff; | |
711 | -} | |
712 | - | |
713 | -.user { | |
714 | - color: #fff; | |
715 | -} | |
716 | - | |
717 | -.message-count { | |
718 | - background-color: #427AD2; | |
719 | -} | |
720 | - | |
721 | -.content { | |
722 | - overflow: hidden; | |
723 | -} | |
724 | - | |
725 | -.pagename { | |
726 | - color: #fff; | |
727 | -} | |
728 | - | |
729 | -#header-img.default-header { | |
730 | - width: 30px; | |
731 | -} | |
732 | - | |
733 | -#sr-header-area, #srDropdownContainer a, #RESStaticShortcuts a { | |
734 | - color: #fff; | |
735 | -} | |
736 | - | |
737 | 718 | /*スタイルシート編集画面のテキストエリア修正*/ |
738 | 719 | .sheets { |
739 | 720 | margin-right: 0px; |
@@ -842,4 +823,4 @@ | ||
842 | 823 | .submit-text .morelink .nub { |
843 | 824 | background: none; |
844 | 825 | } |
845 | -*/ | |
\ No newline at end of file | ||
826 | +*/ |