From 9591702f14f5c0f7ba224ea186ccccd2ca69da80 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Mon, 18 May 2015 17:45:08 +0800
Subject: [PATCH] update code box template

---
 components/button/demo/disabled.md | 9 +++------
 static/style.css                   | 2 +-
 theme/templates/code.html          | 5 ++++-
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/components/button/demo/disabled.md b/components/button/demo/disabled.md
index 32a0700ac7..b5dda9fd53 100644
--- a/components/button/demo/disabled.md
+++ b/components/button/demo/disabled.md
@@ -4,10 +4,6 @@
 
 ---
 
-````html
-<div id="example"></div>
-````
-
 ````js
 /** @jsx React.DOM */
 var Button = React.createClass({
@@ -16,6 +12,7 @@ var Button = React.createClass({
   }
 });
 
-React.render(<Button>失效的按钮</Button>, document.getElementById('example'));
+React.render(
+  <Button>失效的按钮</Button>
+  , document.getElementById('components-button-demo-disabled'));
 ````
-
diff --git a/static/style.css b/static/style.css
index 7da4a2191f..3b70e68a13 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1011,7 +1011,7 @@ footer ul li > a {
   width: 100%;
 }
 
-.code-box .nico-insert-code {
+.code-box .code-box-demo {
   padding: 50px 25px;
   border-bottom: 1px solid #ddd;
 }
diff --git a/theme/templates/code.html b/theme/templates/code.html
index 6d9650b73b..52aff59a9f 100644
--- a/theme/templates/code.html
+++ b/theme/templates/code.html
@@ -1,5 +1,8 @@
 <div class="code-box">
-  {{ post.html|jsx }}
+  <div class="code-box-demo">
+    <div id="{{post.meta.id}}"></div>
+    {{ post.html|jsx }}
+  </div>
   <div class="code-box-meta">
     <div class="code-box-title">{{ post.title }}</div>
     <p class="code-box-description">