diff --git a/app/assets/images/desktop/chrome.png b/app/assets/images/desktop/chrome.png new file mode 100755 index 000000000..5661a6876 Binary files /dev/null and b/app/assets/images/desktop/chrome.png differ diff --git a/app/assets/images/desktop/compatibility_bg.jpg b/app/assets/images/desktop/compatibility_bg.jpg new file mode 100755 index 000000000..7d52cd0ef Binary files /dev/null and b/app/assets/images/desktop/compatibility_bg.jpg differ diff --git a/app/assets/images/desktop/firefox.png b/app/assets/images/desktop/firefox.png new file mode 100755 index 000000000..c7f064870 Binary files /dev/null and b/app/assets/images/desktop/firefox.png differ diff --git a/app/assets/images/desktop/ie.png b/app/assets/images/desktop/ie.png new file mode 100755 index 000000000..ef5f454d2 Binary files /dev/null and b/app/assets/images/desktop/ie.png differ diff --git a/app/assets/images/desktop/opera.png b/app/assets/images/desktop/opera.png new file mode 100755 index 000000000..484b56afc Binary files /dev/null and b/app/assets/images/desktop/opera.png differ diff --git a/app/assets/images/desktop/safari.png b/app/assets/images/desktop/safari.png new file mode 100755 index 000000000..163e4c8aa Binary files /dev/null and b/app/assets/images/desktop/safari.png differ diff --git a/app/assets/stylesheets/desktop/desktop-compatibility.css b/app/assets/stylesheets/desktop/desktop-compatibility.css new file mode 100644 index 000000000..27bd5c968 --- /dev/null +++ b/app/assets/stylesheets/desktop/desktop-compatibility.css @@ -0,0 +1,113 @@ +/* + *This is a manifest file that'll automatically include all the stylesheets available in this directory + *and any sub-directories. You're free to add application-wide styles to this file and they'll appear at + *the top of the compiled file, but it's generally better to create a new file per style scope. + *= require desktop/desktop-font + *= require bootstrap + *= require bootstrap-orbit + *= require icons + *= require desktop/desktop-main + *= require desktop/desktop-media + *= require orbit-bar +*/ +html, body, #compatibility { + height: 100%; + *overflow: hidden; +} +header { + display: block; +} +body { + background: #7DAE0F url(compatibility_bg.jpg) center top no-repeat; +} +#compatibility { + position: relative; +} +#support_list { + width: 516px; + height: 490px; + position: absolute; + left: 50%; + top: 50%; + margin: -245px 0 0 -258px; +} +#support_list li { + position: absolute; + overflow: hidden; +} + +[data-col="1"] { left: 0;} +[data-col="2"] { left: 132px;} +[data-col="3"] { left: 264px;} +[data-col="4"] { left: 396px;} +[data-row="1"] { top: 0;} +[data-row="2"] { top: 132px;} +[data-row="3"] { top: 264px;} +[data-row="4"] { top: 396px;} + +.app-chrome { background-color: #000;} +.app-safari { background-color: #666;} +.app-opera { background-color: #FF0000;} +.app-ie { background-color: #3399CC;} +.app-firefox { background-color: #FF6600;} + +.appname { + color: #fff; +} +.appicon { + margin: 0 auto; +} +.w1.h1 .appname { + padding: 0 10px; + *width: 100px; +} +.w1.h1 .appicon { + margin-top: 24px; + *padding-top: 24px; +} +.w2.h2 .appname { + font-size: 21px; + font-weight: normal; + height: 50px; + line-height: 50px; + *width: 228px; +} +.w2.h2 .appicon { + width: 120px; + height: 120px; + margin-top: 64px; + *padding-top: 64px; +} +.w2.h1 .appname { + height: 120px; + line-height: 120px; + font-size: 21px; + left: 120px; + width: 132px; + padding-left: 0; +} +.w2.h1 .appicon { + width: 80px; + height: 80px; + margin: 20px; + *padding: 20px; + *margin: 0; +} + +.desc { + font-size: 13px; + color: #333; + line-height: 1.2em; + font-family: Arial, sans-serif; + width: 100%; +} +.desc h1 { + font-size: 21px; + padding: 16px 0; + *padding: 10px 0; + font-family: Cuprum, sans-serif; + color: #000; +} + +.op09 { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90); } +.op07 { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); } \ No newline at end of file diff --git a/app/views/desktop/compatibility.html.erb b/app/views/desktop/compatibility.html.erb index 94f6d7ee8..17ecfd0fb 100644 --- a/app/views/desktop/compatibility.html.erb +++ b/app/views/desktop/compatibility.html.erb @@ -1 +1,35 @@ -You have a bad browser ...!!! \ No newline at end of file +
+
+ +
+
\ No newline at end of file diff --git a/app/views/layouts/compatibility.html.erb b/app/views/layouts/compatibility.html.erb index a8c0f9ecb..79f3651c3 100644 --- a/app/views/layouts/compatibility.html.erb +++ b/app/views/layouts/compatibility.html.erb @@ -2,14 +2,12 @@ - Error - <%= stylesheet_link_tag "desktop" %> + Oops! + <%= stylesheet_link_tag "desktop/desktop-compatibility" %> <%= yield :page_specific_css %> - <%= csrf_meta_tag %> - <%= render 'layouts/orbit_bar' %> <%= yield %> diff --git a/app/views/layouts/desktop.html.erb b/app/views/layouts/desktop.html.erb index 2d14d5115..a4f36b8c4 100644 --- a/app/views/layouts/desktop.html.erb +++ b/app/views/layouts/desktop.html.erb @@ -5,7 +5,7 @@ -