blog css fixed image width
This commit is contained in:
life
@ -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}
|
||||
::-moz-selection{background:#000;color:#fff}
|
||||
::-webkit-selection{background:#000;color:#fff}
|
||||
*,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{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}
|
||||
#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:#000 !important;color:#fff !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{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}
|
||||
#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}
|
||||
#disqus_thread{border-top:1px solid #eee;padding:5px 0 0 0}
|
||||
#search{width:150px}
|
||||
#footerContainer{background-color:#fff;color:#666}#footerContainer #footer a{color:#666}
|
||||
#footerContainer #footer ul{list-style:none;margin-bottom:10px;padding-left:20px}
|
||||
@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');
|
||||
}
|
||||
/*"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;
|
||||
}
|
||||
|
||||
@ -201,4 +201,8 @@ a:hover {
|
||||
padding-left:20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#posts img {
|
||||
max-width: 700px;
|
||||
}
|
||||
@ -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}
|
||||
::-moz-selection{background:#000;color:#fff}
|
||||
::-webkit-selection{background:#000;color:#fff}
|
||||
*,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{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}
|
||||
#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{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:#fff;color:#666}#footerContainer #footer a{color:#666}
|
||||
#footerContainer #footer ul{list-style:none;margin:0;padding-left:20px}
|
||||
@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');
|
||||
}
|
||||
/*"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;
|
||||
}
|
||||
|
||||
@ -181,4 +181,8 @@ a:hover {
|
||||
padding-left:20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#posts img {
|
||||
max-width: 700px;
|
||||
}
|
||||
|
||||
@ -208,3 +208,6 @@ a:hover {
|
||||
.mce-btn {
|
||||
background: none !important;
|
||||
}
|
||||
#posts img {
|
||||
max-width: 700px;
|
||||
}
|
||||
|
||||
@ -230,4 +230,8 @@ a:hover {
|
||||
}
|
||||
.mce-btn {
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
#posts img {
|
||||
max-width: 700px;
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
Reference in New Issue
Block a user