blog css fixed image width

public/css/blog/blog_daqi.css

@@ -1,24 +1,176 @@
-@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url('../../fonts/open-sans2/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff') format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url('../../fonts/open-sans2/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url('../../fonts/open-sans2/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff') format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url('../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff') format('woff')}::selection{background:#000;color:#fff}
+@font-face {
-::-moz-selection{background:#000;color:#fff}
+  font-family: 'Open Sans';
-::-webkit-selection{background:#000;color:#fff}
+  font-style: normal;
-*,body{font-family:'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;font-weight:300;font-size:14px}
+  font-weight: 300;
-h1,h2,h3{font-family:'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;font-weight:300 !important}
+  src: local('Open Sans Light'), local('OpenSans-Light'), url('../../fonts/open-sans2/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff') format('woff');
-a{cursor:pointer}
+}
-a:hover{text-decoration:underline !important}
+@font-face {
-#headerContainer{height:230px;background-color:#fff}
+  font-family: 'Open Sans';
-#posts{width:745px;margin:auto}
+  font-style: normal;
-#postsContainer{background:#f5f5f5 url("../images/noise.png");padding-bottom:5px}
+  font-weight: 400;
-#header{color:#000;position:relative;padding:0 0 20px 0;margin-top:65px}#header h1{margin:0}#header h1 a{font-size:48px;font-weight:bold;color:#000}#header h1 a img{height:40px}
+  src: local('Open Sans'), local('OpenSans'), url('../../fonts/open-sans2/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
-#header #blogDesc{font-size:32px;font-style:italic;margin-top:10px}
+}
-.navbar{background-color:#f7f5e7;margin-bottom:0;border-radius:0;border:none}
+@font-face {
-.nav li a:hover{background-color:#000 !important;color:#fff !important}
+  font-family: 'Open Sans';
-.nav li.active a{background-color:#f7f5e7 !important;color:#bc360a !important}
+  font-style: normal;
-.navbar-collapse{padding-left:0;padding-right:0}
+  font-weight: 700;
-.navbar-form{padding:0}
+  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../../fonts/open-sans2/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff') format('woff');
-#posts{padding-top:10px}#posts .each-post{border-bottom:1px solid #ebeff2;margin-bottom:10px;padding:30px;background-color:#fff;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);border-radius:3px}#posts .each-post .title{font-size:48px;color:#000;padding:0 0 15px 0}#posts .each-post .title a{font-size:48px;color:#000;padding:0 0 15px 0}#posts .each-post .title a:hover{color:#ea9629}
+}
-#posts .each-post .created-time{border-bottom:1px solid #eee;padding-bottom:3px;margin-bottom:5px}
+@font-face {
-#posts .each-post .more{background:#000;padding:9px 10px;border-radius:2px;line-height:1;font-size:13px;display:inline-block;text-transform:uppercase;margin-top:15px;margin-bottom:15px;color:#fff}
+  font-family: 'Open Sans';
-#disqus_thread{border-top:1px solid #eee;padding:5px 0 0 0}
+  font-style: italic;
-#search{width:150px}
+  font-weight: 400;
-#footerContainer{background-color:#fff;color:#666}#footerContainer #footer a{color:#666}
+  src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff') format('woff');
-#footerContainer #footer ul{list-style:none;margin-bottom:10px;padding-left:20px}
+}
+/*"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", Helvetica, "Microsoft Yahei", Verdana, Simsun, "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol",  "BBAlpha Sans", "S60 Sans", Arial, sans-serif;*/
+::selection {
+  background: #000000;
+  color: #ffffff;
+}
+::-moz-selection {
+  background: #000000;
+  color: #ffffff;
+}
+::-webkit-selection {
+  background: #000000;
+  color: #ffffff;
+}
+*,
+body {
+  font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
+  font-weight: 300;
+  font-size: 14px;
+}
+h1,
+h2,
+h3 {
+  font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
+  font-weight: 300 !important;
+}
+a {
+  cursor: pointer;
+}
+a:hover {
+  text-decoration: underline !important;
+}
+#headerContainer {
+  height: 230px;
+  background-color: #fff;
+}
+#posts {
+  width: 745px;
+  margin: auto;
+}
+#postsContainer {
+  background: #f5f5f5 url("../../images/noise.png");
+  padding-bottom: 5px;
+}
+/* header */
+#header {
+  color: #000000;
+  position: relative;
+  padding: 0 0 20px 0;
+  margin-top: 65px;
+}
+#header h1 {
+  margin: 0;
+}
+#header h1 a {
+  font-size: 48px;
+  font-weight: bold;
+  color: #000000;
+}
+#header h1 a img {
+  height: 40px;
+}
+#header #blogDesc {
+  font-size: 32px;
+  font-style: italic;
+  margin-top: 10px;
+}
+.navbar {
+  background-color: #f7f5e7;
+  margin-bottom: 0;
+  border-radius: 0;
+  border: none;
+}
+.nav li a:hover {
+  background-color: #000000 !important;
+  color: #ffffff !important;
+}
+.nav li.active a {
+  background-color: #f7f5e7 !important;
+  color: #bc360a !important;
+}
+.navbar-collapse {
+  padding-left: 0;
+  padding-right: 0;
+}
+.navbar-form {
+  padding: 0;
+}
+/* posts */
+#posts {
+  padding-top: 10px;
+}
+#posts .each-post {
+  border-bottom: 1px solid #ebeff2;
+  margin-bottom: 10px;
+  padding: 30px;
+  background-color: #fff;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  border-radius: 3px;
+}
+#posts .each-post .title {
+  font-size: 48px;
+  color: #000000;
+  padding: 0 0 15px 0;
+}
+#posts .each-post .title a {
+  font-size: 48px;
+  color: #000000;
+  padding: 0 0 15px 0;
+}
+#posts .each-post .title a:hover {
+  color: #ea9629;
+}
+#posts .each-post .created-time {
+  border-bottom: 1px solid #eee;
+  padding-bottom: 3px;
+  margin-bottom: 5px;
+}
+#posts .each-post .more {
+  background: #000000;
+  padding: 9px 10px;
+  border-radius: 2px;
+  line-height: 1;
+  font-size: 13px;
+  display: inline-block;
+  text-transform: uppercase;
+  margin-top: 15px;
+  margin-bottom: 15px;
+  color: #fff;
+}
+#disqus_thread {
+  border-top: 1px solid #eee;
+  padding: 5px 0 0 0;
+}
+#search {
+  width: 150px;
+}
+#footerContainer {
+  background-color: #ffffff;
+  color: #666666;
+}
+#footerContainer #footer a {
+  color: #666666;
+}
+#footerContainer #footer ul {
+  list-style: none;
+  margin-bottom: 10px ;
+  padding-left: 20px;
+}
+#posts img {
+  max-width: 700px;
+}

