From ef3788491ec7f9304a0bf3bb69a789cbe23c9204 Mon Sep 17 00:00:00 2001 From: Dokuchaev Konstantin Date: Fri, 16 Nov 2012 21:11:29 +0400 Subject: [PATCH 1/2] Fix for Using IE9, Not IE6 issue https://github.com/ejc/abetterbrowser.org/issues/21 using CSS only --- public/css/ie6.css | 3 + public/css/ie7.css | 21 +++++ public/css/ie8.css | 21 +++++ public/css/screen.css | 13 +-- public/index_ru.html | 184 ++++++++++++++++++++++++++++++++++++++++++ 5 files changed, 236 insertions(+), 6 deletions(-) create mode 100644 public/css/ie7.css create mode 100644 public/css/ie8.css create mode 100644 public/index_ru.html diff --git a/public/css/ie6.css b/public/css/ie6.css index baaf904..6bf480e 100755 --- a/public/css/ie6.css +++ b/public/css/ie6.css @@ -15,4 +15,7 @@ .footer .logo { background: url("http://abetterbrowser.s3.amazonaws.com/images/ie/ie6_icon_ej.gif") no-repeat; } +.wrapperie6 { width: 900px; padding: 20px; margin:0 auto; position: relative; display: block ; clear: both;} +.wrapperie7, .wrapperie8, .wrapperie9 {display: none} + diff --git a/public/css/ie7.css b/public/css/ie7.css new file mode 100644 index 0000000..a6df36a --- /dev/null +++ b/public/css/ie7.css @@ -0,0 +1,21 @@ +/* Images for an "image challenged" browser */ +.chrome, .firefox, .opera, +.chrome:hover, +.firefox:hover, +.opera:hover { background-position: 0 0;} + +.chrome { background: url("http://abetterbrowser.s3.amazonaws.com/images/ie/ie6_icon_chrome.gif") no-repeat;} +.firefox { background: url("http://abetterbrowser.s3.amazonaws.com/images/ie/ie6_icon_firefox.gif") no-repeat;} +.opera { background: url("http://abetterbrowser.s3.amazonaws.com/images/ie/ie6_icon_opera.gif") no-repeat; } + +.meh .icon { background: url("http://abetterbrowser.s3.amazonaws.com/images/ie/ie6_icon_ie.gif") no-repeat; } +.meh .icon:hover { background-position: 0 0; } + +.ad .noteless {background: url("http://abetterbrowser.s3.amazonaws.com/images/ie/ie6_noteless_ad.gif") no-repeat;} + +.footer .logo { background: url("http://abetterbrowser.s3.amazonaws.com/images/ie/ie6_icon_ej.gif") no-repeat; } + +.wrapperie7 { width: 900px; padding: 20px; margin:0 auto; position: relative; display: block ; clear: both;} +.wrapperie7, .wrapperie8, .wrapperie6 {display: none} + + diff --git a/public/css/ie8.css b/public/css/ie8.css new file mode 100644 index 0000000..efbf2f5 --- /dev/null +++ b/public/css/ie8.css @@ -0,0 +1,21 @@ +/* Images for an "image challenged" browser */ +.chrome, .firefox, .opera, +.chrome:hover, +.firefox:hover, +.opera:hover { background-position: 0 0;} + +.chrome { background: url("http://abetterbrowser.s3.amazonaws.com/images/ie/ie6_icon_chrome.gif") no-repeat;} +.firefox { background: url("http://abetterbrowser.s3.amazonaws.com/images/ie/ie6_icon_firefox.gif") no-repeat;} +.opera { background: url("http://abetterbrowser.s3.amazonaws.com/images/ie/ie6_icon_opera.gif") no-repeat; } + +.meh .icon { background: url("http://abetterbrowser.s3.amazonaws.com/images/ie/ie6_icon_ie.gif") no-repeat; } +.meh .icon:hover { background-position: 0 0; } + +.ad .noteless {background: url("http://abetterbrowser.s3.amazonaws.com/images/ie/ie6_noteless_ad.gif") no-repeat;} + +.footer .logo { background: url("http://abetterbrowser.s3.amazonaws.com/images/ie/ie6_icon_ej.gif") no-repeat; } + +.wrapperie8 { width: 900px; padding: 20px; margin:0 auto; position: relative; display: block ; clear: both;} +.wrapperie7, .wrapperie8, .wrapperie6 {display: none} + + diff --git a/public/css/screen.css b/public/css/screen.css index 6267fde..0b197dd 100755 --- a/public/css/screen.css +++ b/public/css/screen.css @@ -1,5 +1,6 @@ body { background: url("http://abetterbrowser.s3.amazonaws.com/images/background.png"); } -.wrapper { width: 900px; padding: 20px; margin:0 auto; position: relative; display: block; clear: both;} +.wrapperie9 { width: 900px; padding: 20px; margin:0 auto; position: relative; display: block; clear: both;} +.wrapperie6, .wrapperie7, .wrapperie8 {display: none} .menu { width: 100%; background: #6b645e; padding: 8px 0; margin-bottom: 20px; display: block; position: relative; height: 28px;} .menu li { display: inline; margin-right: 20px; } @@ -82,7 +83,7 @@ h2, h3, h4 { color: #252220; text-shadow: 0 1px 0 rgba(255,255,255,.3 /* Super Awesome 3D Text Effect from Mark Otto: http://markdotto.com/playground/3d-text */ -h1 { text-shadow: 0 1px 0 #ccc, +h1 { text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, @@ -94,10 +95,10 @@ h1 { text-shadow: 0 1px 0 #ccc, 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); } - + hr { border: 0; height: 1px; - background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0)); - background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0)); - background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0)); + background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0)); + background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0)); + background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,0));} \ No newline at end of file diff --git a/public/index_ru.html b/public/index_ru.html new file mode 100644 index 0000000..c306111 --- /dev/null +++ b/public/index_ru.html @@ -0,0 +1,184 @@ + + + + Настало время выбрать современный браузер! + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+ + +
+

