Fix the style of images

docs/01 Getting started/01 OpenGL.md

@@ -9,7 +9,7 @@
 
 在开始这段旅程之前我们先了解一下OpenGL到底是什么。一般它被认为是一个API(**Application Programming Interface**, 应用程序编程接口)，包含了一系列可以操作图形、图像的函数。然而，OpenGL本身并不是一个API，它仅仅是一个由[Khronos组织](http://www.khronos.org/)制定并维护的规范(Specification)。
 
-<img alt="OpenGL Logo" src="http://learnopengl.com/img/getting-started/opengl.jpg" align="right" />
+<img alt="OpenGL Logo" src="../../img/opengl.jpg" class="right" />
 
 OpenGL规范严格规定了每个函数该如何执行，以及它们的输出值。至于内部具体每个函数是如何实现(Implement)的，将由OpenGL库的开发者自行决定（注：这里开发者是指编写OpenGL库的人）。因为OpenGL规范并没有规定实现的细节，具体的OpenGL库允许使用不同的实现，只要其功能和结果与规范相匹配（亦即，作为用户不会感受到功能上的差异）。
 

docs/css/style.css

@@ -46,10 +46,45 @@ div.admonition code {
   font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
 }
 
-.rst-content img {
-	display: block;
-	margin-left: auto;
-	margin-right: auto;
+img {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    border-radius: 7px;
+    border: 3px solid #bbb;
+}
+
+img.clean {
+    border: 0px;
+}
+
+img.left {
+    float: left;
+    margin: 10px;
+    border: 2px solid #bbb;
+    border-radius: 3px;
+    margin-right: 20px;
+}
+
+img.right {
+    float: right;
+    margin: 10px;
+    margin-left: 20px;
+}
+
+img.small {
+	width: 150px;
+	height: auto;
+}
+
+img.medium {
+	width: 300px;
+	height: auto;
+}
+
+img.large {
+	width: 500px;
+	height: auto;
 }
 
 video {

docs/index.md

@@ -4,9 +4,9 @@
 
 ## 为什么要阅读这些教程呢？
 
-在互联网上，关于学习OpenGL的有成千上万的文档与资源，然而其中大部分的资源仅仅讨论了OpenGL的立即渲染模式(Immediate Mode，通常会说旧OpenGL)，亦或是不完整，缺少适当的文档，或仅仅不适合你的口味。所以我的目标是提供一个既完整，又易懂的平台供人们学习。
+<img alt="Image of smiling textured containers in OpenGL" src="img/index_image2.png" class="right medium" />
 
-<img alt="Image of smiling textured containers in OpenGL" src="img/index_image2.png" align="right" />
+在互联网上，关于学习OpenGL的有成千上万的文档与资源，然而其中大部分的资源仅仅讨论了OpenGL的立即渲染模式(Immediate Mode，通常会说旧OpenGL)，亦或是不完整，缺少适当的文档，或仅仅不适合你的口味。所以我的目标是提供一个既完整，又易懂的平台供人们学习。
 
 如果你很享受那些提供手把手指导的教程，那些提供清晰例子的教程，和那些不会一下将你淹没在细节中的教程，我的这些教程很可能就会适合你。这些教程旨在让那些没有图形编程经验的人们能够理解，又让那些有经验的读者有阅读下去的兴趣。这些教程同样也讨论了一些常用的概念，只需要你再有一点创造力，就能将你的想法变成真正的3D程序。如果如果你觉得前面这些讲的都是你，欢迎继续阅读我的教程。