Skip to content

S
sparrowzz
Commit 6e5e0590 by cy
Options

start writing the post

parent 693d31ed
正在显示 包含 224 行增加 和 122 行删除
layout/_partial/article.ejs 0 → 100644
<%- 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') %>
layout/index.ejs
...@@ -12,9 +12,8 @@ ...@@ -12,9 +12,8 @@
<link href="css/style2.css" rel="stylesheet" type="text/css" /> <link href="css/style2.css" rel="stylesheet" type="text/css" />
<link href="style-responsive.css" rel="stylesheet" type="text/css" media="screen" /> <link href="style-responsive.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" /> <link href="css/font-awesome.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/bootstrap.min.css">
<!-- <link rel="stylesheet" href="css/libs/animate.css"> -->
<link rel="stylesheet" href="css/headerSection.css"> <link rel="stylesheet" href="css/headerSection.css">
...@@ -26,8 +25,8 @@ ...@@ -26,8 +25,8 @@
<link rel="stylesheet" href="css/introSection.css"> <link rel="stylesheet" href="css/introSection.css">
<link rel="stylesheet" href="css/bookSection.css"> <link rel="stylesheet" href="css/bookSection.css">
<link rel="stylesheet" href="css/footerSection.css"> <link rel="stylesheet" href="css/footerSection.css">
<!-- <link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/main.css">
-->
<!-- bxSlider CSS file --> <!-- bxSlider CSS file -->
<link href="css/jquery.bxslider.css" rel="stylesheet" /> <link href="css/jquery.bxslider.css" rel="stylesheet" />
...@@ -125,12 +124,12 @@ $(document).ready(function() { ...@@ -125,12 +124,12 @@ $(document).ready(function() {
<div class="title">Menu <span class="fa "></span></div> <div class="title">Menu <span class="fa "></span></div>
<ul> <ul>
<!-- <li><a href="#faqs_part">FAQs</a></li> --> <!-- <li><a href="#faqs_part">FAQs</a></li> -->
<li><a href="#features">平台特点</a></li> <li><a href="#feature">平台特点</a></li>
<li><a href="#services_part">计算服务</a></li> <li><a href="#news">新闻公告</a></li>
<li><a href="#news_part">新闻公告</a></li> <li><a href="#service">计算服务</a></li>
<li><a href="#downloads_part">下载专区</a></li> <li><a href="#download">下载专区</a></li>
<li><a href="#introduction_part">平台简介</a></li> <li><a href="#introduction">平台简介</a></li>
<li><a href="#contact_part">联系我们</a></li> <li><a href="#contact">联系我们</a></li>
</ul> </ul>
</div> </div>
...@@ -211,88 +210,83 @@ $(document).ready(function() { ...@@ -211,88 +210,83 @@ $(document).ready(function() {
<div class="row" style="width: 100%;"></div> <div class="row" style="width: 100%;"></div>
<div class="feature_section" id="features"> <div class="feature_section" id="feature">
<div class="sectionTitle"><h2>值得信赖的电力系统高性能计算平台</h2></div> <div class="sectionTitle"><h2>值得信赖的电力系统高性能计算平台</h2></div>
<div class="feature_container"> <div class="feature_container">
<div class="feature_grid"> <div class="feature_grid">
<figure class="effect-ruby"> <figure class="effect-ruby">
<img src="images/2_03.png" alt="img15"/> <img class="bigPic" src="images/featurePic1.png" alt="img15"/>
<figcaption> <figcaption>
<h2><span class="glyphicon glyphicon-search" aria-hidden="true"></span></h2> <h2><img src="images/feature1.png" /></h2>
<h3><span>成熟框架</span></h3> <h3><span>成熟框架</span></h3>
<h3><p>采用成熟的protobuf数据存储格式和gRPC通信框架，轻便快捷，可扩张能力强不受语音限制</p></h3> <h3><p>采用成熟的protobuf数据存储格式和gRPC通信框架，轻便快捷，可扩张能力强不受语言限制。</p></h3>
<p class="checkDetail"><span class="plink">查看详情</span></p> <p class="checkDetail"><span class="plink">查看详情</span></p>
<a href="http://baidu.com/" target="_blank">View more</a> <a href="http://baidu.com/" target="_blank">View more</a>
</figcaption> </figcaption>
</figure> </figure>
<figure class="effect-ruby"> <figure class="effect-ruby">
<img src="images/2_03.png" alt="img15"/> <img class="bigPic" src="images/featurePic2.png" alt="img15"/>
<figcaption> <figcaption>
<h2><i class="fa fa-paper-plane fa-2x"></i></h2> <h2><img src="images/feature2.png" /></h2>
<h2><span>成熟框架</span></h2> <h3><span>独立计算</span></h3>
<p>采用成熟的数据存储格式</p> <h3><p>用户可以根据实际情况，选用常见的高级语言调用本平台的各项计算功能。</p></h3>
<p class="plink">查看详情</p> <p class="checkDetail"><span class="plink">查看详情</span></p>
<a href="http://baidu.com/" target="_blank">View more</a> <a href="http://baidu.com/" target="_blank">View more</a>
</figcaption> </figcaption>
</figure> </figure>
<figure class="effect-ruby"> <figure class="effect-ruby">
<img src="images/2_03.png" alt="img15"/> <img class="bigPic" src="images/featurePic3.png" alt="img15"/>
<figcaption> <figcaption>
<h2><i class="fa fa-paper-plane fa-2x"></i></h2> <h2><img src="images/feature3.png" /></h2>
<h2><span>成熟框架</span></h2> <h3><span>安全稳定</span></h3>
<p>采用成熟的数据存储格式</p> <h3><p>本平台采用微服务架构，各项功能的更新升级以及功能的增加可以独立进行，不影响其他功能的正常运行。</p></h3>
<p class="plink">查看详情</p> <p class="checkDetail"><span class="plink">查看详情</span></p>
<a href="http://baidu.com/" target="_blank">View more</a> <a href="http://baidu.com/" target="_blank">View more</a>
</figcaption> </figcaption>
</figure> </figure>
<figure class="effect-ruby"> <figure class="effect-ruby">
<img src="images/2_03.png" alt="img15"/> <img class="bigPic" src="images/featurePic4.png" alt="img15"/>
<figcaption> <figcaption>
<h2><i class="fa fa-paper-plane fa-2x"></i></h2> <h2><img src="images/feature4.png" /></h2>
<h2><span>成熟框架</span></h2> <h3><span>不断更新</span></h3>
<p>采用成熟的数据存储格式</p> <h3><p>平台支持电力系统多种创建的标准数据格式，同时后期会不断补充常见标准数据格式间的转换功能。</p></h3>
<p class="plink">查看详情</p> <p class="checkDetail"><span class="plink">查看详情</span></p>
<a href="http://baidu.com/" target="_blank">View more</a> <a href="http://baidu.com/" target="_blank">View more</a>
</figcaption> </figcaption>
</figure> </figure>
<figure class="effect-ruby"> <figure class="effect-ruby">
<img src="images/2_03.png" alt="img15"/> <img class="bigPic" src="images/featurePic5.png" alt="img15"/>
<figcaption> <figcaption>
<h2><i class="fa fa-paper-plane fa-2x"></i></h2> <h2><img src="images/feature5.png" /></h2>
<h2><span>成熟框架</span></h2> <h3><span>最新成果</span></h3>
<p>采用成熟的数据存储格式</p> <h3><p>平台各项功能的算法计算效率高，部分算法结合课题组最新的研究成果进行编制，较传统算法相比具有更优的性能</p></h3>
<p class="plink">查看详情</p> <p class="checkDetail"><span class="plink">查看详情</span></p>
<a href="http://baidu.com/" target="_blank">View more</a> <a href="http://baidu.com/" target="_blank">View more</a>
</figcaption> </figcaption>
</figure> </figure>
</div>
</div> </div>
</div> </div>
<!-- 新闻公告 --> <!-- 新闻公告 -->
<div class="news_section"> <div class="news_section" id="news">
<h2>最新公告</h2> <h2>最新公告</h2>
<div class="news_container"> <div class="news_container">
<section class="posts">
<% var count = 0 %> <% var count = 0 %>
<% site.pages.each(function (post) { %> <% site.pages.each(function (post) { %>
<% if (post.categories == "news") { %> <% if (post.categories == "news") { %>
<% count += 1%> <% count += 1%>
<div class="article" style="display:none"> <div class="article" style="display:none">
<div class="article-title row"> <div class="article-title">
<div class="article-title-left">
<a class="article-readmore" href="<%- url_for(post.path) %>"><%- post.title %></a> <a class="article-readmore" href="<%- url_for(post.path) %>"><%- post.title %></a>
</div>
<div>
<p><%- date(post.date, "YYYY-MM-DD") %></p> <p><%- date(post.date, "YYYY-MM-DD") %></p>
</div>
</div> </div>
<div class="article-content"> <div class="article-content">
<%- post.excerpt %> <%- post.excerpt %>
...@@ -301,7 +295,7 @@ $(document).ready(function() { ...@@ -301,7 +295,7 @@ $(document).ready(function() {
<% } }) %> <% } }) %>
<nav aria-label="Page navigation"> <nav aria-label="Page navigation">
<ul class="pagination"> <ul class="pagination">
<li class="previous"> <li class="previous">
<a href="#previous" aria-label="Previous"> <a href="#previous" aria-label="Previous">
...@@ -310,10 +304,22 @@ $(document).ready(function() { ...@@ -310,10 +304,22 @@ $(document).ready(function() {
</li> </li>
<% for (var i = 1; i <= Math.floor(count/4); i++) { %> <% for (var i = 1; i <= Math.floor(count/4); i++) { %>
<% if(i <= 0) { %>
<li id="pageList<%= i %>" ><a href="#<%= i %>" flag='listPage'> <li id="pageList<%= i %>" ><a href="#<%= i %>" flag='listPage'>
<%= i %></a></li> <%= i %></a></li>
<% } %> <% } else { %>
<% var str = '{ "name": "John Doe", "age": 42 }'; %>
<% var obj = JSON.parse(str);%>
<li id="pageList<%= i %>" ><a href="#<%= i %>" flag='listPage' newMark="<%= obj['name'] %>">
<%= i %></a></li>
<% }} %>
<li class="next"> <li class="next">
<a href="#next" aria-label="Next"> <a href="#next" aria-label="Next">
<span aria-hidden="true">&raquo;</span> <span aria-hidden="true">&raquo;</span>
...@@ -322,7 +328,7 @@ $(document).ready(function() { ...@@ -322,7 +328,7 @@ $(document).ready(function() {
</ul> </ul>
</nav> </nav>
</section>
<%- partial('_partial/paginator') %> <%- partial('_partial/paginator') %>
...@@ -335,7 +341,7 @@ $(document).ready(function() { ...@@ -335,7 +341,7 @@ $(document).ready(function() {
<!-- 服务 --> <!-- 服务 -->
<div class="feaature_container"> <div class="feaature_container" id="service">
<div class="service_grid"> <div class="service_grid">
<figure class="effect-ruby2"> <figure class="effect-ruby2">
...@@ -356,7 +362,7 @@ $(document).ready(function() { ...@@ -356,7 +362,7 @@ $(document).ready(function() {
</figure> </figure>
<figure class="effect-ruby2"> <figure class="effect-ruby2">
<img src="images/service1.png" alt="img15"/> <img src="images/service2.png" alt="img15"/>
<figcaption> <figcaption>
<h2> <h2>
<img src="images/2_15.png" /> <img src="images/2_15.png" />
...@@ -372,7 +378,7 @@ $(document).ready(function() { ...@@ -372,7 +378,7 @@ $(document).ready(function() {
</figcaption> </figcaption>
</figure> </figure>
<figure class="effect-ruby2"> <figure class="effect-ruby2">
<img src="images/service1.png" alt="img15"/> <img src="images/service3.png" alt="img15"/>
<figcaption> <figcaption>
<h2> <h2>
<img src="images/2_15.png" /> <img src="images/2_15.png" />
...@@ -389,7 +395,7 @@ $(document).ready(function() { ...@@ -389,7 +395,7 @@ $(document).ready(function() {
</figure> </figure>
<figure class="effect-ruby2"> <figure class="effect-ruby2">
<img src="images/service1.png" alt="img15"/> <img src="images/service4.png" alt="img15"/>
<figcaption> <figcaption>
<h2> <h2>
<img src="images/2_15.png" /> <img src="images/2_15.png" />
...@@ -414,7 +420,7 @@ $(document).ready(function() { ...@@ -414,7 +420,7 @@ $(document).ready(function() {
</figure> </figure>
<figure class="effect-ruby2"> <figure class="effect-ruby2">
<img src="images/service1.png" alt="img15"/> <img src="images/service5.png" alt="img15"/>
<figcaption> <figcaption>
<h2> <h2>
<img src="images/2_15.png" /> <img src="images/2_15.png" />
...@@ -430,7 +436,7 @@ $(document).ready(function() { ...@@ -430,7 +436,7 @@ $(document).ready(function() {
</figcaption> </figcaption>
</figure> </figure>
<figure class="effect-ruby2"> <figure class="effect-ruby2">
<img src="images/service1.png" alt="img15"/> <img src="images/service6.png" alt="img15"/>
<figcaption> <figcaption>
<h2> <h2>
<img src="images/2_15.png" /> <img src="images/2_15.png" />
...@@ -446,7 +452,7 @@ $(document).ready(function() { ...@@ -446,7 +452,7 @@ $(document).ready(function() {
</figcaption> </figcaption>
</figure> </figure>
<figure class="effect-ruby2"> <figure class="effect-ruby2">
<img src="images/service1.png" alt="img15"/> <img src="images/service7.png" alt="img15"/>
<figcaption> <figcaption>
<h2> <h2>
<img src="images/2_15.png" /> <img src="images/2_15.png" />
...@@ -462,7 +468,7 @@ $(document).ready(function() { ...@@ -462,7 +468,7 @@ $(document).ready(function() {
</figcaption> </figcaption>
</figure> </figure>
<figure class="effect-ruby2"> <figure class="effect-ruby2">
<img src="images/service1.png" alt="img15"/> <img src="images/service8.png" alt="img15"/>
<figcaption> <figcaption>
<h2> <h2>
<img src="images/2_15.png" /> <img src="images/2_15.png" />
...@@ -486,7 +492,7 @@ $(document).ready(function() { ...@@ -486,7 +492,7 @@ $(document).ready(function() {
<div class="download_section" style=""> <div class="download_section" id="download">
<h2>下载专区</h2> <h2>下载专区</h2>
<div class="download_container"> <div class="download_container">
<div class="download_card"> <div class="download_card">
...@@ -500,8 +506,8 @@ $(document).ready(function() { ...@@ -500,8 +506,8 @@ $(document).ready(function() {
<div class="download_card"> <div class="download_card">
<img src="images/downloadIcon2.png" /> <img src="images/downloadIcon2.png" />
<a href="http://baidu.com"> <a href="http://baidu.com">
<h3>算例下载</h3> <p class="download_chinese">算例下载</p>
<p>Courses Document</p> <p class="download_english">Courses Document</p>
</a> </a>
</div> </div>
...@@ -509,8 +515,8 @@ $(document).ready(function() { ...@@ -509,8 +515,8 @@ $(document).ready(function() {
<div class="download_card"> <div class="download_card">
<img src="images/downloadIcon3.png" /> <img src="images/downloadIcon3.png" />
<a href="http://baidu.com"> <a href="http://baidu.com">
<h3>课件下载</h3> <p class="download_chinese">课件下载</p>
<p>Examples Download</p> <p class="download_english">Examples Download</p>
</a> </a>
</div> </div>
</div> </div>
...@@ -520,7 +526,7 @@ $(document).ready(function() { ...@@ -520,7 +526,7 @@ $(document).ready(function() {
<div class="intro_section" id="intro_part"> <div class="intro_section" id="introduction">
<h2>平台简介</h2> <h2>平台简介</h2>
<div class="intro_container"> <div class="intro_container">
<br clear="all" /> <br clear="all" />
...@@ -545,7 +551,7 @@ $(document).ready(function() { ...@@ -545,7 +551,7 @@ $(document).ready(function() {
<div class="book_section"> <div class="book_section" id="book">
<h2>已出版书籍</h2> <h2>已出版书籍</h2>
<div class="book_container"> <div class="book_container">
...@@ -645,7 +651,7 @@ $(document).ready(function() { ...@@ -645,7 +651,7 @@ $(document).ready(function() {
<div class="subscribe_section"> <div class="subscribe_section" id="contact">
<div class="container"> <div class="container">
<div class="footer-center"> <div class="footer-center">
......
layout/post.ejs
<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
source/css/downloadSection.css
.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;
......
source/css/featureSection.css
...@@ -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: '';
} }
...@@ -210,4 +208,10 @@ figure.effect-ruby:hover p.checkDetail { ...@@ -210,4 +208,10 @@ figure.effect-ruby:hover p.checkDetail {
} }
/*020D31*/ /*020D31*/
\ No newline at end of file
figcaption img{
}
source/css/introSection.css
.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;
......
source/css/main.css
/* FontAwesome for working BootSnippet :> */ @charset "utf-8";
/* CSS Document */
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;}
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); /* 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;
}
@font-face {
.common_section .article{ font-family: 'open_sansregular';
margin: 0; src: url('fonts/opensans-regular-webfont.eot');
padding:0; src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
background:#fff; url('fonts/opensans-regular-webfont.woff') format('woff'),
border-bottom :2px dashed #e7e7e7; url('fonts/opensans-regular-webfont.ttf') format('truetype'),
font-family: 'open_sansregular'; url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
font-size:20px; font-weight: normal;
color:#333; font-style: normal;
/*position:relative;*/
/* line-height:70px;*/
transition:0.5s; -webkit-transition:0.5s;
} }
.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;
}
@font-face {
font-family: 'open_sanssemibold';
src: url('fonts/opensans-semibold-webfont-webfont.eot');
src: url('fonts/opensans-semibold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans-semibold-webfont-webfont.woff2') format('woff2'),
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');
font-weight: normal;
font-style: normal;
} }
.article .article-title{
margin-top: 20px;
margin-left: 20px;
margin-right: 20px; @font-face {
} font-family: 'open_sansextrabold';
src: url('fonts/opensans-extrabold-webfont-webfont.eot');
.article .article-title .article-title-left{ src: url('fonts/opensans-extrabold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
float: left; url('fonts/opensans-extrabold-webfont-webfont.woff2') format('woff2'),
width: 80%; 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');
.article .article-content{ font-weight: normal;
margin: 20px; font-style: normal;
font-size: 16px; }
}
.article .article-readmore{
margin: 20px;
margin-bottom: 50px;
}
\ No newline at end of file
source/css/newsSection.css
...@@ -19,4 +19,33 @@ ...@@ -19,4 +19,33 @@
word-spacing: -0.15em; word-spacing: -0.15em;
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
source/images/logo.png
source/images/logo.png

3.05 KB | W: | H:

source/images/logo.png

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
source/images/service1.png
source/images/service1.png

282 KB | W: | H:

source/images/service1.png

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 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论