video-template-2
@@ -957,6 +957,13 @@ textarea.form-control{ height: auto;}
|
||||
.video-play-page .stui-player__head a {
|
||||
color: #fff;
|
||||
}
|
||||
.video-play-page .dplayer-video-wrap {
|
||||
max-height: 168px;
|
||||
}
|
||||
|
||||
.video-play-page video {
|
||||
max-height: 168px;
|
||||
}
|
||||
}
|
||||
/** 播放器 end */
|
||||
|
||||
@@ -970,6 +977,54 @@ textarea.form-control{ height: auto;}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
pc 导航 滚动
|
||||
*/
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.stui-screen__list {
|
||||
display: flex;
|
||||
overflow-x: auto; /* 启用横向滚动 */
|
||||
white-space: nowrap; /* 强制单行显示 */
|
||||
scrollbar-width: thin; /* 滚动条宽度(Firefox) */
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.stui-screen__list::-webkit-scrollbar {
|
||||
height: 8px; /* 滚动条高度(Chrome/Safari) */
|
||||
}
|
||||
|
||||
.stui-screen__list::-webkit-scrollbar-thumb {
|
||||
background: #e0dfdf; /* 滚动条颜色 */
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.stui-screen__list::-webkit-scrollbar-thumb:hover {
|
||||
background: #8a8888; /* 滚动条悬停颜色 */
|
||||
}
|
||||
|
||||
.stui-screen__list li {
|
||||
flex: 0 0 auto; /* 防止缩小,保持原始宽度 */
|
||||
margin-right: 12px; /* 导航项间距 */
|
||||
}
|
||||
|
||||
.stui-screen__list li a,
|
||||
.stui-screen__list li span {
|
||||
display: inline-block;
|
||||
padding: 8px 16px;
|
||||
text-decoration: none;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* 清除浮动和默认样式 */
|
||||
.stui-screen__list.clearfix::after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
/* 保持active状态样式 */
|
||||
.stui-screen__list li.active a {
|
||||
color: #333; /* 可根据主题调整 */
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
161
code/public/template/videodingzhu/css/color.css
Normal file
@@ -0,0 +1,161 @@
|
||||
@charset "utf-8";
|
||||
|
||||
|
||||
/* style */
|
||||
/* .lvshicms-panel,.lvshicms-panel-box{ padding: 10px;} */
|
||||
.lvshicms-panel_hd{ padding: 10px;}
|
||||
.lvshicms-panel-box.active{ margin: -10px;}
|
||||
|
||||
/* all */
|
||||
body{ background: #f8f8f8; color: #666;}
|
||||
|
||||
/* text */
|
||||
a,h1, h2, h3, h4, h5, h6,h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color: #333;}
|
||||
a:hover{ color: cornflowerblue;}
|
||||
a.disabled{ cursor: not-allowed; opacity: 0.6;}
|
||||
.text-333{ color: #333;}
|
||||
.text-muted{ color: #999;}
|
||||
.text-red{ color: red;}
|
||||
.text-link{ color: blue;}
|
||||
.text-fff{ color: #fff;}
|
||||
|
||||
/* form */
|
||||
.form-control{ background-color:#F5F5F5; color: #999999; border: 1px solid #eee;}
|
||||
.form-control:focus{ border-color:#2299dd; -webkit-box-shadow:inset 0 1px 1px rgba(255,136,0,.075),0 0 8px rgba(255,136,0,.6);}
|
||||
|
||||
/* btn */
|
||||
.btn-default{ background-color: #eee; color: #333; background: linear-gradient(to right,#eeeeee 0,#f6f6f6 100%); box-shadow: 0 5px 10px rgba(246,246,246,.25);}
|
||||
.btn-warm{ background-color: #2299dd; background: linear-gradient(to right,#2299dd 0,#45A9E2 100%); box-shadow: 0 5px 10px rgba(69,169,226,.25);}
|
||||
.btn-primary{ background-color: #4fb1f7; background: linear-gradient(to right,#4fb1f7 0,#6bb8ee 100%); box-shadow: 0 5px 10px rgba(107,184,238,.25);}
|
||||
.btn-danger{ background-color: #fc000c; background: linear-gradient(to right,#fc000c 0,#f9444d 100%); box-shadow: 0 5px 10px rgba(249,68,77,.25);}
|
||||
.btn-info{ background-color: #5bc0de; background: linear-gradient(to right,#5bc0de 0,#7cc1d6 100%); box-shadow: 0 5px 10px rgba(124,193,214,.25);}
|
||||
.btn-gray{ background-color: #282828; color: #ddd; background: linear-gradient(to right,#282828 0,#3b3b3b 100%); box-shadow: 0 5px 10px rgba(59,59,59,.25);}
|
||||
.btn-warm,.btn-primary,.btn-danger,.btn-info{ color: #fff;}
|
||||
.btn-warm:hover,.btn-primary:hover,.btn-danger:hover,.btn-info:hover,.btn-gray:hover{ color: #fff;}
|
||||
.btn.disabled{ cursor: not-allowed; opacity: 0.6;}
|
||||
|
||||
/* border */
|
||||
.border{ border-color: #eee;}
|
||||
.border-primary{ border-color: #4fb1f7;}
|
||||
.border-danger{ border-color: red;}
|
||||
.border-info{ border-color: #5bc0de;}
|
||||
|
||||
/* line */
|
||||
.spot{ border-color: #2299dd;}
|
||||
.split-line{ background-color: #eee;}
|
||||
.top-line:before,.bottom-line:after,.top-line-dot:before,.bottom-line-dot:before{ border-color: #eee;}
|
||||
|
||||
/* badge */
|
||||
.badge{ background-color: #eee; color: #333;}
|
||||
.badge-first{ background-color: #ff4a4a; color: #fff;}
|
||||
.badge-second{ background-color: #ff7701; color: #fff;}
|
||||
.badge-third{ background-color: #ffb400; color: #fff;}
|
||||
|
||||
/* dropdown */
|
||||
.dropdown-box .item{ background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.1);}
|
||||
|
||||
/* pic-tag */
|
||||
.pic-tag{ }
|
||||
.pic-tag.active,.pic-tag-h{ background-color: #2299dd; color: #fff;}
|
||||
.pic-text,.pic-title-bottom{ background-repeat: no-repeat; background-image: linear-gradient(transparent,rgba(0,0,0,.5)); color: #fff;}
|
||||
.pic-text.active{ background: rgba(0,0,0,0.6); color: #fff;}
|
||||
.pic-title-top{background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%); color: #fff;}
|
||||
|
||||
/* link */
|
||||
.lvshicms-link__pic li img{ display: block; padding: 2px 6px; border-radius: 4px; background-color: #fff;}
|
||||
|
||||
/* nav */
|
||||
.nav li.active a{ border-color: #2299dd; color: #2299dd;}
|
||||
.nav-tabs li .dropdown-box .item li a{ color: #333;}
|
||||
.nav-tabs li .dropdown-box .item li.active a{ color: #2299dd;}
|
||||
|
||||
/* panel */
|
||||
.lvshicms-panel-bg,.lvshicms-panel-bg2{background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.05);}
|
||||
|
||||
/* vodlist */
|
||||
.lvshicms-vodlist__bg{background-color: #f5f5f5;}
|
||||
.lvshicms-vodlist__bg:hover{ box-shadow: 0 3px 5px rgba(0,0,0,.08);}
|
||||
|
||||
/* text-list */
|
||||
.lvshicms-vodlist__text.striped .striped-head,.lvshicms-vodlist__text.to-color li:nth-of-type(odd){ background-color: #f5f5f5;}
|
||||
|
||||
/* table */
|
||||
.lvshicms-table>thead>tr>th,.lvshicms-table>tbody>tr>td, .lvshicms-table>tbody>tr>th, .lvshicms-table>tfoot>tr>td, .lvshicms-table>tfoot>tr>th, .lvshicms-table>thead>tr>td, .lvshicms-table>thead>tr>th { border-color: #ddd;}
|
||||
|
||||
/* playlist */
|
||||
.lvshicms-content__list::-webkit-scrollbar,.lvshicms-playdown__list::-webkit-scrollbar{ width: 4px; background-color: #f5f5f5;}
|
||||
.lvshicms-content__list::-webkit-scrollbar-thumb,.lvshicms-playdown__list::-webkit-scrollbar-thumb{background-color: #ccc;}
|
||||
|
||||
/* player */
|
||||
.lvshicms-player__video{ background-color: #000;}
|
||||
.lvshicms-player__operate > li > a{ color: #999;}
|
||||
|
||||
/* popup */
|
||||
.popup{ background-color: #f8f8f8;}
|
||||
.popup-head{ background-color: #fff;}
|
||||
|
||||
/* content */
|
||||
.lvshicms-content__detail .score .rating li .fa,.lvshicms-content__detail .score .branch{ color: #2299dd;}
|
||||
|
||||
/* flickity */
|
||||
.flickity-page-dots .dot{ background-color: #2299dd;}
|
||||
|
||||
/* carousel */
|
||||
.carousel-indicators-dots li{ background-color: #2299dd;}
|
||||
.carousel-indicators-text li.active .title{ color: red;}
|
||||
.carousel-indicators-thumb li.active{ border: 3px solid #2299dd;}
|
||||
|
||||
/* extra */
|
||||
.lvshicms-extra li a{ background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
|
||||
.lvshicms-extra li a.backtop{ background-color: rgba(0,0,0,0.6); color: #fff; }
|
||||
|
||||
/* autocomplete */
|
||||
.autocomplete-suggestions{ background-color: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.05);}
|
||||
.autocomplete-suggestion, .autocomplete-suggestions li,.autocomplete-suggestion, .autocomplete-suggestions li a{ color: #333;}
|
||||
.autocomplete-suggestions li strong{ color: red;}
|
||||
|
||||
/* tabbar */
|
||||
.lvshicms-nav__tabbar{background-color: #f8f8f8; border-color: #eee;}
|
||||
.lvshicms-nav__tabbar .item .title{ color: #999;}
|
||||
|
||||
/* footer */
|
||||
.lvshicms-foot{ background-color: #f8f8f8;}
|
||||
|
||||
/*head*/
|
||||
.lvshicms-header__top,.lvshicms-header__top::before, .lvshicms-header__top::after,.lvshicms-header__logo .logo,.lvshicms-header__search,.lvshicms-header__user {
|
||||
|
||||
background-color: #fff;
|
||||
|
||||
}
|
||||
.lvshicms-header__top {
|
||||
|
||||
box-shadow:0 1px 3px rgba(0,0,0,.05);
|
||||
|
||||
}
|
||||
.lvshicms-header__menu > ul > li.active > a {
|
||||
background-color:#2299dd;
|
||||
color:#fff;
|
||||
}
|
||||
.lvshicms-header__search li.search-item{
|
||||
border-color:#999;
|
||||
}
|
||||
.detail-info-box{
|
||||
background-color: #fff;
|
||||
box-shadow:0 1px 3px rgba(0,0,0,.05);
|
||||
}
|
||||
.lvshicms-content__thumb .lvshicms-vodlist__thumb {
|
||||
|
||||
box-shadow: 0 2px 6px rgba(200, 200, 200, .6);
|
||||
}
|
||||
.lvshicms-player__data{
|
||||
background-color:#fff;
|
||||
box-shadow:0 1px 3px rgba(0,0,0,.05);
|
||||
}
|
||||
|
||||
.bread-crumbs {
|
||||
/*background: linear-gradient(to right,#eeeeee 0,#f6f6f6 100%);*/
|
||||
}
|
||||
|
||||
.detail-info-box .data a {
|
||||
/*color: cornflowerblue;*/
|
||||
}
|
||||
2415
code/public/template/videodingzhu/css/global.css
Normal file
384
code/public/template/videodingzhu/css/plugins.css
Normal file
1712
code/public/template/videodingzhu/css/style.css
Normal file
BIN
code/public/template/videodingzhu/fonts/fontawesome-webfont.ttf
Normal file
BIN
code/public/template/videodingzhu/fonts/fontawesome-webfont.woff
Normal file
BIN
code/public/template/videodingzhu/images/favicon.ico
Normal file
|
After Width: | Height: | Size: 477 B |
BIN
code/public/template/videodingzhu/images/icon/art.png
Normal file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
code/public/template/videodingzhu/images/icon/bd.png
Normal file
|
After Width: | Height: | Size: 1.6 KiB |
BIN
code/public/template/videodingzhu/images/icon/dh.png
Normal file
|
After Width: | Height: | Size: 978 B |
BIN
code/public/template/videodingzhu/images/icon/dm.png
Normal file
|
After Width: | Height: | Size: 2.3 KiB |
BIN
code/public/template/videodingzhu/images/icon/ds.png
Normal file
|
After Width: | Height: | Size: 2.1 KiB |
BIN
code/public/template/videodingzhu/images/icon/dy.png
Normal file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
code/public/template/videodingzhu/images/icon/home.png
Normal file
|
After Width: | Height: | Size: 917 B |
BIN
code/public/template/videodingzhu/images/icon/zy.png
Normal file
|
After Width: | Height: | Size: 2.7 KiB |
BIN
code/public/template/videodingzhu/images/load.png
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
code/public/template/videodingzhu/images/play.png
Normal file
|
After Width: | Height: | Size: 2.4 KiB |
2
code/public/template/videodingzhu/static/player/parse.js
Normal file
@@ -0,0 +1,2 @@
|
||||
MacPlayer.Html = '<iframe width="100%" height="100%" src="'+MacPlayer.Parse + MacPlayer.PlayUrl+'" frameborder="0" border="0" marginwidth="0" marginheight="0" scrolling="no" allowfullscreen="allowfullscreen" mozallowfullscreen="mozallowfullscreen" msallowfullscreen="msallowfullscreen" oallowfullscreen="oallowfullscreen" webkitallowfullscreen="webkitallowfullscreen" security="restricted" sandbox="allow-same-origin allow-forms allow-scripts"></iframe>';
|
||||
MacPlayer.Show();
|
||||