Commit 6071f751 by cy

开始改造

parents
menu:
Home: /
Archives: /archives
\ 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 篇"
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<title><%= config.title %></title>
</head>
\ No newline at end of file
<% 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
<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
<!DOCTYPE html>
<html>
<%- partial('_partial/head') %>
<body>
<%- partial('_partial/header') %>
<main class="main">
<%- body %>
</main>
</body>
</html>
\ No newline at end of file
<div class="article">
<div class="article-title">
<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>
\ No newline at end of file
.post {
margin: 1em auto;
padding: 30px 50px;
background-color: #fff;
border: 1px solid #ddd;
box-shadow: 0 0 2px #ddd;
}
.posts {
.post:first-child {
margin-top: 0;
}
.post-title {
font-size: 1.5em;
.post-title-link {
color: #368CCB;
text-decoration: none;
}
}
.post-content {
a {
color: #368CCB;
text-decoration: none;
}
}
.post-meta {
color: #BABABA;
}
}
\ 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;
}
/* FontAwesome for working BootSnippet :> */
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
.book_section{
background: #eee !important;
float:left;
width:100%;
padding:80px 0 80px 0;
}
.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;
}
.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 7px 9px -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;
}
.common_section .article{
margin: 30px;
padding:0 0 20px 0;
background:#fff;
border:1px solid #e7e7e7;
font-family: 'open_sansregular';
font-size:20px;
color:#333;
/*position:relative;*/
/* line-height:70px;*/
transition:0.5s; -webkit-transition:0.5s;
}
.common_section .article:hover{
z-index:33;
box-shadow:0 0 11px #666; -webkit-box-shadow:0 0 11px #666;
}
.article .article-title{
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
border-bottom: 0.5px solid #333;
}
.article .article-content{
margin: 20px;
font-size: 16px;
}
.article .article-readmore{
margin: 20px;
margin-bottom: 50px;
}
\ 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
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.
/* LayerSlider Borderless Dark Skin */
.ls-borderlessdark .ls-ct-half {
background: #444;
}
.ls-borderlessdark .ls-ct-center {
background: white;
}
.ls-borderlessdark .ls-playvideo {
width: 50px;
height: 50px;
margin-left: -25px;
margin-top: -25px;
}
.ls-borderlessdark .ls-playvideo,
.ls-borderlessdark .ls-nav-sides,
.ls-borderlessdark .ls-bottom-slidebuttons a,
.ls-borderlessdark .ls-nav-prev,
.ls-borderlessdark .ls-nav-next,
.ls-borderlessdark .ls-nav-start,
.ls-borderlessdark .ls-nav-stop,
.ls-borderlessdark .ls-fullscreen,
.ls-borderlessdark .ls-loading-container {
background-image: url(skin.png);
}
.ls-borderlessdark .ls-playvideo {
background-position: -300px -150px;
}
.ls-borderlessdark .ls-playvideo:hover,
.ls-borderlessdark .ls-vpcontainer:hover .ls-playvideo {
background-position: -375px -150px;
}
.ls-borderlessdark .ls-nav-prev {
background-position: 0px 0px;
}
.ls-borderlessdark .ls-nav-prev:hover {
background-position: 0px -75px;
}
.ls-borderlessdark .ls-nav-next {
background-position: -150px 0px;
}
.ls-borderlessdark .ls-nav-next:hover {
background-position: -150px -75px;
}
.ls-borderlessdark .ls-nav-start {
background-position: -300px 0px;
}
.ls-borderlessdark .ls-nav-start:hover,
.ls-borderlessdark .ls-nav-start-active {
background-position: -300px -75px;
}
.ls-borderlessdark .ls-nav-stop {
background-position: -450px 0px;
}
.ls-borderlessdark .ls-nav-stop:hover,
.ls-borderlessdark .ls-nav-stop-active {
background-position: -450px -75px;
}
.ls-borderlessdark .ls-bottom-slidebuttons a {
background-position: 0px -150px;
}
.ls-borderlessdark .ls-bottom-slidebuttons a.ls-nav-active,
.ls-borderlessdark .ls-bottom-slidebuttons a:hover {
background-position: -75px -150px;
}
.ls-borderlessdark .ls-nav-sideleft {
background-position: -150px -150px;
}
.ls-borderlessdark .ls-nav-sideright {
background-position: -225px -150px;
}
.ls-borderlessdark .ls-nav-prev,
.ls-borderlessdark .ls-nav-next {
width: 50px;
height: 50px;
z-index: 10000;
top: 50%;
margin-top: -22px;
position: absolute;
}
.ls-borderlessdark .ls-nav-prev {
left: 10px;
}
.ls-borderlessdark .ls-nav-next {
right: 10px;
}
.ls-borderlessdark .ls-bottom-slidebuttons,
.ls-borderlessdark .ls-bottom-slidebuttons a,
.ls-borderlessdark .ls-nav-start,
.ls-borderlessdark .ls-nav-stop,
.ls-borderlessdark .ls-nav-sides {
height: 36px;
}
.ls-borderlessdark .ls-bottom-slidebuttons,
.ls-borderlessdark .ls-bottom-slidebuttons a,
.ls-borderlessdark .ls-nav-start,
.ls-borderlessdark .ls-nav-stop,
.ls-borderlessdark .ls-nav-sides {
display: inline-block;
}
.ls-borderlessdark .ls-bottom-slidebuttons,
.ls-borderlessdark .ls-nav-start,
.ls-borderlessdark .ls-nav-stop,
.ls-borderlessdark .ls-nav-sides {
top: -44px;
}
.ls-borderlessdark .ls-nav-start,
.ls-borderlessdark .ls-nav-stop {
width: 24px;
}
.ls-borderlessdark .ls-bottom-slidebuttons a {
width: 20px;
}
.ls-borderlessdark .ls-nav-sides {
width: 13px;
}
.ls-borderlessdark .ls-thumbnail-hover {
bottom: 45px;
padding: 3px;
margin-left: 1px;
}
.ls-borderlessdark .ls-thumbnail-hover-bg {
background: #4f4f4f;
box-shadow: 0px 2px 12px -4px black;
border-radius: 4px;
}
.ls-borderlessdark .ls-thumbnail-hover span {
border: 5px solid #4f4f4f;
margin-left: -5px;
}
.ls-borderlessdark .ls-thumbnail {
top: 15px;
}
.ls-borderlessdark .ls-thumbnail-inner {
padding: 2px;
margin-left: -2px;
background: #4f4f4f;
border-radius: 4px;
}
.ls-borderlessdark .ls-thumbnail-slide a {
margin-right: 2px;
}
.ls-borderlessdark .ls-nothumb {
background: #555;
}
.ls-borderlessdark .ls-shadow {
display: block;
}
.ls-borderlessdark .ls-loading-container {
width: 50px;
height: 50px;
margin-left: -25px;
margin-top: -22px;
background-position: -450px -150px;
}
.ls-borderlessdark .ls-loading-indicator {
width: 22px;
height: 22px;
margin-top: 11px;
background-image: url(loading.gif);
}
.ls-borderlessdark .ls-fullscreen {
width: 30px;
height: 30px;
right: 10px;
top: 10px;
background-position: -525px -150px;
}
.ls-borderlessdark .ls-fullscreen:hover {
background-position: -525px -190px;
}
/* LayerSlider Borderless Dark 3D Skin */
.ls-borderlessdark3d .ls-ct-half {
background: #444;
}
.ls-borderlessdark3d .ls-ct-center {
background: white;
}
.ls-borderlessdark3d .ls-playvideo {
width: 50px;
height: 50px;
margin-left: -25px;
margin-top: -25px;
}
.ls-borderlessdark3d .ls-playvideo,
.ls-borderlessdark3d .ls-nav-sides,
.ls-borderlessdark3d .ls-bottom-slidebuttons a,
.ls-borderlessdark3d .ls-nav-prev,
.ls-borderlessdark3d .ls-nav-next,
.ls-borderlessdark3d .ls-nav-start,
.ls-borderlessdark3d .ls-nav-stop,
.ls-borderlessdark3d .ls-fullscreen,
.ls-borderlessdark3d .ls-loading-container {
background-image: url(skin.png);
}
.ls-borderlessdark3d .ls-playvideo {
background-position: -300px -150px;
}
.ls-borderlessdark3d .ls-playvideo:hover,
.ls-borderlessdark3d .ls-vpcontainer:hover .ls-playvideo {
background-position: -375px -150px;
}
.ls-borderlessdark3d .ls-nav-prev {
background-position: 0px 0px;
}
.ls-borderlessdark3d .ls-nav-prev:hover {
background-position: 0px -75px;
}
.ls-borderlessdark3d .ls-nav-next {
background-position: -150px 0px;
}
.ls-borderlessdark3d .ls-nav-next:hover {
background-position: -150px -75px;
}
.ls-borderlessdark3d .ls-nav-start {
background-position: -300px 0px;
}
.ls-borderlessdark3d .ls-nav-start:hover,
.ls-borderlessdark3d .ls-nav-start-active {
background-position: -300px -75px;
}
.ls-borderlessdark3d .ls-nav-stop {
background-position: -450px 0px;
}
.ls-borderlessdark3d .ls-nav-stop:hover,
.ls-borderlessdark3d .ls-nav-stop-active {
background-position: -450px -75px;
}
.ls-borderlessdark3d .ls-bottom-slidebuttons a {
background-position: 0px -150px;
}
.ls-borderlessdark3d .ls-bottom-slidebuttons a.ls-nav-active,
.ls-borderlessdark3d .ls-bottom-slidebuttons a:hover {
background-position: -75px -150px;
}
.ls-borderlessdark3d .ls-nav-sideleft {
background-position: -150px -150px;
}
.ls-borderlessdark3d .ls-nav-sideright {
background-position: -225px -150px;
}
.ls-borderlessdark3d .ls-nav-prev,
.ls-borderlessdark3d .ls-nav-next {
width: 40px;
height: 40px;
z-index: 10000;
top: 50%;
margin-top: -20px;
position: absolute;
}
.ls-borderlessdark3d .ls-nav-prev {
left: 10px;
}
.ls-borderlessdark3d .ls-nav-next {
right: 10px;
}
.ls-borderlessdark3d .ls-bottom-slidebuttons,
.ls-borderlessdark3d .ls-bottom-slidebuttons a,
.ls-borderlessdark3d .ls-nav-start,
.ls-borderlessdark3d .ls-nav-stop,
.ls-borderlessdark3d .ls-nav-sides {
height: 20px;
}
.ls-borderlessdark3d .ls-bottom-slidebuttons,
.ls-borderlessdark3d .ls-bottom-slidebuttons a,
.ls-borderlessdark3d .ls-nav-start,
.ls-borderlessdark3d .ls-nav-stop,
.ls-borderlessdark3d .ls-nav-sides {
display: inline-block;
}
.ls-borderlessdark3d .ls-bottom-slidebuttons,
.ls-borderlessdark3d .ls-nav-start,
.ls-borderlessdark3d .ls-nav-stop,
.ls-borderlessdark3d .ls-nav-sides {
top: -30px;
}
.ls-borderlessdark3d .ls-nav-start,
.ls-borderlessdark3d .ls-nav-stop {
width: 25px;
}
.ls-borderlessdark3d .ls-bottom-slidebuttons a {
width: 20px;
}
.ls-borderlessdark3d .ls-nav-sides {
width: 0px;
}
.ls-borderlessdark3d .ls-thumbnail-hover {
bottom: 30px;
padding: 3px;
}
.ls-borderlessdark3d .ls-thumbnail-hover-bg {
background: #222;
box-shadow: 0px 2px 12px -4px black;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.ls-borderlessdark3d .ls-thumbnail-hover span {
border: 5px solid #222;
margin-left: -5px;
}
.ls-borderlessdark3d .ls-thumbnail {
top: 10px;
}
.ls-borderlessdark3d .ls-thumbnail-inner {
padding: 3px;
margin-left: -3px;
background: #222;
box-shadow: 0px 3px 15px -5px #000;
-moz-box-shadow: 0px 3px 15px -5px #000;
-webkit-box-shadow: 0px 3px 15px -5px #000;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.ls-borderlessdark3d .ls-thumbnail-slide a {
margin-right: 3px;
}
.ls-borderlessdark3d .ls-nothumb {
background: #333;
}
.ls-borderlessdark3d .ls-shadow {
display: block;
}
.ls-borderlessdark3d .ls-loading-container {
width: 40px;
height: 40px;
margin-left: -20px;
margin-top: -20px;
background-position: -450px -150px;
}
.ls-borderlessdark3d .ls-loading-indicator {
width: 22px;
height: 22px;
margin-top: 9px;
background-image: url(loading.gif);
}
.ls-borderlessdark3d .ls-fullscreen {
width: 30px;
height: 30px;
right: 10px;
top: 10px;
background-position: -525px -150px;
}
.ls-borderlessdark3d .ls-fullscreen:hover {
background-position: -525px -190px;
}
\ No newline at end of file
/* LayerSlider Borderless Light Skin */
.ls-borderlesslight .ls-playvideo {
width: 50px;
height: 50px;
margin-left: -25px;
margin-top: -25px;
}
.ls-borderlesslight .ls-playvideo,
.ls-borderlesslight .ls-nav-sides,
.ls-borderlesslight .ls-bottom-slidebuttons a,
.ls-borderlesslight .ls-nav-prev,
.ls-borderlesslight .ls-nav-next,
.ls-borderlesslight .ls-nav-start,
.ls-borderlesslight .ls-nav-stop,
.ls-borderlesslight .ls-fullscreen,
.ls-borderlesslight .ls-loading-container {
background-image: url(skin.png);
}
.ls-borderlesslight .ls-playvideo {
background-position: -300px -150px;
}
.ls-borderlesslight .ls-playvideo:hover,
.ls-borderlesslight .ls-vpcontainer:hover .ls-playvideo {
background-position: -375px -150px;
}
.ls-borderlesslight .ls-nav-prev {
background-position: 0px 0px;
}
.ls-borderlesslight .ls-nav-prev:hover {
background-position: 0px -75px;
}
.ls-borderlesslight .ls-nav-next {
background-position: -150px 0px;
}
.ls-borderlesslight .ls-nav-next:hover {
background-position: -150px -75px;
}
.ls-borderlesslight .ls-nav-start {
background-position: -300px 0px;
}
.ls-borderlesslight .ls-nav-start:hover,
.ls-borderlesslight .ls-nav-start-active {
background-position: -300px -75px;
}
.ls-borderlesslight .ls-nav-stop {
background-position: -450px 0px;
}
.ls-borderlesslight .ls-nav-stop:hover,
.ls-borderlesslight .ls-nav-stop-active {
background-position: -450px -75px;
}
.ls-borderlesslight .ls-bottom-slidebuttons a {
background-position: 0px -150px;
}
.ls-borderlesslight .ls-bottom-slidebuttons a.ls-nav-active,
.ls-borderlesslight .ls-bottom-slidebuttons a:hover {
background-position: -75px -150px;
}
.ls-borderlesslight .ls-nav-sideleft {
background-position: -150px -150px;
}
.ls-borderlesslight .ls-nav-sideright {
background-position: -225px -150px;
}
.ls-borderlesslight .ls-nav-prev,
.ls-borderlesslight .ls-nav-next {
width: 50px;
height: 50px;
z-index: 10000;
top: 50%;
margin-top: -22px;
position: absolute;
}
.ls-borderlesslight .ls-nav-prev {
left: 10px;
}
.ls-borderlesslight .ls-nav-next {
right: 10px;
}
.ls-borderlesslight .ls-bottom-slidebuttons,
.ls-borderlesslight .ls-bottom-slidebuttons a,
.ls-borderlesslight .ls-nav-start,
.ls-borderlesslight .ls-nav-stop,
.ls-borderlesslight .ls-nav-sides {
height: 36px;
}
.ls-borderlesslight .ls-bottom-slidebuttons,
.ls-borderlesslight .ls-bottom-slidebuttons a,
.ls-borderlesslight .ls-nav-start,
.ls-borderlesslight .ls-nav-stop,
.ls-borderlesslight .ls-nav-sides {
display: inline-block;
}
.ls-borderlesslight .ls-bottom-slidebuttons,
.ls-borderlesslight .ls-nav-start,
.ls-borderlesslight .ls-nav-stop,
.ls-borderlesslight .ls-nav-sides {
top: -44px;
}
.ls-borderlesslight .ls-nav-start,
.ls-borderlesslight .ls-nav-stop {
width: 24px;
}
.ls-borderlesslight .ls-bottom-slidebuttons a {
width: 20px;
}
.ls-borderlesslight .ls-nav-sides {
width: 13px;
}
.ls-borderlesslight .ls-thumbnail-hover {
bottom: 45px;
padding: 3px;
margin-left: 1px;
}
.ls-borderlesslight .ls-thumbnail-hover-bg {
background: #eee;
box-shadow: 0px 2px 12px -4px black;
border-radius: 4px;
}
.ls-borderlesslight .ls-thumbnail-hover span {
border: 5px solid #eee;
margin-left: -5px;
}
.ls-borderlesslight .ls-thumbnail {
top: 15px;
}
.ls-borderlesslight .ls-thumbnail-inner {
padding: 2px;
margin-left: -2px;
background: #fff;
border-radius: 4px;
}
.ls-borderlesslight .ls-thumbnail-slide a {
margin-right: 2px;
}
.ls-borderlesslight .ls-nothumb {
background: #eee;
}
.ls-borderlesslight .ls-shadow {
display: block;
}
.ls-borderlesslight .ls-loading-container {
width: 50px;
height: 50px;
margin-left: -25px;
margin-top: -22px;
background-position: -450px -150px;
}
.ls-borderlesslight .ls-loading-indicator {
width: 22px;
height: 22px;
margin-top: 11px;
background-image: url(loading.gif);
}
.ls-borderlesslight .ls-fullscreen {
width: 30px;
height: 30px;
right: 10px;
top: 10px;
background-position: -525px -150px;
}
.ls-borderlesslight .ls-fullscreen:hover {
background-position: -525px -190px;
}
\ No newline at end of file
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论