Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

wrap div for sandbox. fixes webkit and opera.

  • Loading branch information...
commit e758524981a41b6ee84b8dca2dedfff4b47c4403 1 parent f983826
@paulirish paulirish authored
Showing with 25 additions and 10 deletions.
  1. +7 −3 css/stylesheet.css
  2. +10 −7 index.html
  3. +8 −0 javascript/javascript.js
View
10 css/stylesheet.css
@@ -241,14 +241,18 @@ body {
color: #f8f8f8;
}
+#sandboxwrap {
+ position: fixed;
+ right: 25px;
+ top: 50px;
+ z-index: 10;
+}
#sandbox {
font-family: "goudy-bookletter-1911-1","goudy-bookletter-1911-2","Baskerville","Georgia",serif;
border:1px solid rgba(21, 11, 11, 0.2);
overflow: hidden;
padding: 20px;
- position: fixed;
- right: 25px;
- top: 50px;
+
width: 400px;
z-index: 2;
color: rgba(0, 0, 0, 0.6);
View
17 index.html
@@ -14,15 +14,18 @@
</head>
<body>
-<div id="sandbox">
- <h1>
- <abbr title="Cascading Style Sheets Level 3">CSS3</abbr>, please!
- </h1>
- <p>
- This element will receive inline changes as you edit the CSS rules on the left. Enjoy!
- </p>
+<div id="sandboxwrap">
+ <div id="sandbox">
+ <h1>
+ <abbr title="Cascading Style Sheets Level 3">CSS3</abbr>, please!
+ </h1>
+ <p>
+ This element will receive inline changes as you edit the CSS rules on the left. Enjoy!
+ </p>
+ </div>
</div>
+
<pre class="rule">
/* -------------------------------------------------------------
CSS3, Please! The Cross-Browser CSS3 Rule Generator
View
8 javascript/javascript.js
@@ -412,3 +412,11 @@ $('.rule_wrapper .comment a').live('click',function(){
return false;
})
+
+
+
+
+
+
+
+
Please sign in to comment.
Something went wrong with that request. Please try again.