public/css/blog/blog_daqi.less

@@ -201,4 +201,8 @@ a:hover {
 			padding-left:20px;
 		}
 	}
+}
+
+#posts img {
+	max-width: 700px;
 }

public/css/blog/blog_default.css

@@ -1,22 +1,162 @@
-@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url('../../fonts/open-sans2/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff') format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url('../../fonts/open-sans2/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url('../../fonts/open-sans2/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff') format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url('../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff') format('woff')}::selection{background:#000;color:#fff}
+@font-face {
-::-moz-selection{background:#000;color:#fff}
+  font-family: 'Open Sans';
-::-webkit-selection{background:#000;color:#fff}
+  font-style: normal;
-*,body{font-family:'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;font-weight:300;font-size:14px}
+  font-weight: 300;
-h1,h2,h3{font-family:'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;font-weight:300 !important}
+  src: local('Open Sans Light'), local('OpenSans-Light'), url('../../fonts/open-sans2/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff') format('woff');
-a{cursor:pointer}
+}
-a:hover{text-decoration:none !important}
+@font-face {
-#headerContainer{height:100px;background-color:#fff}
+  font-family: 'Open Sans';
-#posts{width:845px;margin:auto}
+  font-style: normal;
-#postsContainer{background:#f5f5f5 url("../images/noise.png");padding-bottom:5px}
+  font-weight: 400;
-#header{color:#000;position:relative;padding:0 0 20px 0;margin-top:15px}#header h1{margin:0;font-size:32px}#header h1 a{color:#000;font-size:32px}#header h1 a img{height:40px}
+  src: local('Open Sans'), local('OpenSans'), url('../../fonts/open-sans2/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
-#header #blogDesc{margin-top:10px}
+}
-.navbar{margin-bottom:0;border-radius:0;border:none}
+@font-face {
-.navbar-collapse{padding-left:0;padding-right:0}
+  font-family: 'Open Sans';
-.navbar-form{padding:0}
+  font-style: normal;
-#posts{padding-top:10px}#posts .each-post{border-bottom:1px solid #ebeff2;margin-bottom:10px;padding:30px;background-color:#fff;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);border-radius:3px}#posts .each-post .title{font-size:32px;color:#0fb264;padding:0 0 15px 0}#posts .each-post .title a{font-size:32px;color:#0fb264;padding:0 0 15px 0}
+  font-weight: 700;
-#posts .each-post .created-time{border-bottom:1px solid #eee;padding-bottom:3px;margin-bottom:5px}
+  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../../fonts/open-sans2/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff') format('woff');
-#posts .each-post .more{background:#0fb264;padding:9px 10px;border-radius:2px;line-height:1;font-size:13px;display:inline-block;text-transform:uppercase;margin-top:15px;margin-bottom:15px;color:#fff}
+}
-#disqus_thread{border-top:1px solid #eee;padding:5px 0 0 0}
+@font-face {
-#search{width:200px}
+  font-family: 'Open Sans';
-#footerContainer{background-color:#fff;color:#666}#footerContainer #footer a{color:#666}
+  font-style: italic;
-#footerContainer #footer ul{list-style:none;margin:0;padding-left:20px}
+  font-weight: 400;
+  src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff') format('woff');
+}
+/*"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", Helvetica, "Microsoft Yahei", Verdana, Simsun, "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol",  "BBAlpha Sans", "S60 Sans", Arial, sans-serif;*/
+::selection {
+  background: #000000;
+  color: #ffffff;
+}
+::-moz-selection {
+  background: #000000;
+  color: #ffffff;
+}
+::-webkit-selection {
+  background: #000000;
+  color: #ffffff;
+}
+*,
+body {
+  font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
+  font-weight: 300;
+  font-size: 14px;
+}
+h1,
+h2,
+h3 {
+  font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
+  font-weight: 300 !important;
+}
+a {
+  cursor: pointer;
+}
+a:hover {
+  text-decoration: none !important;
+}
+#headerContainer {
+  height: 100px;
+  background-color: #fff;
+}
+#posts {
+  width: 845px;
+  margin: auto;
+}
+#postsContainer {
+  background: #f5f5f5 url("../../images/noise.png");
+  padding-bottom: 5px;
+}
+/* header */
+#header {
+  color: #000000;
+  position: relative;
+  padding: 0 0 20px 0;
+  margin-top: 15px;
+}
+#header h1 {
+  margin: 0;
+  font-size: 32px;
+}
+#header h1 a {
+  color: #000000;
+  font-size: 32px;
+}
+#header h1 a img {
+  height: 40px;
+}
+#header #blogDesc {
+  margin-top: 10px;
+}
+.navbar {
+  margin-bottom: 0;
+  border-radius: 0;
+  border: none;
+}
+.navbar-collapse {
+  padding-left: 0;
+  padding-right: 0;
+}
+.navbar-form {
+  padding: 0;
+}
+/* posts */
+#posts {
+  padding-top: 10px;
+}
+#posts .each-post {
+  border-bottom: 1px solid #ebeff2;
+  margin-bottom: 10px;
+  padding: 30px;
+  background-color: #fff;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  border-radius: 3px;
+}
+#posts .each-post .title {
+  font-size: 32px;
+  color: #0fb264;
+  padding: 0 0 15px 0;
+}
+#posts .each-post .title a {
+  font-size: 32px;
+  color: #0fb264;
+  padding: 0 0 15px 0;
+}
+#posts .each-post .created-time {
+  border-bottom: 1px solid #eee;
+  padding-bottom: 3px;
+  margin-bottom: 5px;
+}
+#posts .each-post .more {
+  background: #0fb264;
+  padding: 9px 10px;
+  border-radius: 2px;
+  line-height: 1;
+  font-size: 13px;
+  display: inline-block;
+  text-transform: uppercase;
+  margin-top: 15px;
+  margin-bottom: 15px;
+  color: #fff;
+}
+#disqus_thread {
+  border-top: 1px solid #eee;
+  padding: 5px 0 0 0;
+}
+#search {
+  width: 200px;
+}
+#footerContainer {
+  background-color: #ffffff;
+  color: #666666;
+}
+#footerContainer #footer a {
+  color: #666666;
+}
+#footerContainer #footer ul {
+  list-style: none;
+  margin: 0;
+  padding-left: 20px;
+}
+#posts img {
+  max-width: 700px;
+}

