Commit 035c1415 by xiang

清空历史内容

parent d27daa80
menu:
- id: home
link: /
icon: home
class: menu-home
- id: about
link: /about
icon: user
class: menu-about
- id: reading
link: /reading
icon: book
class: menu-reading
- id: download
# 颜色配置
color:
header: indigo
footer: indigo
page_nav: indigo
side_nav: indigo darken-1
tag: green lighten-1
article_title_link: indigo
link: pink
pagination: pink
tab: pink
archive_item: grey
fab: pink
fab_2: green
fab_3: yellow darken-1
new: pink
about_header: indigo
about_title: indigo
google_code_prettify: prettify-tomorrow-night-eighties
\ No newline at end of file
categories: Categories
search: Search
tags: Tags
tagcloud: Tag Cloud
prev: "Prev: %s"
next: "Next: %s"
comment: Comments
archive_a: Archives
archive_b: "Archives: %s"
page: Page %d
recent_posts: Recent Posts
blogroll: Links
returntop: Return to top
readmore: READ MORE
floatmenu: Menu
menu:
home: Home
archives: Archives
category: Categories
reading: Reading
about: About
search: Search
social: Social
powered:
first: "Blog powered by"
last: "| Theme"
current_page: Current page
page_name:
categories: (Categories)
tags: (Tags)
archives: (Archives)
reading:
score: Score
comment: Comment
about:
about: About
skills: Skills
works: Works & Projects
construction: Page under construction...
go_back_home: Go back home
no_title: No title
side_nav_paper: "%d"
categories: 分类
search: 搜索
tags: 标签
tagcloud: 标签云
prev: 上一篇:%s
next: 下一篇:%s
comment: 留言
archive_a: 归档
archive_b: 归档:%s
page: 第 %d 页
recent_posts: 最近的文章
blogroll: 友情链接
returntop: 回到顶部
readmore: 阅读全文
floatmenu: 菜单
menu:
home: 首页
archives: 归档
category: 分类
reading: 书籍
about: 关于
search: 搜索
social: 社交
powered:
first: Powered by
last: " | Designed by"
modified: " Edited By "
current_page: 当前位置
page_name:
categories: (分类目录)
tags: (标签)
archives: (归档)
reading:
score: 评分
comment: 简评
about:
about: 关于
skills: 技能
works: 作品与项目
construction: 页面建设中...
go_back_home: 返回首页
no_title: 无题
side_nav_paper: "%d 篇"
categories: 分類
search: 搜尋
tags: 標籤
tagcloud: 標籤雲
prev: 上一篇:%s
next: 下一篇:%score
comment: 留言
archive_a: 彙整
archive_b: 彙整:%s
page: 第 %d 頁
recent_posts: 最新文章
blogroll: 友情連結
returntop: 回到頂部
readmore: 閱讀全文
floatmenu: 菜單
menu:
home: 首頁
archives: 彙整
category: 分類
reading: 讀書
about: 關於
search: 搜尋
social: 社交
powered:
first: 本站使用
last: "建置 | 主題"
current_page: 當前位置
page_name:
categories: (分類目錄)
tags: (標籤)
archives: (彙整)
reading:
score: 評分
comment: 簡評
about:
about: 關於
skills: 技能
works: 作品與項目
construction: 頁面建設中...
go_back_home: 返回首頁
no_title: 無題
side_nav_paper: "%d 篇"
<%- partial('plugin/noscript') %>
<script src="<%- config.root %>js/jquery.min.js"></script>
<script src="<%- config.root %>js/materialize.min.js"></script>
<%- partial('plugin/main_javascript') %>
<%- partial('plugin/google_code_prettify') %>
<%- partial('plugin/analytics') %>
<%- partial('plugin/mathjax') %>
<%- 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>
<footer class="page-footer <%= theme.color.footer %> darken-1">
<% if (site.data.link) { %>
<div class="footer-container container">
<div class="row">
<% if (site.data.link.social) { %>
<div class="social-group col m4 s12">
<h5 class="white-text"><%= __('social') %></h5>
<% for (var type in site.data.link.social) { %>
<a class="social-link" href="<%= site.data.link.social[type] %>" target="_blank">
<i class="fa fa-2x fa-<%= type %>"></i>
</a>
<% } %>
<%- partial('plugin/page_stat') %>
</div>
<% } %>
<% if (site.data.link && site.data.link.extern) { %>
<div class="col m8 s12">
<h5 class="white-text"><%= __('blogroll') %></h5>
<% for (var name in site.data.link.extern) { %>
<a class="social-link" href="<%= site.data.link.extern[name] %>" target="_blank"><%= name %></a>
<% } %>
</div>
<% } %>
</div>
</div>
<% } %>
<div class="container">
<div class="row center">
<a href="http://sgool.cn/">智能电网运行与优化实验室</a>
</div>
</div>
<div class="footer-copyright <%= theme.color.link %>-link-context">
<div class="container">
<%= theme.copyright %>
<p class="right" style="margin-top: 0;"> <%=__('powered.modified') %><a href="">CAI Yu</a></p>
<br/>
</div>
</div>
</footer>
\ No newline at end of file
<nav class="page-nav hide-on-small-only">
<div class="nav-wrapper <%= theme.color.page_nav %>" style="background-color: #187cc2 !important;">
<span class="breadcrumb"><a href="/">SGOOL</a></span>
<% if (partial_path) { %>
<%- partial(partial_path) %>
<% } %>
<% if (archive_html) { %>
<%- archive_html %>
<% } %>
</div>
</nav>
<% if (page.total > 1){ %>
<nav class="page-nav">
<%- paginator({
prev_text: "&laquo;" + __('Paginator.Prev'),
next_text: __('Paginator.Next') + "&raquo;"
}) %>
</nav>
<% } %>
\ No newline at end of file
<% if (theme.google_analytics){ %>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', '<%= theme.google_analytics %>', 'auto');
ga('send', 'pageview');
</script>
<% } %>
<% if (theme.tencent_analytics){ %>
<script type="text/javascript" src="http://tajs.qq.com/stats?sId=<%= theme.tencent_analytics %>" charset="UTF-8"></script>
<% } %>
<%
var pageId = page.path;
var pageUrl = page.permalink;
var pageTitle = page.title;
%>
<% if (theme.disqus_shortname && page.comments){ %>
<section id="comment">
<div id="disqus_thread"></div>
<script>
var disqus_config = function() {
this.page.url = '<%= pageUrl %>';
this.page.identifier = '<%= pageId %>';
};
(function() {
var d = document,
s = d.createElement('script');
s.src = '//<%= theme.disqus_shortname %>.disqus.com/embed.js';
s.setAttribute('data-timestamp', + new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<noscript>Please enable JavaScript to view the
<a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a>
</noscript>
</section>
<% } else if (theme.duoshuo_shortname && page.comments){ %>
<section id="comment">
<div class="card">
<div class="card-content">
<!-- Duoshuo Comment BEGIN -->
<div class="ds-thread" data-thread-key="<%= pageId %>" data-title="<%= pageTitle %>" data-url="<%= pageUrl %>"></div>
<script type="text/javascript">
console.log(document.querySelector('.ds-thread'));
var duoshuoQuery = {
short_name: '<%= theme.duoshuo_shortname %>'
};
(function() {
var ds = document.createElement('script');
ds.type = 'text/javascript';
ds.async = true;
ds.src = (document.location.protocol == 'https:'
? 'https:'
: 'http:') + '//static.duoshuo.com/embed.js';
ds.charset = 'UTF-8';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ds);
})();
</script>
<!-- Duoshuo Comment END -->
</div>
</div>
</section>
<% } else if (theme.yungentie_product_key && page.comments){ %>
<div id="cloud-tie-wrapper" class="cloud-tie-wrapper"></div>
<script>
var cloudTieConfig = {
url: document.location.href,
sourceId: "",
productKey: "<%= theme.yungentie_product_key %>",
target: "cloud-tie-wrapper"
};
</script>
<script src="https://img1.cache.netease.com/f2e/tie/yun/sdk/loader.js"></script>
<% } %>
<script src="<%- config.root %>js/prettify.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("pre").addClass("prettyprint");
prettyPrint();
});
</script>
<script>
(function($) {
$(document).ready(function() {
// 隐藏禁用javascript(针对微信内置浏览器)的提示
$('.noscript').hide();
// 图片缩放效果
var $imgs = $('img').not('.slider-image').not('.avatar-image').not('.carousel-image').not('.card-cover-image').not('.qrcode');
// 给图片加上点击放大效果(materialbox插件)
$imgs.addClass('materialboxed').each(function(i, el) {
$(this).attr('data-caption', $(this).attr('alt') || ' ');
}).materialbox();
// 优化表格的显示
$('table').each(function() {
var $table = $(this);
// 除去多行代码的情况
if ($table.find('pre').length == 0) {
$table.addClass('responsive-table striped bordered');
}
});
// 首页幻灯片
$('.slider').slider({indicators: true, full_width: true, interval: 8000});
$(".button-collapse").sideNav();
$(".category-menu").sideNav();
// 针对gallery post
$('.carousel').carousel({full_width: true});
$('.carousel-control.prev').click(function() {
$('.carousel').carousel('prev');
});
$('.carousel-control.next').click(function() {
$('.carousel').carousel('next');
});
// 文章目录
$('article').not('.simple-article').find('h1').add('h2').add('h3').add('h4').add('h5').add('h6').scrollSpy();
// 目录随屏幕滚动(防止目录过长越过footer)
var $toc = $('.toc');
var scrollTargetTop = 0;
$(window).scroll(function() {
var $activeLink = $toc.find('a.active.section');
if ($(window).scrollTop() < 100) {
scrollTargetTop = 0;
} else {
if ($activeLink[0]) {
scrollTargetTop = $activeLink.offset().top - $toc.offset().top;
}
}
$toc.css('top', '-' + scrollTargetTop + 'px');
});
// 修正文章目录的left-border颜色
var color = $('.table-of-contents-text').css('color');
$('.table-of-contents-link').css('border-left-color', color);
// 针对移动端做的优化:FAB按钮点击一下收回
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
$('.fixed-action-btn').addClass('click-to-toggle');
}
// 回到顶部
$('.btn-return-top').click(function() {
$('body, html').animate({
scrollTop: 0
}, 500);
});
// 重置读书页面的Tab标签页的颜色
$('li.tab a').hover(function() {
$(this).toggleClass('text-lighten-4');
});
$('.indicator').addClass('<%= theme.color.tab %> lighten-2');
<% if (site.data.hint) { %>
// 添加new标签
$('<%= site.data.hint.new.selector.join(', ') %>').append('<span class="new badge <%= theme.color.new %>"></span>');
<% } %>
// 搜索功能
$('.modal-trigger').leanModal({
// 打开搜索框时自动聚焦
ready: function() {
if ($('#search').is(":visible")) {
$('#search-input').focus();
}
}
});
var searchXml = "<%= config.search ? config.search.path : '' %>";
if (searchXml.length == 0) {
searchXml = "search.xml";
}
var searchPath = "<%= config.root %>" + searchXml;
initSearch(searchPath, 'search-input', 'search-result');
});
// 初始化搜索与匹配函数
var initSearch = function(path, search_id, content_id) {
'use strict';
$.ajax({
url: path,
dataType: "xml",
success: function(xmlResponse) {
// get the contents from search data
var datas = $("entry", xmlResponse).map(function() {
return {
title: $("title", this).text(),
content: $("content", this).text(),
url: $("url", this).text()
};
}).get();
var $input = document.getElementById(search_id);
var $resultContent = document.getElementById(content_id);
$input.addEventListener('input', function() {
var str = '<ul class=\"search-result-list\">';
var keywords = this.value.trim().toLowerCase().split(/[\s\-]+/);
$resultContent.innerHTML = "";
if (this.value.trim().length <= 0) {
return;
}
// perform local searching
datas.forEach(function(data) {
var isMatch = true;
var content_index = [];
var data_title = data.title.trim().toLowerCase();
var data_content = data.content.trim().replace(/<[^>]+>/g, "").toLowerCase();
var data_url = data.url;
var index_title = -1;
var index_content = -1;
var first_occur = -1;
// only match artiles with not empty titles and contents
if (data_title != '' && data_content != '') {
keywords.forEach(function(keyword, i) {
index_title = data_title.indexOf(keyword);
index_content = data_content.indexOf(keyword);
if (index_title < 0 && index_content < 0) {
isMatch = false;
} else {
if (index_content < 0) {
index_content = 0;
}
if (i == 0) {
first_occur = index_content;
}
}
});
}
// show search results
if (isMatch) {
keywords.forEach(function(keyword) {
var regS = new RegExp(keyword, "gi");
data_title = data_title.replace(regS, "<span class=\"search-keyword <%= theme.color.link %> lighten-2\">" + keyword + "</span>");
});
str += "<li><a href='" + data_url + "' class='search-result-title'>" + data_title + "</a>";
var content = data.content.trim().replace(/<[^>]+>/g, "");
if (first_occur >= 0) {
// cut out 100 characters
var start = first_occur - 20;
var end = first_occur + 80;
if (start < 0) {
start = 0;
}
if (start == 0) {
end = 100;
}
if (end > content.length) {
end = content.length;
}
var match_content = content.substring(start, end);
// highlight all keywords
keywords.forEach(function(keyword) {
var regS = new RegExp(keyword, "gi");
match_content = match_content.replace(regS, "<span class=\"search-keyword <%= theme.color.link %> lighten-2\">" + keyword + "</span>");
});
str += "<p class=\"search-result\">..." + match_content + "...</p>"
}
str += "</li>";
}
});
str += "</ul>";
$resultContent.innerHTML = str;
});
}
});
}
})(jQuery);
</script>
<% if (theme.mathjax) { %>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
});
</script>
<script type="text/javascript" async
src="//cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML">
</script>
<% } %>
<noscript>
<div class="noscript">
<p class="center-align">当前网速较慢或者你使用的浏览器不支持博客特定功能,请尝试刷新或换用Chrome、Firefox等现代浏览器</p>
</div>
</noscript>
<div class="noscript">
<p class="center-align">当前网速较慢或者你使用的浏览器不支持博客特定功能,请尝试刷新或换用Chrome、Firefox等现代浏览器</p>
</div>
<% if (theme.page_stat) { %>
<script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js">
</script>
<div class="site-visitors-container white-text">
<span>
<i class="fa fa-user"></i>
<span class="busuanzi-value" id="busuanzi_value_site_uv"></span>
</span>
<span>&nbsp;|&nbsp;</span>
<span>
<i class="fa fa-eye"></i>
<span class="busuanzi-value" id="busuanzi_value_site_pv"></span>
</span>
</div>
<% } %>
<!-- Donate Module -->
<div id="donate_module">
<style type="text/css">
.hidden {
display: none;
}
.donate_bar a.btn_donate {
display: inline-block;
width: 82px;
height: 82px;
background: url("http://img.t.sinajs.cn/t5/style/images/apps_PRF/e_media/btn_reward.gif") no-repeat;
_background: url("http://img.t.sinajs.cn/t5/style/images/apps_PRF/e_media/btn_reward.gif") no-repeat;
-webkit-transition: background 0s;
-moz-transition: background 0s;
-o-transition: background 0s;
-ms-transition: background 0s;
transition: background 0s;
}
.donate_bar a.btn_donate:hover {
background-position: 0 -82px;
}
.donate_bar .donate_txt {
display: block;
color: #9d9d9d;
font: 14px/2 "Microsoft Yahei";
}
.bold {
font-weight: bold;
}
img.qrcode {
width: 90%;
margin-bottom: 10px;
}
@media only screen and (min-width: 1025px) {
img.qrcode {
width: 40%;
margin-right: 10px;
}
}
</style>
<!-- btn_donate & tips -->
<div id="donate_board" class="donate_bar center">
<a id="btn_donate" class="btn_donate" target="_self" href="javascript:;" title="Donate 打赏"></a>
<span class="donate_txt">能看到这的都是真爱,打个赏呗=。=</span>
</div>
<!-- /btn_donate & tips -->
<!-- donate guide -->
<div id="donate_guide" class="donate_bar center hidden">
<% for (var i in site.data.about.reward) { %>
<img class="qrcode" src="<%= site.data.about.reward[i] %>" title="打赏"/>
<% } %>
</div>
<!-- /donate guide -->
<!-- donate script -->
<script type="text/javascript">
document.getElementById('btn_donate').onclick = function() {
$('#donate_board').addClass('hidden');
$('#donate_guide').removeClass('hidden');
}
function donate_on_web() {
$('#donate').submit();
}
</script>
<!-- /donate script -->
</div>
<!-- /Donate Module -->
<div class="gallery carousel carousel-slider">
<% if (item.photos.length){ %>
<% item.photos.forEach(function(photo){ %>
<span class="carousel-item"><img class="carousel-image" src="<%- photo %>"></span>
<% }); %>
<% } else { %>
<img class="carousel-item" src="<%- item.photos %>">
<% } %>
<div class="control">
<div class="carousel-control prev">
<i class="fa fa-left"></i>
</div>
<div class="carousel-control next">
<i class="fa fa-right"></i>
</div>
</div>
</div>
<% if (item.prev) { %>
<p class="<%= theme.color.link %>-link-context">
<a href="<%= url_for(item.prev.path) %>" rel="next" title="<%= item.prev.title %>">
<%= __('prev', item.prev.title) %>
</a>
</p>
<% } %>
<% if (item.next) { %>
<p class="<%= theme.color.link %>-link-context">
<a href="<%= url_for(item.next.path) %>" rel="next" title="<%= item.next.title %>">
<%= __('next', item.next.title) %>
</a>
</p>
<% } %>
<span id="busuanzi_container_page_pv" class="read-times-container">
<i class="fa fa-eye"></i>
<span id="busuanzi_value_page_pv"></span>
</span>
<div class="toc <%= theme.color.link %>-link-context hide-on-med-and-down">
<%- toc(item.content, {class: 'section table-of-contents', list_number: false}) %>
</div>
<time class="<%= theme.color.link %>-link-context" datetime="<%= item.date.toDate().toISOString() %>"><a href="<%- url_for(item.path) %>"><%= item.date.format(config.date_format) %></a></time>
<% if (item.link){ %>
<% if (item.title){ %>
<h1><a href="<%- item.link %>" target="_blank"><%= item.title || __('no_title') %></a></h1>
<% } else { %>
<h1><a href="<%- item.link %>" target="_blank"><%= item.link || __('no_title') %></a></h1>
<% } %>
<% } else { %>
<% if (index){ %>
<h1 class="<%= theme.color.article_title_link %>-link-context"><a href="<%- url_for(item.path) %>"><%= item.title || __('no_title') %></a></h1>
<% } else { %>
<h1><%= item.title || __('no_title') %></h1>
<% } %>
<% } %>
<!doctype html>
<html lang="en" flag="team">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="favicon.ico">
<title>SGOOL计算平台</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/jumbotron.css" rel="stylesheet">
<link href="css/team.css" rel="stylesheet">
<style>
img {
width:100%;height:100%;
}
</style>
</head>
<body>
<div class="container selfContainer">
<div class="row">
<main class="col-md-3">
<div class="text-center selfContent">
<div class="subContent">
<img src="<%= page.pic %>" id="selfimg" style="width:195px; margin: 0 auto;" class="rounded-circle align-middle" alt="..." />
<h1 id="selfname" class='subContent-h1'><%= page.name %></h1>
<p id="selftitle" class="subContent-p">电气工程 | <%= page.degree %></p>
</div>
<div class="subFooter">
</div>
</div>
</main>
<main class="col-md-9">
<div class="selfSection">
<%- page.content %>
<div class="selfSection">
</main>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="../js/jquery-slim.min.js"><\/script>')</script>
<script src="../js/popper.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
</body>
</html>
<section class="archive">
<ul class="post-archive">
<% page.posts.each(function (post) { %>
<li class="post-item">
<span class="post-date"><%= date(post.date, "YYYY-MM-DD") %></span>
<a class="post-title" href="<%- url_for(post.path) %>"><%= post.title %></a>
</li>
<% }) %>
</ul>
</section>
<%- partial('_partial/paginator') %>
\ No newline at end of file
<% if (page.categories == "member") { %>
<%- partial('_partial/teams/teamMember') %>
<% } else { %>
<%- partial('post') %>
<% } %>
\ No newline at end of file
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<%
var title = [];
if (page.current > 1) title.push(__('page', page.current));
if (page.title) title.push(page.title);
if (page.category) title.push(page.category);
if (page.tag) title.push(page.tag);
if (page.archive){
if (page.year) title.push(__('archive_b', page.year + (page.month ? '/' + page.month : '')));
else title.push(__('archive_a'));
}
title.push(config.subtitle);
%>
<title><%= title.join(' | ') %></title>
<% if (config.author){ %><meta name="author" content="<%= config.author %>"><% } %>
<% if (page.description){ %>
<meta name="description" content="<%= page.description %>">
<% } else if (config.description){ %>
<meta name="description" content="<%= config.description %>">
<% } else if (page.excerpt){ %>
<meta name="description" content="<%= strip_html(page.excerpt).replace(/^\s*/, '').replace(/\s*$/, '') %>">
<% } else if (page.content){ %>
<meta name="description" content="<%= strip_html(page.content).replace(/^\s*/, '').replace(/\s*$/, '').substring(0, 150) %>">
<% } %>
<% if (page.keywords){ %><meta name="keywords" content="<%= page.keywords %>"><% } %>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<% if (page.title){ %><meta property="og:title" content="<%= page.title %>"/><% } %>
<meta property="og:site_name" content="<%= config.title %>"/>
<% if(page.cover) { %>
<meta property="og:image" content="<%= page.cover %>" />
<% } else { %>
<meta property="og:image" content="<%= config.cover %>"/>
<% } %>
<link rel="icon" type="image/png" href="<%- config.root %>favicon.png">
<link rel="alternate" href="<% if (theme.rss){ %><%- theme.rss %><% } else { %><%- config.root %>atom.xml<% } %>" title="<%= config.title %>" type="application/atom+xml">
<link rel="stylesheet" href="<%- config.root %>css/lib/materialize.min.css">
<link rel="stylesheet" href="<%- config.root %>css/lib/font-awesome.min.css">
<link rel="stylesheet" href="<%- config.root %>css/style.css" media="screen" type="text/css">
<% if (theme.google_code_prettify) { %>
<link rel="stylesheet" href="<%- config.root %>css/lib/<%= theme.google_code_prettify %>.css" type="text/css">
<% } else { %>
<link rel="stylesheet" href="<%- config.root %>css/lib/prettify_default.css" type="text/css">
<% } %>
<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
<div class="container main-container">
<%- partial('_partial/article', {item: page, index: false}) %>
</div>
<%- partial('_partial/after_footer') %>
</body>
</html>
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(/css/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
src: local('Material Icons'),
local('MaterialIcons-Regular'),
url(/css/fonts/MaterialIcons-Regular.woff2) format('woff2'),
url(/css/fonts/MaterialIcons-Regular.woff) format('woff'),
url(/css/fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px; /* Preferred icon size */
display: inline-block;
width: 1em;
height: 1em;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}
html, body
font-family "Roboto", "sans-serif", "微软雅黑", "Helvetica Neue"
body
background-color #f5f5f5
display: flex;
min-height: 100vh;
flex-direction: column;
main
flex: 1 0 auto;
html
color rgba(0, 0, 0, 0.8)
.container
width 1200px
@media (max-width: 767px)
width 90%
.row
margin-left auto
margin-right auto
.container.main-container
@media (max-width: 767px)
width 100%
// HTML标签样式
// 重置materialize中的各种列表样式
ul, ol
padding-left 20px
&.tabs
padding-left 0
ul, ul li
list-style-type disc
word-break break-word
nav, .fixed-action-btn
ul
padding-left 0
li
list-style-type none
ul.pagination, ul.collapsible, ul.indicators
padding-left 0
li
list-style-type none
img
max-width 100%
padding 4px
background-color #F5F5F5
border 1px solid #ddd
border-radius 4px
strong
font-weight bold
blockquote
background-color rgba(0, 0, 0, 0.03)
padding 0.6rem 0.6rem 0.6rem 1.2rem
// p
// margin 0 !important
table
margin-bottom 1.5em
nav ul
a:hover
background-color rgba(0, 0, 0, 0)
nav .brand-logo
font-size 1.6rem
// 侧滑栏样式
.side-nav
li, a
padding 0 15px
.card
margin-top 0
&.medium
height 440px
.card-content
padding 25px 25px 30px
@media (max-width: 767px)
padding-left 15px
padding-right 15px
.card-action
padding-left 25px
padding-right 25px
// .card-content p
// margin 0.5em 0
.chip
height initial
line-height 18px
padding 4px 14px
color white
.breadcrumb
font-size 1em
// 图片lightbox点击缩放效果
.materialboxed
display initial
margin-top 10px
max-width 100%
&.active
max-width initial
// 幻灯片的导航按钮位置
.slider .indicators
bottom 60px
z-index 10
.main-container
margin-top 30px
.mt-0
margin-top 0
.collection a.collection-item:not(.active):hover
background-color #f5f5f5
// 撤销card-action中链接会强制变大写的效果
.card .card-action a:not(.btn):not(.btn-large):not(.btn-floating)
text-transform initial
// 将默认的图标字体换为FontAwesome
.breadcrumb:before
content "\f105"
font-family: FontAwesome
// FontAwesome
.fa
margin-right 5px
// Footer
footer.page-footer
padding-top inherit
/* 字体大小 */
normal-font-size = 1em
simple-title-font-size = 1.4em
page-sub-title-font-size = 1.6em
/* 颜色 */
//头部背景颜色
color-header-background = #00529c
//头部按钮hover背景
color-header-button-hover = #3498db
//尾部背景颜色
color-footer-background = #2c3e50
//背景
color-body = #ecf8ff
//正文字体
color-font = #333333
//文章标题颜色
color-title = #1976d2
color-title-hover = #42a5f5
//文章子标题颜色(h3)
color-entry-subtitle = #333
//标签背景颜色
color-tag = #16a085
//链接颜色
color-a = #1976d2
color-a-hover = #42a5f5
//页面的子标题(如留言,当前所在位置等等)
color-page-sub-title = #9b59b6
//尾部文字颜色
color-footer-text = #fff
color-footer-a = #9fc9e9
color-footer-a-hover = #16a085
color-link = #069
color-strong = #333
// Font
font-default = "Helvetica Neue", "Helvetica", Arial, sans-serif
font-serif = "Georgia", serif
font-mono = Consolas, "微软雅黑", Monaco, Menlo, Courier New, monospace
font-title = "微软雅黑", "Droid Serif", Helvetica Neue, Helvetica, Arial, sans-serif
// 全局边距
header-footer-height-padding = 10px
page-padding = 200px
body-padding-top = 50px
// 读书
book-width = 150px
book-height = 200px
.about-page
.header
padding 40px 15px 30px
.avatar-wrapper
.avatar-image
width 160px
.info
padding 0 20px
p
line-height 24px
margin-top 25px
margin-bottom 0
color white
text-shadow 1px 1px 1px #444
.name
font-size 1.8em
.desc
margin-top 15px
font-size 1em
.social-group
margin-top 15px
section
margin-bottom 20px
h1
font-size 1.6rem
margin-top 10px
margin-bottom 15px
// 技能
ul.skill-list, ul.skill-list li
list-style-type none
ul.skill-list
padding-left 0
.skill-list li
margin-bottom 0
.split
margin-top 5px
.skills .fa
margin-right 0
// 项目
.project-item
display inline-block
// margin-right 20px
width 100%
img
padding 0
.card-title
font-weight 400
font-size 20px
text-shadow 1px 1px 1px black
line-height 30px
.card-tag
position absolute
top 15px
right 10px
// 重置
.about-page.row
margin-left 0
margin-right 0
.row
margin-left 0
margin-right 0
// .col
// padding-left 0
// padding-right 0
.archive-title
font-weight normal
font-size 20px
margin-bottom 10px
text-shadow 0 0 1px #fff
&:before
font-family font-icon
content '\f073'
padding-right 15px
&.tag
&:before
content '\f02b'
&.category
&:before
content '\f07b'
.archive-year
font-size 2.4em
font-family Candara,arial
font-style italic
color #069
text-shadow rgba(255,255,255,0.9) 0 1px 0
padding 0 30px
margin 0 0 10px 0
@media screen and (max-width:580px)
padding 0 20px
a:after
content '\f08e'
font 12px FontAwesome
padding-left 10px
vertical-align super
.sep
border-bottom 1px solid #aaa
box-shadow rgba(255,255,255,0.3) 0 1px 0
\ No newline at end of file
.simple-article
margin-bottom 30px
article
.entry
margin-top 20px
.article-title h1
font-family "微软雅黑", "sans-serif", "Helvetica Neue"
font-size 2em
font-weight bold
line-height 1.4
margin-top 0
margin-bottom 10px
color color-entry-subtitle
a:not(.chip)
color color-a
&:hover
color color-a-hover
.simple-article-title h1
font-size simple-title-font-size
padding 5px 0
.tags-row
margin-top 10px
.article-tag
display inline-block
height 32px
line-height 32px
padding 0 12px
border-radius 16px
color white
header
border-radius 0
background none
position relative
padding 0
border-bottom 0
margin-bottom 10px
time
font 0.9em font-title
margin-bottom 5px
display block
line-height 1
&:hover
color color-link
.card-content .entry
font-size 16px
line-height 1.7
@media (max-width: 480px)
line-height 1.5em
p
margin-top 0
margin-bottom 1em
text-align justify
text-justify inter-ideograph
word-break initial
word-break break-word
&:last-child
margin-bottom 0
ul, ol
margin-bottom 1em
ul, ol
margin-bottom 0
h1, h2, h3, h4, h5, h6
margin-top 0
margin-bottom 0.5em
h1
font-size 1.6em
color color-entry-subtitle
h2
font-size 1.4em
color color-entry-subtitle
h3, h4, h5, h6
font-size 1.2em
color color-entry-subtitle
&.nstyle
border-radius 0
padding 0
background none
box-shadow none
iframe
max-width 98%
.caption
display block
margin-top 5px
color #aaa
position relative
font-size 0.9em
padding-left 25px
&:before
content '\f040'
position absolute
font 1.3em font-icon
position absolute
left 0
top 3px
.toc-wrap
float right
-webkit-border-radius 4px
border-radius 4px
background #eee
border 1px solid #ddd
margin-left 1.5em
margin-bottom 2em
padding 15px 20px
line-height 1.6em
>ol
margin-left 0
ol, ul
list-style none
.toc-title
font-weight bold
font-size 1.2em
margin-bottom 0.6em
color #2c3e50
.toc-number
display none
.toc-link
color #0e83cd
text-decoration none
font-size 0.9em
.toc-link:hover
text-decoration underline
.toc-child
margin-left 1em
#comment
margin-top 40px
.title
font-size 40px
font-weight bold
color color-section-title
\ No newline at end of file
a.social-link
display inline-block
color #f5f5f5
margin-right 10px
&:hover
color #e0e0e0
.footer-container
padding-top 20px
.nav-wrapper
padding 0 25px
@media (max-width: 767px)
padding 0 10px
.jPanelMenu-panel
overflow-y hidden
.btn-loadmore
margin-top 20px
opacity 0.9
.feature-guide-container
display none
position absolute
left 0
top 0
z-index 100
.shadow
overflow-y hidden
position absolute
background-color rgba(0, 0, 0, 0.6)
.shadow-light
position absolute
background-color rgba(0, 0, 0, 0)
.feature-box
position relative
max-width 300px
background-color #ffebb5
padding 16px
color #ae2341
.btn-i-know
background-color #f4867b
transition background-color .5s
margin-bottom 0
.btn-i-know:hover
background-color #f5a69e
transition background-color .5s
.feature-description
font-size 1em
\ No newline at end of file
.red-link-context a
color #f44336 !important
&:hover
color #e57373 !important
.pink-link-context a
color #E91E63 !important
&:hover
color #F06292 !important
.purple-link-context a
color #9C27B0 !important
&:hover
color #BA68C8 !important
.deep-purple-link-context a
color #673AB7 !important
&:hover
color #9575CD !important
.indigo-link-context a
color #3F51B5 !important
&:hover
color #7986CB !important
.blue-link-context a
color #2196F3 !important
&:hover
color #64B5F6 !important
.light-blue-link-context a
color #03A9F4 !important
&:hover
color #4FC3F7 !important
.cyan-link-context a
color #00BCD4 !important
&:hover
color #4DD0E1 !important
.teal-link-context a
color #009688 !important
&:hover
color #4DB6AC !important
.green-link-context a
color #4CAF50 !important
&:hover
color #81C784 !important
.light-green-link-context a
color #8BC34A !important
&:hover
color #AED581 !important
.lime-link-context a
color #CDDC39 !important
&:hover
color #DCE775 !important
.yellow-link-context a
color #FFEB3B !important
&:hover
color #FFF176 !important
.amber-link-context a
color #FFC107 !important
&:hover
color #FFD54F !important
.orange-link-context a
color #FF9800 !important
&:hover
color #FFB74D !important
.deep-orange-link-context a
color #FF5722 !important
&:hover
color #FF8A65 !important
.brown-link-context a
color #795548 !important
&:hover
color #A1887F !important
.grey-link-context a
color #9E9E9E !important
&:hover
color #E0E0E0 !important
.blue-grey-link-context a
color #607D8B !important
&:hover
color #90A4AE !important
.page-nav
height 50px
line-height 50px
.float-sitemap
position fixed
right 45px
bottom 50px
@media only screen and (max-width: 600px)
right 10px
bottom 15px
.construction-container
display inline-block
margin-top 40px
.btn
margin-top 20px
// 重置多说评论框中的checkbox被materialize库修改的样式
.ds-sync input[type="checkbox"]
position initial
visibility initial
+label:before
display none
// gallery
article .gallery .control {
opacity: 0;
transition: 0.3s;
}
article .gallery:hover .control {
opacity: 1;
-ms-filter: none;
filter: none;
}
article .gallery .prev,
article .gallery .next {
position: absolute;
top: 0;
width: 50%;
height: 100%;
cursor: pointer;
}
article .gallery .prev:before,
article .gallery .next:before {
position: absolute;
font: 24px/1 FontAwesome;
text-align: center;
width: 24px;
text-shadow: 0 0 15px rgba(0,0,0,0.5);
color: #fff;
margin-top: -12px;
top: 50%;
}
article .gallery .prev {
left: 0;
}
article .gallery .prev:before {
content: '\f053';
left: 10px;
}
article .gallery .next {
right: 0;
}
article .gallery .next:before {
content: '\f054';
right: 10px;
}
// 无JS(一般是微信页)的样式
.noscript
background rgba(0, 0, 0, 0.5)
position fixed
left 0
top 0
width 100%
z-index 9999
animation-duration: 6s;
animation-name: noscript-slide;
p
margin 0
padding 0 30px
color white
@keyframes noscript-slide {
0% {
top: -100px;
}
50% {
top: -100px;
}
100% {
top: 0;
}
}
// 阅读计数与站点访客
.read-times-container
margin-left 15px
.fa
margin-right 0
.site-visitors-container
margin-top 10px
.book-item
display inline-block
position relative
img
padding 0
transition all 0.3s ease-out
&:hover img
transform scale(1.05)
.card-content
padding 15px
.card-title
line-height initial
font-size 1.4em
.card.small
.card-image
min-height 70%
max-height 70%
.card-content
max-height 30%
.external-link
font-size 1.2em
.search-modal
padding 30px 20px
max-height 80%
input[type=text]
&:focus
border-bottom-color #757575
box-shadow 0 1px 0 0 #757575
&+label
color #212121
.search-result
margin-top 5px
margin-bottom 15px
user-height = 100px
item-height = 48px
.side-nav
.row
margin-bottom 0
.col
line-height user-height
a
height item-height
line-height item-height
color white
i
height item-height
line-height item-height
width 1.5rem
li
line-height item-height
&:hover, &:active
background-color rgba(0, 0, 0, 0.2)
&.side-user
background-color transparent
.avatar-image
width 50px
padding 0
vertical-align middle
.info
height user-height
p
line-height 24px
margin-top 5px
margin-bottom 0
text-shadow: 1px 1px 1px #444;
.name
font-size 1.2em
.desc
font-size 0.9em
li.side-user
height user-height
// background: url(images/side-user-cover.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
// margin-bottom: 10px;
// 分类目录
collapse-base-padding = 15px
collapse-step-padding = 15px
.collapse-level-0
padding-left collapse-base-padding
.collapse-level-1
padding-left collapse-base-padding + collapse-step-padding * 1
.collapse-level-2
padding-left collapse-base-padding + collapse-step-padding * 2
.collapse-space
margin-bottom 10px
#category-menu.side-nav
a
height item-height * 0.75
line-height item-height * 0.75
i
height item-height * 0.75
line-height item-height * 0.75
li
line-height item-height * 0.75
padding-right 15px
.slider-image
border none
border-radius 0
background-color transparent
padding 0
color-code-background = #042029
color-simple-code-background = #93AAAC
article
pre
padding 10px 16px
.line:after
content: ''
display: inline-block;
code, pre
font-family font-mono
color #333
font-size 1em
// white-space pre-wrap
// word-wrap break-word
p code, li code
margin 0 3px
padding: 0 5px;
border-radius: 5px;
border: 1px solid #e0e0e0
color: #212121;
background-color #eeeeee
pre .keyword
color #859900
pre .tag
color #f8f8f2
pre
// Theme: Monokai plus Solarized(Dark) from Sublime Text theme
.comment
.template_comment
.diff .header
.doctype
.pi
.lisp .string
.javadoc
color #75715c
font-style italic
.doctype
color #268bd2
.keyword
.winutils
.method
.addition
.css .tag
.request
.status
.nginx .title
color #66d9ef
.number
.command
.phpdoc
.tex .formula
.regexp
.hexcolor
color #ae81fc
.string
.tag .value
color #e6db6e
.title
.localvars
.chunk
.decorator
.built_in
.identifier
.vhdl
.literal
.id
color #f22672
.attribute
.variable
.lisp .body
.smalltalk .number
.constant
.class .title
.parent
.haskell .type
color #a6e22e
.preprocessor
.preprocessor .keyword
.shebang
.symbol
.symbol .string
.diff .change
.special
.attr_selector
.important
.subst
.cdata
.clojure .title
color #cb4b16
.deletion
color #dc322f
// 调整hexo默认的代码段(table)样式
figure.highlight
margin-left 0
margin-right 0
overflow auto
td
padding 0
pre
margin 0
overflow auto
figcaption a
position absolute
right 25px
.gutter
width 5%
.toc
position fixed
top 0px
margin-top 15%
left calc(50% + 600px)
ol
list-style-type none
padding-left 1em
.section
margin 2px 0
padding-top 0
padding-bottom 0
.table-of-contents
a.active
border-left-color #2196f3
font-weight bold
a:hover
border-left-color #2196f3
.book_section{
background: #fff;
float:left;
width:100%;
padding:80px 0 80px 0;
}
.book_section h2 {
font-size: 35px;
text-align: center;
box-sizing: border-box;
word-spacing: -0.15em;
font-weight: 10;
}
.book_container{
display:table;
margin:0 auto 0 auto;
position:relative;
}
.btn-primary:hover,
.btn-primary:focus {
background-color: #108d6f;
border-color: #108d6f;
box-shadow: none;
outline: none;
}
.btn-primary {
color: #fff;
background-color: #007b5e;
border-color: #007b5e;
}
.book_section {
padding: 60px 0;
}
.book_section .section-title {
text-align: center;
color: #333;
margin-bottom: 50px;
}
.book_section .card {
border: none;
background: #ffffff;
}
.image-flip:hover .backside,
.image-flip.hover .backside {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
border-radius: .25rem;
}
.image-flip:hover .frontside,
.image-flip.hover .frontside {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.mainflip {
-webkit-transition: 1s;
-webkit-transform-style: preserve-3d;
-ms-transition: 1s;
-moz-transition: 1s;
-moz-transform: perspective(1000px);
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transition: 1s;
transform-style: preserve-3d;
position: relative;
}
.frontside {
position: relative;
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
z-index: 2;
margin-bottom: 30px;
box-shadow: 5px 10px 12px -4px rgb(158, 158, 158);
}
.backside {
position: absolute;
top: 0;
left: 0;
background: white;
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
-moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
box-shadow: 5px 10px 12px -4px rgb(158, 158, 158);
}
.frontside,
.backside {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: 1s;
-webkit-transform-style: preserve-3d;
-moz-transition: 1s;
-moz-transform-style: preserve-3d;
-o-transition: 1s;
-o-transform-style: preserve-3d;
-ms-transition: 1s;
-ms-transform-style: preserve-3d;
transition: 1s;
transform-style: preserve-3d;
}
.frontside .card,
.backside .card {
margin: 0 auto;
/* min-height: 312px;*/
height: 520px;
}
.backside .card .purchase{
width: 100%;
bottom: 10px;
position: absolute;
text-align: center;
}
.backside .card .purchase a {
left:30%;
position: relative;
font-size: 18px;
}
.frontside .card .card-title,
.backside .card .card-title {
margin-top: 0;
margin-bottom: 0;
padding-top: 25px;
padding-bottom: 25px;
font-weight:bold;
font-size: 24px;
color: #333 !important;
background-color: #c0e3e7;
}
.frontside .card .card-body img {
width: 120px;
height: 120px;
border-radius: 50%;
}
.card .description {
margin: 20px;
font-size: 16px;
}
.card .card-author{
font-size: 16px;
}
.card .bookname{
margin-top: 20px;
}
.card .bookimg{
padding-top: 25px;
padding-bottom: 25px;
background-color: #c0e3e7;
}
.download_section{
background-color: #fff;
margin: 80px;
}
.download_section h2 {
font-size: 35px;
text-align: center;
box-sizing: border-box;
word-spacing: -0.15em;
font-weight: 10;
}
.download_container{
margin: 0 auto;
padding: 30px;
text-align: center;
/*background-color: #eee;*/
background-color: #fff;
width: 80%;
}
.download_container .download_card{
width: 33%;
display: inline-block;
/*background-color: #00ff00;*/
}
.download_container .download_card p.download_chinese{
/*color: #000;*/
font-size: 1.15em;
margin: 20px;
}
.download_container .download_card p.download_english{
/*color: #000;*/
font-size: 1.15em;
margin: 10px;
}
.download_container .download_card a{
text-decoration:none;
color: #000;
}
.download_container .download_card a:hover{
color: blue;
}
\ No newline at end of file
.feature_section{
margin-top: 50px;
}
.feature_section h2 {
padding: 30px;
font-size: 35px;
text-align: center;
box-sizing: border-box;
word-spacing: -0.15em;
font-weight: 10;
}
.feature_container{
width: 100%;
background-color: #187cc2;
}
/*#187cc2; this is blue*/
.feature_grid {
overflow: hidden;
margin: 0;
width: 100%;
list-style: none;
text-align: center;
background-color: #fff;
}
/* Common style */
.feature_grid figure {
box-sizing: border-box;
position: relative;
z-index: 1;
display: inline-block;
overflow: hidden;
margin: -0.135em;
background: #187cc2;
text-align: center;
cursor: pointer;
}
.feature_grid figure img.bigPic {
box-sizing: border-box;
position: relative;
display: block;
min-height: 100%;
height:394px;
opacity: 0.8;
}
.feature_grid figure figcaption {
box-sizing: border-box;
padding: 2em;
color: #fff;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.feature_grid figure figcaption::before,
.feature_grid figure figcaption::after {
box-sizing: border-box;
pointer-events: none;
}
.feature_grid figure figcaption,
.feature_grid figure a {
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.feature_grid figure a {
box-sizing: border-box;
/*z-index: 1000;*/
text-indent: 200%;
/*white-space: nowrap;*/
font-size: 0;
opacity: 0;
}
.feature_grid figure h2 {
box-sizing: border-box;
word-spacing: -0.15em;
color:#fff;
font-weight: 300;
}
.feature_grid figure h2 span {
box-sizing: border-box;
font-weight: 800;
}
.feature_grid figure h2,
.feature_grid figure p {
margin: 0;
}
.feature_grid figure p {
line-height: 1.4;
letter-spacing: 2px;
font-size: 68.5%;
color: #fff;
}
/* Individual effects */
/*---------------*/
/***** Ruby *****/
/*---------------*/
figure.effect-ruby {
background-color: #373d41;
}
figure.effect-ruby img.bigPic {
opacity: 0.6;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
figure.effect-ruby:hover img.bigPic {
opacity: 0.3;
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
figure.effect-ruby h2 {
margin-top: 20%;
padding-bottom: 10px;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-ruby:hover h2 {
-webkit-transform: translate3d(0,-180px,0);
transform: translate3d(0,-180px,0);
}
figure.effect-ruby h2::after {
position: absolute;
text-align: center;
bottom: 0;
left: 0;
width: 40%;
height: 3px;
margin-left: 30%;
background: #fff;
content: '';
}
figure.effect-ruby h3 {
margin-top: 10%;
padding-bottom: 10px;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-ruby h3.feature_content {
font-weight: 20;
}
figure.effect-ruby:hover h3 {
-webkit-transform: translate3d(0,-100px,0);
transform: translate3d(0,-100px,0);
}
figure.effect-ruby p.checkDetail {
text-align: center;
margin: 2em 0 0 0;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,0,0) scale(1.1);
transform: translate3d(0,0,0) scale(1.1);
}
figure.effect-ruby:hover p.checkDetail {
opacity: 1;
-webkit-transform: translate3d(0,-80px,0) scale(1);
transform: translate3d(0,-80px,0) scale(1);
}
.plink{
padding: 6px;
font-size: 130%;
border: 1px solid #ffffff;
border-radius: 5px;
padding-left: 25px;
padding-right: 25px;
}
/*020D31*/
figcaption img{
}
This source diff could not be displayed because it is too large. You can view the blob instead.
.subscribe_section{
float:left;
width:100%;
background:#121b23 url(images/signup-bg.jpg) no-repeat center top;
padding:50px 0 10px 0;
}
.subscribe_section h2{
text-align:center;
font-family: 'open_sansregular';
font-size:18px;
color:#fff;
font-weight:normal;
margin:0 0 40px 0;
padding:0 0 0 0;
text-transform:uppercase;
}
.subscribe_section form{
display:table;
width:415px;
margin:0 auto 0 auto;
}
.subscribe_section form input[type="text"], .subscribe_section form input[type="email"]{
float:left;
width:270px;
height:40px;
text-align:left;
font-family: 'open_sansregular';
font-size:14px;
color:#fff;
background:none;
border:1px solid #fff;
padding:0 0 0 10px;
margin:0 0 0 0;
transition:0.5s; -webkit-transition:0.5s;
border-radius:5px; -webkit-border-radius:5px;
}
.subscribe_section form input[type="submit"]{
float:right;
width:120px;
height:40px;
text-align:center;
font-family: 'open_sansbold';
font-size:14px;
color:#fff;
background:none;
border:1px solid #fff;
padding:0 0 0 0;
margin:0 0 0 0;
cursor:pointer;
transition:0.5s; -webkit-transition:0.5s;
border-radius:5px; -webkit-border-radius:5px;
}
.subscribe_section form input[type="submit"]:hover{
background:#187cc2;
border:1px solid #187cc2;
}
.subscribe_section form input[type="text"]:focus, .subscribe_section form input[type="email"]:focus{
border:1px solid #187cc2;
}
.footer_logo{
display:table;
margin:0 auto 15px auto;
float:none;
}
.copyright{
text-align:center;
font-family: 'open_sanslight';
font-size:14px;
color:#a5a5a5;
margin:0 0 0 0;
}
.copyright a{
color:#187cc2;
text-decoration:none;
}
.footer-center,
.footer-right{
display: inline-block;
vertical-align: top;
}
/* Footer left */
/* Footer links */
.footer-links{
color: #ffffff;
margin: 20px 0 12px;
padding: 0;
}
.footer-links a{
display:inline-block;
line-height: 1.8;
text-decoration: none;
color: inherit;
}
.footer-company-name{
color: #8f9296;
font-size: 14px;
font-weight: normal;
margin: 0;
}
/* Footer Center */
.footer-center{
marker-top:0;
margin-left:10%;
width: 40%;
}
.footer-center i{
background-color: #33383b;
color: #ffffff;
font-size: 25px;
width: 38px;
height: 38px;
border-radius: 50%;
text-align: center;
line-height: 42px;
margin: 10px 15px;
vertical-align: middle;
}
.footer-center i.fa-envelope{
font-size: 17px;
line-height: 38px;
}
.footer-center p{
display: inline-block;
color: #ffffff;
vertical-align: middle;
margin:0;
}
.footer-center p span{
display:block;
font-weight: normal;
font-size:14px;
line-height:2;
}
.footer-center p a{
color: #5383d3;
text-decoration: none;;
}
/* Footer Right */
.footer-right{
width: 40%;
}
.footer-company-about{
line-height: 20px;
color: #92999f;
font-size: 13px;
font-weight: normal;
margin: 0;
}
.footer-company-about span{
display: block;
color: #ffffff;
font-size: 18px;
font-weight: bold;
margin-top: 15px;
margin-bottom: 20px;
}
.footer-icons{
margin-top: 25px;
}
.footer-icons a{
display: inline-block;
width: 35px;
height: 35px;
cursor: pointer;
background-color: #33383b;
border-radius: 2px;
font-size: 20px;
color: #ffffff;
text-align: center;
line-height: 35px;
margin-right: 3px;
margin-bottom: 5px;
}
.copyrights{
text-indent:-9999px;
height:0;
line-height:0;
font-size:0;
overflow:hidden;
}
\ No newline at end of file
.header{
float:left;
width:100%;
height:auto;
padding:46px 0 46px 0;
}
.header_fix{
float:none;
position:fixed;
top:0px;
left:0px;
width:100%;
padding:16px 0 16px 0;
z-index:99999;
background:#fff;
box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000;
}
.logo{
float:left;
margin:8px 0 0 0;
}
.nav{
float:right;
margin:0 0 0 0;
}
.nav .title{
display:none;
}
.nav select{
display:none;
}
.nav ul{
float:right;
margin:0 0 0 0;
}
.nav ul li{
float:left;
margin:0 0 0 0;
}
.nav ul li a{
float:left;
text-decoration:none;
text-align:center;
font-family: 'open_sansregular';
font-size:13px;
color:#333;
font-weight:normal;
margin:0 0 0 0;
padding:10px 25px 10px 25px;
text-transform:uppercase;
margin:0 0 0 0;
transition:0.5s; -webkit-transition:0.5s;
}
.nav ul li:last-of-type{
float:right;
margin:0 0 0 40px;
}
.nav ul li:last-of-type a{
background:#187cc2;
color:#fff;
}
.nav ul li a:hover{
background:#187cc2;
color:#fff;
}
.nav ul li:last-of-type a:hover{
background:#323232;
color:#fff;
}
\ No newline at end of file
.intro_section{
margin-top: 80px;
}
.intro_section h2 {
padding: 30px;
font-size: 35px;
text-align: center;
box-sizing: border-box;
word-spacing: -0.15em;
font-weight: 10;
}
.intro_container{
margin: 0 auto;
/*padding-top: 80px;*/
background-color: #eee;
background-image: url('../images/introBg.png');
height: 434px;
}
.testimonial_box {
color: #fff;
background-color:rgba(0,0,0,0);
/*background-image: url('../images/introBg.png');*/
display:table;
position:relative;
width:920px;
height:85px;
border:1px solid #e7e7e7;
margin:20px auto 30px 150px;
padding:30px;
transition:0.5s; -webkit-transition:0.5s;
border-radius:5px; -webkit-border-radius:5px;
}
.testimonial_box a{
color: #fff;
}
.testimonial_box .quote_button{
position:absolute;
margin:0 0 0 0;
z-index:5;
left:-20px;
top:-15px;
}
.testimonial_box .para{
float:left;
width:600px;
text-align:left;
font-family: 'open_sanslight';
font-size:14px;
color:#5f5f5f;
line-height:24px;
margin:10px 0 0 0;
font-style:italic;
}
.testimonial_box .clientinfo{
float:right;
width:110px;
margin:0 0 0 0;
text-align:center;
font-family: 'open_sansregular';
font-size:13px;
color:#000;
}
.testimonial_box .clientinfo img{
display:table;
margin:0 auto 10px auto;
}
.common_section .iconblock{
float:left;
width:300px;
height:70px;
padding:0 0 0 0;
background:#fff;
border:1px solid #e7e7e7;
text-align:center;
font-family: 'open_sansregular';
font-size:20px;
color:#333;
position:relative;
line-height:70px;
transition:0.5s; -webkit-transition:0.5s;
}
\ No newline at end of file
/**
* BxSlider v4.1.2 - Fully loaded, responsive content slider
* http://bxslider.com
*
* Written by: Steven Wanderski, 2014
* http://stevenwanderski.com
* (while drinking Belgian ales and listening to jazz)
*
* CEO and founder of bxCreative, LTD
* http://bxcreative.com
*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
position: relative;
margin: 0 auto 0 auto;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {
max-width: 100%;
display: block;
}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {
left: 0px;
/*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
bottom:-50px;
width: 100%;
position:absolute;
}
/* LOADER */
.bx-wrapper .bx-loading {
min-height: 50px;
background: url(../images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 4px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #fff;
text-indent: -9999px;
display: block;
width: 8px;
height: 8px;
border:2px solid #fff;
margin: 0 5px;
outline: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #C00;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
left:-2%;
background:url(../images/leftarrow.png) no-repeat left top;
transition:0.5s; -webkit-transition:0.5s;
}
.bx-wrapper .test-prev {
left:55px !important;
background:url(../images/leftarrow.png) no-repeat;
transition:0.5s; -webkit-transition:0.5s;
}
.bx-wrapper .test-next {
left:30px !important;
background:url(../images/right-test-arrow.png) no-repeat !important;
transition:0.5s; -webkit-transition:0.5s;
right:0px !important;
}
.bx-wrapper .bx-next {
left:100%;
background:url(../images/rightarrow.png) no-repeat left top;
transition:0.5s; -webkit-transition:0.5s;
}
.bx-wrapper .bx-prev:hover {
background:url(../images/leftarrow.png) no-repeat left bottom;
}
.bx-wrapper .bx-next:hover {
background:url(../images/rightarrow.png) no-repeat left bottom;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top:50%;
margin-top:-20px;
outline: 0;
width: 18px;
height: 30px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: block;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(../images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(../images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}
This source diff could not be displayed because it is too large. You can view the blob instead.
/* Tomorrow Night Eighties Theme */
/* Original theme - https://github.com/chriskempson/tomorrow-theme */
.prettyprint {
background: #1D1F21;
font-family: Menlo, 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, Consolas, monospace;
font-size: 13px;
line-height: 1.5;
border: 1px solid #ccc;
padding: 10px;
}
.pln {
color: #cccccc;
}
@media screen {
.str {
color: #99cc99;
}
.kwd {
color: #cc99cc;
}
.com {
color: #999999;
}
.typ {
color: #6699cc;
}
.lit {
color: #f99157;
}
.pun {
color: #cccccc;
}
.opn {
color: #cccccc;
}
.clo {
color: #cccccc;
}
.tag {
color: #f2777a;
}
.atn {
color: #f99157;
}
.atv {
color: #66cccc;
}
.dec {
color: #f99157;
}
.var {
color: #f2777a;
}
.fun {
color: #6699cc;
}
}
@media print, projection {
.str {
color: #006600;
}
.kwd {
color: #006;
font-weight: bold;
}
.com {
color: #600;
font-style: italic;
}
.typ {
color: #404;
font-weight: bold;
}
.lit {
color: #004444;
}
.pun, .opn, .clo {
color: #444400;
}
.tag {
color: #006;
font-weight: bold;
}
.atn {
color: #440044;
}
.atv {
color: #006600;
}
}
/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
margin-top: 0;
margin-bottom: 0;
}
/* IE indents via margin-left */
li.L0,
li.L1,
li.L2,
li.L3,
li.L4,
li.L5,
li.L6,
li.L7,
li.L8,
li.L9 {
/* */
}
/* Alternate shading for lines */
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 {
/* */
}
@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;}
/* 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 {
font-family: 'open_sansregular';
src: url('fonts/opensans-regular-webfont.eot');
src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans-regular-webfont.woff') format('woff'),
url('fonts/opensans-regular-webfont.ttf') format('truetype'),
url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sanslight';
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;
}
@font-face {
font-family: 'open_sansextrabold';
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;
}
.news_section{
margin: 50px;
}
.news_container{
display:table;
margin:0 auto 0 auto;
width: 80%;
position:relative;
}
.news_section h2 {
padding: 30px;
font-size: 35px;
text-align: center;
box-sizing: border-box;
word-spacing: -0.15em;
font-weight: 10;
}
.article{
border-bottom: 2px dashed #dedede;
}
.article-title{
display: inline-block;
margin-top: 5px;
vertical-align:middle;
/*padding-right:10px;*/
width: 100%;
}
.article-title a{
float: left;
font-size:1.75em;
font-weight: 400;
color: #333;
}
.article-title p{
float:right;
font-size:1.15em;
}
.article-content{
width: 100%;
color: #666666;
font-size:1.05em;
}
.article-content p{
margin-top: 5px;
margin-bottom: 10px;
}
\ No newline at end of file
.feature_section{
/*//float:left;*/
margin-top: 200px;
width:100%;
/*background:#f8f8fa;*/
background:#fff;
padding:80px 0 80px 0;
}
.feature_section .leftside{
float:left;
width:390px;
margin:0 0 0 35px;
}
.feature_section .leftside img{
float:right;
}
.feature_section .rightside{
float:right;
width:587px;
margin:0 35px 0 0;
}
.feature_section h2{
text-align:center;
font-family: 'open_sansregular';
font-size:30px;
color:#333;
font-weight:normal;
margin:30px 0 30px 0;
padding:0 0 0 0;
}
.feature_section p{
text-align:left;
font-family: 'open_sanslight';
font-size:16px;
/*color:#777779;*/
color:#282829;
line-height:24px;
font-weight:normal;
margin:0 0 30px 0;
}
.feature{
float:left;
width:100%;
text-align:left;
font-family: 'open_sanslight';
font-size:14px;
color:#777779;
line-height:24px;
font-weight:normal;
margin:0 0 25px 0;
}
.feature span{
float:left;
width:33px;
height:33px;
background:#187cc2;
text-align:center;
font-size:16px;
color:#fff;
line-height:33px;
transition:0.5s; -webkit-transition:0.5s;
border-radius:3px; -webkit-border-radius:3px;
margin:0 16px 0 0;
}
.feature .description{
color: #282829;
font-size: 16px;
float:left;
width:530px;
}
.feature strong{
/*color:#333;*/
font-size:20px;
color: #282829;
font-family: 'open_sanssemibold';
font-weight:normal;
}
.feature.one{
background:url(images/icons/i4.png) no-repeat left top;
}
.feature.two{
background:url(images/icons/i5.png) no-repeat left top;
}
.feature_row{
background-color: #000000;
}
.feature_container{
width: 100%;
}
.feature_cart{
filter:blur(1px);
-webkit-filter:blur(1px);
-moz-filter:blur(1px);
-ms-filter:blur(1px);
-o-filter:blur(1px);
}
a.button3{
float:left;
width:145px;
height:45px;
border:1px solid #187cc2;
text-align:center;
font-family: 'open_sanslight';
font-size:14px;
color:#fff;
font-weight:normal;
text-transform:uppercase;
line-height:45px;
margin:10px 25px 0 0;
border-radius:3px; -webkit-border-radius:3px;
transition:0.5s; -webkit-transition:0.5s;
text-decoration:none;
background:#187cc2;
}
a.button3:hover{
background:none;
border:1px solid #000;
text-decoration:none;
color:#000;
}
a.button4{
float:left;
width:145px;
height:45px;
border:1px solid #000;
text-align:center;
font-family: 'open_sanslight';
font-size:14px;
color:#000;
font-weight:normal;
text-transform:uppercase;
line-height:45px;
margin:10px 0 0 0;
border-radius:3px; -webkit-border-radius:3px;
transition:0.5s; -webkit-transition:0.5s;
background:none;
text-decoration:none;
}
a.button4:hover{
text-decoration:none;
background:#187cc2;
border:1px solid #187cc2;
color:#fff;
}
.ano_feature_section{
float:left;
width:100%;
background:#fff;
padding:80px 0 80px 0;
border-bottom:1px solid #e7e7e7;
}
img.imagethumb2{
margin:100px 0 0 10px;
}
.ano_feature_section .leftside{
float:left;
width:587px;
margin:0 0 0 35px;
}
.ano_feature_section .rightside{
float:right;
width:390px;
margin:0 35px 0 0;
}
\ No newline at end of file
/*
* Core Owl Carousel CSS File
* v1.3.2
*/
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
cursor:url(grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
/*
* Owl Carousel Owl Demo Theme
* v1.3.2
*/
.owl-theme .owl-controls{
margin-top: 10px;
text-align: center;
}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
text-decoration: none;
}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #869791;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
/* preloading images */
.owl-item.loading{
min-height: 150px;
background: url(AjaxLoader.gif) no-repeat center center
}
\ No newline at end of file
/*
* Owl Carousel CSS3 Transitions
* v1.3.2
*/
.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x : 50%;
-webkit-perspective-origin-y : 50%;
-moz-perspective : 1200px;
-moz-perspective-origin-x : 50%;
-moz-perspective-origin-y : 50%;
perspective : 1200px;
}
/* fade */
.owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
0% {opacity: 1}
}
@-moz-keyframes empty {
0% {opacity: 1}
}
@keyframes empty {
0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-moz-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
25% { opacity: .5; -moz-transform: translateZ(-500px); }
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
25% { opacity: .5; transform: translateZ(-500px); }
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -moz-transform: translateZ(-500px); }
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; transform: translateZ(-500px); }
100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
from { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes scaleUpTo {
to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
to { opacity: 0; transform: scale(1.5); }
}
\ No newline at end of file
.service_grid {
overflow: hidden;
margin: 0;
width: 100%;
list-style: none;
text-align: center;
background-color: #fff;
}
/* Common style */
.service_grid figure {
position: relative;
z-index: 1;
display: inline-block;
overflow: hidden;
margin: 1px;
/*background: #3085a3;*/
background: #3085a3;
text-align: center;
cursor: pointer;
width: 33%;
}
.service_grid figure img {
box-sizing: border-box;
position: relative;
display: block;
width: 100%;
/* min-height: 100%;*/
opacity: 1;
}
.service_grid figure figcaption {
box-sizing: border-box;
padding: 2em;
color: #fff;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.service_grid figure figcaption::before,
.service_grid figure figcaption::after {
box-sizing: border-box;
pointer-events: none;
}
.service_grid figure figcaption{
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.service_grid figure h2 {
box-sizing: border-box;
word-spacing: -0.15em;
font-weight: 10;
}
.service_grid figure h4 {
margin: 0;
}
.service_grid figure h2 span {
box-sizing: border-box;
font-weight: 100;
}
.service_grid figure h3 {
box-sizing: border-box;
word-spacing: -0.15em;
font-weight: 50;
}
.service_grid figure h3 span {
box-sizing: border-box;
font-weight: 400;
font-size: 1.75em;
}
.service_grid figure h4 span {
box-sizing: border-box;
font-weight: 200;
font-size: 1.25em;
}
.service_grid figure a{
text-decoration: none;
color:#fff;
}
.service_grid figure a:hover{
text-decoration: underline;
color:#fff;
}
.service_grid figure h2,
.service_grid figure h3,
.service_grid figure p {
margin: 0;
letter-spacing: 1px;
}
.service_grid div.midleFigure h5{
/*margin-top: 20px;*/
/*padding-top: 20px;*/
font-weight: normal;
font-family: 'open_sansregular';
font-size: 35px;
line-height: 1.1;
letter-spacing: 0.15em;
}
/* Individual effects */
/*---------------*/
/***** Ruby *****/
/*---------------*/
.service_grid figure.effect-ruby2 {
background-color: #000;
}
.service_grid figure.noEffect{
background-color: #fff;
display: inline-block;
margin-bottom: 40px;
}
.service_grid figure.effect-ruby2 img {
opacity: 1;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
.service_grid figure.effect-ruby2:hover img {
opacity: 0.5;
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
.service_grid figure.effect-ruby2 h2 {
margin-top: 5%;
padding-bottom: 10px;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.service_grid figure.effect-ruby2:hover h2 {
-webkit-transform: translate3d(0,-180px,0);
transform: translate3d(0,-180px,0);
}
.service_grid figure.effect-ruby2 h3 {
padding-bottom: 10px;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.service_grid figure.effect-ruby2:hover h3 {
-webkit-transform: translate3d(0,-80px,0);
transform: translate3d(0,-80px,0);
}
.service_grid figure.effect-ruby2 h4 {
padding-bottom: 10px;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.service_grid figure.effect-ruby2:hover h4 {
-webkit-transform: translate3d(0,-80px,0);
transform: translate3d(0,-80px,0);
}
.service_grid figure.effect-ruby2 p {
margin: 40px 0 80px 0;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,0px,0) scale(1.1);
transform: translate3d(0,0px,0) scale(1.1);
}
.service_grid figure.effect-ruby2:hover p {
opacity: 1;
-webkit-transform: translate3d(0,-20px,0) scale(1);
transform: translate3d(0,-20px,0) scale(1);
}
.service_grid .plink{
margin: 30px;
font-size: 18px;
padding: 5px 20px 5px 20px;
border: 1px solid #ffffff;
border-radius: 3px;
}
.service_grid figure figcaption img{
margin: 0 auto;
width: 60px;
}
.slider {
width: 100%;
background-color: #187cc2;
}
.slider .row{
margin: 0;
}
.slider .left_content {
margin-top: 150px;
}
.slider .slider_right {
height: 500px;
padding: 0px;
background-image: url("../images/campus2.jpg");
}
.slider .slider_left img{
height: 200px;
margin-left: 100px;
}
.slider h2{
margin-top: 40px;
color: #fff;
font-size: 30px;
margin-bottom: 20px;
}
.slider p{
color: #fff;
margin-bottom: 25px;
}
.slider a{
font-size: 18px;
border-radius: 3px;
border: 1px solid #fff;
color: #fff;
padding: 3px;
}
.slider .col-lg-6{
padding: 0;
}
\ No newline at end of file
@media (max-width: 1200px){
.container{
margin:0 0 0 0 !important;
width:100%;
position:relative;
}
.logo{
float:none;
display:table;
margin:15px auto 25px auto;
}
.nav{
float:none;
display:table;
width:auto;
margin:0 auto 10px auto;
}
.header{
float:left;
width:94%;
height:auto;
padding:20px 3% 20px 3%;
}
.header_fix{
float:none;
position:fixed;
width:94%;
padding:0 3% 0 3%;
}
.wrapper {
padding-top: 0px;
}
.service_section{
width:94%;
padding:50px 3% 50px 3%;
}
.service_section .column{
width:30%;
margin:0 4.5% 0 0;
}
.service_section h4{
margin:0 0 50px 0;
}
.feature_section{
width:94%;
padding:50px 3% 50px 3%;
}
.feature_section .leftside{
width:35%;
margin:0 0 0 0;
}
.feature_section .leftside img{
max-width:100%;
width:auto;
}
.feature_section .rightside{
width:60%;
margin:0 0px 0 0;
}
.feature span{
float:left;
width:7%;
margin:0 0 0 0;
}
.feature .description{
float:right;
width:90%;
}
.ano_feature_section{
width:94%;
padding:50px 3% 50px 3%;
}
img.imagethumb2{
margin:100px 0 0 0;
}
.ano_feature_section .leftside{
float:left;
width:65%;
margin:0 0 0 0;
}
.ano_feature_section .rightside{
float:right;
width:30%;
margin:0 0 0 0;
}
.ano_feature_section .rightside img{
float:left;
width:auto;
max-width:100%;
height:auto;
}
.common_section{
width:94%;
padding:50px 3% 50px 3%;
}
.common_section .faqbox{
width:100%;
margin:0 0 30px 0;
}
.common_section .faqbox.longer{
width:100%;
margin:0 0 30px 0;
}
.testimonial_box{
width:80%;
height:auto;
padding:2%;
}
.testimonial_box .para{
width:100%;
margin-bottom:20px;
}
.testimonial_box .clientinfo{
float:none;
display:table;
margin:0 auto 0 auto;
}
.pricing_table_section{
width:94%;
padding:40px 3% 40px 3%;
}
.pricing_table_section .block:last-of-type{
float:right;
margin:0 0 0 0;
}
.pricing_table_section .block{
width:100%;
margin:0 0 30px 0;
}
.pricing_table_section .block .head{
width:100%;
padding:25px 0 25px 0;
}
form.hpform{
width:100%;
}
form.hpform input[type="text"], form.hpform input[type="email"], form.hpform textarea{
width:98%;
height:40px;
margin:0 0 15px 0;
padding:0 0 0 2%;
}
form.hpform textarea{
padding:2%;
width:96%;
height:120px;
}
form.hpform input[type="submit"]{
width:100%;
height:43px;
}
.subscribe_section{
float:left;
width:94%;
background:#121b23 url(images/signup-bg.jpg) repeat center top;
padding:50px 3% 50px 3%;
}
.subscribe_section form{
width:100%;
}
.subscribe_section form input[type="text"], .subscribe_section form input[type="email"]{
width:98%;
padding:0 0 0 2%;
margin:0 0 20px 0;
}
.subscribe_section form input[type="submit"]{
float:left;
width:100%;
}
}
@media (max-width: 900px){
.slider_main{
display:none;
}
.testimonial_box{
width:80%;
height:auto;
padding:2%;
}
.testimonial_box .para{
width:100%;
margin-bottom:20px;
}
.testimonial_box .clientinfo{
float:none;
display:table;
margin:0 auto 0 auto;
}
.header{
border-bottom:5px solid #06C;
}
.logo{
float:none;
display:table;
margin:15px auto 15px auto;
}
.mobile{
float:left;
width:96%;
border:1px solid #e7e7e7;
padding:15px 2% 15px 2%;
margin:0 0 10px 0;
position:relative;
}
.mobile ul{
display:none;
}
.nav .title{
display:block;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#333;
text-transform:uppercase;
margin:0 0 0 0;
padding:0 0 0 0;
background:url(images/plus.png) no-repeat right center;
cursor:pointer;
}
.nav .title.minus{
background:url(images/minus.png) no-repeat right center;
}
.nav .title span{
float:right;
}
.nav ul{
position:absolute;
float:none;
top:50px;
left:-1px;
margin:0 0 0 0;
background:#f7f7f7;
width:100%;
border:1px solid #e7e7e7;
z-index:99;
}
.nav ul li{
width:100%;
border-bottom:1px solid #e7e7e7;
}
.nav ul li a{
text-align:left;
width:96%;
color:#333;
padding:2%;
}
.nav ul li:last-of-type{
float:right;
margin:0 0 0 40px;
}
.nav ul li:last-of-type a{
background:#187cc2;
color:#fff;
}
.nav ul li a:hover{
background:#187cc2;
color:#fff;
}
.nav ul li:last-of-type a:hover{
background:#323232;
color:#fff;
}
.feature_section .leftside {
margin: 0;
width: 100%;
}
.feature_section .leftside img {
max-width: 100%;
width: auto;
float:none;
margin:0 auto 0 auto;
display:table;
}
.feature_section .rightside {
margin: 0;
width: 100%;
}
.ano_feature_section .leftside{
width: 100%;
}
.ano_feature_section .rightside img {
float: none;
height: auto;
max-width: 100%;
width: auto;
margin:50px auto 0 auto;
display:table;
}
}
@media (max-width: 384px){
.service_section .column{
width:100%;
margin:0 0 25px 0;
}
.testimonial_box{
width:80%;
height:auto;
padding:2%;
}
.testimonial_box .para{
width:100%;
margin-bottom:20px;
}
.testimonial_box .clientinfo{
float:none;
display:table;
margin:0 auto 0 auto;
}
.service_section .column:last-of-type{
float:left;
margin:0 0 25px 0;
}
a.button3, a.button4{
float:left;
width:100%;
margin:10px 0px 0 0;
}
.ano_feature_section .rightside img{
width: 100%;
}
.feature_section .leftside img {
width: 100%;
}
.pricing_table_section .block ul li a.button5, .pricing_table_section .block ul li a.button6{
float:left;
width:100%;
margin:10px 0 15px 0;
}
}
\ No newline at end of file
@import 'nib'
// 全局变量
@import '_base/variable'
@import '_base/icons.css'
// 重置基础库
@import '_base/lib_customize'
// 基本布局
@import '_base/layout'
// 各组件布局
@import '_partial/link_context'
@import '_partial/header'
@import '_partial/search'
@import '_partial/article'
@import '_partial/footer'
@import '_partial/slider'
@import '_partial/side_nav'
@import '_partial/tablecontents'
@import '_partial/other'
// 语法高亮
@import '_partial/syntax'
// 读书页面
@import '_partial/reading'
// 关于页面
@import '_partial/about'
// @import '_partial/archive'
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论