Commit 6e5e0590 by cy

start writing the post

parent 693d31ed
<%- partial('pagenav', {nav_head: __('current_page') + __('page_name.categories'), partial_path: 'post/category', archive_html: null}) %>
<article>
<div class="card">
<div class="card-content">
<% if (item.photos && item.photos.length) { %>
<%- partial('post/gallery') %>
<% } %>
<div class="article-title">
<%- partial('post/title') %>
</div>
<%- partial('post/time') %>
<%- partial('post/readtimes') %>
<%- partial('post/tag') %>
<%- partial('post/tablecontents') %>
<div class="entry <%= theme.color.link %>-link-context">
<%- item.content %>
<%- partial('post/prevnext') %>
</div>
</div>
</div>
</article>
<%- partial('plugin/comment') %>
<div class="article"> <div class="container main-container">
<div class="article-title"> <%- partial('_partial/article', {item: page, index: false}) %>
<h3 class="title"><%= page.title %></h3>
</div>
<div class="post-content">
<p> <%- page.excerpt %> </p>
</div>
<a class="article-readmore" href="http://baidu.com" >查看详情</a>
</div> </div>
\ No newline at end of file
.download_section{ .download_section{
background-color: #fff; background-color: #fff;
margin: 80px;
} }
.download_section h2 { .download_section h2 {
...@@ -15,7 +16,7 @@ ...@@ -15,7 +16,7 @@
.download_container{ .download_container{
margin: 0 auto; margin: 0 auto;
padding-top: 80px; padding: 30px;
text-align: center; text-align: center;
/*background-color: #eee;*/ /*background-color: #eee;*/
background-color: #fff; background-color: #fff;
......
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
cursor: pointer; cursor: pointer;
} }
.feature_grid figure img { .feature_grid figure img.bigPic {
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
display: block; display: block;
...@@ -113,8 +113,6 @@ ...@@ -113,8 +113,6 @@
color: #fff; color: #fff;
} }
/* Individual effects */ /* Individual effects */
/*---------------*/ /*---------------*/
...@@ -125,7 +123,7 @@ figure.effect-ruby { ...@@ -125,7 +123,7 @@ figure.effect-ruby {
background-color: #373d41; background-color: #373d41;
} }
figure.effect-ruby img { figure.effect-ruby img.bigPic {
opacity: 0.6; opacity: 0.6;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s;
...@@ -133,7 +131,7 @@ figure.effect-ruby img { ...@@ -133,7 +131,7 @@ figure.effect-ruby img {
transform: scale(1.15); transform: scale(1.15);
} }
figure.effect-ruby:hover img { figure.effect-ruby:hover img.bigPic {
opacity: 0.3; opacity: 0.3;
-webkit-transform: scale(1.0); -webkit-transform: scale(1.0);
transform: scale(1.0); transform: scale(1.0);
...@@ -150,8 +148,8 @@ figure.effect-ruby h2 { ...@@ -150,8 +148,8 @@ figure.effect-ruby h2 {
figure.effect-ruby:hover h2 { figure.effect-ruby:hover h2 {
-webkit-transform: translate3d(0,-150px,0); -webkit-transform: translate3d(0,-180px,0);
transform: translate3d(0,-150px,0); transform: translate3d(0,-180px,0);
} }
figure.effect-ruby h2::after { figure.effect-ruby h2::after {
...@@ -159,9 +157,9 @@ figure.effect-ruby h2::after { ...@@ -159,9 +157,9 @@ figure.effect-ruby h2::after {
text-align: center; text-align: center;
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 50%; width: 40%;
height: 3px; height: 3px;
margin-left: 25%; margin-left: 30%;
background: #fff; background: #fff;
content: ''; content: '';
} }
...@@ -211,3 +209,9 @@ figure.effect-ruby:hover p.checkDetail { ...@@ -211,3 +209,9 @@ figure.effect-ruby:hover p.checkDetail {
} }
/*020D31*/ /*020D31*/
figcaption img{
}
.intro_section{
margin-top: 80px;
}
.intro_section h2 { .intro_section h2 {
padding: 30px;
font-size: 35px; font-size: 35px;
text-align: center; text-align: center;
box-sizing: border-box; box-sizing: border-box;
......
/* FontAwesome for working BootSnippet :> */ @charset "utf-8";
/* CSS Document */
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, big, font, img, small, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%;}
body {line-height:normal;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
/* BODY */
body{
background:#fff;
}
html, body{
height:100%;
}
/*============== Fonts =================*/
@font-face {
font-family: 'open_sansbold';
src: url('fonts/opensans-bold-webfont.eot');
src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans-bold-webfont.woff') format('woff'),
url('fonts/opensans-bold-webfont.ttf') format('truetype'),
url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
font-weight: normal;
font-style: normal;
}
.common_section .article{ @font-face {
margin: 0;
padding:0;
background:#fff;
border-bottom :2px dashed #e7e7e7;
font-family: 'open_sansregular'; font-family: 'open_sansregular';
font-size:20px; src: url('fonts/opensans-regular-webfont.eot');
color:#333; src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
/*position:relative;*/ url('fonts/opensans-regular-webfont.woff') format('woff'),
/* line-height:70px;*/ url('fonts/opensans-regular-webfont.ttf') format('truetype'),
transition:0.5s; -webkit-transition:0.5s; url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
} }
.common_section .article:hover{ @font-face {
z-index:33; font-family: 'open_sanslight';
box-shadow:0 0 11px #666; -webkit-box-shadow:0 0 11px #666; src: url('fonts/opensans-light-webfont-webfont.eot');
src: url('fonts/opensans-light-webfont-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans-light-webfont-webfont.woff2') format('woff2'),
url('fonts/opensans-light-webfont-webfont.woff') format('woff'),
url('fonts/opensans-light-webfont-webfont.ttf') format('truetype'),
url('fonts/opensans-light-webfont-webfont.svg#open_sanslight') format('svg');
font-weight: normal;
font-style: normal;
} }
.article .article-title{
margin-top: 20px;
margin-left: 20px;
margin-right: 20px; @font-face {
} font-family: 'open_sanssemibold';
src: url('fonts/opensans-semibold-webfont-webfont.eot');
.article .article-title .article-title-left{ src: url('fonts/opensans-semibold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
float: left; url('fonts/opensans-semibold-webfont-webfont.woff2') format('woff2'),
width: 80%; url('fonts/opensans-semibold-webfont-webfont.woff') format('woff'),
} url('fonts/opensans-semibold-webfont-webfont.ttf') format('truetype'),
url('fonts/opensans-semibold-webfont-webfont.svg#open_sanssemibold') format('svg');
.article .article-content{ font-weight: normal;
margin: 20px; font-style: normal;
font-size: 16px; }
}
.article .article-readmore{
margin: 20px;
margin-bottom: 50px; @font-face {
} font-family: 'open_sansextrabold';
\ No newline at end of file src: url('fonts/opensans-extrabold-webfont-webfont.eot');
src: url('fonts/opensans-extrabold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans-extrabold-webfont-webfont.woff2') format('woff2'),
url('fonts/opensans-extrabold-webfont-webfont.woff') format('woff'),
url('fonts/opensans-extrabold-webfont-webfont.ttf') format('truetype'),
url('fonts/opensans-extrabold-webfont-webfont.svg#open_sansextrabold') format('svg');
font-weight: normal;
font-style: normal;
}
...@@ -20,3 +20,32 @@ ...@@ -20,3 +20,32 @@
font-weight: 10; font-weight: 10;
} }
.article{
border-bottom: 1px dashed #000;
}
.article-title{
display: inline-block;
/*padding-right:10px;*/
width: 100%;
}
.article-title a{
margin-top: 20px;
margin-bottom: 5px;
float: left;
font-size:1.75em;
font-weight: 400;
color: #000;
}
.article-title p{
float:right;
font-size:1.15em;
}
.article-content{
width: 100%;
color: #666666;
font-size:1.15em;
}
\ No newline at end of file

3.05 KB | W: | H:

1.22 KB | W: | H:

source/images/logo.png
source/images/logo.png
source/images/logo.png
source/images/logo.png
  • 2-up
  • Swipe
  • Onion skin

282 KB | W: | H:

395 KB | W: | H:

source/images/service1.png
source/images/service1.png
source/images/service1.png
source/images/service1.png
  • 2-up
  • Swipe
  • Onion skin
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论