public/css/blog/blog_default.less

@@ -181,4 +181,8 @@ a:hover {
 			padding-left:20px;
 		}
 	}
-}
+}
+
+#posts img {
+	max-width: 700px;
+}

public/css/blog/blog_left_fixed.css

@@ -208,3 +208,6 @@ a:hover {
 .mce-btn {
   background: none !important;
 }
+#posts img {
+  max-width: 700px;
+}

public/css/blog/blog_left_fixed.less

@@ -230,4 +230,8 @@ a:hover {
 }
 .mce-btn {
 	background: none !important;
+}
+
+#posts img {
+	max-width: 700px;
 }

public/css/css/p.css

@@ -1,216 +0,0 @@
-@font-face {
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 300;
-  src: local('Open Sans Light'), local('OpenSans-Light'), url('../../fonts/open-sans2/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff') format('woff');
-}
-@font-face {
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Open Sans'), local('OpenSans'), url('../../fonts/open-sans2/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
-}
-@font-face {
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 700;
-  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../../fonts/open-sans2/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff') format('woff');
-}
-@font-face {
-  font-family: 'Open Sans';
-  font-style: italic;
-  font-weight: 400;
-  src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../../fonts/open-sans2/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff') format('woff');
-}
-/* leanote */
-@font-face {
-  font-family: 'leanoteregular';
-  src: url('../../fonts/leanote/leanote-regular-webfont.eot');
-  src: url('../../fonts/leanote/leanote-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/leanote/leanote-regular-webfont.woff') format('woff'), url('../../fonts/leanote/leanote-regular-webfont.ttf') format('truetype'), url('../../fonts/leanote/leanote-regular-webfont.svg#leanoteregular') format('svg');
-  font-weight: normal;
-  font-style: normal;
-}
-::selection {
-  background: #000000;
-  color: #ffffff;
-}
-::-moz-selection {
-  background: #000000;
-  color: #ffffff;
-}
-::-webkit-selection {
-  background: #000000;
-  color: #ffffff;
-}
-*,
-body {
-  font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
-  font-weight: 300;
-  font-size: 14px;
-}
-h1,
-h2,
-h3 {
-  font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
-  font-weight: 300 !important;
-}
-ul,
-ol {
-  list-style: none;
-}
-a {
-  color: #000;
-  cursor: pointer;
-}
-a:hover {
-  text-decoration: none !important;
-}
-.navbar-brand {
-  display: block;
-  line-height: 50px;
-  padding: 0;
-  padding-left: 10px;
-}
-.navbar-brand span {
-  float: left;
-}
-#logo {
-  font-family: "leanoteregular";
-  font-size: 24px;
-}
-#logo:before {
-  content: "b";
-}
-#navbar {
-  width: 600px;
-  margin: auto;
-  padding: 0;
-}
-.navbar,
-.navbar-default {
-  margin: 0;
-  border-bottom: 1px solid #DEDDDF;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), inset 0 1px 0 #ffffff;
-  background-color: #fafbfc;
-}
-.navbar a,
-.navbar-default a {
-  font-size: 16px;
-}
-.navbar-default .navbar-nav > .active > a,
-.navbar-default .navbar-nav > .active > a:hover,
-.navbar-default .navbar-nav > .active > a:focus {
-  background: none;
-  border-bottom: 2px solid #65bd77;
-}
-.navbar-form {
-  padding: 0;
-}
-#keywords {
-  font-size: 12px;
-  padding: 7px 20px;
-  border-radius: 30px;
-  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.1);
-  -webkit-transform: translate3d(0, 0, 0);
-  -webkit-transition: 0.3s ease;
-  -moz-transition: 0.3s ease;
-  transition: 0.3s ease;
-  background-clip: padding-box;
-  width: 65%;
-  height: auto;
-  margin-top: 3px;
-  border-color: #ccc;
-}
-#keywords:focus {
-  outline: none;
-  width: 100%;
-}
-#content {
-  width: 600px;
-  margin: auto;
-  margin-top: 60px;
-}
-.sort-nav {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-.sort-nav li {
-  float: left;
-  margin: 10px 15px 5px 0;
-}
-.sort-nav li a {
-  padding: 5px 10px;
-  border: 1px solid #cccccc;
-  font-size: 12px;
-  font-weight: normal;
-  line-height: 25px;
-  border-radius: 14px;
-}
-.sort-nav li.active a {
-  color: white;
-  background: #65bd77;
-  border-color: #65bd77;
-}
-.thumbnails {
-  padding: 0;
-  margin: 35px 0 0;
-}
-.thumbnails > li {
-  position: relative;
-  width: 100%;
-  margin: 0 0 10px;
-  padding-bottom: 15px;
-  border-bottom: 1px dashed #d9d9d9;
-}
-.article .title {
-  padding-right: 40px;
-  color: #3b3b3b;
-  font-size: 24px;
-  font-weight: bold;
-  line-height: 36px;
-}
-.article .content {
-  color: #717171;
-  font-size: 14px;
-  font-weight: 100;
-  line-height: 24px;
-}
-.article .article-info {
-  margin-top: 5px;
-}
-.article .article-info a {
-  color: #999999;
-}
-.article .article-info > a {
-  margin-right: 10px;
-}
-.article .avatar {
-  position: absolute;
-  top: 1px;
-  right: 1px;
-  width: 32px;
-  height: 32px;
-  -webkit-border-radius: 50%;
-  -moz-border-radius: 50%;
-  border-radius: 50%;
-}
-.article .avatar img {
-  width: 100%;
-  height: 100%;
-  border: 2px solid white;
-  -webkit-border-radius: 50%;
-  -moz-border-radius: 50%;
-  border-radius: 50%;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  -webkit-transition: border-color 0.3s !important;
-  -moz-transition: border-color 0.3s !important;
-  -ms-transition: border-color 0.3s !important;
-  -o-transition: border-color 0.3s !important;
-  transition: border-color 0.3s !important;
-}
-#pagination ul {
-  text-align: center;
-}