Beelineは自動的にツールバーを追加し、サイトのデザインを変更します









少し前まで、私はBeelineとmail.ru検索でのツールバーの自動追加に関するトピックを書きました。 次に、htmlコードにjava-scriptファイルが追加され、mail.ru紹介検索ダッシュボードが追加されました。 2か月が経過し、ビーラインは物事を異なる方法で行うことにしました。



昨日、モバイルインターネット経由でサイトを閲覧して、Beelineから更新されたツールバーを表示し始めたことがわかりました。 無効にする方法は明確ではありませんでした。閉じるボタンはなく、削除することしかできませんでしたが、それでも画面に表示されていました。 私は自分の臓器を売るという合意に同意しなければなりませんでしたが、その後、「ツールバーを完全に削除」という魔法のボタンが現れました。



私はそれがすべて終わったと思ったが、判明したように-私は間違っていた。



Webページを見ると、サイト上のボタンが異なって見えるようになったことがわかりました。ボタンが大きくなり、黄色になりました。 非常に驚いたが、重要性を付けなかった。 しかし、自分のサイトのボタンの外観が変わったときはさらに驚きました。



私はすぐにビーラインを思い出し、理由を探し始めました。 もちろん、その理由は通信事業者にあり、今回は各Webページに異なるコードが追加されています。 終了HTMLタグの前に、ビーラインは次のスクリプトを追加します。tb.beeline.ru / Scripts / App / AnchorCompiled.min.js



Beelineモバイルインターネットネットワークからのみダウンロードできます

このファイルの重さは152キロバイトで、jQueryバージョンv1.10.2およびbeelineプログラマーによる追加コードです。



私は実際にこのコードが何をするのかには触れませんでした。結果のみを書きます:ページに大量のCSSが追加されます:



CSS
.beeline-wrap-mini-cabinet-wrapper

{

アニメーション:なし;

アニメーション遅延:0;

アニメーションの方向:通常。

アニメーション期間:0;

アニメーション塗りつぶしモード:なし;

アニメーション反復回数:1;

アニメーション名:なし;

アニメーション再生状態:実行中;

アニメーションタイミング機能:簡単。

backface-visibility:目に見える;

背景:0 0;

background-clip:境界ボックス;

background-origin:パディングボックス。

background-position-x:0;

background-position-y:0;

バックグラウンド:0 0 / auto auto;

ボーダー:0;

ボーダースタイル:なし;

ボーダー幅:中;

border-color:inherit;

border-bottom:0;

ボーダー崩壊:別;

border-image:なし;

ボーダー左:0;

ボーダー半径:0;

ボーダー右:0;

ボーダー間隔:0;

ボーダートップ:0;

下:自動;

box-shadow:none;

ボックスサイズ:コンテンツボックス;

キャプション側:トップ;

クリア:なし。

クリップ:自動;

色:継承;

列:自動;

列数:自動;

列の塗りつぶし:バランス。

列ギャップ:通常;

列ルール:中なしcurrentColor;

column-rule-color:currentColor;

列規則スタイル:なし。

列ルール幅:なし;

列スパン:1;

列幅:自動;

内容:通常;

カウンターインクリメント:なし;

カウンターリセット:なし。

カーソル:自動;

方向:ltr;

表示:インライン;

空のセル:表示;

float:なし;

フォント:400;

font-family:継承;

フォントサイズ:中;

フォントスタイル:通常。

フォントバリアント:通常。

フォントの太さ:400;

高さ:自動;

ハイフン:なし;

左:自動;

文字間隔:通常;

行の高さ:通常;

リストスタイル:ディスク。

マージン:0;

最大高さ:なし;

最大幅:なし;

最小高さ:0;

最小幅:0;

不透明度:1;

孤児:0;

アウトライン:0;

アウトライン:0;

オーバーフロー:目に見える;

オーバーフローx:可視;

オーバーフローy:可視;

パディング:0;

改ページ後:自動;

改ページ前:自動;

改ページ:自動;

視点:なし;

パースペクティブ起源:50%50%;

位置:静的;

右:自動;

タブサイズ:8;

table-layout:auto;

text-align:継承;

text-align-last:auto;

テキスト装飾:なし;

テキスト装飾色:継承;

テキスト装飾行:なし;

テキスト装飾スタイル:ソリッド。

テキストインデント:0;

テキストの影:なし;

テキスト変換:なし;

top:自動;

変換:なし;

変換スタイル:フラット。

移行:なし;

遷移遅延:0s;

移行期間:0s;

遷移プロパティ:なし;

移行タイミング機能:容易さ;

unicode-bidi:通常;

垂直方向の整列:ベースライン。

可視性:可視;

空白:通常;

未亡人:0;

幅:自動;

単語間隔:通常;

z-index:自動

}



