Merge branch 'css-style'

Author: agentzh

tutorial.css

@@ -53,32 +53,29 @@ code.block {
   @font-face{font-family:'Octicons Regular';src:url("https://a248.e.akamai.net/assets.github.com/assets/octicons/octicons-regular-webfont-a20448aa13cf370506c8a675c4fc0efba750115c.eot");src:url("https://a248.e.akamai.net/assets.github.com/assets/octicons/octicons-regular-webfont-a20448aa13cf370506c8a675c4fc0efba750115c.eot#iefix") format("embedded-opentype"),url("https://a248.e.akamai.net/assets.github.com/assets/octicons/octicons-regular-webfont-46d3d8ac303cad13c0b2006f8e8149a472d9d4e5.woff") format("woff"),url("https://a248.e.akamai.net/assets.github.com/assets/octicons/octicons-regular-webfont-93f33ad81ec64b5f0980ad57a53cf82e8445cab9.ttf") format("truetype"),url("https://a248.e.akamai.net/assets.github.com/assets/octicons/octicons-regular-webfont-f963ccb8f0402b76e11107147fe5b2e275319280.svg#newFontRegular") format("svg");font-weight:normal;font-style:normal}
 
   .toc {
-    width: 190px;
+    width: 200px;
     border: 1px solid #aaa;
     background-color: #f9f9f9;
     padding: 5px;
     font-size: 95%;
-    position: fixed; left: 10px; top: 100px;
+    position: absolute; left: 10px; top: 100px;
+    font-size: .8em;
   }
   .toc ul {
-    padding-left: 24px;
+    padding-left: 20px;
   }
   .content {
-    margin-left: 200px;
+    margin-left: 210px;
   }
 
   .content .con-title .anchor {
     opacity: 0;
     font-family: 'Octicons Regular';
-    color: blue; text-decoration: none; font-size: .8em;
+    color: #4787ed; text-decoration: none; font-size: .8em;
   }
   .content .con-title:hover .anchor {
     opacity: 1;
   }
-  .content .con-title:target .anchor {
-    opacity: 1;
-    color: red;
-  }
 }
 
 div.thumb img.thumbimage {