video-template-3
119
code/public/template/videoboku/css/mytheme-color.css
Normal file
@@ -0,0 +1,119 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* style */
|
||||
.myui-panel,.myui-panel-box{ padding: 0;}
|
||||
.myui-panel_hd{ padding: 10px;}
|
||||
.myui-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:#ff9900; -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: #ff9900; background: linear-gradient(to right,#ff9900 0,#ff9f16 100%); box-shadow: 0 5px 10px rgba(255,111,0,.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: #ff9900;}
|
||||
.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{ background-color: rgba(0,0,0,0.6); color: #fff;}
|
||||
.pic-tag.active,.pic-tag-h{ background-color: #ff9900; 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 */
|
||||
.myui-link__pic li img{ display: block; padding: 2px 6px; border-radius: 4px; background-color: #fff;}
|
||||
|
||||
/* nav */
|
||||
.nav-tabs > li.active a{ border-color: #ff9900; color: #ff9900;}
|
||||
.nav-tabs > li .dropdown-box .item li a{ color: #333;}
|
||||
.nav-tabs > li .dropdown-box .item li.active a{ color: #ff9900;}
|
||||
.nav-btn > li a{ background-color: #f5f5f5;}
|
||||
.nav-btn > li.active a{ background-color: #ff9900; color: #fff;}
|
||||
|
||||
/* panel */
|
||||
.myui-panel-bg,.myui-panel-bg2{background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.05);}
|
||||
|
||||
/* vodlist */
|
||||
.myui-vodlist__bg{background-color: #f5f5f5;}
|
||||
.myui-vodlist__bg:hover{ box-shadow: 0 3px 5px rgba(0,0,0,.08);}
|
||||
|
||||
/* text-list */
|
||||
.myui-vodlist__text.striped .striped-head,.myui-vodlist__text.to-color li:nth-of-type(odd){ background-color: #f5f5f5;}
|
||||
|
||||
/* table */
|
||||
.myui-table>thead>tr>th,.myui-table>tbody>tr>td, .myui-table>tbody>tr>th, .myui-table>tfoot>tr>td, .myui-table>tfoot>tr>th, .myui-table>thead>tr>td, .myui-table>thead>tr>th { border-color: #ddd;}
|
||||
|
||||
/* player */
|
||||
.myui-player__video{ background-color: #000;}
|
||||
.myui-player__operate > li > a{ color: #999;}
|
||||
|
||||
/* popup */
|
||||
.popup{ background-color: #f8f8f8;}
|
||||
.popup-head{ background-color: #fff;}
|
||||
|
||||
/* content */
|
||||
.myui-content__detail .score .rating li .fa,.myui-content__detail .score .branch{ color: #ff9900;}
|
||||
|
||||
/* flickity */
|
||||
.flickity-page-dots .dot{ background-color: #ff9900;}
|
||||
|
||||
/* carousel */
|
||||
.carousel-indicators-dots li{ background-color: #ff9900;}
|
||||
.carousel-indicators-text li.active .title{ color: red;}
|
||||
.carousel-indicators-thumb li.active{ border: 3px solid #ff9900;}
|
||||
|
||||
/* extra */
|
||||
.myui-extra li a{ background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
|
||||
.myui-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 */
|
||||
.myui-nav__tabbar{background-color: #f8f8f8; border-color: #eee;}
|
||||
.myui-nav__tabbar .item .title{ color: #999;}
|
||||
|
||||
/* footer */
|
||||
.myui-foot{ background-color: #f8f8f8;}
|
||||
120
code/public/template/videoboku/css/mytheme-color1.css
Normal file
@@ -0,0 +1,120 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* style */
|
||||
.myui-panel,.myui-panel-box{ padding: 0;}
|
||||
.myui-panel.active,.myui-panel_hd{ padding: 10px;}
|
||||
.myui-panel-box.active{ margin: 0;}
|
||||
|
||||
/* all */
|
||||
body{ background: #292838; color: #999;}
|
||||
|
||||
/* text */
|
||||
a,h1, h2, h3, h4, h5, h6,h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color: #ddd;}
|
||||
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: #fff;}
|
||||
.text-fff{ color: #fff;}
|
||||
|
||||
/* form */
|
||||
.form-control{ background-color:#F5F5F5; color: #999999; border: 1px solid #eee;}
|
||||
.form-control:focus{ border-color:#ff9900; -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: #ff9900; background: linear-gradient(to right,#ff9900 0,#ff9f16 100%); box-shadow: 0 5px 10px rgba(255,111,0,.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: #383737;}
|
||||
.border-primary{ border-color: #4fb1f7;}
|
||||
.border-danger{ border-color: red;}
|
||||
.border-info{ border-color: #5bc0de;}
|
||||
|
||||
/* line */
|
||||
.spot{ border-color: #ff9900;}
|
||||
.split-line{ background-color: #383737;}
|
||||
.top-line:before,.bottom-line:after,.top-line-dot:before,.bottom-line-dot:before{ border-color: #383737;}
|
||||
|
||||
/* 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{ background-color: rgba(0,0,0,0.6); color: #fff;}
|
||||
.pic-tag.active,.pic-tag-h{ background-color: #ff9900; 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 */
|
||||
.myui-link__pic li img{ display: block; padding: 2px 6px; border-radius: 4px; background-color: #fff;}
|
||||
|
||||
/* nav */
|
||||
.nav-tabs > li.active a{ border-color: #ff9900; color: #ff9900;}
|
||||
.nav-tabs > li .dropdown-box .item li a{ color: #333;}
|
||||
.nav-tabs > li .dropdown-box .item li.active a{ color: #ff9900;}
|
||||
.nav-btn > li a{ background-color: #f5f5f5;}
|
||||
.nav-btn > li.active a{ background-color: #ff9900; color: #fff;}
|
||||
|
||||
/* vodlist */
|
||||
.myui-vodlist__bg{background-color: #f5f5f5;}
|
||||
.myui-vodlist__bg:hover{ box-shadow: 0 3px 5px rgba(0,0,0,.08);}
|
||||
|
||||
/* text-list */
|
||||
.myui-vodlist__text.striped .striped-head,.myui-vodlist__text.to-color li:nth-of-type(odd){ background-color: #22212f;}
|
||||
|
||||
/* table */
|
||||
.myui-table>thead>tr>th,.myui-table>tbody>tr>td, .myui-table>tbody>tr>th, .myui-table>tfoot>tr>td, .myui-table>tfoot>tr>th, .myui-table>thead>tr>td, .myui-table>thead>tr>th { border-color: #ddd;}
|
||||
|
||||
/* player */
|
||||
.myui-player__video{ background-color: #000;}
|
||||
.myui-player__operate > li > a{ color: #999;}
|
||||
|
||||
/* popup */
|
||||
.popup{ background-color: #f8f8f8;}
|
||||
.popup-head{ background-color: #fff;}
|
||||
|
||||
/* content */
|
||||
.myui-content__detail .score .rating li .fa,.myui-content__detail .score .branch{ color: #ff9900;}
|
||||
|
||||
/* flickity */
|
||||
.flickity-page-dots .dot{ background-color: #ff9900;}
|
||||
|
||||
/* carousel */
|
||||
.carousel-indicators-dots li{ background-color: #ff9900;}
|
||||
.carousel-indicators-text li.active .title{ color: red;}
|
||||
.carousel-indicators-thumb li.active{ border: 3px solid #ff9900;}
|
||||
|
||||
/* extra */
|
||||
.myui-extra li a{ background-color: #22212f; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
|
||||
.myui-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 */
|
||||
.myui-nav__tabbar{background-color: #f8f8f8; border-color: #eee;}
|
||||
.myui-nav__tabbar .item .title{ color: #999;}
|
||||
|
||||
/* panel */
|
||||
.myui-panel-bg{background-color: #292838;}
|
||||
.myui-panel-bg2{background-color: #22212f;}
|
||||
|
||||
/* footer */
|
||||
.myui-foot{ background-color: #292838;}
|
||||
117
code/public/template/videoboku/css/mytheme-color2.css
Normal file
@@ -0,0 +1,117 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* all */
|
||||
body{ background: #292838; color: #999;}
|
||||
|
||||
/* text */
|
||||
a,h1, h2, h3, h4, h5, h6,h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color: #ddd;}
|
||||
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:#ff9900; -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: #ff9900; background: linear-gradient(to right,#ff9900 0,#ff9f16 100%); box-shadow: 0 5px 10px rgba(255,111,0,.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: #383737;}
|
||||
.border-primary{ border-color: #4fb1f7;}
|
||||
.border-danger{ border-color: red;}
|
||||
.border-info{ border-color: #5bc0de;}
|
||||
|
||||
/* line */
|
||||
.spot{ border-color: #ff9900;}
|
||||
.split-line{ background-color: #383737;}
|
||||
.top-line:before,.bottom-line:after,.top-line-dot:before,.bottom-line-dot:before{ border-color: #383737;}
|
||||
|
||||
/* 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{ padding: 10px; border-radius: 4px; background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.1);}
|
||||
|
||||
/* pic-tag */
|
||||
.pic-tag{ background-color: rgba(0,0,0,0.6); color: #fff;}
|
||||
.pic-tag.active,.pic-tag-h{ background-color: #ff9900; 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 */
|
||||
.myui-link__pic li img{ display: block; padding: 2px 6px; border-radius: 4px; background-color: #fff;}
|
||||
|
||||
/* nav */
|
||||
.nav li.active a{ border-color: #ff9900; color: #ff9900;}
|
||||
.nav-tabs li .dropdown-box .item li a{ color: #333;}
|
||||
.nav-tabs li .dropdown-box .item li.active a{ color: #ff9900;}
|
||||
|
||||
/* tabbar */
|
||||
.myui-nav__tabbar{background-color: #f8f8f8; border-color: #eee;}
|
||||
.myui-nav__tabbar .item .title{ color: #999;}
|
||||
|
||||
/* panel */
|
||||
.myui-panel-bg{background-color: #292838;}
|
||||
.myui-panel-bg2{background-color: #22212f;}
|
||||
|
||||
/* vodlist */
|
||||
.myui-vodlist__bg{background-color: #f5f5f5;}
|
||||
.myui-vodlist__bg:hover{ box-shadow: 0 3px 5px rgba(0,0,0,.08);}
|
||||
|
||||
/* text-list */
|
||||
.myui-vodlist__text.striped .striped-head,.myui-vodlist__text.to-color li:nth-of-type(odd){ background-color: #22212f;}
|
||||
|
||||
/* table */
|
||||
.myui-table>thead>tr>th,.myui-table>tbody>tr>td, .myui-table>tbody>tr>th, .myui-table>tfoot>tr>td, .myui-table>tfoot>tr>th, .myui-table>thead>tr>td, .myui-table>thead>tr>th { border-color: #ddd;}
|
||||
|
||||
/* playlist */
|
||||
.myui-content__list::-webkit-scrollbar,.myui-playdown__list::-webkit-scrollbar{ width: 4px; background-color: #f5f5f5;}
|
||||
.myui-content__list::-webkit-scrollbar-thumb,.myui-playdown__list::-webkit-scrollbar-thumb{background-color: #ccc;}
|
||||
|
||||
/* player */
|
||||
.myui-player__video{ background-color: #000;}
|
||||
.myui-player__operate li a{ color: #999;}
|
||||
|
||||
/* popup */
|
||||
.popup{ background-color: #f8f8f8;}
|
||||
.popup-head{ background-color: #fff;}
|
||||
|
||||
/* content */
|
||||
.myui-content__detail .score .rating li .fa,.myui-content__detail .score .branch{ color: #ff9900;}
|
||||
|
||||
/* flickity */
|
||||
.flickity-page-dots .dot{ background-color: #ff9900;}
|
||||
|
||||
/* carousel */
|
||||
.carousel-indicators-dots li{ background-color: #ff9900;}
|
||||
.carousel-indicators-text li.active .title{ color: red;}
|
||||
.carousel-indicators-thumb li.active{ border: 3px solid #ff9900;}
|
||||
|
||||
/* extra */
|
||||
.myui-extra li a{ background-color: #22212f; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
|
||||
.myui-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;}
|
||||
|
||||
/* footer */
|
||||
.myui-foot{ border-top: 2px solid #ff9900; background-color: #292838;}
|
||||
120
code/public/template/videoboku/css/mytheme-color3.css
Normal file
@@ -0,0 +1,120 @@
|
||||
@charset "utf-8";
|
||||
/*!
|
||||
/* style */
|
||||
.myui-panel,.myui-panel-box{ padding: 0;}
|
||||
.myui-panel_hd{ padding: 10px;}
|
||||
.myui-panel-box.active{ margin: -10px;}
|
||||
|
||||
/* all */
|
||||
body{ background: #343434; color: #999;}
|
||||
|
||||
/* text */
|
||||
a,h1, h2, h3, h4, h5, h6,h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color: #ddd;}
|
||||
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: #fff;}
|
||||
.text-fff{ color: #fff;}
|
||||
|
||||
/* form */
|
||||
.form-control{ background-color:#F5F5F5; color: #999999; border: 1px solid #eee;}
|
||||
.form-control:focus{ border-color:#ff9900; -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: #ff9900; background: linear-gradient(to right,#ff9900 0,#ff9f16 100%); box-shadow: 0 5px 10px rgba(255,111,0,.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: #383737;}
|
||||
.border-primary{ border-color: #4fb1f7;}
|
||||
.border-danger{ border-color: red;}
|
||||
.border-info{ border-color: #5bc0de;}
|
||||
|
||||
/* line */
|
||||
.spot{ border-color: #ff9900;}
|
||||
.split-line{ background-color: #383737;}
|
||||
.top-line:before,.bottom-line:after,.top-line-dot:before,.bottom-line-dot:before{ border-color: #383737;}
|
||||
|
||||
/* 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{ background-color: rgba(0,0,0,0.6); color: #fff;}
|
||||
.pic-tag.active,.pic-tag-h{ background-color: #ff9900; 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 */
|
||||
.myui-link__pic li img{ display: block; padding: 2px 6px; border-radius: 4px; background-color: #fff;}
|
||||
|
||||
/* nav */
|
||||
.nav-tabs > li.active a{ border-color: #ff9900; color: #ff9900;}
|
||||
.nav-tabs > li .dropdown-box .item li a{ color: #333;}
|
||||
.nav-tabs > li .dropdown-box .item li.active a{ color: #ff9900;}
|
||||
.nav-btn > li a{ background-color: #f5f5f5;}
|
||||
.nav-btn > li.active a{ background-color: #ff9900; color: #fff;}
|
||||
|
||||
/* vodlist */
|
||||
.myui-vodlist__bg{background-color: #f5f5f5;}
|
||||
.myui-vodlist__bg:hover{ box-shadow: 0 3px 5px rgba(0,0,0,.08);}
|
||||
|
||||
/* text-list */
|
||||
.myui-vodlist__text.striped .striped-head,.myui-vodlist__text.to-color li:nth-of-type(odd){ background-color: #22212f;}
|
||||
|
||||
/* table */
|
||||
.myui-table>thead>tr>th,.myui-table>tbody>tr>td, .myui-table>tbody>tr>th, .myui-table>tfoot>tr>td, .myui-table>tfoot>tr>th, .myui-table>thead>tr>td, .myui-table>thead>tr>th { border-color: #ddd;}
|
||||
|
||||
/* player */
|
||||
.myui-player__video{ background-color: #000;}
|
||||
.myui-player__operate > li > a{ color: #999;}
|
||||
|
||||
/* popup */
|
||||
.popup{ background-color: #f8f8f8;}
|
||||
.popup-head{ background-color: #fff;}
|
||||
|
||||
/* content */
|
||||
.myui-content__detail .score .rating li .fa,.myui-content__detail .score .branch{ color: #ff9900;}
|
||||
|
||||
/* flickity */
|
||||
.flickity-page-dots .dot{ background-color: #ff9900;}
|
||||
|
||||
/* carousel */
|
||||
.carousel-indicators-dots li{ background-color: #ff9900;}
|
||||
.carousel-indicators-text li.active .title{ color: red;}
|
||||
.carousel-indicators-thumb li.active{ border: 3px solid #ff9900;}
|
||||
|
||||
/* extra */
|
||||
.myui-extra li a{ background-color: #22212f; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
|
||||
.myui-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 */
|
||||
.myui-nav__tabbar{background-color: #f8f8f8; border-color: #eee;}
|
||||
.myui-nav__tabbar .item .title{ color: #999;}
|
||||
|
||||
/* panel */
|
||||
.myui-panel-bg{background-color: #2B2A2A;}
|
||||
.myui-panel-bg2{background-color: #22212f;}
|
||||
|
||||
/* footer */
|
||||
.myui-foot{ background-color: #292838;}
|
||||
4
code/public/template/videoboku/css/mytheme-font.css
Normal file
3
code/public/template/videoboku/css/mytheme-share.css
Normal file
@@ -0,0 +1,3 @@
|
||||
@charset "utf-8";
|
||||
|
||||
|
||||
840
code/public/template/videoboku/css/mytheme-site-back.css
Normal file
@@ -0,0 +1,840 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* header */
|
||||
.myui-header__top{ top:0; z-index:999; width:100%; min-height:60px; background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.1);}
|
||||
.top-fixed-down{margin-top:-60px;}
|
||||
|
||||
/* header-logo */
|
||||
.myui-header__logo,.myui-header__menu,.myui-header__search{float:left;}
|
||||
.myui-header__logo img{ max-width: 180px;}
|
||||
.myui-header__logo .logo{ line-height: 60px;color: #ff9900;font-size: 16px;font-weight: 700;}
|
||||
|
||||
|
||||
/* header-seacrh */
|
||||
.myui-header__search{position: relative; width: 260px; margin-left: 50px; margin-top: 12px;}
|
||||
.myui-header__search .form-control{ padding-right: 30px; border-radius: 18px; background-color: #f5f5f5; border: 0;}
|
||||
.myui-header__search .submit{ display:block; position:absolute; top: 0; right: 15px; height:32px; line-height:30px; text-align:center; background: none; border: 0; font-size: 12px; cursor: pointer; color: #999;}
|
||||
.myui-header__search .dropdown-box{ margin-left: -130px;}
|
||||
.myui-header__search .dropdown-box .item{ width: 260px; padding: 20px;}
|
||||
.myui-header__search.search-box:hover .search-dropdown-hot{ display: block;}
|
||||
.myui-header__search .search-select{ position: absolute; top: 8px; left: 15px; padding-right: 8px; background: none; box-shadow: none; color: #666; border-right: 1px solid #ddd;}
|
||||
.myui-header__search .search-select .dropdown-box{ margin-left: -40px; z-index: 101;}
|
||||
.myui-header__search .search-select .dropdown-box .item{ width: 80px; padding: 10px;}
|
||||
.myui-header__search .search-select .dropdown-box .item li{ text-align: center; padding: 2px 0;}
|
||||
|
||||
/* header-menu */
|
||||
.myui-header__menu{position:relative;}
|
||||
.myui-header__menu > li{ position: relative; float: left; margin-left: 35px;}
|
||||
.myui-header__menu > li > a{ font-size: 16px; line-height: 60px; color: #333;}
|
||||
.myui-header__menu > li.active > a{ color: #ff9900;}
|
||||
.myui-header__menu > li .dropdown-box{ margin-left: -250px; padding-top: 0;}
|
||||
.myui-header__menu > li .dropdown-box .item{ width: 500px;}
|
||||
.myui-header__menu > li .dropdown-box .item li{ padding: 6px;}
|
||||
|
||||
/* header-user */
|
||||
.myui-header__user{float:right;}
|
||||
.myui-header__user > li{ float:left; position: relative; padding: 18px 0 10px; margin-left: 30px;}
|
||||
.myui-header__user > li > a,.myui-header__user > li > a .fa{ display: inline-block; font-size: 24px; line-height: 24px; color: #333;}
|
||||
.myui-header__user > li .dropdown-box{ right: 0; margin-left: 0; margin-right: -50px; padding-top: 10px;}
|
||||
.myui-header__user > li .dropdown-box .item{ width: 260px; padding: 20px;}
|
||||
.myui-header__user > li.menu .dropdown-box{ right: 0; margin-left: 0; margin-right: -50px; padding-top: 10px;}
|
||||
.myui-header__user > li.menu .dropdown-box .item{ width: 120px; padding: 10px;}
|
||||
.myui-header__user > li.menu .dropdown-box .item li{ padding: 5px 0; text-align: center;}
|
||||
|
||||
/* content */
|
||||
.myui-content__thumb{ float: left;}
|
||||
.myui-content__thumb .myui-vodlist__thumb{ width: 220px;}
|
||||
.myui-content__thumb.active .myui-vodlist__thumb{ width: 150px;}
|
||||
.myui-content__detail,.myui-content__operate{ float: left; width: calc(100% - 220px); padding-left: 20px;}
|
||||
.myui-content__detail.active{ width: calc(100% - 150px);}
|
||||
.myui-content__detail .title{ margin:10px 0 10px; font-size: 24px; line-height:30px}
|
||||
.myui-content__detail .title .score{ display: inline-block; margin-left: 10px; font-family: Georgia,"Times New Roman",Times,serif;}
|
||||
.myui-content__detail .data{ margin-bottom:10px; line-height: 20px; word-wrap: break-word; white-space: normal; word-break: break-all;}
|
||||
.myui-content__detail .score{ margin-bottom: 20px;}
|
||||
.myui-content__detail .score .rating{ display: inline-block; position: relative; top: 5px;}
|
||||
.myui-content__detail .score .rating li{ cursor:pointer; display: inline-block; margin-right: 5px;}
|
||||
.myui-content__detail .score .rating li .fa{ font-size: 24px;}
|
||||
.myui-content__detail .score .branch{ display: inline-block; font-family: Georgia,"Times New Roman",Times,serif; font-size: 24px; line-height: 24px;}
|
||||
.myui-content__operate{ float: left; margin-top: 20px}
|
||||
.myui-content__operate .btn{ margin-left: 10px; margin-bottom: 10px;}
|
||||
.myui-content__operate .btn:first-child{ margin-left: 0;}
|
||||
.myui-content__operate .share{ margin-top:5px}
|
||||
.myui-content__tag a{ display: inline-block; line-height: 20px; padding: 2px 10px; margin-left: 5px; border: 1px solid rgba(0,0,0,.1); font-size: 12px; border-radius: 15px;}
|
||||
|
||||
/* player */
|
||||
.myui-player{ margin-bottom: 50px; padding-bottom: 15px; padding-top: 50px;}
|
||||
.myui-player__item{ position: relative;}
|
||||
.myui-player__item .fixed{ position: fixed; z-index: 998; right: 0; bottom: 0; padding: 10px; background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.1);}
|
||||
.myui-player__item .tips{ position: relative; height: 40px; line-height: 40px; overflow: hidden; padding: 0 20px; color: #fff;}
|
||||
.myui-player__item .is-btn{ position: absolute; z-index: 99; top: 50%; right: -12px; margin-top: -30px; display: block; width: 12px; text-align: center; height: 60px; line-height: 60px; font-size: 10px; border-radius: 0 4px 4px 0; background-color: #404040; color: #999;}
|
||||
.myui-player__item .player-fixed-off{display: none; position: absolute; top: -10px; left: -10px; width: 20px; height: 20px; text-align: center; line-height: 20px; background-color: #fff; border-radius: 50%; color: #333; box-shadow: 0 2px 5px rgba(0,0,0,.1);}
|
||||
.myui-player__data{ padding: 20px 0 10px;}
|
||||
.myui-player__data .title{ font-size: 24px;}
|
||||
.myui-player__operate{ padding: 20px 10px; display: -webkit-box; display: -webkit-flex; display: flex;}
|
||||
.myui-player__operate li{ display: block; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
|
||||
.myui-player__operate li.playshare .dropdown-box{ margin-left: -130px;}
|
||||
.myui-player__detail .title{margin:0 0 10px}
|
||||
.myui-player__detail .detail-content{padding-top:10px}
|
||||
.myui-player__detail .desc{padding-left:42px}
|
||||
.myui-player__detail .desc .left{margin-left:-42px}
|
||||
#player-sidebar::-webkit-scrollbar{ width: 4px; background-color: #1c1b1e;}
|
||||
#player-sidebar::-webkit-scrollbar-thumb{background-color: #434145;}
|
||||
.myui-player__notice{ position: absolute; top: 50%; left: 0; width: 100%; margin-top: -65px;}
|
||||
.myui-player__notice h3,.myui-player__notice h5,.myui-player__notice p{ color: #fff;}
|
||||
.myui-player-links{ position: relative; top: 15px; right: 10px;}
|
||||
.myui-player-links .btn{ position: absolute; top: 0; right: -5px; border-radius: 0 5px 5px 0;}
|
||||
|
||||
/* news */
|
||||
.myui-newslist li{ padding: 30px 0;}
|
||||
.myui-newslist li .title{ margin: 0; font-size: 22px; line-height: 30px; font-weight: 600;}
|
||||
.myui-newslist li .desc{ text-indent: 2em; margin: 0; padding: 20px 0; line-height: 25px;}
|
||||
.myui-newslist__text li .title{ margin: 0; font-size: 15px;}
|
||||
.myui-art__nav li{ padding: 6px 0;}
|
||||
.myui-art__nav li.active a{ font-weight: bold; color: #ff9900;}
|
||||
|
||||
/* footer */
|
||||
.myui-foot{ padding: 20px 0;}
|
||||
.myui-foot p{ line-height: 25px;}
|
||||
|
||||
@media (max-width:1400px){
|
||||
|
||||
/* header */
|
||||
.myui-header__top{ padding: 0 20px;}
|
||||
.myui-header__search{ width: 200px; margin-left: 20px;}
|
||||
.myui-header__menu > li{ margin-left: 20px;}
|
||||
.myui-header__user > li{ margin-left: 20px;}
|
||||
.myui-header__menu > li:hover .head-dropdown,.myui-header__user > li:hover .head-dropdown{ display: none;}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:1024px){
|
||||
.myui-content__thumb .myui-vodlist__thumb{ width: 200px;}
|
||||
.myui-content__detail{ float: left; width: calc(100% - 200px);}
|
||||
}
|
||||
|
||||
@media (max-width:767px){
|
||||
|
||||
.myui-panel-bg,.myui-vodlist__bg,.myui-vodlist__bg:hover{box-shadow: none;}
|
||||
.myui-panel__head .title, .myui-panel__head .title a{ font-size: 18px;}
|
||||
|
||||
/* header */
|
||||
.myui-header__top{ padding: 0 10px;}
|
||||
.myui-header__search{ position:absolute; top: -100%; left: 10px; right: 10px; margin-left: 0; width: auto; padding-right: 30px;}
|
||||
.myui-header__search .form-control{ height: 32px; padding: 0 10px; border-radius: 16px;}
|
||||
.myui-header__search .submit{ right: 30px; width:32px;height:32px;line-height:30px;}
|
||||
.myui-header__search .search-close{ position: absolute; top: 6px; right: 0;}
|
||||
.myui-header__menu > li .dropdown-box{ margin-left: -100px; padding-top: 0;}
|
||||
.myui-header__menu > li .dropdown-box .item{ width: 300px;}
|
||||
.myui-header__user > li{ margin-left: 15px; padding: 15px 0 10px;}
|
||||
.myui-header__user > li > a .fa{ font-size: 20px; line-height: 20px;}
|
||||
.myui-header__user > li.menu .dropdown-box{ margin-right: 0;}
|
||||
|
||||
/* content */
|
||||
.myui-content__thumb .myui-vodlist__thumb{ width: 120px;}
|
||||
.myui-content__thumb.active .myui-vodlist__thumb{ width: 120px;}
|
||||
.myui-content__detail{ float: left; width: calc(100% - 120px);}
|
||||
.myui-content__detail.active{ width: calc(100% - 120px);}
|
||||
.myui-content__detail .title{ margin: 5px 0 8px; font-size: 18px; line-height: 24px}
|
||||
.myui-content__detail .data{ margin:0 0 10px; font-size:12px; line-height: 18px; word-wrap: break-word; white-space: normal;}
|
||||
.myui-content__detail .score { margin-bottom: 5px;}
|
||||
.myui-content__detail .score .branch{ font-size: 16px;}
|
||||
.myui-content__detail .score .rating{ top: 0;}
|
||||
.myui-content__detail .score .rating li{ margin: 0;}
|
||||
.myui-content__detail .score .rating li .fa{ font-size: 18px;}
|
||||
.myui-content__operate{ width: 100%; padding: 0; display: -webkit-box; display: -webkit-flex; display: flex;}
|
||||
.myui-content__operate .btn{ text-align: center; padding: 8px; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
|
||||
|
||||
/* player */
|
||||
.myui-player{ padding-top: 0;}
|
||||
.myui-player__item{ padding: 0;}
|
||||
.myui-player__detail{ margin: 0;}
|
||||
.myui-player__detail .data .title{font-size:16px}
|
||||
.myui-player__detail.detail .title{font-size:18px;}
|
||||
.myui-player__operate li{ margin: 0; display: block; text-align: center; }
|
||||
.myui-player__operate li .fa{ display: block; margin-bottom: 5px; font-size: 16px;}
|
||||
.myui-player__operate li.playshare .dropdown-box{ margin-left: -180px;}
|
||||
.myui-player-links{ top: 0; right: 0; padding: 0 10px;}
|
||||
.myui-player-links .btn{ height: 35px; right: 8px;}
|
||||
|
||||
/* news */
|
||||
.myui-newslist li .title{ font-size: 18px; line-height: 30px;}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* share */
|
||||
.bdsharebuttonbox{line-height:30px;height:30px;overflow:hidden;vertical-align:top}
|
||||
.bdsharebuttonbox a,.bdsharebuttonbox span{width:24px;height:24px;display:inline-block;background:url(../images/share.png) no-repeat;cursor:pointer;margin-bottom:0;opacity:.8}
|
||||
.bdsharebuttonbox a:hover{opacity:1}
|
||||
.bdsharebuttonbox a.bds_tsina{background-position:0 0}
|
||||
.bdsharebuttonbox a.bds_weixin{background-position:0 -33px}
|
||||
.bdsharebuttonbox a.bds_qzone{background-position:0 -65px}
|
||||
.bdsharebuttonbox a.bds_sqq{background-position:0 -98px}
|
||||
.bdsharebuttonbox a.bds_renren{background-position:0 -131px}
|
||||
.bdsharebuttonbox a.bds_tqq{background-position:0 -163px}
|
||||
.bdsharebuttonbox a.bds_diandian{background-position:0 -356px}
|
||||
.bdsharebuttonbox a.bds_youdao{background-position:0 -388px}
|
||||
.bdsharebuttonbox a.bds_ty{background-position:0 -420px}
|
||||
.bdsharebuttonbox a.bds_fbook{background-position:0 -452px}
|
||||
.bdsharebuttonbox a.bds_twi{background-position:0 -484px}
|
||||
.bdsharebuttonbox a.bds_kaixin001{background-position:0 -228px}
|
||||
.bdsharebuttonbox a.bds_taobao{background-position:0 -196px}
|
||||
.bdsharebuttonbox a.bds_douban{background-position:0 -324px}
|
||||
.bdsharebuttonbox a.bds_mail{background-position:0 -548px}
|
||||
.bdsharebuttonbox a.bds_copy{background-position:0 -516px}
|
||||
.bdsharebuttonbox a.bds_bdhome{background-position:0 -292px}
|
||||
.bdsharebuttonbox a.bds_tqf{background-position:0 -260px}
|
||||
.bdsharebuttonbox a.bds_more{background-position:0 -577px}
|
||||
.bdsharebuttonbox span.bds_shere{background-position:0 -606px}
|
||||
.bdsharebuttonbox a.bds_count{background:0 0;width:auto;height:auto;position:relative;top:-6px}
|
||||
.bdsharebuttonbox a.bds_count{margin:0 2px}
|
||||
|
||||
/* colo start */
|
||||
|
||||
/* style */
|
||||
.myui-panel,.myui-panel-box{ padding: 0;}
|
||||
.myui-panel_hd{ padding: 10px;}
|
||||
.myui-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:#ff9900; -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: #ff9900; background: linear-gradient(to right,#ff9900 0,#ff9f16 100%); box-shadow: 0 5px 10px rgba(255,111,0,.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: #ff9900;}
|
||||
.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{ background-color: rgba(0,0,0,0.6); color: #fff;}
|
||||
.pic-tag.active,.pic-tag-h{ background-color: #ff9900; 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 */
|
||||
.myui-link__pic li img{ display: block; padding: 2px 6px; border-radius: 4px; background-color: #fff;}
|
||||
|
||||
/* nav */
|
||||
.nav-tabs > li.active a{ border-color: #ff9900; color: #ff9900;}
|
||||
.nav-tabs > li .dropdown-box .item li a{ color: #333;}
|
||||
.nav-tabs > li .dropdown-box .item li.active a{ color: #ff9900;}
|
||||
.nav-btn > li a{ background-color: #f5f5f5;}
|
||||
.nav-btn > li.active a{ background-color: #ff9900; color: #fff;}
|
||||
|
||||
/* panel */
|
||||
.myui-panel-bg,.myui-panel-bg2{background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.05);}
|
||||
|
||||
/* vodlist */
|
||||
.myui-vodlist__bg{background-color: #f5f5f5;}
|
||||
.myui-vodlist__bg:hover{ box-shadow: 0 3px 5px rgba(0,0,0,.08);}
|
||||
|
||||
/* text-list */
|
||||
.myui-vodlist__text.striped .striped-head,.myui-vodlist__text.to-color li:nth-of-type(odd){ background-color: #f5f5f5;}
|
||||
|
||||
/* table */
|
||||
.myui-table>thead>tr>th,.myui-table>tbody>tr>td, .myui-table>tbody>tr>th, .myui-table>tfoot>tr>td, .myui-table>tfoot>tr>th, .myui-table>thead>tr>td, .myui-table>thead>tr>th { border-color: #ddd;}
|
||||
|
||||
/* player */
|
||||
.myui-player__video{ background-color: #000;}
|
||||
.myui-player__operate > li > a{ color: #999;}
|
||||
|
||||
/* popup */
|
||||
.popup{ background-color: #f8f8f8;}
|
||||
.popup-head{ background-color: #fff;}
|
||||
|
||||
/* content */
|
||||
.myui-content__detail .score .rating li .fa,.myui-content__detail .score .branch{ color: #ff9900;}
|
||||
|
||||
/* flickity */
|
||||
.flickity-page-dots .dot{ background-color: #ff9900;}
|
||||
|
||||
/* carousel */
|
||||
.carousel-indicators-dots li{ background-color: #ff9900;}
|
||||
.carousel-indicators-text li.active .title{ color: red;}
|
||||
.carousel-indicators-thumb li.active{ border: 3px solid #ff9900;}
|
||||
|
||||
/* extra */
|
||||
.myui-extra li a{ background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
|
||||
.myui-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 */
|
||||
.myui-nav__tabbar{background-color: #f8f8f8; border-color: #eee;}
|
||||
.myui-nav__tabbar .item .title{ color: #999;}
|
||||
|
||||
/* footer */
|
||||
.myui-foot{ background-color: #f8f8f8;}
|
||||
/* colo end */
|
||||
|
||||
|
||||
|
||||
|
||||
/* colo1 start */
|
||||
|
||||
/* style */
|
||||
.myui-panel,.myui-panel-box{ padding: 0;}
|
||||
.myui-panel.active,.myui-panel_hd{ padding: 10px;}
|
||||
.myui-panel-box.active{ margin: 0;}
|
||||
|
||||
/* all */
|
||||
body{ background: #292838; color: #999;}
|
||||
|
||||
/* text */
|
||||
a,h1, h2, h3, h4, h5, h6,h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color: #ddd;}
|
||||
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: #fff;}
|
||||
.text-fff{ color: #fff;}
|
||||
|
||||
/* form */
|
||||
.form-control{ background-color:#F5F5F5; color: #999999; border: 1px solid #eee;}
|
||||
.form-control:focus{ border-color:#ff9900; -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: #ff9900; background: linear-gradient(to right,#ff9900 0,#ff9f16 100%); box-shadow: 0 5px 10px rgba(255,111,0,.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: #383737;}
|
||||
.border-primary{ border-color: #4fb1f7;}
|
||||
.border-danger{ border-color: red;}
|
||||
.border-info{ border-color: #5bc0de;}
|
||||
|
||||
/* line */
|
||||
.spot{ border-color: #ff9900;}
|
||||
.split-line{ background-color: #383737;}
|
||||
.top-line:before,.bottom-line:after,.top-line-dot:before,.bottom-line-dot:before{ border-color: #383737;}
|
||||
|
||||
/* 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{ background-color: rgba(0,0,0,0.6); color: #fff;}
|
||||
.pic-tag.active,.pic-tag-h{ background-color: #ff9900; 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 */
|
||||
.myui-link__pic li img{ display: block; padding: 2px 6px; border-radius: 4px; background-color: #fff;}
|
||||
|
||||
/* nav */
|
||||
.nav-tabs > li.active a{ border-color: #ff9900; color: #ff9900;}
|
||||
.nav-tabs > li .dropdown-box .item li a{ color: #333;}
|
||||
.nav-tabs > li .dropdown-box .item li.active a{ color: #ff9900;}
|
||||
.nav-btn > li a{ background-color: #f5f5f5;}
|
||||
.nav-btn > li.active a{ background-color: #ff9900; color: #fff;}
|
||||
|
||||
/* vodlist */
|
||||
.myui-vodlist__bg{background-color: #f5f5f5;}
|
||||
.myui-vodlist__bg:hover{ box-shadow: 0 3px 5px rgba(0,0,0,.08);}
|
||||
|
||||
/* text-list */
|
||||
.myui-vodlist__text.striped .striped-head,.myui-vodlist__text.to-color li:nth-of-type(odd){ background-color: #22212f;}
|
||||
|
||||
/* table */
|
||||
.myui-table>thead>tr>th,.myui-table>tbody>tr>td, .myui-table>tbody>tr>th, .myui-table>tfoot>tr>td, .myui-table>tfoot>tr>th, .myui-table>thead>tr>td, .myui-table>thead>tr>th { border-color: #ddd;}
|
||||
|
||||
/* player */
|
||||
.myui-player__video{ background-color: #000;}
|
||||
.myui-player__operate > li > a{ color: #999;}
|
||||
|
||||
/* popup */
|
||||
.popup{ background-color: #f8f8f8;}
|
||||
.popup-head{ background-color: #fff;}
|
||||
|
||||
/* content */
|
||||
.myui-content__detail .score .rating li .fa,.myui-content__detail .score .branch{ color: #ff9900;}
|
||||
|
||||
/* flickity */
|
||||
.flickity-page-dots .dot{ background-color: #ff9900;}
|
||||
|
||||
/* carousel */
|
||||
.carousel-indicators-dots li{ background-color: #ff9900;}
|
||||
.carousel-indicators-text li.active .title{ color: red;}
|
||||
.carousel-indicators-thumb li.active{ border: 3px solid #ff9900;}
|
||||
|
||||
/* extra */
|
||||
.myui-extra li a{ background-color: #22212f; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
|
||||
.myui-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 */
|
||||
.myui-nav__tabbar{background-color: #f8f8f8; border-color: #eee;}
|
||||
.myui-nav__tabbar .item .title{ color: #999;}
|
||||
|
||||
/* panel */
|
||||
.myui-panel-bg{background-color: #292838;}
|
||||
.myui-panel-bg2{background-color: #22212f;}
|
||||
|
||||
/* footer */
|
||||
.myui-foot{ background-color: #292838;}
|
||||
/* colo1 end */
|
||||
|
||||
|
||||
/* colo2 start */
|
||||
|
||||
/* all */
|
||||
body{ background: #292838; color: #999;}
|
||||
|
||||
/* text */
|
||||
a,h1, h2, h3, h4, h5, h6,h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color: #ddd;}
|
||||
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:#ff9900; -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: #ff9900; background: linear-gradient(to right,#ff9900 0,#ff9f16 100%); box-shadow: 0 5px 10px rgba(255,111,0,.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: #383737;}
|
||||
.border-primary{ border-color: #4fb1f7;}
|
||||
.border-danger{ border-color: red;}
|
||||
.border-info{ border-color: #5bc0de;}
|
||||
|
||||
/* line */
|
||||
.spot{ border-color: #ff9900;}
|
||||
.split-line{ background-color: #383737;}
|
||||
.top-line:before,.bottom-line:after,.top-line-dot:before,.bottom-line-dot:before{ border-color: #383737;}
|
||||
|
||||
/* 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{ padding: 10px; border-radius: 4px; background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.1);}
|
||||
|
||||
/* pic-tag */
|
||||
.pic-tag{ background-color: rgba(0,0,0,0.6); color: #fff;}
|
||||
.pic-tag.active,.pic-tag-h{ background-color: #ff9900; 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 */
|
||||
.myui-link__pic li img{ display: block; padding: 2px 6px; border-radius: 4px; background-color: #fff;}
|
||||
|
||||
/* nav */
|
||||
.nav li.active a{ border-color: #ff9900; color: #ff9900;}
|
||||
.nav-tabs li .dropdown-box .item li a{ color: #333;}
|
||||
.nav-tabs li .dropdown-box .item li.active a{ color: #ff9900;}
|
||||
|
||||
/* tabbar */
|
||||
.myui-nav__tabbar{background-color: #f8f8f8; border-color: #eee;}
|
||||
.myui-nav__tabbar .item .title{ color: #999;}
|
||||
|
||||
/* panel */
|
||||
.myui-panel-bg{background-color: #292838;}
|
||||
.myui-panel-bg2{background-color: #22212f;}
|
||||
|
||||
/* vodlist */
|
||||
.myui-vodlist__bg{background-color: #f5f5f5;}
|
||||
.myui-vodlist__bg:hover{ box-shadow: 0 3px 5px rgba(0,0,0,.08);}
|
||||
|
||||
/* text-list */
|
||||
.myui-vodlist__text.striped .striped-head,.myui-vodlist__text.to-color li:nth-of-type(odd){ background-color: #22212f;}
|
||||
|
||||
/* table */
|
||||
.myui-table>thead>tr>th,.myui-table>tbody>tr>td, .myui-table>tbody>tr>th, .myui-table>tfoot>tr>td, .myui-table>tfoot>tr>th, .myui-table>thead>tr>td, .myui-table>thead>tr>th { border-color: #ddd;}
|
||||
|
||||
/* playlist */
|
||||
.myui-content__list::-webkit-scrollbar,.myui-playdown__list::-webkit-scrollbar{ width: 4px; background-color: #f5f5f5;}
|
||||
.myui-content__list::-webkit-scrollbar-thumb,.myui-playdown__list::-webkit-scrollbar-thumb{background-color: #ccc;}
|
||||
|
||||
/* player */
|
||||
.myui-player__video{ background-color: #000;}
|
||||
.myui-player__operate li a{ color: #999;}
|
||||
|
||||
/* popup */
|
||||
.popup{ background-color: #f8f8f8;}
|
||||
.popup-head{ background-color: #fff;}
|
||||
|
||||
/* content */
|
||||
.myui-content__detail .score .rating li .fa,.myui-content__detail .score .branch{ color: #ff9900;}
|
||||
|
||||
/* flickity */
|
||||
.flickity-page-dots .dot{ background-color: #ff9900;}
|
||||
|
||||
/* carousel */
|
||||
.carousel-indicators-dots li{ background-color: #ff9900;}
|
||||
.carousel-indicators-text li.active .title{ color: red;}
|
||||
.carousel-indicators-thumb li.active{ border: 3px solid #ff9900;}
|
||||
|
||||
/* extra */
|
||||
.myui-extra li a{ background-color: #22212f; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
|
||||
.myui-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;}
|
||||
|
||||
/* footer */
|
||||
.myui-foot{ border-top: 2px solid #ff9900; background-color: #292838;}
|
||||
/* colo2 end */
|
||||
|
||||
/* colo3 start */
|
||||
/*!
|
||||
/* style */
|
||||
.myui-panel,.myui-panel-box{ padding: 0;}
|
||||
.myui-panel_hd{ padding: 10px;}
|
||||
.myui-panel-box.active{ margin: -10px;}
|
||||
|
||||
/* all */
|
||||
body{ background: #343434; color: #999;}
|
||||
|
||||
/* text */
|
||||
a,h1, h2, h3, h4, h5, h6,h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color: #ddd;}
|
||||
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: #fff;}
|
||||
.text-fff{ color: #fff;}
|
||||
|
||||
/* form */
|
||||
.form-control{ background-color:#F5F5F5; color: #999999; border: 1px solid #eee;}
|
||||
.form-control:focus{ border-color:#ff9900; -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: #ff9900; background: linear-gradient(to right,#ff9900 0,#ff9f16 100%); box-shadow: 0 5px 10px rgba(255,111,0,.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: #383737;}
|
||||
.border-primary{ border-color: #4fb1f7;}
|
||||
.border-danger{ border-color: red;}
|
||||
.border-info{ border-color: #5bc0de;}
|
||||
|
||||
/* line */
|
||||
.spot{ border-color: #ff9900;}
|
||||
.split-line{ background-color: #383737;}
|
||||
.top-line:before,.bottom-line:after,.top-line-dot:before,.bottom-line-dot:before{ border-color: #383737;}
|
||||
|
||||
/* 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{ background-color: rgba(0,0,0,0.6); color: #fff;}
|
||||
.pic-tag.active,.pic-tag-h{ background-color: #ff9900; 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 */
|
||||
.myui-link__pic li img{ display: block; padding: 2px 6px; border-radius: 4px; background-color: #fff;}
|
||||
|
||||
/* nav */
|
||||
.nav-tabs > li.active a{ border-color: #ff9900; color: #ff9900;}
|
||||
.nav-tabs > li .dropdown-box .item li a{ color: #333;}
|
||||
.nav-tabs > li .dropdown-box .item li.active a{ color: #ff9900;}
|
||||
.nav-btn > li a{ background-color: #f5f5f5;}
|
||||
.nav-btn > li.active a{ background-color: #ff9900; color: #fff;}
|
||||
|
||||
/* vodlist */
|
||||
.myui-vodlist__bg{background-color: #f5f5f5;}
|
||||
.myui-vodlist__bg:hover{ box-shadow: 0 3px 5px rgba(0,0,0,.08);}
|
||||
|
||||
/* text-list */
|
||||
.myui-vodlist__text.striped .striped-head,.myui-vodlist__text.to-color li:nth-of-type(odd){ background-color: #22212f;}
|
||||
|
||||
/* table */
|
||||
.myui-table>thead>tr>th,.myui-table>tbody>tr>td, .myui-table>tbody>tr>th, .myui-table>tfoot>tr>td, .myui-table>tfoot>tr>th, .myui-table>thead>tr>td, .myui-table>thead>tr>th { border-color: #ddd;}
|
||||
|
||||
/* player */
|
||||
.myui-player__video{ background-color: #000;}
|
||||
.myui-player__operate > li > a{ color: #999;}
|
||||
|
||||
/* popup */
|
||||
.popup{ background-color: #f8f8f8;}
|
||||
.popup-head{ background-color: #fff;}
|
||||
|
||||
/* content */
|
||||
.myui-content__detail .score .rating li .fa,.myui-content__detail .score .branch{ color: #ff9900;}
|
||||
|
||||
/* flickity */
|
||||
.flickity-page-dots .dot{ background-color: #ff9900;}
|
||||
|
||||
/* carousel */
|
||||
.carousel-indicators-dots li{ background-color: #ff9900;}
|
||||
.carousel-indicators-text li.active .title{ color: red;}
|
||||
.carousel-indicators-thumb li.active{ border: 3px solid #ff9900;}
|
||||
|
||||
/* extra */
|
||||
.myui-extra li a{ background-color: #22212f; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
|
||||
.myui-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 */
|
||||
.myui-nav__tabbar{background-color: #f8f8f8; border-color: #eee;}
|
||||
.myui-nav__tabbar .item .title{ color: #999;}
|
||||
|
||||
/* panel */
|
||||
.myui-panel-bg{background-color: #2B2A2A;}
|
||||
.myui-panel-bg2{background-color: #22212f;}
|
||||
|
||||
/* footer */
|
||||
.myui-foot{ background-color: #292838;}
|
||||
/* colo3 end */
|
||||
|
||||
|
||||
|
||||
|
||||
body {
|
||||
font-family: "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
|
||||
padding-top: 90px;
|
||||
}
|
||||
|
||||
.myui-header__top {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
body.active {
|
||||
padding-top: 60px;
|
||||
}
|
||||
|
||||
[class*=col-],
|
||||
.myui-content__list li,
|
||||
.myui-vodlist__media.col li {
|
||||
padding: 10px
|
||||
}
|
||||
|
||||
.btn {
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.myui-vodlist__thumb {
|
||||
border-radius: 5px;
|
||||
padding-top: 150%;
|
||||
background: url(/template/videoboku/images/loading.gif) no-repeat;
|
||||
}
|
||||
|
||||
.myui-vodlist__thumb.square {
|
||||
padding-top: 100%;
|
||||
}
|
||||
|
||||
.myui-vodlist__thumb.wide {
|
||||
padding-top: 60%;
|
||||
background: url(/template/videoboku/images/loading2.gif) no-repeat;
|
||||
}
|
||||
|
||||
.myui-vodlist__thumb.actor {
|
||||
padding-top: 140%;
|
||||
}
|
||||
|
||||
.flickity-prev-next-button.previous {
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
.flickity-prev-next-button.next {
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
.myui-sidebar {
|
||||
padding: 0 0 0 20px;
|
||||
}
|
||||
|
||||
.myui-panel {
|
||||
margin-bottom: 20px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.myui-panel-mb {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.myui-player__item .fixed {
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
.myui-vodlist__text li a,
|
||||
.myui-vodlist__media li {
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.myui-screen__list {
|
||||
padding: 10px 10px 0;
|
||||
}
|
||||
|
||||
.myui-screen__list li {
|
||||
margin-bottom: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.myui-page {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.myui-extra {
|
||||
right: 20px;
|
||||
bottom: 30px;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.container {
|
||||
max-width: 1920px;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding-left: 120px;
|
||||
padding-right: 120px;
|
||||
}
|
||||
|
||||
.container.min {
|
||||
width: 1200px;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
|
||||
body,
|
||||
body.active {
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
[class*=col-],
|
||||
.myui-panel,
|
||||
.myui-content__list li {
|
||||
padding: 5px
|
||||
}
|
||||
|
||||
.flickity-prev-next-button.previous {
|
||||
left: 5px;
|
||||
}
|
||||
|
||||
.flickity-prev-next-button.next {
|
||||
right: 5px;
|
||||
}
|
||||
|
||||
.myui-vodlist__text li a,
|
||||
.myui-vodlist__media li {
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.myui-screen__list {
|
||||
padding: 10px 5px 0;
|
||||
}
|
||||
|
||||
.myui-screen__list li {
|
||||
margin-bottom: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.myui-extra {
|
||||
right: 20px;
|
||||
bottom: 50px;
|
||||
}
|
||||
|
||||
.myui-page {
|
||||
padding: 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.myui-topbg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
}
|
||||
353
code/public/template/videoboku/css/mytheme-site.css
Normal file
@@ -0,0 +1,353 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* header */
|
||||
.myui-header__top{ top:0; z-index:999; width:100%; min-height:60px; background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.1);}
|
||||
.top-fixed-down{margin-top:-60px;}
|
||||
|
||||
/* header-logo */
|
||||
.myui-header__logo,.myui-header__menu,.myui-header__search{float:left;}
|
||||
.myui-header__logo img{ max-width: 180px;}
|
||||
.myui-header__logo .logo{ line-height: 60px;color: #ff9900;font-size: 16px;font-weight: 700;}
|
||||
|
||||
|
||||
/* header-seacrh */
|
||||
.myui-header__search{position: relative; width: 260px; margin-left: 50px; margin-top: 12px;}
|
||||
.myui-header__search .form-control{ padding-right: 30px; border-radius: 18px; background-color: #f5f5f5; border: 0;}
|
||||
.myui-header__search .submit{ display:block; position:absolute; top: 0; right: 15px; height:32px; line-height:30px; text-align:center; background: none; border: 0; font-size: 12px; cursor: pointer; color: #999;}
|
||||
.myui-header__search .dropdown-box{ margin-left: -130px;}
|
||||
.myui-header__search .dropdown-box .item{ width: 260px; padding: 20px;}
|
||||
.myui-header__search.search-box:hover .search-dropdown-hot{ display: block;}
|
||||
.myui-header__search .search-select{ position: absolute; top: 8px; left: 15px; padding-right: 8px; background: none; box-shadow: none; color: #666; border-right: 1px solid #ddd;}
|
||||
.myui-header__search .search-select .dropdown-box{ margin-left: -40px; z-index: 101;}
|
||||
.myui-header__search .search-select .dropdown-box .item{ width: 80px; padding: 10px;}
|
||||
.myui-header__search .search-select .dropdown-box .item li{ text-align: center; padding: 2px 0;}
|
||||
|
||||
/* header-menu */
|
||||
.myui-header__menu{position:relative;}
|
||||
.myui-header__menu > li{ position: relative; float: left; margin-left: 35px;}
|
||||
.myui-header__menu > li > a{ font-size: 16px; line-height: 60px; color: #333;}
|
||||
.myui-header__menu > li.active > a{ color: #ff9900;}
|
||||
.myui-header__menu > li .dropdown-box{ margin-left: -250px; padding-top: 0;}
|
||||
.myui-header__menu > li .dropdown-box .item{ width: 500px;}
|
||||
.myui-header__menu > li .dropdown-box .item li{ padding: 6px;}
|
||||
|
||||
/* header-user */
|
||||
.myui-header__user{float:right;}
|
||||
.myui-header__user > li{ float:left; position: relative; padding: 18px 0 10px; margin-left: 30px;}
|
||||
.myui-header__user > li > a,.myui-header__user > li > a .fa{ display: inline-block; font-size: 24px; line-height: 24px; color: #333;}
|
||||
.myui-header__user > li .dropdown-box{ right: 0; margin-left: 0; margin-right: -50px; padding-top: 10px;}
|
||||
.myui-header__user > li .dropdown-box .item{ width: 260px; padding: 20px;}
|
||||
.myui-header__user > li.menu .dropdown-box{ right: 0; margin-left: 0; margin-right: -50px; padding-top: 10px;}
|
||||
.myui-header__user > li.menu .dropdown-box .item{ width: 120px; padding: 10px;}
|
||||
.myui-header__user > li.menu .dropdown-box .item li{ padding: 5px 0; text-align: center;}
|
||||
|
||||
/* content */
|
||||
.myui-content__thumb{ float: left;}
|
||||
.myui-content__thumb .myui-vodlist__thumb{ width: 220px;}
|
||||
.myui-content__thumb.active .myui-vodlist__thumb{ width: 150px;}
|
||||
.myui-content__detail,.myui-content__operate{ float: left; width: calc(100% - 220px); padding-left: 20px;}
|
||||
.myui-content__detail.active{ width: calc(100% - 150px);}
|
||||
.myui-content__detail .title{ margin:10px 0 10px; font-size: 24px; line-height:30px}
|
||||
.myui-content__detail .title .score{ display: inline-block; margin-left: 10px; font-family: Georgia,"Times New Roman",Times,serif;}
|
||||
.myui-content__detail .data{ margin-bottom:10px; line-height: 20px; word-wrap: break-word; white-space: normal; word-break: break-all;}
|
||||
.myui-content__detail .score{ margin-bottom: 20px;}
|
||||
.myui-content__detail .score .rating{ display: inline-block; position: relative; top: 5px;}
|
||||
.myui-content__detail .score .rating li{ cursor:pointer; display: inline-block; margin-right: 5px;}
|
||||
.myui-content__detail .score .rating li .fa{ font-size: 24px;}
|
||||
.myui-content__detail .score .branch{ display: inline-block; font-family: Georgia,"Times New Roman",Times,serif; font-size: 24px; line-height: 24px;}
|
||||
.myui-content__operate{ float: left; margin-top: 20px}
|
||||
.myui-content__operate .btn{ margin-left: 10px; margin-bottom: 10px;}
|
||||
.myui-content__operate .btn:first-child{ margin-left: 0;}
|
||||
.myui-content__operate .share{ margin-top:5px}
|
||||
.myui-content__tag a{ display: inline-block; line-height: 20px; padding: 2px 10px; margin-left: 5px; border: 1px solid rgba(0,0,0,.1); font-size: 12px; border-radius: 15px;}
|
||||
|
||||
/* player */
|
||||
.myui-player{ margin-bottom: 50px; padding-bottom: 15px; padding-top: 50px;}
|
||||
.myui-player__item{ position: relative;}
|
||||
.myui-player__item .fixed{ position: fixed; z-index: 998; right: 0; bottom: 0; padding: 10px; background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.1);}
|
||||
.myui-player__item .tips{ position: relative; height: 40px; line-height: 40px; overflow: hidden; padding: 0 20px; color: #fff;}
|
||||
.myui-player__item .is-btn{ position: absolute; z-index: 99; top: 50%; right: -12px; margin-top: -30px; display: block; width: 12px; text-align: center; height: 60px; line-height: 60px; font-size: 10px; border-radius: 0 4px 4px 0; background-color: #404040; color: #999;}
|
||||
.myui-player__item .player-fixed-off{display: none; position: absolute; top: -10px; left: -10px; width: 20px; height: 20px; text-align: center; line-height: 20px; background-color: #fff; border-radius: 50%; color: #333; box-shadow: 0 2px 5px rgba(0,0,0,.1);}
|
||||
.myui-player__data{ padding: 20px 0 10px;}
|
||||
.myui-player__data .title{ font-size: 24px;}
|
||||
.myui-player__operate{ padding: 20px 10px; display: -webkit-box; display: -webkit-flex; display: flex;}
|
||||
.myui-player__operate li{ display: block; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
|
||||
.myui-player__operate li.playshare .dropdown-box{ margin-left: -130px;}
|
||||
.myui-player__detail .title{margin:0 0 10px}
|
||||
.myui-player__detail .detail-content{padding-top:10px}
|
||||
.myui-player__detail .desc{padding-left:42px}
|
||||
.myui-player__detail .desc .left{margin-left:-42px}
|
||||
#player-sidebar::-webkit-scrollbar{ width: 4px; background-color: #1c1b1e;}
|
||||
#player-sidebar::-webkit-scrollbar-thumb{background-color: #434145;}
|
||||
.myui-player__notice{ position: absolute; top: 50%; left: 0; width: 100%; margin-top: -65px;}
|
||||
.myui-player__notice h3,.myui-player__notice h5,.myui-player__notice p{ color: #fff;}
|
||||
.myui-player-links{ position: relative; top: 15px; right: 10px;}
|
||||
.myui-player-links .btn{ position: absolute; top: 0; right: -5px; border-radius: 0 5px 5px 0;}
|
||||
|
||||
/* news */
|
||||
.myui-newslist li{ padding: 30px 0;}
|
||||
.myui-newslist li .title{ margin: 0; font-size: 22px; line-height: 30px; font-weight: 600;}
|
||||
.myui-newslist li .desc{ text-indent: 2em; margin: 0; padding: 20px 0; line-height: 25px;}
|
||||
.myui-newslist__text li .title{ margin: 0; font-size: 15px;}
|
||||
.myui-art__nav li{ padding: 6px 0;}
|
||||
.myui-art__nav li.active a{ font-weight: bold; color: #ff9900;}
|
||||
|
||||
/* footer */
|
||||
.myui-foot{ padding: 20px 0;}
|
||||
.myui-foot p{ line-height: 25px;}
|
||||
|
||||
@media (max-width:1400px){
|
||||
|
||||
/* header */
|
||||
.myui-header__top{ padding: 0 20px;}
|
||||
.myui-header__search{ width: 200px; margin-left: 20px;}
|
||||
.myui-header__menu > li{ margin-left: 20px;}
|
||||
.myui-header__user > li{ margin-left: 20px;}
|
||||
.myui-header__menu > li:hover .head-dropdown,.myui-header__user > li:hover .head-dropdown{ display: none;}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:1024px){
|
||||
.myui-content__thumb .myui-vodlist__thumb{ width: 200px;}
|
||||
.myui-content__detail{ float: left; width: calc(100% - 200px);}
|
||||
}
|
||||
|
||||
@media (max-width:767px){
|
||||
|
||||
.myui-panel-bg,.myui-vodlist__bg,.myui-vodlist__bg:hover{box-shadow: none;}
|
||||
.myui-panel__head .title, .myui-panel__head .title a{ font-size: 18px;}
|
||||
|
||||
/* header */
|
||||
.myui-header__top{ padding: 0 10px;}
|
||||
.myui-header__search{ position:absolute; top: -100%; left: 10px; right: 10px; margin-left: 0; width: auto; padding-right: 30px;}
|
||||
.myui-header__search .form-control{ height: 32px; padding: 0 10px; border-radius: 16px;}
|
||||
.myui-header__search .submit{ right: 30px; width:32px;height:32px;line-height:30px;}
|
||||
.myui-header__search .search-close{ position: absolute; top: 6px; right: 0;}
|
||||
.myui-header__menu > li .dropdown-box{ margin-left: -100px; padding-top: 0;}
|
||||
.myui-header__menu > li .dropdown-box .item{ width: 300px;}
|
||||
.myui-header__user > li{ margin-left: 15px; padding: 15px 0 10px;}
|
||||
.myui-header__user > li > a .fa{ font-size: 20px; line-height: 20px;}
|
||||
.myui-header__user > li.menu .dropdown-box{ margin-right: 0;}
|
||||
|
||||
/* content */
|
||||
.myui-content__thumb .myui-vodlist__thumb{ width: 120px;}
|
||||
.myui-content__thumb.active .myui-vodlist__thumb{ width: 120px;}
|
||||
.myui-content__detail{ float: left; width: calc(100% - 120px);}
|
||||
.myui-content__detail.active{ width: calc(100% - 120px);}
|
||||
.myui-content__detail .title{ margin: 5px 0 8px; font-size: 18px; line-height: 24px}
|
||||
.myui-content__detail .data{ margin:0 0 10px; font-size:12px; line-height: 18px; word-wrap: break-word; white-space: normal;}
|
||||
.myui-content__detail .score { margin-bottom: 5px;}
|
||||
.myui-content__detail .score .branch{ font-size: 16px;}
|
||||
.myui-content__detail .score .rating{ top: 0;}
|
||||
.myui-content__detail .score .rating li{ margin: 0;}
|
||||
.myui-content__detail .score .rating li .fa{ font-size: 18px;}
|
||||
.myui-content__operate{ width: 100%; padding: 0; display: -webkit-box; display: -webkit-flex; display: flex;}
|
||||
.myui-content__operate .btn{ text-align: center; padding: 8px; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
|
||||
|
||||
/* player */
|
||||
.myui-player{ padding-top: 0;}
|
||||
.myui-player__item{ padding: 0;}
|
||||
.myui-player__detail{ margin: 0;}
|
||||
.myui-player__detail .data .title{font-size:16px}
|
||||
.myui-player__detail.detail .title{font-size:18px;}
|
||||
.myui-player__operate li{ margin: 0; display: block; text-align: center; }
|
||||
.myui-player__operate li .fa{ display: block; margin-bottom: 5px; font-size: 16px;}
|
||||
.myui-player__operate li.playshare .dropdown-box{ margin-left: -180px;}
|
||||
.myui-player-links{ top: 0; right: 0; padding: 0 10px;}
|
||||
.myui-player-links .btn{ height: 35px; right: 8px;}
|
||||
|
||||
/* news */
|
||||
.myui-newslist li .title{ font-size: 18px; line-height: 30px;}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* share */
|
||||
.bdsharebuttonbox{line-height:30px;height:30px;overflow:hidden;vertical-align:top}
|
||||
.bdsharebuttonbox a,.bdsharebuttonbox span{width:24px;height:24px;display:inline-block;background:url(../images/share.png) no-repeat;cursor:pointer;margin-bottom:0;opacity:.8}
|
||||
.bdsharebuttonbox a:hover{opacity:1}
|
||||
.bdsharebuttonbox a.bds_tsina{background-position:0 0}
|
||||
.bdsharebuttonbox a.bds_weixin{background-position:0 -33px}
|
||||
.bdsharebuttonbox a.bds_qzone{background-position:0 -65px}
|
||||
.bdsharebuttonbox a.bds_sqq{background-position:0 -98px}
|
||||
.bdsharebuttonbox a.bds_renren{background-position:0 -131px}
|
||||
.bdsharebuttonbox a.bds_tqq{background-position:0 -163px}
|
||||
.bdsharebuttonbox a.bds_diandian{background-position:0 -356px}
|
||||
.bdsharebuttonbox a.bds_youdao{background-position:0 -388px}
|
||||
.bdsharebuttonbox a.bds_ty{background-position:0 -420px}
|
||||
.bdsharebuttonbox a.bds_fbook{background-position:0 -452px}
|
||||
.bdsharebuttonbox a.bds_twi{background-position:0 -484px}
|
||||
.bdsharebuttonbox a.bds_kaixin001{background-position:0 -228px}
|
||||
.bdsharebuttonbox a.bds_taobao{background-position:0 -196px}
|
||||
.bdsharebuttonbox a.bds_douban{background-position:0 -324px}
|
||||
.bdsharebuttonbox a.bds_mail{background-position:0 -548px}
|
||||
.bdsharebuttonbox a.bds_copy{background-position:0 -516px}
|
||||
.bdsharebuttonbox a.bds_bdhome{background-position:0 -292px}
|
||||
.bdsharebuttonbox a.bds_tqf{background-position:0 -260px}
|
||||
.bdsharebuttonbox a.bds_more{background-position:0 -577px}
|
||||
.bdsharebuttonbox span.bds_shere{background-position:0 -606px}
|
||||
.bdsharebuttonbox a.bds_count{background:0 0;width:auto;height:auto;position:relative;top:-6px}
|
||||
.bdsharebuttonbox a.bds_count{margin:0 2px}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
body {
|
||||
font-family: "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
|
||||
padding-top: 90px;
|
||||
}
|
||||
|
||||
.myui-header__top {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
body.active {
|
||||
padding-top: 60px;
|
||||
}
|
||||
|
||||
[class*=col-],
|
||||
.myui-content__list li,
|
||||
.myui-vodlist__media.col li {
|
||||
padding: 10px
|
||||
}
|
||||
|
||||
.btn {
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.myui-vodlist__thumb {
|
||||
border-radius: 5px;
|
||||
padding-top: 150%;
|
||||
background: url(/template/videoboku/images/loading.gif) no-repeat;
|
||||
}
|
||||
|
||||
.myui-vodlist__thumb.square {
|
||||
padding-top: 100%;
|
||||
}
|
||||
|
||||
.myui-vodlist__thumb.wide {
|
||||
padding-top: 60%;
|
||||
background: url(/template/videoboku/images/loading2.gif) no-repeat;
|
||||
}
|
||||
|
||||
.myui-vodlist__thumb.actor {
|
||||
padding-top: 140%;
|
||||
}
|
||||
|
||||
.flickity-prev-next-button.previous {
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
.flickity-prev-next-button.next {
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
.myui-sidebar {
|
||||
padding: 0 0 0 20px;
|
||||
}
|
||||
|
||||
.myui-panel {
|
||||
margin-bottom: 20px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.myui-panel-mb {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.myui-player__item .fixed {
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
.myui-vodlist__text li a,
|
||||
.myui-vodlist__media li {
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.myui-screen__list {
|
||||
padding: 10px 10px 0;
|
||||
}
|
||||
|
||||
.myui-screen__list li {
|
||||
margin-bottom: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.myui-page {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.myui-extra {
|
||||
right: 20px;
|
||||
bottom: 30px;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.container {
|
||||
max-width: 1920px;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding-left: 120px;
|
||||
padding-right: 120px;
|
||||
}
|
||||
|
||||
.container.min {
|
||||
width: 1200px;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
|
||||
body,
|
||||
body.active {
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
[class*=col-],
|
||||
.myui-panel,
|
||||
.myui-content__list li {
|
||||
padding: 5px
|
||||
}
|
||||
|
||||
.flickity-prev-next-button.previous {
|
||||
left: 5px;
|
||||
}
|
||||
|
||||
.flickity-prev-next-button.next {
|
||||
right: 5px;
|
||||
}
|
||||
|
||||
.myui-vodlist__text li a,
|
||||
.myui-vodlist__media li {
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.myui-screen__list {
|
||||
padding: 10px 5px 0;
|
||||
}
|
||||
|
||||
.myui-screen__list li {
|
||||
margin-bottom: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.myui-extra {
|
||||
right: 20px;
|
||||
bottom: 50px;
|
||||
}
|
||||
|
||||
.myui-page {
|
||||
padding: 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.myui-topbg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
}
|
||||
3593
code/public/template/videoboku/css/mytheme-ui.css
Normal file
BIN
code/public/template/videoboku/fonts/fontawesome-webfont.ttf
Normal file
BIN
code/public/template/videoboku/fonts/fontawesome-webfont.woff
Normal file
BIN
code/public/template/videoboku/fonts/fontawesome-webfont.woff2
Normal file
BIN
code/public/template/videoboku/images/bf.png
Normal file
|
After Width: | Height: | Size: 4.8 KiB |
BIN
code/public/template/videoboku/images/favicon.png
Normal file
|
After Width: | Height: | Size: 22 KiB |
BIN
code/public/template/videoboku/images/juqing.png
Normal file
|
After Width: | Height: | Size: 7.6 KiB |
BIN
code/public/template/videoboku/images/loading.gif
Normal file
|
After Width: | Height: | Size: 95 KiB |
BIN
code/public/template/videoboku/images/loading2.gif
Normal file
|
After Width: | Height: | Size: 1.5 MiB |
BIN
code/public/template/videoboku/images/play.png
Normal file
|
After Width: | Height: | Size: 2.4 KiB |
BIN
code/public/template/videoboku/images/see.png
Normal file
|
After Width: | Height: | Size: 9.6 KiB |
BIN
code/public/template/videoboku/images/zb.png
Normal file
|
After Width: | Height: | Size: 8.1 KiB |
666
code/public/template/videoboku/js/jquery.autocomplete.js
Normal file
@@ -0,0 +1,666 @@
|
||||
/*
|
||||
* jQuery Autocomplete plugin 1.1
|
||||
*
|
||||
* Copyright (c) 2009 Jörn Zaefferer
|
||||
*
|
||||
* Dual licensed under the MIT and GPL licenses:
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
* http://www.gnu.org/licenses/gpl.html
|
||||
*
|
||||
* Revision: $Id: jquery.autocomplete.js 15 2009-08-22 10:30:27Z joern.zaefferer $
|
||||
*/;
|
||||
|
||||
$.browser = navigator.userAgent;
|
||||
(function($) {
|
||||
$.fn.extend({
|
||||
autocomplete: function(urlOrData, options) {
|
||||
var isUrl = typeof urlOrData == "string";
|
||||
options = $.extend({}, $.Autocompleter.defaults, {
|
||||
url: isUrl ? urlOrData : null,
|
||||
data: isUrl ? null : urlOrData,
|
||||
delay: isUrl ? $.Autocompleter.defaults.delay : 10,
|
||||
max: options && !options.scroll ? 10 : 150
|
||||
}, options);
|
||||
options.highlight = options.highlight ||
|
||||
function(value) {
|
||||
return value;
|
||||
};
|
||||
options.formatMatch = options.formatMatch || options.formatItem;
|
||||
return this.each(function() {
|
||||
new $.Autocompleter(this, options);
|
||||
});
|
||||
},
|
||||
result: function(handler) {
|
||||
return this.bind("result", handler);
|
||||
},
|
||||
search: function(handler) {
|
||||
return this.trigger("search", [handler]);
|
||||
},
|
||||
flushCache: function() {
|
||||
return this.trigger("flushCache");
|
||||
},
|
||||
setOptions: function(options) {
|
||||
return this.trigger("setOptions", [options]);
|
||||
},
|
||||
unautocomplete: function() {
|
||||
return this.trigger("unautocomplete");
|
||||
}
|
||||
});
|
||||
$.Autocompleter = function(input, options) {
|
||||
var KEY = {
|
||||
UP: 38,
|
||||
DOWN: 40,
|
||||
DEL: 46,
|
||||
TAB: 9,
|
||||
RETURN: 13,
|
||||
ESC: 27,
|
||||
COMMA: 188,
|
||||
PAGEUP: 33,
|
||||
PAGEDOWN: 34,
|
||||
BACKSPACE: 8
|
||||
};
|
||||
var $input = $(input).attr("autocomplete", "off").addClass(options.inputClass);
|
||||
var timeout;
|
||||
var previousValue = "";
|
||||
var cache = $.Autocompleter.Cache(options);
|
||||
var hasFocus = 0;
|
||||
var lastKeyPressCode;
|
||||
var config = {
|
||||
mouseDownOnSelect: false
|
||||
};
|
||||
var select = $.Autocompleter.Select(options, input, selectCurrent, config);
|
||||
var blockSubmit;
|
||||
$.browser.opera && $(input.form).bind("submit.autocomplete", function() {
|
||||
if (blockSubmit) {
|
||||
blockSubmit = false;
|
||||
return false;
|
||||
}
|
||||
});
|
||||
$input.bind(($.browser.opera ? "keypress" : "keydown") + ".autocomplete", function(event) {
|
||||
hasFocus = 1;
|
||||
lastKeyPressCode = event.keyCode;
|
||||
switch (event.keyCode) {
|
||||
case KEY.UP:
|
||||
event.preventDefault();
|
||||
if (select.visible()) {
|
||||
select.prev();
|
||||
} else {
|
||||
onChange(0, true);
|
||||
}
|
||||
break;
|
||||
case KEY.DOWN:
|
||||
event.preventDefault();
|
||||
if (select.visible()) {
|
||||
select.next();
|
||||
} else {
|
||||
onChange(0, true);
|
||||
}
|
||||
break;
|
||||
case KEY.PAGEUP:
|
||||
event.preventDefault();
|
||||
if (select.visible()) {
|
||||
select.pageUp();
|
||||
} else {
|
||||
onChange(0, true);
|
||||
}
|
||||
break;
|
||||
case KEY.PAGEDOWN:
|
||||
event.preventDefault();
|
||||
if (select.visible()) {
|
||||
select.pageDown();
|
||||
} else {
|
||||
onChange(0, true);
|
||||
}
|
||||
break;
|
||||
case options.multiple && $.trim(options.multipleSeparator) == "," && KEY.COMMA:
|
||||
|
||||
case KEY.TAB:
|
||||
if( selectCurrent() ) {
|
||||
// stop default to prevent a form submit, Opera needs special handling
|
||||
event.preventDefault();
|
||||
blockSubmit = true;
|
||||
return false;
|
||||
}
|
||||
break;
|
||||
case KEY.RETURN:
|
||||
clearTimeout(timeout);
|
||||
timeout = setTimeout(onChange, options.delay);
|
||||
break;
|
||||
case KEY.ESC:
|
||||
select.hide();
|
||||
break;
|
||||
default:
|
||||
clearTimeout(timeout);
|
||||
timeout = setTimeout(onChange, options.delay);
|
||||
break;
|
||||
}
|
||||
}).focus(function() {
|
||||
hasFocus++;
|
||||
}).blur(function() {
|
||||
hasFocus = 0;
|
||||
if (!config.mouseDownOnSelect) {
|
||||
hideResults();
|
||||
}
|
||||
}).click(function() {
|
||||
if (hasFocus++ > 1 && !select.visible()) {
|
||||
onChange(0, true);
|
||||
}
|
||||
}).bind("search", function() {
|
||||
var fn = (arguments.length > 1) ? arguments[1] : null;
|
||||
|
||||
function findValueCallback(q, data) {
|
||||
var result;
|
||||
if (data && data.length) {
|
||||
for (var i = 0; i < data.length; i++) {
|
||||
if (data[i].result.toLowerCase() == q.toLowerCase()) {
|
||||
result = data[i];
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (typeof fn == "function") fn(result);
|
||||
else $input.trigger("result", result && [result.data, result.value]);
|
||||
}
|
||||
$.each(trimWords($input.val()), function(i, value) {
|
||||
request(value, findValueCallback, findValueCallback);
|
||||
});
|
||||
}).bind("flushCache", function() {
|
||||
cache.flush();
|
||||
}).bind("setOptions", function() {
|
||||
$.extend(options, arguments[1]);
|
||||
if ("data" in arguments[1]) cache.populate();
|
||||
}).bind("unautocomplete", function() {
|
||||
select.unbind();
|
||||
$input.unbind();
|
||||
$(input.form).unbind(".autocomplete");
|
||||
});
|
||||
|
||||
function selectCurrent() {
|
||||
var selected = select.selected();
|
||||
if (!selected) return false;
|
||||
var v = selected.result;
|
||||
previousValue = v;
|
||||
if (options.multiple) {
|
||||
var words = trimWords($input.val());
|
||||
if (words.length > 1) {
|
||||
var seperator = options.multipleSeparator.length;
|
||||
var cursorAt = $(input).selection().start;
|
||||
var wordAt, progress = 0;
|
||||
$.each(words, function(i, word) {
|
||||
progress += word.length;
|
||||
if (cursorAt <= progress) {
|
||||
wordAt = i;
|
||||
return false;
|
||||
}
|
||||
progress += seperator;
|
||||
});
|
||||
words[wordAt] = v;
|
||||
v = words.join(options.multipleSeparator);
|
||||
}
|
||||
v += options.multipleSeparator;
|
||||
}
|
||||
$input.val(v);
|
||||
hideResultsNow();
|
||||
$input.trigger("result", [selected.data, selected.value]);
|
||||
return true;
|
||||
}
|
||||
function onChange(crap, skipPrevCheck) {
|
||||
if (lastKeyPressCode == KEY.DEL) {
|
||||
select.hide();
|
||||
return;
|
||||
}
|
||||
var currentValue = $input.val();
|
||||
if (!skipPrevCheck && currentValue == previousValue) return;
|
||||
previousValue = currentValue;
|
||||
currentValue = lastWord(currentValue);
|
||||
if (currentValue.length >= options.minChars) {
|
||||
$input.addClass(options.loadingClass);
|
||||
if (!options.matchCase) currentValue = currentValue.toLowerCase();
|
||||
request(currentValue, receiveData, hideResultsNow);
|
||||
} else {
|
||||
stopLoading();
|
||||
select.hide();
|
||||
}
|
||||
};
|
||||
|
||||
function trimWords(value) {
|
||||
if (!value) return [""];
|
||||
if (!options.multiple) return [$.trim(value)];
|
||||
return $.map(value.split(options.multipleSeparator), function(word) {
|
||||
return $.trim(value).length ? $.trim(word) : null;
|
||||
});
|
||||
}
|
||||
function lastWord(value) {
|
||||
if (!options.multiple) return value;
|
||||
var words = trimWords(value);
|
||||
if (words.length == 1) return words[0];
|
||||
var cursorAt = $(input).selection().start;
|
||||
if (cursorAt == value.length) {
|
||||
words = trimWords(value)
|
||||
} else {
|
||||
words = trimWords(value.replace(value.substring(cursorAt), ""));
|
||||
}
|
||||
return words[words.length - 1];
|
||||
}
|
||||
function autoFill(q, sValue) {
|
||||
if (options.autoFill && (lastWord($input.val()).toLowerCase() == q.toLowerCase()) && lastKeyPressCode != KEY.BACKSPACE) {
|
||||
$input.val($input.val() + sValue.substring(lastWord(previousValue).length));
|
||||
$(input).selection(previousValue.length, previousValue.length + sValue.length);
|
||||
}
|
||||
};
|
||||
|
||||
function hideResults() {
|
||||
clearTimeout(timeout);
|
||||
timeout = setTimeout(hideResultsNow, 200);
|
||||
};
|
||||
|
||||
function hideResultsNow() {
|
||||
var wasVisible = select.visible();
|
||||
select.hide();
|
||||
clearTimeout(timeout);
|
||||
stopLoading();
|
||||
if (options.mustMatch) {
|
||||
$input.search(function(result) {
|
||||
if (!result) {
|
||||
if (options.multiple) {
|
||||
var words = trimWords($input.val()).slice(0, -1);
|
||||
$input.val(words.join(options.multipleSeparator) + (words.length ? options.multipleSeparator : ""));
|
||||
} else {
|
||||
$input.val("");
|
||||
$input.trigger("result", null);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
function receiveData(q, data) {
|
||||
if (data && data.length && hasFocus) {
|
||||
stopLoading();
|
||||
select.display(data, q);
|
||||
autoFill(q, data[0].value);
|
||||
select.show();
|
||||
} else {
|
||||
hideResultsNow();
|
||||
}
|
||||
};
|
||||
|
||||
function request(term, success, failure) {
|
||||
if (!options.matchCase) term = term.toLowerCase();
|
||||
var data = cache.load(term);
|
||||
if (data && data.length) {
|
||||
success(term, data);
|
||||
} else if ((typeof options.url == "string") && (options.url.length > 0)) {
|
||||
var extraParams = {
|
||||
timestamp: +new Date()
|
||||
};
|
||||
$.each(options.extraParams, function(key, param) {
|
||||
extraParams[key] = typeof param == "function" ? param() : param;
|
||||
});
|
||||
$.ajax({
|
||||
mode: "abort",
|
||||
port: "autocomplete" + input.name,
|
||||
dataType: options.dataType,
|
||||
url: options.url,
|
||||
data: $.extend({
|
||||
wd: lastWord(term),
|
||||
limit: options.max
|
||||
}, extraParams),
|
||||
success: function(data) {
|
||||
var parsed = options.parse && options.parse(data) || parse(data);
|
||||
cache.add(term, parsed);
|
||||
success(term, parsed);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
select.emptyList();
|
||||
failure(term);
|
||||
}
|
||||
};
|
||||
|
||||
function parse(data) {
|
||||
var parsed = [];
|
||||
var rows = data.split("\n");
|
||||
for (var i = 0; i < rows.length; i++) {
|
||||
var row = $.trim(rows[i]);
|
||||
if (row) {
|
||||
row = row.split("|");
|
||||
parsed[parsed.length] = {
|
||||
data: row,
|
||||
value: row[0],
|
||||
result: options.formatResult && options.formatResult(row, row[0]) || row[0]
|
||||
};
|
||||
}
|
||||
}
|
||||
return parsed;
|
||||
};
|
||||
|
||||
function stopLoading() {
|
||||
$input.removeClass(options.loadingClass);
|
||||
};
|
||||
};
|
||||
$.Autocompleter.defaults = {
|
||||
inputClass: "ac_input",
|
||||
resultsClass: "ac_results",
|
||||
loadingClass: "ac_loading",
|
||||
minChars: 1,
|
||||
delay: 400,
|
||||
matchCase: false,
|
||||
matchSubset: true,
|
||||
matchContains: false,
|
||||
cacheLength: 10,
|
||||
max: 100,
|
||||
mustMatch: false,
|
||||
extraParams: {},
|
||||
selectFirst: true,
|
||||
formatItem: function(row) {
|
||||
return row[0];
|
||||
},
|
||||
formatMatch: null,
|
||||
autoFill: false,
|
||||
width: 0,
|
||||
multiple: false,
|
||||
multipleSeparator: ", ",
|
||||
highlight: function(value, term) {
|
||||
return value.replace(new RegExp("(?![^&;]+;)(?!<[^<>]*)(" + term.replace(/([\^\$\(\)\[\]\{\}\*\.\+\?\|\\])/gi, "\\$1") + ")(?![^<>]*>)(?![^&;]+;)", "gi"), "<strong>$1</strong>");
|
||||
},
|
||||
scroll: true,
|
||||
scrollHeight: 180
|
||||
};
|
||||
$.Autocompleter.Cache = function(options) {
|
||||
var data = {};
|
||||
var length = 0;
|
||||
|
||||
function matchSubset(s, sub) {
|
||||
if (!options.matchCase) s = s.toLowerCase();
|
||||
var i = s.indexOf(sub);
|
||||
if (options.matchContains == "word") {
|
||||
i = s.toLowerCase().search("\\b" + sub.toLowerCase());
|
||||
}
|
||||
if (i == -1) return false;
|
||||
return i == 0 || options.matchContains;
|
||||
};
|
||||
|
||||
function add(q, value) {
|
||||
if (length > options.cacheLength) {
|
||||
flush();
|
||||
}
|
||||
if (!data[q]) {
|
||||
length++;
|
||||
}
|
||||
data[q] = value;
|
||||
}
|
||||
function populate() {
|
||||
if (!options.data) return false;
|
||||
var stMatchSets = {},
|
||||
nullData = 0;
|
||||
if (!options.url) options.cacheLength = 1;
|
||||
stMatchSets[""] = [];
|
||||
for (var i = 0, ol = options.data.length; i < ol; i++) {
|
||||
var rawValue = options.data[i];
|
||||
rawValue = (typeof rawValue == "string") ? [rawValue] : rawValue;
|
||||
var value = options.formatMatch(rawValue, i + 1, options.data.length);
|
||||
if (value === false) continue;
|
||||
var firstChar = value.charAt(0).toLowerCase();
|
||||
if (!stMatchSets[firstChar]) stMatchSets[firstChar] = [];
|
||||
var row = {
|
||||
value: value,
|
||||
data: rawValue,
|
||||
result: options.formatResult && options.formatResult(rawValue) || value
|
||||
};
|
||||
stMatchSets[firstChar].push(row);
|
||||
if (nullData++ < options.max) {
|
||||
stMatchSets[""].push(row);
|
||||
}
|
||||
};
|
||||
$.each(stMatchSets, function(i, value) {
|
||||
options.cacheLength++;
|
||||
add(i, value);
|
||||
});
|
||||
}
|
||||
setTimeout(populate, 25);
|
||||
|
||||
function flush() {
|
||||
data = {};
|
||||
length = 0;
|
||||
}
|
||||
return {
|
||||
flush: flush,
|
||||
add: add,
|
||||
populate: populate,
|
||||
load: function(q) {
|
||||
if (!options.cacheLength || !length) return null;
|
||||
if (!options.url && options.matchContains) {
|
||||
var csub = [];
|
||||
for (var k in data) {
|
||||
if (k.length > 0) {
|
||||
var c = data[k];
|
||||
$.each(c, function(i, x) {
|
||||
if (matchSubset(x.value, q)) {
|
||||
csub.push(x);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
return csub;
|
||||
} else if (data[q]) {
|
||||
return data[q];
|
||||
} else if (options.matchSubset) {
|
||||
for (var i = q.length - 1; i >= options.minChars; i--) {
|
||||
var c = data[q.substr(0, i)];
|
||||
if (c) {
|
||||
var csub = [];
|
||||
$.each(c, function(i, x) {
|
||||
if (matchSubset(x.value, q)) {
|
||||
csub[csub.length] = x;
|
||||
}
|
||||
});
|
||||
return csub;
|
||||
}
|
||||
}
|
||||
}
|
||||
return null;
|
||||
}
|
||||
};
|
||||
};
|
||||
$.Autocompleter.Select = function(options, input, select, config) {
|
||||
var CLASSES = {
|
||||
ACTIVE: "ac_over"
|
||||
};
|
||||
var listItems, active = -1,
|
||||
data, term = "",
|
||||
needsInit = true,
|
||||
element, list;
|
||||
|
||||
function init() {
|
||||
if (!needsInit) return;
|
||||
element = $("<div/>").hide().addClass(options.resultsClass).css("position", "absolute").appendTo(document.body);
|
||||
list = $("<ul/>").appendTo(element).mouseover(function(event) {
|
||||
if (target(event).nodeName && target(event).nodeName.toUpperCase() == 'LI') {
|
||||
active = $("li", list).removeClass(CLASSES.ACTIVE).index(target(event));
|
||||
$(target(event)).addClass(CLASSES.ACTIVE);
|
||||
}
|
||||
}).click(function(event) {
|
||||
$(target(event)).addClass(CLASSES.ACTIVE);
|
||||
select();
|
||||
input.focus();
|
||||
return false;
|
||||
}).mousedown(function() {
|
||||
config.mouseDownOnSelect = true;
|
||||
}).mouseup(function() {
|
||||
config.mouseDownOnSelect = false;
|
||||
});
|
||||
if (options.width > 0) element.css("width", options.width);
|
||||
needsInit = false;
|
||||
}
|
||||
function target(event) {
|
||||
var element = event.target;
|
||||
while (element && element.tagName != "LI") element = element.parentNode;
|
||||
if (!element) return [];
|
||||
return element;
|
||||
}
|
||||
function moveSelect(step) {
|
||||
listItems.slice(active, active + 1).removeClass(CLASSES.ACTIVE);
|
||||
movePosition(step);
|
||||
var activeItem = listItems.slice(active, active + 1).addClass(CLASSES.ACTIVE);
|
||||
if (options.scroll) {
|
||||
var offset = 0;
|
||||
listItems.slice(0, active).each(function() {
|
||||
offset += this.offsetHeight;
|
||||
});
|
||||
if ((offset + activeItem[0].offsetHeight - list.scrollTop()) > list[0].clientHeight) {
|
||||
list.scrollTop(offset + activeItem[0].offsetHeight - list.innerHeight());
|
||||
} else if (offset < list.scrollTop()) {
|
||||
list.scrollTop(offset);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
function movePosition(step) {
|
||||
active += step;
|
||||
if (active < 0) {
|
||||
active = listItems.size() - 1;
|
||||
} else if (active >= listItems.size()) {
|
||||
active = 0;
|
||||
}
|
||||
}
|
||||
function limitNumberOfItems(available) {
|
||||
return options.max && options.max < available ? options.max : available;
|
||||
}
|
||||
function fillList() {
|
||||
list.empty();
|
||||
var max = limitNumberOfItems(data.length);
|
||||
for (var i = 0; i < max; i++) {
|
||||
if (!data[i]) continue;
|
||||
var formatted = options.formatItem(data[i].data, i + 1, max, data[i].value, term);
|
||||
if (formatted === false) continue;
|
||||
var li = $("<li/>").html(options.highlight(formatted, term)).addClass(i % 2 == 0 ? "ac_even" : "ac_odd").appendTo(list)[0];
|
||||
$.data(li, "ac_data", data[i]);
|
||||
}
|
||||
listItems = list.find("li");
|
||||
if (options.selectFirst) {
|
||||
listItems.slice(0, 1).addClass(CLASSES.ACTIVE);
|
||||
active = 0;
|
||||
}
|
||||
if ($.fn.bgiframe) list.bgiframe();
|
||||
}
|
||||
return {
|
||||
display: function(d, q) {
|
||||
init();
|
||||
data = d;
|
||||
term = q;
|
||||
fillList();
|
||||
},
|
||||
next: function() {
|
||||
moveSelect(1);
|
||||
},
|
||||
prev: function() {
|
||||
moveSelect(-1);
|
||||
},
|
||||
pageUp: function() {
|
||||
if (active != 0 && active - 8 < 0) {
|
||||
moveSelect(-active);
|
||||
} else {
|
||||
moveSelect(-8);
|
||||
}
|
||||
},
|
||||
pageDown: function() {
|
||||
if (active != listItems.size() - 1 && active + 8 > listItems.size()) {
|
||||
moveSelect(listItems.size() - 1 - active);
|
||||
} else {
|
||||
moveSelect(8);
|
||||
}
|
||||
},
|
||||
hide: function() {
|
||||
element && element.hide();
|
||||
listItems && listItems.removeClass(CLASSES.ACTIVE);
|
||||
active = -1;
|
||||
},
|
||||
visible: function() {
|
||||
return element && element.is(":visible");
|
||||
},
|
||||
current: function() {
|
||||
return this.visible() && (listItems.filter("." + CLASSES.ACTIVE)[0] || options.selectFirst && listItems[0]);
|
||||
},
|
||||
show: function() {
|
||||
var offset = $(input).offset();
|
||||
element.css({
|
||||
width: typeof options.width == "string" || options.width > 0 ? options.width : $(input).width(),
|
||||
top: offset.top + input.offsetHeight,
|
||||
left: offset.left
|
||||
}).show();
|
||||
if (options.scroll) {
|
||||
list.scrollTop(0);
|
||||
list.css({
|
||||
maxHeight: options.scrollHeight,
|
||||
overflow: 'auto'
|
||||
});
|
||||
if ($.browser.msie && typeof document.body.style.maxHeight === "undefined") {
|
||||
var listHeight = 0;
|
||||
listItems.each(function() {
|
||||
listHeight += this.offsetHeight;
|
||||
});
|
||||
var scrollbarsVisible = listHeight > options.scrollHeight;
|
||||
list.css('height', scrollbarsVisible ? options.scrollHeight : listHeight);
|
||||
if (!scrollbarsVisible) {
|
||||
listItems.width(list.width() - parseInt(listItems.css("padding-left")) - parseInt(listItems.css("padding-right")));
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
selected: function() {
|
||||
var selected = listItems && listItems.filter("." + CLASSES.ACTIVE).removeClass(CLASSES.ACTIVE);
|
||||
return selected && selected.length && $.data(selected[0], "ac_data");
|
||||
},
|
||||
emptyList: function() {
|
||||
list && list.empty();
|
||||
},
|
||||
unbind: function() {
|
||||
element && element.remove();
|
||||
}
|
||||
};
|
||||
};
|
||||
$.fn.selection = function(start, end) {
|
||||
if (start !== undefined) {
|
||||
return this.each(function() {
|
||||
if (this.createTextRange) {
|
||||
var selRange = this.createTextRange();
|
||||
if (end === undefined || start == end) {
|
||||
selRange.move("character", start);
|
||||
selRange.select();
|
||||
} else {
|
||||
selRange.collapse(true);
|
||||
selRange.moveStart("character", start);
|
||||
selRange.moveEnd("character", end);
|
||||
selRange.select();
|
||||
}
|
||||
} else if (this.setSelectionRange) {
|
||||
this.setSelectionRange(start, end);
|
||||
} else if (this.selectionStart) {
|
||||
this.selectionStart = start;
|
||||
this.selectionEnd = end;
|
||||
}
|
||||
});
|
||||
}
|
||||
var field = this[0];
|
||||
if (field.createTextRange) {
|
||||
var range = document.selection.createRange(),
|
||||
orig = field.value,
|
||||
teststring = "<->",
|
||||
textLength = range.text.length;
|
||||
range.text = teststring;
|
||||
var caretAt = field.value.indexOf(teststring);
|
||||
field.value = orig;
|
||||
this.selection(caretAt, caretAt + textLength);
|
||||
return {
|
||||
start: caretAt,
|
||||
end: caretAt + textLength
|
||||
}
|
||||
} else if (field.selectionStart !== undefined) {
|
||||
return {
|
||||
start: field.selectionStart,
|
||||
end: field.selectionEnd
|
||||
}
|
||||
}
|
||||
};
|
||||
})(jQuery);
|
||||
2
code/public/template/videoboku/js/jquery.min.js
vendored
Normal file
2
code/public/template/videoboku/js/layer/layer.js
Normal file
234
code/public/template/videoboku/js/mytheme-cms.js
Normal file
@@ -0,0 +1,234 @@
|
||||
/*!
|
||||
* 版本:MYUI Copyright © 2020
|
||||
* 官网:https://www.uzhanw.com
|
||||
*/
|
||||
|
||||
var Myui = {
|
||||
'Comment': {
|
||||
'Init':function(){
|
||||
$('body').on('click', '.my_comment_submit', function(e){
|
||||
if($(this).parent().parent().parent().find(".comment_data").val() == ''){
|
||||
layer.msg("请输入评论内容");
|
||||
return false;
|
||||
}
|
||||
Myui.Comment.Submit();
|
||||
});
|
||||
$('body').on('click', '.my_comment_report', function(e){
|
||||
var $that = $(this);
|
||||
if($(this).attr("data-id")){
|
||||
MyTheme.Ajax(maccms.path + '/index.php/comment/report.html?id='+$that.attr("data-id"),'get','json','',function(r){
|
||||
$that.addClass('disabled');
|
||||
layer.msg(r.msg);
|
||||
});
|
||||
}
|
||||
});
|
||||
$('body').on('click', '.my_comment_reply', function(e){
|
||||
var $that = $(this);
|
||||
if($that.attr("data-id")){
|
||||
var str = $that.html();
|
||||
$('.comment_reply_form').remove();
|
||||
if (str == '取消回复') {
|
||||
$that.html('回复');
|
||||
return false;
|
||||
}
|
||||
if (str == '回复') {
|
||||
$('.my_comment_reply').html('回复');
|
||||
}
|
||||
var html = $('.comment_form').prop("outerHTML");
|
||||
|
||||
var oo = $(html);
|
||||
oo.addClass('comment_reply_form');
|
||||
oo.find('input[name="comment_pid"]').val( $that.attr("data-id") );
|
||||
|
||||
$that.parent().after(oo);
|
||||
$that.html('取消回复');
|
||||
}
|
||||
});
|
||||
$('body').on('click', '.my_comment_report', function(e){
|
||||
var $that = $(this);
|
||||
if($(this).attr("data-id")){
|
||||
MyTheme.Ajax(maccms.path + '/index.php/comment/report.html?id='+$that.attr("data-id"),'get','json','',function(r){
|
||||
$that.addClass('disabled');
|
||||
layer.msg(r.msg);
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
'Show':function($page){
|
||||
MyTheme.Ajax(maccms.path + '/index.php/comment/ajax.html?rid='+$('.myui_comment').attr('data-id')+'&mid='+ $('.myui_comment').attr('data-mid') +'&page='+$page,'get','json','',function(r){
|
||||
$(".myui_comment").html(r);
|
||||
},function(){
|
||||
$(".myui_comment").html('<p class="text-center"><a href="javascript:void(0)" onclick="Myui.Comment.Show('+$page+');">评论加载失败,点击我刷新...</a></p>');
|
||||
});
|
||||
},
|
||||
'Submit':function(){
|
||||
MyTheme.Ajax(maccms.path + '/index.php/comment/saveData','post','json',$(".comment_form").serialize() + '&comment_mid='+ $('.myui_comment').attr('data-mid') + '&comment_rid=' + $('.myui_comment').attr('data-id'),function(r){
|
||||
if(r.code==1){
|
||||
layer.msg(r.msg,{anim:5},function(){
|
||||
Myui.Comment.Show(1);
|
||||
});
|
||||
} else {
|
||||
if(MAC.Gbook.Verify==1){
|
||||
$('#verify_img').click();
|
||||
}
|
||||
layer.msg(r.msg);
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
'Gbook': {
|
||||
'Init':function(){
|
||||
$('body').on('click', '.gbook_submit', function(e){
|
||||
if($(".gbook_data").val() == ''){
|
||||
layer.msg("请输入留言内容");
|
||||
return false;
|
||||
}
|
||||
Myui.Gbook.Submit();
|
||||
});
|
||||
},
|
||||
'Submit':function(){
|
||||
MyTheme.Ajax(maccms.path + '/index.php/gbook/saveData','post','json',$("#myform").serialize(),function(r){
|
||||
if(r.code==1){
|
||||
layer.msg(r.msg,{anim:5},function(){
|
||||
location.reload();
|
||||
});
|
||||
} else {
|
||||
if(MAC.Gbook.Verify==1){
|
||||
$('#verify_img').click();
|
||||
}
|
||||
layer.msg(r.msg);
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
'Score':function(){
|
||||
var hadpingfen = 0;
|
||||
$("ul.rating li").each(function(i) {
|
||||
var $title = $(this).attr("title");
|
||||
var $lis = $("ul.rating li");
|
||||
var num = $(this).index();
|
||||
var n = num + 1;
|
||||
$(this).click(function () {
|
||||
if (hadpingfen > 0) {
|
||||
layer.msg('已经评分,请务重复评分');
|
||||
}
|
||||
else {
|
||||
$lis.removeClass("active");
|
||||
$("ul.rating li:lt(" + n + ")").find(".fa").addClass("fa-star").removeClass("fa-star-o");
|
||||
$("#ratewords").html($title);
|
||||
$.getJSON(maccms.path+'/index.php/ajax/score?mid='+$('#rating').attr('data-mid')+'&id='+$('#rating').attr('data-id')+'&score='+($(this).attr('val')*2), function (r) {
|
||||
if (parseInt(r.code) == 1) {
|
||||
layer.msg(r.msg);
|
||||
hadpingfen = 1;
|
||||
}
|
||||
else {
|
||||
hadpingfen = 1;
|
||||
layer.msg(r.msg);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
).hover(function () {
|
||||
this.myTitle = this.title;
|
||||
this.title = "";
|
||||
$(this).nextAll().find(".fa").addClass("fa-star-o").removeClass("fa-star");
|
||||
$(this).prevAll().find(".fa").addClass("fa-star").removeClass("fa-star-o");
|
||||
$(this).find(".fa").addClass("fa-star").removeClass("fa-star-o");
|
||||
$("#ratewords").html($title);
|
||||
}, function () {
|
||||
this.title = this.myTitle;
|
||||
$("ul.rating li:lt(" + n + ")").removeClass("hover");
|
||||
});
|
||||
});
|
||||
},
|
||||
'Autocomplete': function() {
|
||||
var searchWidth= $('#search').width();
|
||||
try {
|
||||
$('.search_wd').autocomplete(maccms.path + '/index.php/ajax/suggest?mid=1', {
|
||||
resultsClass: "autocomplete-suggestions",
|
||||
width: searchWidth, scrollHeight: 410, minChars: 1, matchSubset: 0, cacheLength: 10, multiple: false, matchContains: true, autoFill: false,
|
||||
dataType: "json",
|
||||
parse: function (r) {
|
||||
if (r.code == 1) {
|
||||
$(".head-dropdown").hide();
|
||||
var parsed = [];
|
||||
$.each(r['list'], function (index, row) {
|
||||
row.url = r.url;
|
||||
parsed[index] = {
|
||||
data: row
|
||||
};
|
||||
});
|
||||
return parsed;
|
||||
} else {
|
||||
return {data: ''};
|
||||
}
|
||||
},
|
||||
formatItem: function (row, i, max) {
|
||||
return row.name;
|
||||
},
|
||||
formatResult: function (row, i, max) {
|
||||
return row.text;
|
||||
}
|
||||
}).result(function (event, data, formatted) {
|
||||
$(this).val(data.name);
|
||||
location.href = data.url.replace('mac_wd', encodeURIComponent(data.name));
|
||||
});
|
||||
}
|
||||
catch(e){}
|
||||
},
|
||||
'Favorite': function() {
|
||||
if($('.favorite').length>0){
|
||||
$('body').on('click', 'a.favorite', function(e){
|
||||
var $that = $(this);
|
||||
if($that.attr("data-id")){
|
||||
$.ajax({
|
||||
url: maccms.path+'/index.php/user/ajax_ulog/?ac=set&mid='+$that.attr("data-mid")+'&id='+$that.attr("data-id")+'&type='+$that.attr("data-type"),
|
||||
cache: false,
|
||||
dataType: 'json',
|
||||
success: function($r){
|
||||
layer.msg($r.msg);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
'User': {
|
||||
'BuyPopedom':function(o){
|
||||
var $that = $(o);
|
||||
if($that.attr("data-id")){
|
||||
if (confirm('您确认购买此条数据访问权限吗?')) {
|
||||
MyTheme.Ajax(maccms.path + '/index.php/user/ajax_buy_popedom.html?id=' + $that.attr("data-id") + '&mid=' + $that.attr("data-mid") + '&sid=' + $that.attr("data-sid") + '&nid=' + $that.attr("data-nid") + '&type=' + $that.attr("data-type"),'get','json','',function(r){
|
||||
$that.addClass('disabled');
|
||||
layer.msg($r.msg);
|
||||
if (r.code == 1) {
|
||||
top.location.reload();
|
||||
}
|
||||
$that.removeClass('disabled');
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
'Login':function(){
|
||||
MyTheme.Layer.Div('.ajax_login');
|
||||
$('body').on('click', '.login_form_submit', function(e){
|
||||
$(this).unbind('click');
|
||||
MyTheme.Ajax(maccms.path + '/index.php/user/login','post','json',$('.mac_login_form').serialize(),function(r){
|
||||
layer.msg(r.msg);
|
||||
if(r.code == 1){
|
||||
layer.msg(r.msg,{anim:5},function(){
|
||||
location.reload();
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
$(function(){
|
||||
// Myui.Comment.Init();
|
||||
// Myui.Gbook.Init();
|
||||
// Myui.Autocomplete();
|
||||
// Myui.Favorite();
|
||||
});
|
||||
260
code/public/template/videoboku/js/mytheme-site.js
Normal file
514
code/public/template/videoboku/js/mytheme-ui.js
Normal file
@@ -0,0 +1,514 @@
|
||||
/*!
|
||||
* 版本:MYUI Copyright © 2020
|
||||
* 官网:https://www.uzhanw.com
|
||||
*/
|
||||
|
||||
var MyTheme = {
|
||||
'Browser': {
|
||||
url: document.URL,
|
||||
domain: document.domain,
|
||||
title: document.title,
|
||||
language: (navigator.browserLanguage || navigator.language).toLowerCase(),
|
||||
canvas: function() {
|
||||
return !!document.createElement("canvas").getContext
|
||||
}(),
|
||||
useragent: function() {
|
||||
var a = navigator.userAgent;
|
||||
return {
|
||||
mobile: !! a.match(/AppleWebKit.*Mobile.*/),
|
||||
ios: !! a.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
|
||||
android: -1 < a.indexOf("Android") || -1 < a.indexOf("Linux"),
|
||||
iPhone: -1 < a.indexOf("iPhone") || -1 < a.indexOf("Mac"),
|
||||
iPad: -1 < a.indexOf("iPad"),
|
||||
trident: -1 < a.indexOf("Trident"),
|
||||
presto: -1 < a.indexOf("Presto"),
|
||||
webKit: -1 < a.indexOf("AppleWebKit"),
|
||||
gecko: -1 < a.indexOf("Gecko") && -1 == a.indexOf("KHTML"),
|
||||
weixin: -1 < a.indexOf("MicroMessenger")
|
||||
}
|
||||
}()
|
||||
},
|
||||
'Cookie': {
|
||||
'Set':function(name,value,days){
|
||||
var expires;
|
||||
if (days) {
|
||||
expires = days;
|
||||
} else{
|
||||
expires = "";
|
||||
}
|
||||
$.cookie(name,value,{expires:expires,path:'/'});
|
||||
},
|
||||
'Get':function(name){
|
||||
var styles = $.cookie(name);
|
||||
return styles;
|
||||
},
|
||||
'Del':function(name,tips){
|
||||
if(window.confirm(tips)){
|
||||
$.cookie(name,null,{expires:-1,path: '/'});
|
||||
location.reload();
|
||||
}else{
|
||||
return false;
|
||||
}
|
||||
}
|
||||
},
|
||||
'Ajax':function(url,type,dataType,data,sfun,efun,cfun){
|
||||
type=type||'get';
|
||||
dataType=dataType||'json';
|
||||
data=data||'';
|
||||
efun=efun||'';
|
||||
cfun=cfun||'';
|
||||
|
||||
$.ajax({
|
||||
url:url,
|
||||
type:type,
|
||||
dataType:dataType,
|
||||
data:data,
|
||||
timeout: 5000,
|
||||
beforeSend:function(XHR){
|
||||
},
|
||||
error:function(XHR,textStatus,errorThrown){
|
||||
if(efun) efun(XHR,textStatus,errorThrown);
|
||||
},
|
||||
success:function(data){
|
||||
sfun(data);
|
||||
},
|
||||
complete:function(XHR, TS){
|
||||
if(cfun) cfun(XHR, TS);
|
||||
}
|
||||
})
|
||||
},
|
||||
'Mobile': {
|
||||
'Nav': {
|
||||
'Init': function() {
|
||||
if($(".nav-slide").length){
|
||||
$(".nav-slide").each(function(){
|
||||
var $that = $(this);
|
||||
MyTheme.Mobile.Nav.Set($that,$that.attr('data-align'));
|
||||
});
|
||||
}
|
||||
},
|
||||
'Set': function(id,align) {
|
||||
$index = id.find('.active').index()*1;
|
||||
if($index > 3){
|
||||
$index = $index-3;
|
||||
}else{
|
||||
$index = 0;
|
||||
}
|
||||
id.flickity({
|
||||
cellAlign: align,
|
||||
freeScroll: true,
|
||||
contain: true,
|
||||
prevNextButtons: false,
|
||||
pageDots: false,
|
||||
percentPosition: true,
|
||||
initialIndex: $index
|
||||
});
|
||||
}
|
||||
},
|
||||
'Mshare': function() {
|
||||
$(".open-share").click(function() {
|
||||
MyTheme.Browser.useragent.weixin ? $("body").append('<div class="mobile-share share-weixin"></div>') : $("body").append('<div class="mobile-share share-other"></div>');
|
||||
$(".mobile-share").click(function() {
|
||||
$(".mobile-share").remove();
|
||||
$("body").removeClass("modal-open");
|
||||
});
|
||||
});
|
||||
}
|
||||
},
|
||||
'Images': {
|
||||
'Lazyload': function() {
|
||||
$(".lazyload").lazyload({
|
||||
effect: "fadeIn",
|
||||
threshold: 200,
|
||||
failure_limit : 1,
|
||||
skip_invisible : false,
|
||||
});
|
||||
},
|
||||
'Qrcode': {
|
||||
'Init': function() {
|
||||
if($("#qrcode").length){
|
||||
var $that = $("#qrcode");
|
||||
MyTheme.Images.Qrcode.Set($that.attr('data-link'),$that.attr('data-dark'),$that.attr('data-light'));
|
||||
$that.attr("class","img-responsive");
|
||||
}
|
||||
},
|
||||
'Set': function(url,dark,light) {
|
||||
url=0||location.href;
|
||||
var qrcode = new QRCode('qrcode', {
|
||||
text: url,
|
||||
width: 120,
|
||||
height: 120,
|
||||
colorDark : dark,
|
||||
colorLight : light,
|
||||
correctLevel : QRCode.CorrectLevel.H
|
||||
});
|
||||
}
|
||||
},
|
||||
'Flickity': {
|
||||
'Init': function() {
|
||||
if($(".flickity").length){
|
||||
$(".flickity").each(function(){
|
||||
var $that = $(this);
|
||||
MyTheme.Images.Flickity.Set($that,$that.attr('data-align'),$that.attr('data-dots'),$that.attr('data-next'));
|
||||
});
|
||||
}
|
||||
},
|
||||
'Set': function(id,align,dots,next) {
|
||||
dots=dots||false;
|
||||
next=next||false;
|
||||
id.flickity({
|
||||
cellAlign: align,
|
||||
wrapAround: true,
|
||||
contain: true,
|
||||
pageDots: dots,
|
||||
percentPosition: true,
|
||||
prevNextButtons: next
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
'Link': {
|
||||
'Copy': function(){
|
||||
if($(".copy-link").length){
|
||||
var clipboard = new Clipboard('.copy-link', {
|
||||
text: function() {
|
||||
return $(".my-link").html();
|
||||
}
|
||||
});
|
||||
clipboard.on('success', function(e) {
|
||||
layer.msg('链接复制成功');
|
||||
});
|
||||
clipboard.on("error",function(e){
|
||||
layer.msg('复制失败,请手动复制');
|
||||
});
|
||||
}
|
||||
},
|
||||
'Short': function(){
|
||||
if($(".short").length){
|
||||
var shortId = $(".short");
|
||||
var shortUrl = shortId.attr("href");
|
||||
$.ajax({
|
||||
type : 'GET',
|
||||
url : myui.shortapi+encodeURIComponent(shortUrl),
|
||||
dataType : 'json',
|
||||
success : function(data) {
|
||||
url_short = data.urls[0].url_short;
|
||||
shortId.html(url_short);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
'Layer': {
|
||||
'Img': function(title,src,text) {
|
||||
layer.open({
|
||||
type: 1,
|
||||
title: title,
|
||||
skin: 'layui-layer-rim',
|
||||
content: '<div class="col-pd"><p><img src="'+src+'" width="240" /></p><p class="text-center">'+text+'</p></div>'
|
||||
});
|
||||
},
|
||||
'Html': function(title,html) {
|
||||
layer.open({
|
||||
type: 1,
|
||||
title: title,
|
||||
skin: 'layui-layer-rim',
|
||||
content: '<div class="col-pd">'+html+'</div>'
|
||||
});
|
||||
},
|
||||
'Div': function(id) {
|
||||
layer.open({
|
||||
type: 1,
|
||||
title:false,
|
||||
skin: 'layui-layer-rim',
|
||||
content: $(id)
|
||||
});
|
||||
},
|
||||
'Popbody': function(name,title,html,day,wide,high) {
|
||||
var pop_is = MyTheme.Cookie.Get(name);
|
||||
var html = $(html).html();
|
||||
if(!pop_is){
|
||||
layer.open({
|
||||
type: 1,
|
||||
title: title,
|
||||
skin: 'layui-layer-rim',
|
||||
content: html,
|
||||
area: [wide+'px', high+'px'],
|
||||
cancel: function(){
|
||||
MyTheme.Cookie.Set(name,1,day);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
'Other': {
|
||||
'Headroom': function() {
|
||||
if($("#header-top").length){
|
||||
var header = document.querySelector("#header-top");
|
||||
var headroom = new Headroom(header, {
|
||||
tolerance: 5,
|
||||
offset: 205,
|
||||
classes: {
|
||||
initial: "top-fixed",
|
||||
pinned: "top-fixed-up",
|
||||
unpinned: "top-fixed-down"
|
||||
}
|
||||
});
|
||||
headroom.init();
|
||||
}
|
||||
$(".dropdown-hover").click(function(){
|
||||
$(this).find(".dropdown-box").toggle();
|
||||
});
|
||||
},
|
||||
'Popup': function(id) {
|
||||
$(id).addClass("popup-visible");
|
||||
$("body").append('<div class="mask"></div>').addClass("hidden");
|
||||
$(".close-popup").click(function() {
|
||||
$(id).removeClass("popup-visible");
|
||||
$(".mask").remove();
|
||||
$("body").removeClass("hidden");
|
||||
});
|
||||
$(".mask").click(function() {
|
||||
$(id).removeClass("popup-visible");
|
||||
$(this).remove();
|
||||
$("body").removeClass("hidden");
|
||||
});
|
||||
},
|
||||
'Bootstrap': function() {
|
||||
$('a[data-toggle="tab"]').on("shown.bs.tab", function(a) {
|
||||
var b = $(a.target).text();
|
||||
$(a.relatedTarget).text();
|
||||
$("span.active-tab").html(b);
|
||||
});
|
||||
},
|
||||
'Skin': function() {
|
||||
var skinnum = 0,act;
|
||||
var lengths = $("link[name='skin']").length;
|
||||
$('.btnskin').click(function() {
|
||||
skinnum+=1;
|
||||
if(skinnum==lengths){skinnum=0;}
|
||||
var skin = $("link[name='skin']").eq(skinnum).attr("href");
|
||||
layer.msg("正在切换皮肤,请稍后...",{anim:5,time: 2000},function(){
|
||||
$("link[name='default']").attr({href:skin});
|
||||
});
|
||||
MyTheme.Cookie.Set('skinColor',skin,365);
|
||||
});
|
||||
var color = MyTheme.Cookie.Get('skinColor');
|
||||
if(color){
|
||||
$("link[name='default']").attr({href:color});
|
||||
}
|
||||
},
|
||||
'Sort': function() {
|
||||
$(".sort-button").each(function(){
|
||||
$(this).on("click",function(e){
|
||||
e.preventDefault();
|
||||
$(this).parent().parent().parent().find(".sort-list").each(function(){
|
||||
var playlist=$(this).find("li");
|
||||
for(let i=0,j=playlist.length-1;i<j;){
|
||||
var l=playlist.eq(i).clone(true);
|
||||
var r=playlist.eq(j).replaceWith(l);
|
||||
playlist.eq(i).replaceWith(r);
|
||||
++i;
|
||||
--j;
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
},
|
||||
'Search': function() {
|
||||
$(".search-select li").click(function() {
|
||||
var action =$(this).attr("data-action");
|
||||
$("#search").attr("action",action);
|
||||
$(".search-select .text").text($(this).html());
|
||||
});
|
||||
$(".search_submit").click(function() {
|
||||
var value=$(".search_wd").val();
|
||||
if (!value) {
|
||||
var wd=$(".search_wd").attr("placeholder");
|
||||
$(".search_wd").val(wd);
|
||||
}
|
||||
});
|
||||
$(".search_wd").click(function() {
|
||||
$(this).parent().parent().find(".search-dropdown-hot").toggle();
|
||||
});
|
||||
$(".open-search").click(function(){
|
||||
var seacrhBox=$(".search-box");
|
||||
seacrhBox.addClass("active").siblings().hide();
|
||||
seacrhBox.find(".form-control").focus();
|
||||
seacrhBox.find(".head-dropdown").toggle();
|
||||
$(".search-close").click(function(){
|
||||
seacrhBox.removeClass("active").siblings().show();
|
||||
seacrhBox.find(".dropdown-box").hide();
|
||||
});
|
||||
});
|
||||
},
|
||||
'Collapse': function() {
|
||||
$(".text-collapse").each(function(){
|
||||
$(this).find(".details").on("click",function(){
|
||||
$(this).parent().find(".sketch").addClass("hide");
|
||||
$(this).parent().find(".data").css("display","");
|
||||
$(this).remove();
|
||||
});
|
||||
});
|
||||
},
|
||||
'Scrolltop': function() {
|
||||
var a = $(window);
|
||||
$scrollTopLink = $("a.backtop");
|
||||
a.scroll(function() {
|
||||
500 < $(this).scrollTop() ? $scrollTopLink.css("display", "") : $scrollTopLink.css("display", "none");
|
||||
});
|
||||
$scrollTopLink.on("click", function() {
|
||||
$("html, body").animate({
|
||||
scrollTop: 0
|
||||
}, 400);
|
||||
return true;
|
||||
});
|
||||
},
|
||||
'Slidedown': function() {
|
||||
var display = $('.slideDown-box');
|
||||
$(".slideDown-btn").click(function() {
|
||||
if(display.css('display') == 'block'){
|
||||
display.slideUp("slow");
|
||||
$(this).html('展开 <i class="fa fa-angle-down"></i>');
|
||||
}else{
|
||||
display.slideDown("slow");
|
||||
$(this).html('收起 <i class="fa fa-angle-up"></i>');
|
||||
}
|
||||
});
|
||||
},
|
||||
'History': {
|
||||
'Init':function(){
|
||||
if($(".vod_history").length){
|
||||
var $that = $(".vod_history");
|
||||
MyTheme.Other.History.Set($that.attr('data-name'),$that.attr('data-link'),$that.attr('data-pic'),$that.attr('data-part'),$that.attr('data-limit'));
|
||||
}
|
||||
},
|
||||
'Set':function(name,link,pic,part,limit){
|
||||
if(!link){ link = document.URL;}
|
||||
var history = MyTheme.Cookie.Get("history");
|
||||
var len=0;
|
||||
var canadd=true;
|
||||
if(history){
|
||||
history = eval("("+history+")");
|
||||
len=history.length;
|
||||
$(history).each(function(){
|
||||
if(name==this.name){
|
||||
canadd=false;
|
||||
var json="[";
|
||||
$(history).each(function(i){
|
||||
var temp_name,temp_img,temp_url,temp_part;
|
||||
if(this.name==name){
|
||||
temp_name=name;temp_img=pic;temp_url=link;temp_part=part;
|
||||
}else{
|
||||
temp_name=this.name;temp_img=this.pic;temp_url=this.link;temp_part=this.part;
|
||||
}
|
||||
json+="{\"name\":\""+temp_name+"\",\"pic\":\""+temp_img+"\",\"link\":\""+temp_url+"\",\"part\":\""+temp_part+"\"}";
|
||||
if(i!=len-1)
|
||||
json+=",";
|
||||
})
|
||||
json+="]";
|
||||
MyTheme.Cookie.Set('history',json,365);
|
||||
return false;
|
||||
}
|
||||
});
|
||||
}
|
||||
if(canadd){
|
||||
var json="[";
|
||||
var start=0;
|
||||
var isfirst="]";
|
||||
isfirst=!len?"]":",";
|
||||
json+="{\"name\":\""+name+"\",\"pic\":\""+pic+"\",\"link\":\""+link+"\",\"part\":\""+part+"\"}"+isfirst;
|
||||
if(len>limit-1)
|
||||
len-=1;
|
||||
for(i=0;i<len-1;i++){
|
||||
json+="{\"name\":\""+history[i].name+"\",\"pic\":\""+history[i].pic+"\",\"link\":\""+history[i].link+"\",\"part\":\""+history[i].part+"\"},";
|
||||
}
|
||||
if(len>0){
|
||||
json+="{\"name\":\""+history[len-1].name+"\",\"pic\":\""+history[len-1].pic+"\",\"link\":\""+history[len-1].link+"\",\"part\":\""+history[len-1].part+"\"}]";
|
||||
}
|
||||
MyTheme.Cookie.Set('history',json,365);
|
||||
}
|
||||
}
|
||||
},
|
||||
'Player': function() {
|
||||
if($("#player-left").length){
|
||||
var PlayerLeft = $("#player-left");
|
||||
var PlayerSide = $("#player-sidebar");
|
||||
var LeftHeight = PlayerLeft.outerHeight();
|
||||
var Position = $("#playlist li.active").position().top;
|
||||
$("#player-sidebar-is").click(function() {
|
||||
PlayerSide.toggle();
|
||||
if(PlayerSide.css("display")==='none') {
|
||||
PlayerLeft.css("width","100%");
|
||||
$(this).html("<i class='fa fa-angle-left'></i>");
|
||||
}
|
||||
if(PlayerSide.css("display")==='block') {
|
||||
PlayerLeft.css("width","");
|
||||
$(this).html("<i class='fa fa-angle-right'></i>");
|
||||
}
|
||||
});
|
||||
if(!MyTheme.Browser.useragent.mobile){
|
||||
PlayerSide.css({"height":LeftHeight,"overflow":"auto"});
|
||||
PlayerSide.scrollTop(Position);
|
||||
if($(".player-fixed").length){
|
||||
$(window).scroll(function(){
|
||||
if($(window).scrollTop()>window.outerHeight){
|
||||
$(".player-fixed").addClass("fixed fadeInDown");
|
||||
$(".player-fixed-off").show();
|
||||
|
||||
}else if($(window).scrollTop()<window.outerHeight){
|
||||
$(".player-fixed").removeClass("fixed fadeInDown");
|
||||
$(".player-fixed-off").hide();
|
||||
}
|
||||
});
|
||||
}
|
||||
$(".player-fixed-off").click(function() {
|
||||
$(".player-fixed").removeClass("fixed fadeInDown");
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
'Close': function() {
|
||||
$(".close-btn").on("click",function(){
|
||||
$(this).parents(".close-box").remove();
|
||||
});
|
||||
},
|
||||
'Share': function(){
|
||||
if(".bdshare".length){
|
||||
window._bd_share_config = {
|
||||
common: {
|
||||
bdText: '',
|
||||
bdDesc: '',
|
||||
bdUrl: '',
|
||||
bdPic: ''
|
||||
},
|
||||
share: [{
|
||||
"bdSize": 24,
|
||||
}]
|
||||
}
|
||||
//with(document)0[(getElementsByTagName("head")[0]||body).appendChild(createElement('script')).src=''+myui.bdapi+'?cdnversion='+~(-new Date()/36e5)];
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
$(function(){
|
||||
if(MyTheme.Browser.useragent.mobile){
|
||||
MyTheme.Mobile.Nav.Init();
|
||||
MyTheme.Mobile.Mshare();
|
||||
}
|
||||
MyTheme.Images.Lazyload();
|
||||
MyTheme.Images.Flickity.Init();
|
||||
MyTheme.Link.Copy();
|
||||
MyTheme.Other.Bootstrap();
|
||||
MyTheme.Other.Sort();
|
||||
MyTheme.Other.Headroom();
|
||||
MyTheme.Other.Search();
|
||||
MyTheme.Other.Collapse();
|
||||
MyTheme.Other.Slidedown();
|
||||
MyTheme.Other.Scrolltop();
|
||||
MyTheme.Other.History.Init();
|
||||
MyTheme.Other.Player();
|
||||
MyTheme.Other.Close();
|
||||
|
||||
});
|
||||
949
code/public/template/videoboku/static/js/home.js
Normal file
@@ -0,0 +1,949 @@
|
||||
|
||||
String.prototype.replaceAll = function(s1,s2){ return this.replace(new RegExp(s1,"gm"),s2); }
|
||||
String.prototype.trim=function(){ return this.replace(/(^\s*)|(\s*$)/g, ""); }
|
||||
|
||||
var MAC={
|
||||
'Url': document.URL,
|
||||
'Title': document.title,
|
||||
'UserAgent' : function(){
|
||||
var ua = navigator.userAgent;//navigator.appVersion
|
||||
return {
|
||||
'mobile': !!ua.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
|
||||
'ios': !!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
|
||||
'android': ua.indexOf('Android') > -1 || ua.indexOf('Linux') > -1, //android终端或者uc浏览器
|
||||
'iPhone': ua.indexOf('iPhone') > -1 || ua.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
|
||||
'iPad': ua.indexOf('iPad') > -1, //是否iPad
|
||||
'trident': ua.indexOf('Trident') > -1, //IE内核
|
||||
'presto': ua.indexOf('Presto') > -1, //opera内核
|
||||
'webKit': ua.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
|
||||
'gecko': ua.indexOf('Gecko') > -1 && ua.indexOf('KHTML') == -1, //火狐内核
|
||||
'weixin': ua.indexOf('MicroMessenger') > -1 //是否微信 ua.match(/MicroMessenger/i) == "micromessenger",
|
||||
};
|
||||
}(),
|
||||
// 'Copy': function(s){
|
||||
// if (window.clipboardData){ window.clipboardData.setData("Text",s); }
|
||||
// else{
|
||||
// if( $("#mac_flash_copy").get(0) ==undefined ){ $('<div id="mac_flash_copy"></div>'); } else {$('#mac_flash_copy').html(''); }
|
||||
// $('#mac_flash_copy').html('<embed src='+maccms.path+'"images/_clipboard.swf" FlashVars="clipboard='+escape(s)+'" width="0" height="0" type="application/x-shockwave-flash"></embed>');
|
||||
// }
|
||||
// MAC.Pop.Msg(100,20,'复制成功',1000);
|
||||
// },
|
||||
'Home': function(o,u){
|
||||
try{
|
||||
o.style.behavior='url(#default#homepage)'; o.setHomePage(u);
|
||||
}
|
||||
catch(e){
|
||||
if(window.netscape){
|
||||
try{netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");}
|
||||
catch(e){ MAC.Pop.Msg(150,40,'此操作被浏览器拒绝!请手动设置',1000); }
|
||||
var moz = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);
|
||||
moz.setCharPref('browser.startup.homepage',u);
|
||||
}
|
||||
}
|
||||
},
|
||||
'Fav': function(u,s){
|
||||
try{ window.external.addFavorite(u, s);}
|
||||
catch (e){
|
||||
try{window.sidebar.addPanel(s, u, "");}catch (e){ MAC.Pop.Msg(150,40,'加入收藏出错,请使用键盘Ctrl+D进行添加',1000); }
|
||||
}
|
||||
},
|
||||
'Open': function(u,w,h){
|
||||
window.open(u,'macopen1','toolbars=0, scrollbars=0, location=0, statusbars=0,menubars=0,resizable=yes,width='+w+',height='+h+'');
|
||||
},
|
||||
'Cookie': {
|
||||
'Set': function(name,value,days){
|
||||
var exp = new Date();
|
||||
exp.setTime(exp.getTime() + days*24*60*60*1000);
|
||||
var arr=document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
|
||||
document.cookie=name+"="+encodeURIComponent(value)+";path=/;expires="+exp.toUTCString();
|
||||
},
|
||||
'Get': function(name){
|
||||
var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
|
||||
if(arr != null){ return decodeURIComponent(arr[2]); return null; }
|
||||
},
|
||||
'Del': function(name){
|
||||
var exp = new Date();
|
||||
exp.setTime(exp.getTime()-1);
|
||||
var cval = this.Get(name);
|
||||
if(cval != null){ document.cookie = name+"="+encodeURIComponent(cval)+";path=/;expires="+exp.toUTCString(); }
|
||||
}
|
||||
},
|
||||
'GoBack':function(){
|
||||
var ldghost=document.domain;
|
||||
if(document.referrer.indexOf(ldghost)>0) {
|
||||
history.back();
|
||||
}
|
||||
else{
|
||||
window.location ="//"+ldghost;
|
||||
}
|
||||
},
|
||||
// 'Adaptive':function(){
|
||||
// if(maccms.mob_status=='1' && maccms.url != maccms.wapurl){
|
||||
// if(document.domain ==maccms.url && MAC.UserAgent.mobile){
|
||||
// location.href = location.href.replace(maccms.url,maccms.wapurl);
|
||||
// }
|
||||
// else if(document.domain ==maccms.wapurl && !MAC.UserAgent.mobile){
|
||||
// location.href = location.href.replace(maccms.wapurl,maccms.url);
|
||||
// }
|
||||
// }
|
||||
// },
|
||||
'CheckBox':{
|
||||
'All':function(n){
|
||||
$("input[name='"+n+"']").each(function() {
|
||||
this.checked = true;
|
||||
});
|
||||
},
|
||||
'Other':function(n){
|
||||
$("input[name='"+n+"']").each(function() {
|
||||
this.checked = !this.checked;
|
||||
});
|
||||
},
|
||||
'Count':function(n){
|
||||
var res=0;
|
||||
$("input[name='"+n+"']").each(function() {
|
||||
if(this.checked){ res++; }
|
||||
});
|
||||
return res;
|
||||
},
|
||||
'Ids':function(n){
|
||||
var res=[];
|
||||
$("input[name='"+n+"']").each(function() {
|
||||
if(this.checked){ res.push(this.value); }
|
||||
});
|
||||
return res.join(",");
|
||||
}
|
||||
},
|
||||
'Ajax':function(url,type,dataType,data,sfun,efun,cfun){
|
||||
type=type||'get';
|
||||
dataType=dataType||'json';
|
||||
data=data||'';
|
||||
efun=efun||'';
|
||||
cfun=cfun||'';
|
||||
|
||||
$.ajax({
|
||||
url:url,
|
||||
type:type,
|
||||
dataType:dataType,
|
||||
data:data,
|
||||
timeout: 5000,
|
||||
beforeSend:function(XHR){
|
||||
|
||||
},
|
||||
error:function(XHR,textStatus,errorThrown){
|
||||
if(efun) efun(XHR,textStatus,errorThrown);
|
||||
},
|
||||
success:function(data){
|
||||
sfun(data);
|
||||
},
|
||||
complete:function(XHR, TS){
|
||||
if(cfun) cfun(XHR, TS);
|
||||
}
|
||||
})
|
||||
},
|
||||
// 'Qrcode':{
|
||||
// 'Init':function(){
|
||||
// $('.mac_qrcode').attr('src','//api.maccms.com/qrcode/index/w/150/h/150/url/' + MAC.Url);
|
||||
// }
|
||||
// },
|
||||
// 'Shorten': {
|
||||
// 'Init':function(){
|
||||
// if($('.mac_shorten').length==0){
|
||||
// return;
|
||||
// }
|
||||
// MAC.Shorten.Get();
|
||||
// },
|
||||
// 'Get':function(url,call){
|
||||
// url=url||location.href;
|
||||
// MAC.Ajax('//api.maccms.com/shorten/index/url/'+ encodeURIComponent(url),'get','jsonp','',function(r){
|
||||
// if (r.code == 1) {
|
||||
// if($('.mac_shorten').length>0) {
|
||||
// $('.mac_shorten').val(r.data.url_short);
|
||||
// $('.mac_shorten').html(r.data.url_short);
|
||||
// }
|
||||
// if(call){
|
||||
// call(r);
|
||||
// }
|
||||
|
||||
// }
|
||||
// });
|
||||
// }
|
||||
// },
|
||||
'Image':{
|
||||
'Lazyload': function () {
|
||||
$(".lazyload").lazyload({
|
||||
effect: "fadeIn",
|
||||
threshold: 200,
|
||||
failure_limit: 1,
|
||||
skip_invisible: false,
|
||||
});
|
||||
}
|
||||
// 'Lazyload':{
|
||||
// $(".lazyload").lazyload({
|
||||
// effect: "fadeIn",
|
||||
// threshold: 200,
|
||||
// failure_limit: 1,
|
||||
// skip_invisible: false,
|
||||
// });
|
||||
// // 'Show': function(){
|
||||
// // try { $("img.lazy").lazyload(); }catch(e){};
|
||||
// // },
|
||||
// // 'Box': function($id){
|
||||
// // $("img.lazy").lazyload({
|
||||
// // container: $("#"+$id)
|
||||
// // });
|
||||
// // }
|
||||
// }
|
||||
},
|
||||
// 'Verify': {
|
||||
// 'Init': function(){
|
||||
// MAC.Verify.Focus();
|
||||
// MAC.Verify.Click();
|
||||
// },
|
||||
// 'Focus': function(){//验证码框焦点
|
||||
// $('body').on("focus", ".mac_verify", function(){
|
||||
// $(this).removeClass('mac_verify').after(MAC.Verify.Show());
|
||||
// $(this).unbind();
|
||||
// });
|
||||
// },
|
||||
// 'Click': function(){//点击刷新
|
||||
// $('body').on('click', 'img.mac_verify_img', function(){
|
||||
// $(this).attr('src', maccms.path +'/index.php/verify/index.html?r='+Math.random());
|
||||
// });
|
||||
// },
|
||||
// 'Refresh':function(){
|
||||
// $('.mac_verify_img').attr('src', maccms.path +'/index.php/verify/index.html?r='+Math.random());
|
||||
// },
|
||||
// 'Show':function(){
|
||||
// return '<img class="mac_verify_img" src="'+ maccms.path +'/index.php/verify/index.html?" title="看不清楚? 换一张!">';
|
||||
// }
|
||||
// },
|
||||
'PageGo':{
|
||||
'Init':function() {
|
||||
$('.mac_page_go').click(function () {
|
||||
var that =$(this);
|
||||
var url = that.attr('data-url');
|
||||
var total = parseInt(that.attr('data-total'));
|
||||
var sp = that.attr('data-sp');
|
||||
var page= parseInt($('#page').val());
|
||||
|
||||
if(page>0&&(page<=total)){
|
||||
url=url.replace(sp + 'PAGELINK',sp + page).replace('PAGELINK',page);
|
||||
location.href=url;
|
||||
}
|
||||
return false;
|
||||
});
|
||||
}
|
||||
},
|
||||
// 'Hits': {
|
||||
// 'Init':function() {
|
||||
// if($('.mac_hits').length==0){
|
||||
// return;
|
||||
// }
|
||||
// var $that = $(".mac_hits");
|
||||
|
||||
// MAC.Ajax(maccms.path + '/index.php/ajax/hits?mid='+$that.attr("data-mid")+'&id='+$that.attr("data-id")+'&type=update','get','json','',function(r){
|
||||
// if (r.code == 1) {
|
||||
// $(".mac_hits").each(function(i){
|
||||
// $type = $(".mac_hits").eq(i).attr('data-type');
|
||||
// if($type != 'insert'){
|
||||
// $('.'+$type).html(eval('(r.data.' + $type + ')'));
|
||||
// }
|
||||
// });
|
||||
// }
|
||||
// });
|
||||
|
||||
// }
|
||||
// },
|
||||
// 'Score': {
|
||||
// 'Init':function(){
|
||||
// if($('.mac_score').length==0){
|
||||
// return;
|
||||
// }
|
||||
// $('body').on('click', '.score_btn', function(e){
|
||||
// MAC.Score.Submit();
|
||||
// });
|
||||
|
||||
// MAC.Ajax(maccms.path+'/index.php/ajax/score?mid='+ $('.mac_score').attr('data-mid') +'&id=' +$('.mac_score').attr('data-id'),'post','json','',function(r){
|
||||
// MAC.Score.View(r);
|
||||
// },function(){
|
||||
// $(".mac_score").html('评分加载失败');
|
||||
// });
|
||||
|
||||
// },
|
||||
// 'Submit':function(){
|
||||
// var $s = $('.mac_score').find("input[name='score']").val();
|
||||
// MAC.Ajax(maccms.path+'/index.php/ajax/score?mid='+$('.mac_score').attr('data-mid')+'&id='+$('.mac_score').attr('data-id') + '&score='+ $s,'get','json','',function(r){
|
||||
// MAC.Pop.Msg(100,20,r.msg,1000);
|
||||
// if(r.code==1){
|
||||
// MAC.Score.View(r);
|
||||
// }
|
||||
// });
|
||||
// },
|
||||
// 'View':function(r){
|
||||
// $(".rating"+Math.floor(r.data.score)).attr('checked',true);
|
||||
// $(".score_num").text(r.data.score_num);
|
||||
// $(".score_all").text(r.data.score_all);
|
||||
// $(".score_pjf").text(r.data.score);
|
||||
// }
|
||||
// },
|
||||
// 'Star': {
|
||||
// 'Init':function(){
|
||||
// if($('.mac_star').length==0){
|
||||
// return;
|
||||
// }
|
||||
|
||||
// $('.mac_star').raty({
|
||||
// starType: 'i',
|
||||
// number: 5,
|
||||
// numberMax : 5,
|
||||
// half: true,
|
||||
// score : function(){
|
||||
// return $(this).attr('data-score');
|
||||
// },
|
||||
// click: function(score, evt) {
|
||||
|
||||
// MAC.Ajax(maccms.path+'/index.php/ajax/score?mid='+$('.mac_star').attr('data-mid')+'&id='+$('.mac_star').attr('data-id')+'&score='+(score*2),'get','json','',function(r){
|
||||
// if(json.status == 1){
|
||||
// $('.star_tips').html(r.data.score);
|
||||
// }else{
|
||||
// $('.star_box').attr('title', r.msg);
|
||||
// }
|
||||
// },function(){
|
||||
// $('.star_box').attr('title', '网络异常!');
|
||||
// });
|
||||
|
||||
// }
|
||||
// });
|
||||
// }
|
||||
// },
|
||||
// 'Digg': {
|
||||
// 'Init':function(){
|
||||
// $('body').on('click', '.digg_link', function(e){
|
||||
// var $that = $(this);
|
||||
// if($that.attr("data-id")){
|
||||
|
||||
// MAC.Ajax(maccms.path + '/index.php/ajax/digg.html?mid='+$that.attr("data-mid")+'&id='+$that.attr("data-id")+'&type='+$that.attr("data-type"),'get','json','',function(r){
|
||||
// $that.addClass('disabled');
|
||||
// if(r.code == 1){
|
||||
// if($that.attr("data-type")=='up'){
|
||||
// $that.find('.digg_num').html(r.data.up);
|
||||
// }
|
||||
// else{
|
||||
// $that.find('.digg_num').html(r.data.down);
|
||||
// }
|
||||
// }
|
||||
// else{
|
||||
// $that.attr('title', r.msg);
|
||||
// }
|
||||
// });
|
||||
|
||||
// }
|
||||
// });
|
||||
// }
|
||||
// },
|
||||
// 'Gbook':{
|
||||
// 'Login':0,
|
||||
// 'Verify':0,
|
||||
// 'Init':function(){
|
||||
// $('body').on('keyup', '.gbook_content', function(e){
|
||||
// MAC.Remaining($(this),200,'.gbook_remaining')
|
||||
// });
|
||||
// $('body').on('focus', '.gbook_content', function(e){
|
||||
// if(MAC.Gbook.Login==1 && MAC.User.IsLogin!=1){
|
||||
// MAC.User.Login();
|
||||
// }
|
||||
// });
|
||||
// $('body').on('click', '.gbook_submit', function(e){
|
||||
// MAC.Gbook.Submit();
|
||||
// });
|
||||
// },
|
||||
// 'Show':function($page){
|
||||
// MAC.Ajax(maccms.path+'/index.php/gbook/index?page='+$page,'post','json','',function(r){
|
||||
// $(".mac_gbook_box").html(r);
|
||||
// },function(){
|
||||
// $(".mac_gbook_box").html('留言加载失败,请刷新...');
|
||||
// });
|
||||
// },
|
||||
// 'Submit':function(){
|
||||
// if($(".gbook_content").val() == ''){
|
||||
// MAC.Pop.Msg(100,20,'请输入您的留言!',1000);
|
||||
// return false;
|
||||
// }
|
||||
// MAC.Ajax(maccms.path + '/index.php/gbook/saveData','post','json',$('.gbook_form').serialize(),function(r){
|
||||
// MAC.Pop.Msg(100,20,r.msg,1000);
|
||||
// if(r.code == 1){
|
||||
// location.reload();
|
||||
// }
|
||||
// else{
|
||||
// if(MAC.Gbook.Verify==1){
|
||||
// MAC.Verify.Refresh();
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
// },
|
||||
// 'Report':function(name,id){
|
||||
// MAC.Pop.Show(400,300,'数据报错',maccms.path+'/index.php/gbook/report.html?id='+id+'&name='+ encodeURIComponent(name),function(r){
|
||||
|
||||
// });
|
||||
// }
|
||||
// },
|
||||
// 'Search':{
|
||||
// 'Init':function(){
|
||||
// $('.mac_search').click(function(){
|
||||
// var that=$(this);
|
||||
// var url = that.attr('data-href') ? that.attr('data-href') : maccms.path + '/index.php/vod/search.html';
|
||||
// location.href = url + '?wd='+ encodeURIComponent($("#wd").val());
|
||||
// });
|
||||
// },
|
||||
// 'Submit':function(){
|
||||
|
||||
// return false;
|
||||
// }
|
||||
// },
|
||||
// 'Suggest':{
|
||||
// 'Init':function($obj,$mid,$jumpurl){
|
||||
// try {
|
||||
// $($obj).autocomplete(maccms.path + '/index.php/ajax/suggest?mid=' + $mid, {
|
||||
// inputClass: "mac_input",
|
||||
// resultsClass: "mac_results",
|
||||
// loadingClass: "mac_loading",
|
||||
// width: 175, scrollHeight: 300, minChars: 1, matchSubset: 0,
|
||||
// cacheLength: 10, multiple: false, matchContains: true, autoFill: false,
|
||||
// dataType: "json",
|
||||
// parse: function (r) {
|
||||
// if (r.code == 1) {
|
||||
// var parsed = [];
|
||||
// $.each(r['list'], function (index, row) {
|
||||
// row.url = r.url;
|
||||
// parsed[index] = {
|
||||
// data: row
|
||||
// };
|
||||
// });
|
||||
// return parsed;
|
||||
// } else {
|
||||
// return {data: ''};
|
||||
// }
|
||||
// },
|
||||
// formatItem: function (row, i, max) {
|
||||
// return row.name;
|
||||
// },
|
||||
// formatResult: function (row, i, max) {
|
||||
// return row.text;
|
||||
// }
|
||||
// }).result(function (event, data, formatted) {
|
||||
// $($obj).val(data.name);
|
||||
// location.href = data.url.replace('mac_wd', encodeURIComponent(data.name));
|
||||
// });
|
||||
// }
|
||||
// catch(e){}
|
||||
// }
|
||||
// },
|
||||
'History': {
|
||||
'BoxShow':0,
|
||||
'Limit':10,
|
||||
'Days':7,
|
||||
'Json':'',
|
||||
'Init':function(){
|
||||
if($('.mac_history').length ==0){
|
||||
return;
|
||||
}
|
||||
|
||||
$('.mac_history').hover(function(e){
|
||||
$('.mac_history_box').show();
|
||||
}, function(){
|
||||
$('.mac_history_box').hover(function(){
|
||||
MAC.History.BoxShow=1;
|
||||
}, function(){
|
||||
MAC.History.BoxShow=0;
|
||||
$('.mac_history_box').hide();
|
||||
});
|
||||
});
|
||||
|
||||
var jsondata = [];
|
||||
if(this.Json){
|
||||
jsondata = this.Json;
|
||||
}else{
|
||||
var jsonstr = MAC.Cookie.Get('mac_history');
|
||||
if(jsonstr != undefined){
|
||||
jsondata = eval(jsonstr);
|
||||
}
|
||||
}
|
||||
|
||||
html = '<dl class="mac_drop_box mac_history_box" style="display:none;">';
|
||||
html +='<dt><a target="_self" href="javascript:void(0)" onclick="MAC.History.Clear();">清空</a></dt>';
|
||||
|
||||
if(jsondata.length > 0){
|
||||
for($i=0; $i<jsondata.length; $i++){
|
||||
if($i%2==1){
|
||||
html +='<dd class="odd">';
|
||||
}else{
|
||||
html +='<dd class="even">';
|
||||
}
|
||||
html +='<a href="'+jsondata[$i].link+'" class="hx_title">'+jsondata[$i].name+'</a></dd>';
|
||||
}
|
||||
}else{
|
||||
html +='<dd class="hide">暂无浏览记录</dd>';
|
||||
}
|
||||
html += '</dl>';
|
||||
|
||||
$('.mac_history').after(html);
|
||||
var h = $('.mac_history').height();
|
||||
var position = $('.mac_history').position();
|
||||
$('.mac_history_box').css({'left':position.left,'top':(position.top+h)});
|
||||
|
||||
|
||||
if($(".mac_history_set").attr('data-name')){
|
||||
var $that = $(".mac_history_set");
|
||||
MAC.History.Set($that.attr('data-name'),$that.attr('data-link'),$that.attr('data-pic'));
|
||||
}
|
||||
},
|
||||
'Set':function(name,link,pic){
|
||||
if(!link){ link = document.URL; }
|
||||
var jsondata = MAC.Cookie.Get('mac_history');
|
||||
|
||||
if(jsondata != undefined){
|
||||
this.Json = eval(jsondata);
|
||||
|
||||
for($i=0;$i<this.Json.length;$i++){
|
||||
if(this.Json[$i].link == link){
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
jsonstr = '{log:[{"name":"'+name+'","link":"'+link+'","pic":"'+pic+'"},';
|
||||
for($i=0; $i<this.Json.length; $i++){
|
||||
if($i<= this.Limit && this.Json[$i]){
|
||||
jsonstr += '{"name":"'+this.Json[$i].name+'","link":"'+this.Json[$i].link+'","pic":"'+this.Json[$i].pic+'"},';
|
||||
}else{
|
||||
break;
|
||||
}
|
||||
}
|
||||
jsonstr = jsonstr.substring(0,jsonstr.lastIndexOf(','));
|
||||
jsonstr += "]}";
|
||||
}else{
|
||||
jsonstr = '{log:[{"name":"'+name+'","link":"'+link+'","pic":"'+pic+'"}]}';
|
||||
}
|
||||
this.Json = eval(jsonstr);
|
||||
MAC.Cookie.Set('mac_history',jsonstr,this.Days);
|
||||
},
|
||||
'Clear': function(){
|
||||
MAC.Cookie.Del('mac_history');
|
||||
$('.mac_history_box').html('<li class="hx_clear">已清空观看记录。</li>');
|
||||
},
|
||||
},
|
||||
// 'Ulog':{
|
||||
// 'Init':function(){
|
||||
// MAC.Ulog.Set();
|
||||
// MAC.Ulog.Click();
|
||||
|
||||
// },
|
||||
// 'Get':function(mid,id,type,page,limit,call){
|
||||
// MAC.Ajax(maccms.path+'/index.php/user/ajax_ulog/?ac=list&mid='+mid+'&id='+id+'&type='+type+'&page='+page+'&limit='+limit,'get','json','',call);
|
||||
// },
|
||||
// 'Set':function(){
|
||||
// if($(".mac_ulog_set").attr('data-mid')){
|
||||
// var $that = $(".mac_ulog_set");
|
||||
// $.get(maccms.path+'/index.php/user/ajax_ulog/?ac=set&mid='+$that.attr("data-mid")+'&id='+$that.attr("data-id")+'&sid='+$that.attr("data-sid")+'&nid='+$that.attr("data-nid")+'&type='+$that.attr("data-type"));
|
||||
// }
|
||||
// },
|
||||
// 'Click':function(){
|
||||
// $('body').on('click', 'a.mac_ulog', function(e){
|
||||
|
||||
// //是否需要验证登录
|
||||
// if(MAC.User.IsLogin == 0){
|
||||
// MAC.User.Login();
|
||||
// return;
|
||||
// }
|
||||
|
||||
// var $that = $(this);
|
||||
// if($that.attr("data-id")){
|
||||
// MAC.Ajax(maccms.path+'/index.php/user/ajax_ulog/?ac=set&mid='+$that.attr("data-mid")+'&id='+$that.attr("data-id")+'&type='+$that.attr("data-type"),'get','json','',function(r){
|
||||
// MAC.Pop.Msg(100,20,r.msg,1000);
|
||||
// if(r.code == 1){
|
||||
// $that.addClass('disabled');
|
||||
// }else{
|
||||
// $that.attr('title', r.msg);
|
||||
// }
|
||||
// });
|
||||
// }
|
||||
// });
|
||||
// }
|
||||
// },
|
||||
// 'Website':{
|
||||
// 'Referer':function() {
|
||||
// if($('.mac_referer').length==0){
|
||||
// return;
|
||||
// }
|
||||
|
||||
// var url = document.referrer
|
||||
// ,domain=''
|
||||
// ,host = window.location.host
|
||||
// ,reg = /^http(s)?:\/\/(.*?)\//i
|
||||
// ,mc = url.match(reg);
|
||||
|
||||
// if(url=='' || url.indexOf(host)!=-1 || mc ==null){
|
||||
// return;
|
||||
// }
|
||||
// domain = mc[2];
|
||||
// MAC.Ajax(maccms.path + '/index.php/ajax/referer?domain='+encodeURIComponent(domain)+'&url='+encodeURIComponent(url)+'&type=update','get','json','',function(r){
|
||||
// if (r.code == 1) {
|
||||
// }
|
||||
// console.log(r);
|
||||
// });
|
||||
// }
|
||||
// },
|
||||
'User':{
|
||||
'BoxShow':0,
|
||||
'IsLogin':0,
|
||||
'UserId':'',
|
||||
'UserName':'',
|
||||
'GroupId':'',
|
||||
'GroupName':'',
|
||||
'Portrait':'',
|
||||
'Init':function(){
|
||||
if($('.mac_user').length >0){
|
||||
$('body').on('click', '.mac_user', function(e){
|
||||
MAC.User.Login();
|
||||
});
|
||||
|
||||
$('.mac_user').hover(function(e){
|
||||
$('.mac_user_box').show();
|
||||
}, function(){
|
||||
$('.mac_user_box').hover(function(){
|
||||
MAC.User.BoxShow = 1;
|
||||
}, function(){
|
||||
MAC.User.BoxShow = 0;
|
||||
$('.mac_user_box').hide();
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
if(MAC.Cookie.Get('user_id') !=undefined && MAC.Cookie.Get('user_id')!=''){
|
||||
var url = maccms.path + '/index.php/user';
|
||||
MAC.User.UserId = MAC.Cookie.Get('user_id');
|
||||
MAC.User.UserName = MAC.Cookie.Get('user_name');
|
||||
MAC.User.GroupId = MAC.Cookie.Get('group_id');
|
||||
MAC.User.GroupName = MAC.Cookie.Get('group_name');
|
||||
MAC.User.Portrait = MAC.Cookie.Get('user_portrait');
|
||||
MAC.User.IsLogin = 1;
|
||||
|
||||
if($('.mac_user').length >0) {
|
||||
if ($('.mac_user').prop("outerHTML").substr(0, 2) == '<a') {
|
||||
$('.mac_user').attr('href', url);
|
||||
$('.mac_user').text(MAC.User.UserName);
|
||||
}
|
||||
else {
|
||||
//$('.mac_user').html('<a class="mac_text" href="'+ url +'">'+ name +'</a>');
|
||||
}
|
||||
|
||||
var html = '<div class="mac_drop_box mac_user_box" style="display: none;">';
|
||||
html += '<ul class="logged"><li><a target="_blank" href="' + url + '">用户中心</a></li><li class="logout"><a class="logoutbt" href="javascript:;" onclick="MAC.User.Logout();" target="_self"><i class="user-logout"></i>退出</a></li></ul>'
|
||||
|
||||
$('.mac_user').after(html);
|
||||
var h = $('.mac_user').height();
|
||||
var position = $('.mac_user').position();
|
||||
$('.mac_user_box').css({'left': position.left, 'top': (position.top + h)});
|
||||
}
|
||||
|
||||
}
|
||||
else{
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
'CheckLogin':function(){
|
||||
if(MAC.User.IsLogin == 0){
|
||||
MAC.User.Login();
|
||||
}
|
||||
},
|
||||
'Login':function(){
|
||||
var ac='ajax_login';
|
||||
if(MAC.Cookie.Get('user_id') !=undefined && MAC.Cookie.Get('user_id')!=''){
|
||||
ac= 'ajax_info';
|
||||
}
|
||||
MAC.Pop.Show(400,380,'用户登录',maccms.path+'/index.php/user/'+ac,function(r){
|
||||
$('body').off('click', '.login_form_submit');
|
||||
$('body').on('click', '.login_form_submit', function(e){
|
||||
$(this).unbind('click');
|
||||
|
||||
MAC.Ajax(maccms.path + '/index.php/user/login','post','json',$('.mac_login_form').serialize(),function(r){
|
||||
alert(r.msg);
|
||||
if(r.code == 1){
|
||||
location.reload();
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
},
|
||||
'Logout':function(){
|
||||
MAC.Ajax(maccms.path + '/index.php/user/logout','post','json','',function(r){
|
||||
MAC.Pop.Msg(100,20,r.msg,1000);
|
||||
if(r.code == 1){
|
||||
location.reload();
|
||||
}
|
||||
});
|
||||
},
|
||||
'PopedomCallBack':function(trysee,h) {
|
||||
window.setTimeout(function(){
|
||||
$(window.frames["player_if"].document).find(".MacPlayer").html(h);
|
||||
},1000*10*trysee);
|
||||
},
|
||||
'BuyPopedom':function(o){
|
||||
var $that = $(o);
|
||||
if($that.attr("data-id")){
|
||||
if (confirm('您确认购买此条数据访问权限吗?')) {
|
||||
MAC.Ajax(maccms.path + '/index.php/user/ajax_buy_popedom.html?id=' + $that.attr("data-id") + '&mid=' + $that.attr("data-mid") + '&sid=' + $that.attr("data-sid") + '&nid=' + $that.attr("data-nid") + '&type=' + $that.attr("data-type"),'get','json','',function(r){
|
||||
$that.addClass('disabled');
|
||||
MAC.Pop.Msg(300, 50, r.msg, 2000);
|
||||
if (r.code == 1) {
|
||||
top.location.reload();
|
||||
}
|
||||
$that.removeClass('disabled');
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
'Pop':{
|
||||
'Remove':function(){
|
||||
$('.mac_pop_bg').remove();
|
||||
$('.mac_pop').remove();
|
||||
},
|
||||
'RemoveMsg':function(){
|
||||
$('.mac_pop_msg_bg').remove();
|
||||
$('.mac_pop_msg').remove();
|
||||
},
|
||||
'Msg':function($w,$h,$msg,$timeout){
|
||||
if($('.mac_pop_bg').length !=1) {
|
||||
MAC.Pop.Remove();
|
||||
}
|
||||
$('body').append('<div class="mac_pop_msg_bg"></div><div class="mac_pop_msg"><div class="pop-msg"></div></div>');
|
||||
$('.mac_pop_msg .pop_close').click(function(){
|
||||
$('.mac_pop_msg').remove();
|
||||
});
|
||||
|
||||
$('.mac_pop_msg').width($w);
|
||||
$('.mac_pop_msg').height($h);
|
||||
$('.mac_pop_msg .pop-msg').html($msg);
|
||||
$('.mac_pop_msg_bg,.mac_pop_msg').show();
|
||||
setTimeout(MAC.Pop.RemoveMsg,$timeout);
|
||||
},
|
||||
'Show':function($w,$h,$title,$url,$callback) {
|
||||
if($('.mac_pop_bg').length !=1) {
|
||||
MAC.Pop.Remove();
|
||||
}
|
||||
|
||||
$('body').append('<div class="mac_pop_bg"></div><div class="mac_pop"><div class="pop_top"><h2></h2><span class="pop_close">X</span></div><div class="pop_content"></div></div>');
|
||||
$('.mac_pop .pop_close').click(function(){
|
||||
$('.mac_pop_bg,.mac_pop').remove();
|
||||
});
|
||||
|
||||
$('.mac_pop').width($w);
|
||||
$('.mac_pop').height($h);
|
||||
$('.pop_content').html('');
|
||||
$('.pop_top').find('h2').html($title);
|
||||
|
||||
MAC.Ajax($url,'post','json','',function(r){
|
||||
$(".pop_content").html(r);
|
||||
$callback(r);
|
||||
},function(){
|
||||
$(".pop_content").html('加载失败,请刷新...');
|
||||
});
|
||||
|
||||
$('.mac_pop_bg,.mac_pop').show();
|
||||
}
|
||||
},
|
||||
'Pwd':{
|
||||
'Check':function(o){
|
||||
var $that = $(o);
|
||||
if($that.attr("data-id")){
|
||||
MAC.Ajax(maccms.path + '/index.php/ajax/pwd.html?id=' + $that.attr("data-id") + '&mid=' + $that.attr("data-mid") + '&type=' + $that.attr("data-type") + '&pwd='+ $that.parents('form').find('input[name="pwd"]').val() ,'get','json','',function(r){
|
||||
$that.addClass('disabled');
|
||||
MAC.Pop.Msg(300, 50, r.msg, 2000);
|
||||
if (r.code == 1) {
|
||||
location.reload();
|
||||
}
|
||||
$that.removeClass('disabled');
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
},
|
||||
'AdsWrap':function(w,h,n){
|
||||
document.writeln('<img width="'+w+'" height="'+h+'" alt="'+n+'" style="background-color: #CCCCCC" />');
|
||||
},
|
||||
'Css':function($url){
|
||||
$("<link>").attr({ rel: "stylesheet",type: "text/css",href: $url}).appendTo("head");
|
||||
},
|
||||
'Js':function($url){
|
||||
$.getScript($url, function(response, status) {
|
||||
|
||||
});
|
||||
},
|
||||
'Desktop':function(s){
|
||||
location.href= maccms.path + '/index.php/ajax/desktop?name='+encodeURI(s)+'&url=' + encodeURI(location.href);
|
||||
},
|
||||
'Timming':function(){
|
||||
if($('.mac_timming').length==0){
|
||||
return;
|
||||
}
|
||||
var infile = $('.mac_timming').attr("data-file");
|
||||
if(infile==undefined || infile == ''){
|
||||
infile = 'api.php';
|
||||
}
|
||||
var t=(new Image());t.src=maccms.path + '/'+infile+'/timming/index?t='+Math.random();
|
||||
},
|
||||
'Error':function(tab,id,name){
|
||||
|
||||
},
|
||||
'AddEm':function(obj,i){
|
||||
var oldtext = $(obj).val();
|
||||
$(obj).val( oldtext + '[em:' + i +']' );
|
||||
},
|
||||
'Remaining':function(obj,len,show){
|
||||
var count = len - $(obj).val().length;
|
||||
if(count < 0){
|
||||
count = 0;
|
||||
$(obj).val($(obj).val().substr(0,200));
|
||||
}
|
||||
$(show).text(count);
|
||||
},
|
||||
'Comment':{
|
||||
'Login':0,
|
||||
'Verify':0,
|
||||
'Init':function(){
|
||||
|
||||
$('body').on('click', '.comment_face_box img', function(e){
|
||||
var obj = $(this).parent().parent().parent().find('.comment_content');
|
||||
MAC.AddEm(obj,$(this).attr('data-id'));
|
||||
});
|
||||
$('body').on('click', '.comment_face_panel', function(e){
|
||||
// $('.comment_face_box').toggle();
|
||||
$(this).parent().find('.comment_face_box').toggle();
|
||||
});
|
||||
$('body').on('keyup', '.comment_content', function(e){
|
||||
var obj = $(this).parent().parent().parent().parent().find('.comment_remaining');
|
||||
MAC.Remaining($(this),200,obj)
|
||||
});
|
||||
$('body').on('focus', '.comment_content', function(e){
|
||||
if(MAC.Comment.Login==1 && MAC.User.IsLogin!=1){
|
||||
MAC.User.Login();
|
||||
}
|
||||
});
|
||||
|
||||
$('body').on('click', '.comment_report', function(e){
|
||||
var $that = $(this);
|
||||
if($(this).attr("data-id")){
|
||||
MAC.Ajax(maccms.path + '/index.php/comment/report.html?id='+$that.attr("data-id"),'get','json','',function(r){
|
||||
$that.addClass('disabled');
|
||||
MAC.Pop.Msg(100,20,r.msg,1000);
|
||||
if(r.code == 1){
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$('body').on('click', '.comment_reply', function(e){
|
||||
var $that = $(this);
|
||||
if($that.attr("data-id")){
|
||||
var str = $that.html();
|
||||
$('.comment_reply_form').remove();
|
||||
if (str == '取消回复') {
|
||||
$that.html('回复');
|
||||
return false;
|
||||
}
|
||||
if (str == '回复') {
|
||||
$('.comment_reply').html('回复');
|
||||
}
|
||||
var html = $('.comment_form').prop("outerHTML");
|
||||
|
||||
var oo = $(html);
|
||||
oo.addClass('comment_reply_form');
|
||||
oo.find('input[name="comment_pid"]').val( $that.attr("data-id") );
|
||||
|
||||
$that.parent().after(oo);
|
||||
$that.html('取消回复');
|
||||
}
|
||||
});
|
||||
|
||||
$('body').on('click', '.comment_submit', function(e){
|
||||
var $that = $(this);
|
||||
MAC.Comment.Submit($that);
|
||||
});
|
||||
|
||||
},
|
||||
'Show':function($page){
|
||||
if($(".mac_comment").length>0){
|
||||
MAC.Ajax(maccms.path + '/index.php/comment/ajax.html?rid='+$('.mac_comment').attr('data-id')+'&mid='+ $('.mac_comment').attr('data-mid') +'&page='+$page,'get','json','',function(r){
|
||||
$(".mac_comment").html(r);
|
||||
},function(){
|
||||
$(".mac_comment").html('<a href="javascript:void(0)" onclick="MAC.Comment.Show('+$page+')">评论加载失败,点击我刷新...</a>');
|
||||
});
|
||||
}
|
||||
},
|
||||
'Reply':function($o){
|
||||
|
||||
},
|
||||
'Submit':function($o){
|
||||
var form = $o.parents('form');
|
||||
if($(form).find(".comment_content").val() == ''){
|
||||
MAC.Pop.Msg(100,20,'请输入您的评论!',1000);
|
||||
return false;
|
||||
}
|
||||
if($('.mac_comment').attr('data-mid') == ''){
|
||||
MAC.Pop.Msg(100,20,'模块mid错误!',1000);
|
||||
return false;
|
||||
}
|
||||
if($('.mac_comment').attr('data-id') == ''){
|
||||
MAC.Pop.Msg(100,20,'关联id错误!',1000);
|
||||
return false;
|
||||
}
|
||||
MAC.Ajax(maccms.path + '/index.php/comment/saveData','post','json',$(form).serialize() + '&comment_mid='+ $('.mac_comment').attr('data-mid') + '&comment_rid=' + $('.mac_comment').attr('data-id'),function(r){
|
||||
MAC.Pop.Msg(100,20,r.msg,1000);
|
||||
if(r.code == 1){
|
||||
MAC.Comment.Show(1);
|
||||
}
|
||||
else{
|
||||
if(MAC.Comment.Verify==1){
|
||||
MAC.Verify.Refresh();
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$(function(){
|
||||
//异步加载图片初始化
|
||||
MAC.Image.Lazyload.Show();
|
||||
//自动跳转手机和pc网页地址
|
||||
// MAC.Adaptive();
|
||||
// //验证码初始化
|
||||
// MAC.Verify.Init();
|
||||
// //分页跳转初始化
|
||||
// MAC.PageGo.Init();
|
||||
// //用户部分初始化
|
||||
// MAC.User.Init();
|
||||
// //二维码初始化
|
||||
// MAC.Qrcode.Init();
|
||||
// //顶和踩初始化
|
||||
// MAC.Digg.Init();
|
||||
// //评分初始化
|
||||
// MAC.Score.Init();
|
||||
// //星星评分初始化
|
||||
// MAC.Star.Init();
|
||||
// //点击数量
|
||||
// MAC.Hits.Init();
|
||||
// //短网址
|
||||
// MAC.Shorten.Init();
|
||||
//历史记录初始化
|
||||
MAC.History.Init();
|
||||
//用户访问记录初始化
|
||||
// MAC.Ulog.Init();
|
||||
// //联想搜索初始化
|
||||
// MAC.Suggest.Init('.mac_wd',1,'');
|
||||
// //网址导航来路统计
|
||||
// MAC.Website.Referer();
|
||||
// //定时任务初始化
|
||||
// MAC.Timming();
|
||||
});
|
||||
215
code/public/template/videoboku/static/js/player.js
Normal file
@@ -0,0 +1,215 @@
|
||||
var killErrors=function(value){return true};window.onerror=null;window.onerror=killErrors;
|
||||
var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
|
||||
var base64DecodeChars = new Array(-1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 62, -1, -1, -1, 63, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, -1, -1, -1, -1, -1, -1, -1, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, -1, -1, -1, -1, -1, -1, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, -1, -1, -1, -1, -1);
|
||||
|
||||
function base64encode(str) {
|
||||
var out, i, len;
|
||||
var c1, c2, c3;
|
||||
len = str.length;
|
||||
i = 0;
|
||||
out = "";
|
||||
while (i < len) {
|
||||
c1 = str.charCodeAt(i++) & 0xff;
|
||||
if (i == len) {
|
||||
out += base64EncodeChars.charAt(c1 >> 2);
|
||||
out += base64EncodeChars.charAt((c1 & 0x3) << 4);
|
||||
out += "==";
|
||||
break
|
||||
}
|
||||
c2 = str.charCodeAt(i++);
|
||||
if (i == len) {
|
||||
out += base64EncodeChars.charAt(c1 >> 2);
|
||||
out += base64EncodeChars.charAt(((c1 & 0x3) << 4) | ((c2 & 0xF0) >> 4));
|
||||
out += base64EncodeChars.charAt((c2 & 0xF) << 2);
|
||||
out += "=";
|
||||
break
|
||||
}
|
||||
c3 = str.charCodeAt(i++);
|
||||
out += base64EncodeChars.charAt(c1 >> 2);
|
||||
out += base64EncodeChars.charAt(((c1 & 0x3) << 4) | ((c2 & 0xF0) >> 4));
|
||||
out += base64EncodeChars.charAt(((c2 & 0xF) << 2) | ((c3 & 0xC0) >> 6));
|
||||
out += base64EncodeChars.charAt(c3 & 0x3F)
|
||||
}
|
||||
return out
|
||||
}
|
||||
function base64decode(str) {
|
||||
var c1, c2, c3, c4;
|
||||
var i, len, out;
|
||||
len = str.length;
|
||||
i = 0;
|
||||
out = "";
|
||||
while (i < len) {
|
||||
do {
|
||||
c1 = base64DecodeChars[str.charCodeAt(i++) & 0xff]
|
||||
} while (i < len && c1 == -1);
|
||||
if (c1 == -1) break;
|
||||
do {
|
||||
c2 = base64DecodeChars[str.charCodeAt(i++) & 0xff]
|
||||
} while (i < len && c2 == -1);
|
||||
if (c2 == -1) break;
|
||||
out += String.fromCharCode((c1 << 2) | ((c2 & 0x30) >> 4));
|
||||
do {
|
||||
c3 = str.charCodeAt(i++) & 0xff;
|
||||
if (c3 == 61) return out;
|
||||
c3 = base64DecodeChars[c3]
|
||||
} while (i < len && c3 == -1);
|
||||
if (c3 == -1) break;
|
||||
out += String.fromCharCode(((c2 & 0XF) << 4) | ((c3 & 0x3C) >> 2));
|
||||
do {
|
||||
c4 = str.charCodeAt(i++) & 0xff;
|
||||
if (c4 == 61) return out;
|
||||
c4 = base64DecodeChars[c4]
|
||||
} while (i < len && c4 == -1);
|
||||
if (c4 == -1) break;
|
||||
out += String.fromCharCode(((c3 & 0x03) << 6) | c4)
|
||||
}
|
||||
return out
|
||||
}
|
||||
function utf16to8(str) {
|
||||
var out, i, len, c;
|
||||
out = "";
|
||||
len = str.length;
|
||||
for (i = 0; i < len; i++) {
|
||||
c = str.charCodeAt(i);
|
||||
if ((c >= 0x0001) && (c <= 0x007F)) {
|
||||
out += str.charAt(i)
|
||||
} else if (c > 0x07FF) {
|
||||
out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
|
||||
out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));
|
||||
out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F))
|
||||
} else {
|
||||
out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));
|
||||
out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F))
|
||||
}
|
||||
}
|
||||
return out
|
||||
}
|
||||
function utf8to16(str) {
|
||||
var out, i, len, c;
|
||||
var char2, char3;
|
||||
out = "";
|
||||
len = str.length;
|
||||
i = 0;
|
||||
while (i < len) {
|
||||
c = str.charCodeAt(i++);
|
||||
switch (c >> 4) {
|
||||
case 0:
|
||||
case 1:
|
||||
case 2:
|
||||
case 3:
|
||||
case 4:
|
||||
case 5:
|
||||
case 6:
|
||||
case 7:
|
||||
out += str.charAt(i - 1);
|
||||
break;
|
||||
case 12:
|
||||
case 13:
|
||||
char2 = str.charCodeAt(i++);
|
||||
out += String.fromCharCode(((c & 0x1F) << 6) | (char2 & 0x3F));
|
||||
break;
|
||||
case 14:
|
||||
char2 = str.charCodeAt(i++);
|
||||
char3 = str.charCodeAt(i++);
|
||||
out += String.fromCharCode(((c & 0x0F) << 12) | ((char2 & 0x3F) << 6) | ((char3 & 0x3F) << 0));
|
||||
break
|
||||
}
|
||||
}
|
||||
return out
|
||||
}
|
||||
var MacPlayer = {
|
||||
'GetUrl': function(s, n) {
|
||||
return this.Link.replace('{sid}', s).replace('{sid}', s).replace('{nid}', n).replace('{nid}', n)
|
||||
},
|
||||
'Go': function(s, n) {
|
||||
location.href = this.GetUrl(s, n)
|
||||
},
|
||||
'Show': function() {
|
||||
$('#buffer').attr('src', this.Prestrain);
|
||||
setTimeout(function() {
|
||||
MacPlayer.AdsEnd()
|
||||
}, this.Second * 1000);
|
||||
$("#playleft").get(0).innerHTML = this.Html + '';
|
||||
// var a = document.createElement('script');
|
||||
// a.type = 'text/javascript';
|
||||
// a.async = true;
|
||||
// a.charset = 'utf-8';
|
||||
// a.src = '//union.maccms.com/html/top10.js';
|
||||
// var b = document.getElementsByTagName('script')[0];
|
||||
// b.parentNode.insertBefore(a, b)
|
||||
},
|
||||
'AdsStart': function() {
|
||||
if ($("#buffer").attr('src') != this.Buffer) {
|
||||
$("#buffer").attr('src', this.Buffer)
|
||||
}
|
||||
$("#buffer").show()
|
||||
},
|
||||
'AdsEnd': function() {
|
||||
$('#buffer').hide()
|
||||
},
|
||||
'Install': function() {
|
||||
this.Status = false;
|
||||
$('#install').show()
|
||||
},
|
||||
'Play': function() {
|
||||
document.write('<style>.MacPlayer{background: #000000;font-size:14px;color:#F6F6F6;margin:0px;padding:0px;position:relative;overflow:hidden;width:' + this.Width + ';height:' + this.Height + ';min-height:100px;}.MacPlayer table{width:100%;height:100%;}.MacPlayer #playleft{position:inherit;!important;width:100%;height:100%;}</style><div class="MacPlayer">' + '<iframe id="buffer" src="" frameBorder="0" scrolling="no" width="100%" height="100%" style="position:absolute;z-index:99998;"></iframe><iframe id="install" src="" frameBorder="0" scrolling="no" width="100%" height="100%" style="position:absolute;z-index:99998;display:none;"></iframe>' + '<table border="0" cellpadding="0" cellspacing="0"><tr><td id="playleft" valign="top" style=""> </td></table></div>');
|
||||
this.offsetHeight = $('.MacPlayer').get(0).offsetHeight;
|
||||
this.offsetWidth = $('.MacPlayer').get(0).offsetWidth;
|
||||
document.write('<scr' + 'ipt src="' + this.Path + this.PlayFrom + '.js"></scr' + 'ipt>')
|
||||
},
|
||||
'Down': function() {},
|
||||
'Init': function() {
|
||||
this.Status = true;
|
||||
this.Parse = '';
|
||||
if (player_aaaa.encrypt == '1') {
|
||||
player_aaaa.url = unescape(player_aaaa.url);
|
||||
player_aaaa.url_next = unescape(player_aaaa.url_next)
|
||||
} else if (player_aaaa.encrypt == '2') {
|
||||
player_aaaa.url = unescape(base64decode(player_aaaa.url));
|
||||
player_aaaa.url_next = unescape(base64decode(player_aaaa.url_next))
|
||||
}
|
||||
this.Agent = navigator.userAgent.toLowerCase();
|
||||
this.Width = MacPlayerConfig.width;
|
||||
this.Height = MacPlayerConfig.height;
|
||||
if (this.Agent.indexOf("android") > 0 || this.Agent.indexOf("mobile") > 0 || this.Agent.indexOf("ipod") > 0 || this.Agent.indexOf("ios") > 0 || this.Agent.indexOf("iphone") > 0 || this.Agent.indexOf("ipad") > 0) {
|
||||
this.Width = MacPlayerConfig.widthmob;
|
||||
this.Height = MacPlayerConfig.heightmob
|
||||
}
|
||||
if (this.Width.indexOf("px") == -1 && this.Width.indexOf("%") == -1) {
|
||||
this.Width = '100%'
|
||||
}
|
||||
if (this.Height.indexOf("px") == -1 && this.Height.indexOf("%") == -1) {
|
||||
this.Height = '100%'
|
||||
}
|
||||
this.Prestrain = MacPlayerConfig.prestrain;
|
||||
this.Buffer = MacPlayerConfig.buffer;
|
||||
this.Second = MacPlayerConfig.second;
|
||||
this.Flag = player_aaaa.flag;
|
||||
this.Trysee = player_aaaa.trysee;
|
||||
this.Points = player_aaaa.points;
|
||||
this.Link = decodeURIComponent(player_aaaa.link);
|
||||
this.PlayFrom = player_aaaa.from;
|
||||
this.PlayNote = player_aaaa.note;
|
||||
this.PlayServer = player_aaaa.server == 'no' ? '' : player_aaaa.server;
|
||||
this.PlayUrl = player_aaaa.url;
|
||||
this.PlayUrlNext = player_aaaa.url_next;
|
||||
this.PlayLinkNext = player_aaaa.link_next;
|
||||
this.PlayLinkPre = player_aaaa.link_pre;
|
||||
if (MacPlayerConfig.server_list[this.PlayServer] != undefined) {
|
||||
this.PlayServer = MacPlayerConfig.server_list[this.PlayServer].des
|
||||
}
|
||||
if (MacPlayerConfig.player_list[this.PlayFrom] != undefined) {
|
||||
if (MacPlayerConfig.player_list[this.PlayFrom].ps == "1") {
|
||||
this.Parse = MacPlayerConfig.player_list[this.PlayFrom].parse == '' ? MacPlayerConfig.parse : MacPlayerConfig.player_list[this.PlayFrom].parse;
|
||||
this.PlayFrom = 'parse'
|
||||
}
|
||||
}
|
||||
this.Path = maccms.path + '/static/player/';
|
||||
if (this.Flag == "down") {
|
||||
MacPlayer.Down()
|
||||
} else {
|
||||
MacPlayer.Play()
|
||||
}
|
||||
}
|
||||
};
|
||||
MacPlayer.Init();
|
||||
7
code/public/template/videoboku/static/js/playerconfig.js
Normal file
@@ -0,0 +1,7 @@
|
||||
var MacPlayerConfig={};
|
||||
//参数开始
|
||||
MacPlayerConfig={"width":"100%","height":"100%","widthmob":"100%","heightmob":"100%","widthpop":"0","heightpop":"600","second":"0","prestrain":"","buffer":"","parse":"","autofull":"0","showtop":"1","showlist":"1","flag":"0","colors":"000000,F6F6F6,F6F6F6,333333,666666,FFFFF,FF0000,2c2c2c,ffffff,a3a3a3,2c2c2c,adadad,adadad,48486c,fcfcfc"};
|
||||
//参数结束
|
||||
//缓存开始
|
||||
MacPlayerConfig.player_list={"wjm3u8":{"show":"\u4e91\u64ad\u8d44\u6e90","des":"","ps":"0","parse":""},"dplayer":{"show":"DPlayer-H5\u64ad\u653e\u5668","des":"dplayer.js.org","ps":"0","parse":""},"videojs":{"show":"videojs-H5\u64ad\u653e\u5668","des":"videojs.com","ps":"0","parse":""},"iva":{"show":"iva-H5\u64ad\u653e\u5668","des":"videojj.com","ps":"0","parse":""},"iframe":{"show":"iframe\u5916\u94fe\u6570\u636e","des":"iframe\u5916\u94fe\u6570\u636e","ps":"0","parse":""},"link":{"show":"\u5916\u94fe\u6570\u636e","des":"\u5916\u90e8\u7f51\u7ad9\u64ad\u653e\u94fe\u63a5","ps":"0","parse":""},"swf":{"show":"Flash\u6587\u4ef6","des":"swf","ps":"0","parse":""},"flv":{"show":"Flv\u6587\u4ef6","des":"flv","ps":"0","parse":""},"jingyingm3u8":{"show":"\u624b\u673a\u4e91\u64ad","des":"","ps":"0","parse":""},"modum3u8":{"show":"\u9ad8\u6e05\u4e91\u64ad","des":"","ps":"0","parse":""},"snm3u8":{"show":"\u9ad8\u6e05\u4e91\u64ad","des":"","ps":"0","parse":""},"tkm3u8":{"show":"\u5929\u7a7a\u8d44\u6e90","des":"","ps":"0","parse":""},"bjm3u8":{"show":"\u516b\u6212\u8d44\u6e90","des":"","ps":"0","parse":""}},MacPlayerConfig.downer_list={"http":{"show":"http\u4e0b\u8f7d","des":"des\u63d0\u793a\u4fe1\u606f","ps":"0","parse":""},"xunlei":{"show":"xunlei\u4e0b\u8f7d","des":"des\u63d0\u793a\u4fe1\u606f","ps":"0","parse":""}},MacPlayerConfig.server_list={"server1":{"show":"\u6d4b\u8bd5\u670d\u52a1\u56681","des":"des\u63d0\u793a\u4fe1\u606f1"}};
|
||||
//缓存结束
|
||||
2
code/public/template/videoboku/static/player/wjm3u8.js
Normal file
@@ -0,0 +1,2 @@
|
||||
MacPlayer.Html = '<iframe border="0" src="'+maccms.path+'/static/player/dplayer.html" width="100%" height="100%" marginWidth="0" frameSpacing="0" marginHeight="0" frameBorder="0" scrolling="no" vspale="0" noResize></iframe>';
|
||||
MacPlayer.Show();
|
||||