Firefox、ニコ動、CSSにて
昨日のグダグダの続き
今朝ね妹にね
昨日のCSSでニコ動見せたの
「削りすぎ氏ね」
っていう……でっていう……
うちの妹は広告が鬱陶しくないらしい。
受験生がネトゲに興味を持っているって、お兄さんとっても心配なんだけど。
微分積分できなくなるよ(経験者は語る)
まぁそういうことなので色々分割することにした。
機能はユーザーが取捨選択できるべきである(by偉い人)
本題
改良というより、作り直したので超不具合があるかもしれない。
でもとりあえず昨日のCSSを分割して投下します。
欲しい部分だけ持っていってくだちゃい><
それから漢字二文字ペアは神デザインだと思ふ☆
この安定感ヤバイ。
【追記】
Stylishに投げ込みました
http://userstyles.org/users/13457
以下は上記の説明?みたいな感じになります。
すっきり化
他の人のCSSでも問題ない気がする。
画像以外の場所もいろいろ弄ってます。
動画ページだけ、左にスクロール用のスペース確保してるんだけど不要かもしれんね。
@namespace url(http://www.w3.org/1999/xhtml);
/* 必要なものまで消してたらゴメンなさい
邪魔なもの残ってたら御愛嬌 *//*全体*/
@-moz-document domain("www.nicovideo.jp") {
div.ads_728,
div#category_recent > div.mb16p4,
div.mb16p4 div[id],
div#PAGEFOOTER > div[style="padding: 4px; color: rgb(204, 204, 204);"] > p[style]
{display:none !important;}}
/*動画ページ*/
@-moz-document url-prefix("http://www.nicovideo.jp/watch/"){
body{padding-left:15px !important;}
div#video_controls p.TXT12{display:none !important;}
}/*マイページをすっきり*/
@-moz-document url-prefix("http://www.nicovideo.jp/my"){
div#PAGEBODY > div.content_left p.TXT12{display:none !important;}
}
ヘッダ整理
- 広告は触ってません。
- 昨日のCSSよりログイン画面がぶちゃいくになってます><
- アイコンの置換文字が、一文字だったのが二文字になりました
- 他わせた
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("www.nicovideo.jp") {
/*****************ヘッダ上部のアイコンを文字に置換*********************/
div#PAGEHEADER a[target="_top"]:before{content:"ニコニコ動画" !important;}
div#PAGEHEADER a[href="http://www.smilevideo.jp/"]:before{content:"投稿" !important;}
div#PAGEHEADER a[href="newarrival"]:before{content:"新着" !important;}
div#PAGEHEADER a[href="random"]:before{content:"適当" !important;}
div#PAGEHEADER a[href="tag"]:before{content:"付箋" !important;}
div#PAGEHEADER a[id="menu-ranking"]:before{content:"番付" !important;}div#PAGEHEADER a img{display:none !important;}
div#PAGEHEADER > table > tbody > tr > td:first-child > table > tbody > tr > td:first-child
{display:none !important;}/*左上のランダムなアイコンを消します*/div#PAGEHEADER > table a{
color:white !important;
background:black !important;
font-weight:bold !important;
text-decoration:none !important;
padding-left:5px !important;
padding-right:5px !important;
}
div#PAGEHEADER > table,
div#PAGEHEADER > table td{
width:auto !important;
}/*********************ヘッダ下部のようこその整理**********************/
div#PAGEHEADER > div.user_bg{background:none !important;}
div#PAGEHEADER > div.user_bg td{
height:20px !important;
text-align:right !important;
display:none !important;
}
div#PAGEHEADER > div.user_bg td:first-child,
div#PAGEHEADER > div.user_bg td:last-child{display:block !important;}/********************ログインバーの整理*************************/
div#PAGEHEADER > div.user_bg form#login_bar label[for="bar_mail"]:before{content:"Mail" !important;}
div#PAGEHEADER > div.user_bg form#login_bar label[for="bar_password"]:before{content:"Pass" !important;}
div#PAGEHEADER > div.user_bg form#login_bar label strong,
div#PAGEHEADER > div.user_bg form#login_bar td[style="padding-left: 16px;"]
{display:none !important;}div#PAGEHEADER > div.user_bg form#login_bar table{width:280px !important;}
div#PAGEHEADER > div.user_bg form#login_bar td,
div#PAGEHEADER > div.user_bg form#login_bar img{
display:inline !important;
text-align:left !important;
}
div#PAGEHEADER > div.user_bg form#login_bar input{
width:80px !important;
}/******************ヘッダ上部をfloat************************/
div#PAGEHEADER > table{float:left !important;}
div#PAGEBODY{clear:both !important;}/******************ヘッダの装飾************************/
div#PAGEHEADER{
background:#cceeff;
}}
動画のコメントを通常縮小バージョン
コメント部分だけを縮小して、一行に縮小します。
マウスカーソルを乗っけると全部読めます。
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("http://www.nicovideo.jp/watch/"){
/****ちょっとした整理****/
div#WATCHHEADER tr[valign="bottom"]{vertical-align:top !important;}/*************通常縮小***************/
div#WATCHHEADER > table > tbody > tr > td:first-child p[style]{
width:240px !important;
height:16px !important;
overflow:hidden !important;
border:1px solid #aabbff !important;
}
div#WATCHHEADER > table > tbody > tr > td:first-child p[style]:hover{
width:auto !important;
height:auto !important;
}}
動画のコメントを超縮小バージョン
マイリストが二つ以上ある場合、非常に鬱陶しいことになります><
@namespace url(http://www.w3.org/1999/xhtml);@-moz-document url-prefix("http://www.nicovideo.jp/watch/"){
/****ちょっとした整理****/
div#WATCHHEADER tr[valign="bottom"]{vertical-align:top !important;}
/********超縮小*********/
div#WATCHHEADER > table > tbody > tr > td[width="640"] > p{width:640px !important;}
div#WATCHHEADER{
width:70px !important;
height:15px !important;
border:1px solid #aaaaff !important;
overflow:hidden !important;
}
div#WATCHHEADER:hover {width:auto !important;height:auto !important;}
div#WATCHHEADER p {font-size:small !important;}}
最初からPicasaで頑張ればよかったんだよ。
画像貼ったはいいが、今日確認したら拡大できなくてワロタ。
それでなんだっけ
セレクタエラーとマイリストがなんちゃら……
ごめwww解らんwww俺の方では症状出てないからコピペの弊害キタかも試練。
あとなんか書くことあったような気がするけど、思い出せないからまた明日(?)。