Пришло время выбрать

+

Лучший Браузер

+

Ради безопасности. Ради совместимости. Ради человечности

+
+
+
+

Internet Explorer 6 был выпущен 27 августа 2001 года и порядочно устарел. Пожалуйста, выберите один из этих браузеров:

+ Google Chrome + Mozilla Firefox + Opera +
+
+

Internet Explorer 7 был выпущен 18 октября 2006 года и порядочно устарел. Пожалуйста, выберите один из этих браузеров:

+ Google Chrome + Mozilla Firefox + Opera +
+
+

Internet Explorer 8 был выпущен 19 марта 2009 года года и порядочно устарел. Пожалуйста, выберите один из этих браузеров:

+ Google Chrome + Mozilla Firefox + Opera +
+
+

Internet Explorer 9 был выпущен 14 марта 2011 года года и достаточно устарел. Пожалуйста, выберите один из этих браузеров:

+ Google Chrome + Mozilla Firefox + Opera +
+
+
+
+ +

Не можете отказаться от Internet Explorer? Здесь можно скачать более современную версию...

+
+ +
+
+
+
+ + +

+ Если вы хотите помочь с переводом - обратитесь ко мне в Твиттер @ejc +

+
+
+ + From 0907aadeb6651e3925f6a5ab4f3a81e0d9be99a4 Mon Sep 17 00:00:00 2001 From: Dokuchaev Konstantin Date: Sat, 17 Nov 2012 00:09:25 +0400 Subject: [PATCH 2/2] Using IE9, Not IE6 (RU page only) Sorry, for last commit. This one is correct. Tested in IE6, 7, 10 and Opera 12 --- public/css/ie7.css | 2 +- public/css/ie8.css | 2 +- public/index_ru.html | 4 ++-- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/public/css/ie7.css b/public/css/ie7.css index a6df36a..7202175 100644 --- a/public/css/ie7.css +++ b/public/css/ie7.css @@ -16,6 +16,6 @@ .footer .logo { background: url("http://abetterbrowser.s3.amazonaws.com/images/ie/ie6_icon_ej.gif") no-repeat; } .wrapperie7 { width: 900px; padding: 20px; margin:0 auto; position: relative; display: block ; clear: both;} -.wrapperie7, .wrapperie8, .wrapperie6 {display: none} +.wrapperie9, .wrapperie8, .wrapperie6 {display: none} diff --git a/public/css/ie8.css b/public/css/ie8.css index efbf2f5..0d05a3b 100644 --- a/public/css/ie8.css +++ b/public/css/ie8.css @@ -16,6 +16,6 @@ .footer .logo { background: url("http://abetterbrowser.s3.amazonaws.com/images/ie/ie6_icon_ej.gif") no-repeat; } .wrapperie8 { width: 900px; padding: 20px; margin:0 auto; position: relative; display: block ; clear: both;} -.wrapperie7, .wrapperie8, .wrapperie6 {display: none} +.wrapperie6, .wrapperie7, .wrapperie9 {display: none} diff --git a/public/index_ru.html b/public/index_ru.html index c306111..b2dcd6f 100644 --- a/public/index_ru.html +++ b/public/index_ru.html @@ -9,10 +9,10 @@