V2 (#200)

* 补充部分图片以及增加一些note格式

* 补充部分图片以及增加一些note格式

* 补充部分图片以及增加一些note格式

* 去除mac边框 修改图片圆角以及替换部分截图

Author: fanzhoui

docs/css/extra.css

@@ -2,6 +2,12 @@
   --md-primary-fg-color: #005EEB;
 }
 
+/*.md-content img {*/
+/*    border-radius: 0  0 10px 10px;*/
+/*    box-shadow: 0 2px 8px rgba(0,0,0,0.1);*/
+/*}*/
+
+
 .progress-label {
   position: absolute;
   text-align: center;
@@ -150,9 +156,10 @@
 /* 不添加浏览器导航栏的图片样式 */
 .md-content img:not(.browser-mockup img) {
   display: block;
-  box-shadow: 0 0.1em .5em 0 rgba(0, 0, 0, 0.4);
+  box-shadow: 0 6px 16px -2px rgba(0, 0, 0, 0.15);
   border: none;
-  border-radius: 4px;
+  border-radius: 10px;
+  margin: 0 0 1em 0;
 }
 
 .browser-mockup.none {
@@ -173,7 +180,7 @@
   border-top: 2em solid rgba(230, 230, 230, 0.8);
   box-shadow: 0 0.1em .5em 0 rgba(0, 0, 0, 0.4);
   position: relative;
-  border-radius: 4px 4px 4px 4px;
+  border-radius: 10px;
   max-width: 1200px;
   margin: 0 auto;
 }