.beeline-button.commonラベル、.beeline-wrap-mini-cabinet入力[タイプ=送信]、入力[タイプ=ボタン]

{

背景:#ffe100;

背景:-moz-linear-gradient(top、#ffe100 0、#f7a700 100%);

背景:-webkit-gradient(線形、左上、左下、色止め(0、#ffe100)、色止め(100%、#f7a700));

背景:-webkit-linear-gradient(top、#ffe100 0、#f7a700 100%);

背景:-o-linear-gradient(top、#ffe100 0、#f7a700 100%);

背景:-ms-linear-gradient(top、#ffe100 0、#f7a700 100%);

背景:線形勾配(下から#ffe100 0、#f7a700 100%)

}



.beeline-wrap-mini-cabinet入力[タイプ=送信]、入力[タイプ=ボタン]

{

高さ:36px;

フォントファミリー:Arial、Verdana;

行の高さ:36px

}



.beeline-button入力、.beeline-buttonラベル、.beeline-wrap-mini-cabinet .beeline-button.disabled .disabled、入力[type = submit]

{

表示:インラインブロック

}



.beeline-button.commonラベル、.beeline-wrap-mini-cabinet .beeline-button入力、入力[type = submit]、入力[type = button]

{

位置:相対;

マージン底:3px;

パディング:0 21px;

カーソル:ポインター。

text-align:center;

空白:nowrap;

色:#282828;

border:1px solid#f0cda7;

border-top-width:0;

-webkit-border-radius:24px;

-moz-border-radius:24px;

ボーダー半径:24px;

アウトライン:0;

-webkit-box-shadow:0 3px 0 0#bc804a;

-moz-box-shadow:0 3px 0 0#bc804a;

box-shadow:0 3px 0 0#bc804a;

text-shadow:0 1px 1px#fee215;

フォントサイズ:15px

}



.beeline-wrap-mini-cabinet .beeline-button、.beeline-wrap-mini-cabinet .beeline-button.subラベル

{

表示:インラインブロック

}



.beeline-wrap-mini-cabinet .beeline-button.subラベル、.form-phone-box .add-number .add-button、.form-phone-box + .add-number .add-button、.input-select -btn、.insert-button、.sub-btn-link

{

背景:#fafafa;

背景:-moz-linear-gradient(top、#fafafa 0、#c8c8c8 100%);

背景:-webkit-gradient(線形、左上、左下、色止め(0、#fafafa)、色止め(100%、#c8c8c8));

背景:-webkit-linear-gradient(top、#fafafa 0、#c8c8c8 100%);

背景:-o-linear-gradient(top、#fafafa 0、#c8c8c8 100%);

背景:-ms-linear-gradient(top、#fafafa 0、#c8c8c8 100%);

背景:線形勾配(下から#fafafa 0、#c8c8c8 100%)

}



.beeline-wrap-mini-cabinet .beeline-button.subボタン、.beeline-wrap-mini-cabinet .beeline-button.sub入力[タイプ=送信] 、. beeline-wrap-mini-cabinet .beeline-button。サブ入力[タイプ=ボタン] 、. beeline-wrap-mini-cabinet .beeline-button.sub入力[タイプ=リセット] 、. beeline-wrap-mini-cabinet .beeline-button.subラベル

{

高さ:30px;

マージン底:0;

パディング:0 14px;

カーソル:ポインター。

色:#282828;

境界線:1pxソリッド#C8C8C8;

-webkit-border-radius:12px;

-moz-border-radius:12px;

ボーダー半径:12px;

-webkit-box-shadow:なし;

-webkit-box-shadow:0 2px 0 0 #fff;

-moz-box-shadow:なし;

-moz-box-shadow:0 2px 0 0 #fff;

box-shadow:none;

box-shadow:0 2px 0 0 #fff;

text-shadow:0 1px 0 #fff;

フォントファミリー:Arial;

フォントサイズ:12px;

行の高さ:30px

}



.beeline-wrap-mini-cabinet .beeline-button.sub入力:ホバー、.beeline-wrap-mini-cabinet .beeline-button.subラベル:ホバー

{

背景:#fff;

背景:-moz-linear-gradient(top、#fff 0、#f0f2f1 45%、#e0dcdb 50%、#c8c8c8 100%);

背景:-webkit-gradient(線形、左上、左下、色止め(0、#fff)、色止め(45%、#f0f2f1)、色止め(50%、#e0dcdb)、色止め(100%、#c8c8c8));

背景:-webkit-linear-gradient(top、#fff 0、#f0f2f1 45%、#e0dcdb 50%、#c8c8c8 100%);

背景:-o-linear-gradient(top、#fff 0、#f0f2f1 45%、#e0dcdb 50%、#c8c8c8 100%);

バックグラウンド:-ms-linear-gradient(top、#fff 0、#f0f2f1 45%、#e0dcdb 50%、#c8c8c8 100%);

背景:線形勾配(下から#fff 0、#f0f2f1 45%、#e0dcdb 50%、#c8c8c8 100%)

}



.beeline-wrap-mini-cabinet .beeline-button.common label:ホバー、.beeline-wrap-mini-cabinet入力[タイプ=送信]:ホバー、.beeline-wrap-mini-cabinet入力[タイプ=ボタン]:ホバー

{

色:#282828;

背景:#fefdc4;

背景:-moz-linear-gradient(top、#fefdc4 0、#fbb600 49%、#ed9f19 77%、#e9b03f 100%);

背景:-webkit-gradient(線形、左上、左下、色止め(0、#fefdc4)、色止め(49%、#fbb600)、色止め(77%、#ed9f19)、色止め(100%、#e9b03f));

背景:-webkit-linear-gradient(top、#fefdc4 0、#fbb600 49%、#ed9f19 77%、#e9b03f 100%);

背景:-o-linear-gradient(上、#fefdc4 0、#fbb600 49%、#ed9f19 77%、#e9b03f 100%);

背景:-ms-linear-gradient(top、#fefdc4 0、#fbb600 49%、#ed9f19 77%、#e9b03f 100%);

背景:線形勾配(下へ、#fefdc4 0、#fbb600 49%、#ed9f19 77%、#e9b03f 100%)

}



.beeline-wrap-mini-cabinet .beeline-button

{

位置:相対;

text-align:center;

空白:nowrap

}



.beeline-wrap-mini-cabinet .beeline-button.commonラベル

{

高さ:32px;

フォントファミリー:Arial、Verdana;

行の高さ:33px

}



.beeline-wrap-mini-cabinet .beeline-button .disabled、.beeline-wrap-mini-cabinet .beeline-button.common入力、.beeline-wrap-mini-cabinet .beeline-button.disabled入力、.beeline- wrap-mini-cabinet .beeline-button.disabledラベル、.beeline-wrap-mini-cabinet .beeline-button.sub入力

{

ディスプレイ:なし

}



.beeline-wrap-mini-cabinet .beeline-button .disabled

{

高さ:34px;

パディング:0 20px;

カーソル:デフォルト。

空白:nowrap;

色:#c8c8c8;

境界線:1pxソリッド#c8c8c8;

-webkit-border-radius:24px;

-moz-border-radius:24px;

ボーダー半径:24px;

背景:0 0;

box-shadow:none;

テキストの影:なし;

フォントファミリー:Arial、Verdana;

フォントサイズ:15px;

行の高さ:36px

}



.beeline-wrap-mini-cabinet .beeline-button.sub .disabled

{

高さ:28px;

パディング:0 14px;

-webkit-border-radius:12px;

-moz-border-radius:12px;

ボーダー半径:12px;

フォントファミリー:Arial;

フォントサイズ:12px;

行の高さ:28px

}



.beeline-wrap-mini-cabinet .beeline-button.sub入力、.button.subラベル

{

背景:#fafafa;

背景:-moz-linear-gradient(top、#fafafa 0、#c8c8c8 100%);

背景:-webkit-gradient(線形、左上、左下、色止め(0、#fafafa)、色止め(100%、#c8c8c8));

背景:-webkit-linear-gradient(top、#fafafa 0、#c8c8c8 100%);

背景:-o-linear-gradient(top、#fafafa 0、#c8c8c8 100%);

背景:-ms-linear-gradient(top、#fafafa 0、#c8c8c8 100%);

背景:線形勾配(下から#fafafa 0、#c8c8c8 100%)

}



.beeline-wrap-mini-cabinet .beeline-button.commonラベル、.beeline-wrap-mini-cabinet入力[type = submit] 、. beeline-wrap-mini-cabinet入力[type = button]

{

背景:#ffe100;

背景:-moz-linear-gradient(top、#ffe100 0、#f7a700 100%);

背景:-webkit-gradient(線形、左上、左下、色止め(0、#ffe100)、色止め(100%、#f7a700));

背景:-webkit-linear-gradient(top、#ffe100 0、#f7a700 100%);

背景:-o-linear-gradient(top、#ffe100 0、#f7a700 100%);

背景:-ms-linear-gradient(top、#ffe100 0、#f7a700 100%);

背景:線形勾配(下から#ffe100 0、#f7a700 100%)

}



.beeline-wrap-mini-cabinet .beeline-button.common label:ホバー、.beeline-wrap-mini-cabinet入力[タイプ=ボタン]:ホバー

{

色:#282828;

背景:#fefdc4;

背景:-moz-linear-gradient(top、#fefdc4 0、#fbb600 49%、#ed9f19 77%、#e9b03f 100%);

背景:-webkit-gradient(線形、左上、左下、色止め(0、#fefdc4)、色止め(49%、#fbb600)、色止め(77%、#ed9f19)、色止め(100%、#e9b03f));

背景:-webkit-linear-gradient(top、#fefdc4 0、#fbb600 49%、#ed9f19 77%、#e9b03f 100%);

背景:-o-linear-gradient(上、#fefdc4 0、#fbb600 49%、#ed9f19 77%、#e9b03f 100%);

背景:-ms-linear-gradient(top、#fefdc4 0、#fbb600 49%、#ed9f19 77%、#e9b03f 100%);

背景:線形勾配(下へ、#fefdc4 0、#fbb600 49%、#ed9f19 77%、#e9b03f 100%)

}



.beeline-button.commonラベル:アクティブ、.beeline-wrap-mini-cabinet入力[タイプ=送信]:アクティブ、入力[タイプ=送信]:アクティブ

{

-webkit-box-shadow:inset 0 1px 3px 1px rgba(0,0,0、.3);

-moz-box-shadow:inset 0 1px 3px 1px rgba(0,0,0、.3);

box-shadow:inset 0 1px 3px 1px rgba(0,0,0、.3)

}



.beeline-button入力、.beeline-button.commonラベル、入力[type = submit]、入力[type = button]

{

位置:相対;

マージン底:3px;

パディング:0 21px;

カーソル:ポインター。

text-align:center;

空白:nowrap;

色:#282828;

border:1px solid#f0cda7;

border-top-width:0;

-webkit-border-radius:24px;

-moz-border-radius:24px;

ボーダー半径:24px;

アウトライン:0;

-webkit-box-shadow:0 3px 0 0#bc804a;

-moz-box-shadow:0 3px 0 0#bc804a;

box-shadow:0 3px 0 0#bc804a;

text-shadow:0 1px 1px#fee215;

フォントサイズ:15px

}



.beeline-button.subボタン、.beeline-button.sub入力[タイプ=送信] 、. beeline-button.sub入力[タイプ=ボタン] 、. beeline-button.sub入力[タイプ=リセット] 、. beeline- button.subラベル

{

高さ:30px;

マージン底:0;

パディング:0 14px;

カーソル:ポインター。

色:#282828;

境界線:1pxソリッド#C8C8C8;

-webkit-border-radius:12px;

-moz-border-radius:12px;

ボーダー半径:12px;

-webkit-box-shadow:なし;

-webkit-box-shadow:0 2px 0 0 #fff;

-moz-box-shadow:なし;

-moz-box-shadow:0 2px 0 0 #fff;

box-shadow:none;

box-shadow:0 2px 0 0 #fff;

text-shadow:0 1px 0 #fff;

フォントファミリー:Arial;

フォントサイズ:12px;

行の高さ:30px

}



.beeline-button.sub入力:ホバー、.beeline-button.subラベル:ホバー

{

背景:#fff;

背景:-moz-linear-gradient(top、#fff 0、#f0f2f1 45%、#e0dcdb 50%、#c8c8c8 100%);

背景:-webkit-gradient(線形、左上、左下、色止め(0、#fff)、色止め(45%、#f0f2f1)、色止め(50%、#e0dcdb)、色止め(100%、#c8c8c8));

背景:-webkit-linear-gradient(top、#fff 0、#f0f2f1 45%、#e0dcdb 50%、#c8c8c8 100%);

背景:-o-linear-gradient(top、#fff 0、#f0f2f1 45%、#e0dcdb 50%、#c8c8c8 100%);

バックグラウンド:-ms-linear-gradient(top、#fff 0、#f0f2f1 45%、#e0dcdb 50%、#c8c8c8 100%);

背景:線形勾配(下から#fff 0、#f0f2f1 45%、#e0dcdb 50%、#c8c8c8 100%)

}



.beeline-button.sub入力[タイプ=送信]:アクティブ、.beeline-button.sub入力[タイプ=ボタン]:アクティブ、.beeline-button.sub入力[タイプ=リセット]:アクティブ、.beeline-button。サブラベル:アクティブ

{

-webkit-box-shadow:inset 0 1px 2px 1px rgba(74,75,106、.7);

-moz-box-shadow:インセット0 1px 2px 1px rgba(74,75,106、.7);

box-shadow:inset 0 1px 2px 1px rgba(74,75,106、.7)

}



.beeline-mini-cabinet

{

text-align:center;

マージン:0自動

}



.beeline-mini-cabinet-block .constr

{

余白:15ピクセル

}



.beeline-wrap-mini-cabinet

{

位置:固定;

背景:#f7a700;

背景:-moz-linear-gradient(左、#f7a700 0、#ffe100 100%);

背景:-webkit-gradient(線形、左上、右上、色止め(0、#f7a700)、色止め(100%、#ffe100));

背景:-webkit-linear-gradient(左、#f7a700 0、#ffe100 100%);

背景:-o-linear-gradient(左、#f7a700 0、#ffe100 100%);

背景:-ms-linear-gradient(左、#f7a700 0、#ffe100 100%);

背景:線形勾配(右、#f7a700 0、#ffe100 100%);

-moz-border-radius:5px;

-webkit-border-radius:5px;

-khtml-border-radius:5px;

ボーダー半径:5px;

パディング:2px;

ボックスサイズ:ボーダーボックス;

-moz-box-sizing:境界ボックス;

-webkit-box-sizing:境界ボックス;

最大幅:566px

}



.beeline-wrap-mini-cabinet:before

{

内容: '';

位置:絶対;

ディスプレイ:ブロック;

幅:24px;

高さ:10px;

左:50%;

マージン左:-12px;

上:-8px;

背景:URL(データ:画像/ PNG、BASE64、iVBORw0KGgoAAAANSUhEUgAAABgAAAAKCAYAAACuaZ5oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQtJREFUeNpiZCASfD + uLQCkDEBsTsurB4jVx0ik4SCD9wOxAFToAhA7Ai36QEgvEymGM7JLMzCy8DJAfbIfKKdAkQXIhjOLBjCwG + 5kYNNdy8DErQGz5DxUDelBhGw4yEA2rfkMDMy8EMm / NXL + XUtk + Pf1Boj3ARpcF4i2AK / hMECkJRhB9P2YdgHDf4bzeA0HAaAYSA4aXALQOEnA6gOgoSAFAUBcD8TgiGMWdmJgVW7Fbjhun0BSGCPDRCB9gNPi6gNGoOH / UWwEphIWmSwGZslYBlLAnyfTGP6 + WMzw / 89nlICHW8DEZ8rALOTEAEotDCy8DGQBoG / + vt7A8Pf9PoZ / n06DhQACDAC5Z2bZ / hX6 / QAAAABJRU5ErkJggg ==)ノー・リピート

}



.beeline-wrap-mini-cabinet .beeline-close-short

{

位置:絶対;

右:10px;

上:14px;

ディスプレイ:ブロック;

カーソル:ポインター。

幅:9px;

高さ:9px;

背景:URL(データ:画像/ PNG、BASE64、iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHFJREFUeNpsj9ENwCAIRJEx8QdG6CSOoD / O1xEsl2hDiCSXKPcgB4vI69K1FmWhD5 + J6HH1WqtSqP3v8HnOOfxhEQyAwS9YmwwM6QHg / DAG + waGA3b6nDLo2RQz8iWD5YwFZ8aQl + sMm1oGUOHq9gkwABt / T7Nta20FAAAAAElFTkSuQmCC)ノー・リピート

}



.beeline-mini-cabinet *

{

フォントファミリー:Arial;

フォントサイズ:13px;

色:#282828

}



div.beeline-mini-cabinet

{

ディスプレイ:ブロック;

フォントファミリー:Arial;

フォントサイズ:13px;

色:#282828;

パディング:12px 35px 15px;

背景:#fff;

-moz-border-radius:4px;

-webkit-border-radius:4px;

-khtml-border-radius:4px;

ボーダー半径:4px

}



.beeline-mini-cabinet:before

{

内容: '';

ディスプレイ:ブロック;

位置:絶対;

左:11px;

上:8px;

幅:15px;

高さ:25px;

背景:URL(データ:画像/ PNG、BASE64、iVBORw0KGgoAAAANSUhEUgAAAA8AAAAZCAYAAADuWXTMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABNVJREFUeNpclGtsFFUYht85c + ay29nd7rbLVralrS1toKQNt0qopMQLieAtYExAYmKiYpAfpgG0MQgkBi / EP6KJv5CooMGkxgAaBIMBWiLQUAlCse32Qlva3bY7e5 / 7eFqMSfmSyZyZnOd83 / ee9xxuIDYAcBzyeQ1aLlFbSA9tCnnHGhsqExHX0olLvemOi2X9iVTxcL6QvbF61arrVVVVsG0b1DA0Bos4 // ul3adOd3w4fj8tvfaijYZdEjgTMLLAd8dNDN3nIEkCcrnC + 1uC3kOGYYCWFPWBM3pfGOj5 / nA84WMTJNcjmKMw6LSTd6xMypHyOl9DKfUSV8cy / 8l9teLkeZ0PXCWiXC2U + rsPHn7PwNOrtEE1Yz2XT5p1uQljuTqhrb4Xs5oSqlNn29aB / A / b1ubNiiy5A + 8qogoakE43wO5vkqMSdr1RuUcJ0TNeEsNsFso7sCy45RHf2I6Xlx188onpZSD3XgImmomW8NG + vuuLklP + OdHiU / nJxnrA1oIYTFfAKhSgyQqe31SB4ogfP / 92ZzSXHEV5WaDMI4QX0bYPRvTxhH + Whc8nBf0 + ES0tK + AkG6AmZ9DQsAQN4X70DU7gl3NZ8dIVFQvCIa486hIyNilMitR0bVbf4mpp24H2dWh9vB6Uc + D18JAliuaVUbSuKQ / ZZuqpYMADv8JPe2SM0o3PbOj982pP7 + KqoSX73ylsji6lRztOLhy / cBmiVkjn + u72kpptWqgqGNvQvn2qbu8XEnKac0ZNqkkuPpPCH2dPtKyoPXKspqm0lu0bvjzi4KMjs1kdJOPjuPC5gMb1UYBw + KND / PrjE963vTIpUBdANBrs5DVhXWJA2huOkPUBOV O5 / VkjVFlO8U8sgnQqPYykeUfPuEe9hvYjTxXwPA / quu6c1RziTsTHxTZiGXhli9DOBd1DcNk + ZYlhDRdtLCSt2zybSwj + DyrLEngqYHwSiGeLMGWEQCcKVJ1JwiPYUCQijAzLipqmKBZUTCdSgOuwhAzes3s3kjMJjAwLKBj34NgcOMIrHAgc14Yg8Jyi8BFJFhkTQpEnjCX1JQ / KvtLV + WBARUgCU4A9hHOzlmlBEAXMtlXzaEWmuNg / 57jowigymQwMwwQ9cewzzAvOAzd32kD2B7aID3besUX59hQhHpDSrfhrKIieG9cfHMm6uur5MLzgSYRSh7IxU8ckFmZcPS3tYhZcB2HsIhONMM9boN8eP / UQLLBDEaO8GWb9iszoFq9qTW8VlztdHvHCr51dXTtNw + wMhxdcoTf / 7P + HUspjcChu3bzlQNdT8BcHqGNfa / MrPRvr6xZfunqtu72kpOT + mjWPNVJ1emQePFsS7Izl4Schyw6qy0TmcxMcL4mtqwM + Ny8bGTUuYfgk4Ya6m / FwcMTdw3PGpzxnQ7INyLzMehQcpSQyY6anSm0NPbCwglYufeRhlKVn9xpRgQJ76 + xb51k1IkF + olSUJDCdp / Qs59KdbcY8lG0rirxQQn4ZgiPAsHi0Lhc + aalTb3FU5C3dyaRmaHdWLwO1UT8P5plgd2NjhVhsGISncOHol3u8x / ZtzfeubXbgFNgf5z9xd7z56jzY4 / Hg7Nlz34yNxlZKIr + wSPF + VVFV39uvBrAWvXPX1Wxns / GvAAMAbQ0rPdr58eYAAAAASUVORK5CYII = )繰り返しなし

}



.beeline-buttons

{

マージン:20px 0 0;

text-align:center;

表示:ブロック

}



.beeline-buttons> *

{

マージン:0 0 0 15px;

垂直方向の整列:中央

}



.beeline-buttons>:最初の子

{

マージン:0

}



.beeline-button.sub入力[タイプ=送信]:アクティブ、.beeline-button.sub入力[タイプ=ボタン]:アクティブ、.beeline-button.subラベル:アクティブ

{

-webkit-box-shadow:inset 0 1px 2px 1px rgba(74,75,106、.7);

-moz-box-shadow:インセット0 1px 2px 1px rgba(74,75,106、.7);

box-shadow:inset 0 1px 2px 1px rgba(74,75,106、.7)

}



.beeline-button.sub入力:アクティブ、.beeline-button.sub入力:フォーカス

{

背景:#c8c8c8;

背景:-moz-linear-gradient(top、#c8c8c8 0、#fafafa 100%);

背景:-webkit-gradient(線形、左上、左下、色止め(0、#c8c8c8)、色止め(100%、#fafafa));

背景:-webkit-linear-gradient(top、#c8c8c8 0、#fafafa 100%);

背景:-o-linear-gradient(top、#c8c8c8 0、#fafafa 100%);

背景:-ms-linear-gradient(top、#c8c8c8 0、#fafafa 100%);

背景:線形勾配(下から、#c8c8c8 0、#fafafa 100%)

}



また、プログラマの曲率のために、次のコードがページに追加されます。



.beeline-button入力、.beeline-button.commonラベル、入力[type = submit]、入力[type = button]

{

位置:相対;

マージン底:3px;

パディング:0 21px;

カーソル:ポインター。

text-align:center;

空白:nowrap;

色:#282828;

border:1px solid#f0cda7;

border-top-width:0;

-webkit-border-radius:24px;

-moz-border-radius:24px;

ボーダー半径:24px;

アウトライン:0;

-webkit-box-shadow:0 3px 0 0#bc804a;

-moz-box-shadow:0 3px 0 0#bc804a;

box-shadow:0 3px 0 0#bc804a;

text-shadow:0 1px 1px#fee215;

フォントサイズ:15px

}





このコードは、ボタンや送信などのボタンにCSSルールを追加し、ボタンの外観が異なってきます。







元のCSSルールは完全に消去されます。







例として、Beelineのスクリプトの前後のサイト:











UPD:加入者のトラフィックを妨げる通信事業者の代表者からの「謝罪」: habrahabr.ru/post/262687/#comment_8510733



All Articles