Permalink
Browse files

Fix demo in IE8 (fixes #181)

  • Loading branch information...
1 parent 8a07773 commit 3aa132e3feeb6b73722deac3cd51e0f23e263676 @tiff tiff committed Sep 3, 2012
Showing with 25 additions and 18 deletions.
  1. +17 −16 css/stylesheet.css
  2. +8 −2 index.html
View
@@ -37,10 +37,11 @@ header {
display: block;
border-radius: 4px;
width: 810px;
- background: #eee;
+ background: #f6f6f6;
position: relative;
z-index: 1;
text-align: center;
+ border: 1px solid #ddd\9; /* IE 8 and below */
background-image: linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
background-image: -o-linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 0%, rgb(255,255,255) 100%);
@@ -70,9 +71,9 @@ header {
width: 68px;
}
-[data-wysihtml5-command]::after,
-[data-wysihtml5-action]::after,
-.fore-color::after {
+[data-wysihtml5-command]:after,
+[data-wysihtml5-action]:after,
+.fore-color:after {
content: "";
background-image: url(../img/spr_toolbar_icons_r1.png);
background-repeat: no-repeat;
@@ -93,47 +94,47 @@ header {
background-image: -ms-linear-gradient(bottom, rgb(229,240,226) 0%, rgb(255,255,255) 100%);
}
-[data-wysihtml5-command="bold"]::after {
+[data-wysihtml5-command="bold"]:after {
background-position: 24px center;
}
-[data-wysihtml5-command="italic"]::after {
+[data-wysihtml5-command="italic"]:after {
background-position: -48px center;
}
-[data-wysihtml5-command="insertUnorderedList"]::after {
+[data-wysihtml5-command="insertUnorderedList"]:after {
background-position: -115px center;
}
-[data-wysihtml5-command="insertOrderedList"]::after {
+[data-wysihtml5-command="insertOrderedList"]:after {
background-position: -197px center;
}
-[data-wysihtml5-command="formatBlock"][data-wysihtml5-command-value="h1"]::after {
+[data-wysihtml5-command="formatBlock"][data-wysihtml5-command-value="h1"]:after {
background-position: -344px center;
}
-[data-wysihtml5-command="formatBlock"][data-wysihtml5-command-value="h2"]::after {
+[data-wysihtml5-command="formatBlock"][data-wysihtml5-command-value="h2"]:after {
background-position: -428px center;
}
-[data-wysihtml5-command="createLink"]::after {
+[data-wysihtml5-command="createLink"]:after {
background-position: -271px center;
}
-[data-wysihtml5-command="insertImage"]::after {
+[data-wysihtml5-command="insertImage"]:after {
background-position: -513px center;
}
-.fore-color::after {
+.fore-color:after {
background-position: -741px center;
}
-[data-wysihtml5-command="insertSpeech"]::after {
+[data-wysihtml5-command="insertSpeech"]:after {
background-position: -596px center;
}
-[data-wysihtml5-action="change_view"]::after {
+[data-wysihtml5-action="change_view"]:after {
background-position: -670px center;
}
@@ -158,7 +159,7 @@ header {
height: 15px;
}
-.fore-color li::after {
+.fore-color li:after {
display: none;
}
View
@@ -1,14 +1,20 @@
<!DOCTYPE html>
<html>
<head>
+ <meta content="IE=Edge,chrome=1" http-equiv="X-UA-Compatible">
<meta charset="utf-8">
<meta name="description" content="Open source rich text editor based on HTML5 and the progressive-enhancement approach. Uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles.">
<meta property="og:image" content="http://xing.github.com/wysihtml5/img/og_image.png">
<title>wysihtml5 - A better approach to rich text editing</title>
- <link rel="stylesheet" href="http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css">
- <link rel="stylesheet" href="css/stylesheet.css">
+
<script src="parser_rules/advanced.js" ></script>
<script src="dist/wysihtml5-0.3.0.js" ></script>
+ <!--[if lt IE 9]>
+ <script src='http://html5shiv.googlecode.com/svn/trunk/html5.js'></script>
+ <![endif]-->
+
+ <link rel="stylesheet" href="http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css">
+ <link rel="stylesheet" href="css/stylesheet.css">
</head>
<body>
<a href="http://github.com/xing/wysihtml5" class="fork"><img src="https://a248.e.akamai.net/camo.github.com/abad93f42020b733148435e2cd92ce15c542d320/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677265656e5f3030373230302e706e67" alt="Fork me on GitHub"></a>

0 comments on commit 3aa132e

Please sign in to comment.