jdyang
diff --git a/‎.gitignore
+1 b/‎.gitignore
+1
diff --git a/‎web/css/colorcode.css
+17 b/‎web/css/colorcode.css
+17
diff --git a/‎web/html/index_cn.html
+16-8 b/‎web/html/index_cn.html
+16-8
diff --git a/‎web/img/Color_Code.png
21.6 KB b/‎web/img/Color_Code.png
21.6 KB
diff --git a/‎web/img/Color_Code_01.png
5.4 KB b/‎web/img/Color_Code_01.png
5.4 KB
diff --git a/‎web/img/Color_Code_02.png
8.51 KB b/‎web/img/Color_Code_02.png
8.51 KB
diff --git a/‎web/img/Color_Code_03.png
1.88 KB b/‎web/img/Color_Code_03.png
1.88 KB
diff --git a/‎web/img/blank b/‎web/img/blank
@@ -6,3 +6,4 @@ logs
 *.swo
 upload-testing
 codes
+.DS_Store
@@ -41,3 +41,20 @@ html[xmlns] .clearfix {display: block; height:0px; clear: both; visibility: hidd
 .corner4px {border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -khtml-border-radius:4px; }
 .corner8px {border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; -khtml-border-radius:8px; }
 .corner10px {border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -khtml-border-radius:10px; }
+
+/*--------------------Color Code Home Page Css-----------------------------------*/
+body{ text-align:center; color:#fff;}
+.top_nav {width:100%; height:30px; background-color:#000;}
+
+.cc_top { width:810px; margin:0 auto; margin-top:80px;}
+.cc_logo { background:url(/img/Color_Code_01.png) top no-repeat; width:343px; height:53px;  float:left;}
+.cc_sub_logo { background:url(/img/Color_Code_03.png) top no-repeat; width:229px; height:25px; margin-top:28px; margin-right:5px; float:right;}
+
+.content_box { width:810px; margin:0 auto; margin-top:30px; }
+.code_box {width:740px; float:left; }
+.code_box .black_code_box { width:740px; max-width:740px; min-width:740px; height:290px; min-height:290px; float:left;  border:10px solid #d9d9d9; border-radius:8px 0 0 8px; -moz-border-radius:8px 0 0 8px; -webkit-border-radius:8px 0 0 8px; -o-border-radius:8px 0 0 8px; -khtml-border-radius:8px 0 0 8px; background-color:#313131; color:#45ed00; font-size:14px; font-family:Andale Mono, Courier New, Helvetica, Arial; line-height:20px; }
+.code_box .color_code_box { width:740px; height:290px; max-width:740px; min-width:740px; min-height:290px; border:10px solid #d9d9d9; border-radius:8px 0 0 8px; -moz-border-radius:8px 0 0 8px; -webkit-border-radius:8px 0 0 8px; -o-border-radius:8px 0 0 8px; -khtml-border-radius:8px 0 0 8px; background-color:#313131; color:#45ed00; font-size:14px; font-family:Andale Mono, Courier New, Helvetica, Arial; line-height:20px; position:absolute; z-index:10;  visibility:hidden; }
+.tool_box { float:left; width:50px; height:310px; padding-left:10px; background-color:#d9d9d9; border-radius:0 8px 8px 0; -moz-border-radius:0 8px 8px 0; -webkit-border-radius:0 8px 8px 0; -o-border-radius:0 8px 8px 0; -khtml-border-radius:0 8px 8px 0; }
+.tool_box .btn_text { display:block; float:right; width:40px; padding:3px 5px; background-color:#448ccb; font-size:16px; color:#fff; text-align:center; margin-top:10px; border-radius:4px 0 0 4px; box-shadow:2px 2px 3px #585858 inset; }
+.tool_box .btn_text:hover {  box-shadow:0 0 0 #585858 inset; }
+
@@ -6,14 +6,22 @@
         <script type="text/javascript" src="/js/colorcode.js"></script>
     </head>
     <body>
-        color code
-        <a href="javascript:;" onclick="test();">test</a>
-        <textarea style="width:500px; height:300px;" id="blackcode">
-
-        </textarea>
-        <div id="showcolorcode">
-
+        <div class="top_nav"></div>
+        <div class="cc_top">
+            <div class="cc_logo"></div>
+            <div class="cc_sub_logo"></div>
         </div>
-        
+        <div class="clearfix"></div>
+        <div class="content_box">
+            <div class="code_box">
+                <textarea class="black_code_box"  id="blackcode"></textarea>
+                <div class="color_code_box" id="blackcode" ></div>
+            </div>
+            <div class="tool_box" id="showcolorcode">
+                <a class="btn_text" href="javascript:;" onclick="test();">test</a>
+            </div>
+        </div>
+        <div class="ad_sense"></div>
+        <div class="foot"></div>
     </body>
 </html>