cl⌒l⌒b'ω'*)

海外ファンフィクション読書記録。ハリポタのスネイプとマーベルのロキ(マイティ・ソー2作目まで)が好き。忘れっぽい自分のためにどんな話だったか記録してるのでネタバレばっかり。ネタバレが嫌いな人は見ちゃダメ。オリキャラ大好き。ダンブルドア・マローダーズ・ハリーらグリフィンドール勢は好きじゃありません。←この辺が好きな人は読まないほうがいいです。キャラバッシングあり。

CROSS-TranserのCSSを変更

CROSS-TranserのCSSを変更して使いやすくする(firefox

 

CROSS-Transer

(左右表示) f:id:oTo:20181101204756p:plain  (上下表示) f:id:oTo:20180807182835p:plain

 

デフォルトでは、画面の幅を狭くすると右のような上下表示に切り替わってしまう。

翻訳にかける文章量が少ない場合はこれでもいいんだけど、量が多くなってくるとこの形式では見難い。

CSSを変更すると幅を狭くしても左右表示のままで使えるようになる。

 

 

 

**CSSの中身**

.col-translation {float: left;width: 50%;padding: 0px 1px 0 0;}
body{background-color: #d3d3d3;}/*背景色*/

#rep-layer span.highlight, #source-layer span.highlight{background-color: #f5deb3;}/*単語ハイライトの色*/
#rep-layer span.highlight_sentence, #source-layer span.highlight_sentence{background-color: #faf0e6;}/*文章ハイライトの色*/


.corporate_logo img {display:none;}
.panel{display:none;}
footer{display:none;}
.mainmenu{display:none;}/*不要な部分消す*/

 

.body .trans-col {
background-color: #f2f4f5;
padding: 1px 1px;
box-sizing: border-box;
border: 1px;
}
.body .input-edit-col{
background-color: #f2f4f5;
padding: 1px 1px;
box-sizing: border-box;
border: 1px;
}

 

 

 

**変更点**

・チルトでディスプレイを縦長にしたり、画面の幅が狭くなっても左右表示のまま

・邪魔な枠を消去

・背景色変更

・マウスオーバーで選択される文字ハイライトの色を変更

 

 

**使い方**

・デスクトップに上記をコピペして作ったstyle.cssファイルを置く。(ファイルの名前や置き場所はなんでもいい)
・crossの翻訳ページを開いたらSHIFT+F7でfirefoxのスタイルエディターを開く。(1)
・デスクトップのCSSをインポートする。(2)

 

f:id:oTo:20181104104114p:plain

 

 

         ↓↓↓ 

 

 

f:id:oTo:20181102162030p:plain 

CSS変更後はこんな感じに画面の幅を狭くしても原文訳文が左右で表示される。

背景色やハイライトの色はCSSで各自の好みに変更可能。

 

 

 

          ↓

 

 

※スタイルエディターで元からあるstyle.cssをオフにすると、コピーやクリアアイコンが小さくなって左上に移動して作業領域が少し広がる。原文のほうの隠れてるアイコンは本文クリックすると出てくる。

f:id:oTo:20181106044420p:plain

 

 

 ・