Initial public push: docs cosmos v4 + AI module + framework groundwork
This is the snapshot the production landing site (nibiru-framework.com) is deployed from. Brings together the recent splash + docs migration to the v4 "Cosmos" design system, the new in-framework AI module, and the framework groundwork that backs the framework-reference extraction. What lands: - docs/: Astro + Starlight site with the v4 dark cosmic palette, GalaxyHero canvas constellation, Mission Control chat (wired to /api/oracle → api.neuronetz.ai via providers.mjs Ollama), 5-panel MMVC stage (Model · AI · Module · Controller · View), translated EN/DE/JA/ES/FR content, PWA + sitemap + llms.txt + Umami analytics. - docs/design-system/: canonical mockup bundle (source/index-v2.html for splash, source/docs-system.html + preview/ for docs, SPEC.md, tokens). - docs/scripts/extraction/framework-reference-v2.md: deep framework reference (~1.6k lines, file:line citations, every public factory and idiom — basis for the LoRA training corpus. - application/module/ai/: AI module with chat / embed / RAG / agent plugins, plus pdoQuery / httpGet / fileRead tools and Modelfile + smoke-test in training/. - application/module/users/: user / ACL / form-factory traits used as the reference plugin pattern for the framework docs. - application/settings/config/database/: schema + seed migrations including the AI module tables (200–203). - Form factory + autogenerator changes the framework-reference-v2 covers. Production secrets stay out: docs/.env, settings.production.ini and ai.production.ini are all gitignored (.example files are in tree). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
3181
application/view/mockup/template/less/libs/animate.css
vendored
Normal file
3181
application/view/mockup/template/less/libs/animate.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
8
application/view/mockup/template/less/libs/animate.min.css
vendored
Normal file
8
application/view/mockup/template/less/libs/animate.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
4
application/view/mockup/template/less/libs/font-awesome.min.css
vendored
Normal file
4
application/view/mockup/template/less/libs/font-awesome.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
5
application/view/mockup/template/less/libs/font-awesome.min.min.css
vendored
Normal file
5
application/view/mockup/template/less/libs/font-awesome.min.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
65
application/view/mockup/template/less/libs/gifplayer.css
Normal file
65
application/view/mockup/template/less/libs/gifplayer.css
Normal file
@@ -0,0 +1,65 @@
|
||||
ins.play-gif{
|
||||
position: absolute;
|
||||
font-family: Arial, sans serif;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
line-height: 52px;
|
||||
text-align: center;
|
||||
background: #222;
|
||||
font-size: 18px;
|
||||
color: #fff;
|
||||
border-radius: 50%;
|
||||
opacity: .9;
|
||||
border: 4px solid #fff;
|
||||
cursor:pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
ins.play-gif:hover{
|
||||
opacity:.5;
|
||||
}
|
||||
|
||||
.gifplayer-wrapper{
|
||||
position:relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.spinner {
|
||||
height:50px;
|
||||
width:50px;
|
||||
margin:0px auto;
|
||||
position:absolute;
|
||||
top:50%;
|
||||
left:50%;
|
||||
margin-top:-25px;
|
||||
margin-left:-25px;
|
||||
-webkit-animation: rotation .6s infinite linear;
|
||||
-moz-animation: rotation .6s infinite linear;
|
||||
-o-animation: rotation .6s infinite linear;
|
||||
animation: rotation .6s infinite linear;
|
||||
border-left:6px solid rgba(256,256,256,.15);
|
||||
border-right:6px solid rgba(256,256,256,.15);
|
||||
border-bottom:6px solid rgba(256,256,256,.15);
|
||||
border-top:6px solid rgba(256,256,256,.8);
|
||||
border-radius:100%;
|
||||
}
|
||||
|
||||
@-webkit-keyframes rotation {
|
||||
from {-webkit-transform: rotate(0deg);}
|
||||
to {-webkit-transform: rotate(359deg);}
|
||||
}
|
||||
|
||||
@-moz-keyframes rotation {
|
||||
from {-moz-transform: rotate(0deg);}
|
||||
to {-moz-transform: rotate(359deg);}
|
||||
}
|
||||
|
||||
@-o-keyframes rotation {
|
||||
from {-o-transform: rotate(0deg);}
|
||||
to {-o-transform: rotate(359deg);}
|
||||
}
|
||||
|
||||
@keyframes rotation {
|
||||
from {transform: rotate(0deg);}
|
||||
to {transform: rotate(359deg);}
|
||||
}
|
||||
1
application/view/mockup/template/less/libs/gifplayer.min.css
vendored
Normal file
1
application/view/mockup/template/less/libs/gifplayer.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}@-moz-keyframes rotation{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(359deg)}}@-o-keyframes rotation{0%{-o-transform:rotate(0deg)}to{-o-transform:rotate(359deg)}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}ins.play-gif{font-family:Arial,sans serif;line-height:52px;text-align:center;background:#222;font-size:18px;color:#fff;border-radius:50%;opacity:.9;border:4px solid #fff;cursor:pointer;text-decoration:none}ins.play-gif:hover{opacity:.5}.gifplayer-wrapper{position:relative;display:inline-block}.spinner,ins.play-gif{height:50px;width:50px;position:absolute}.spinner{top:50%;left:50%;margin:-25px auto 0-25px;-webkit-animation:rotation .6s infinite linear;-moz-animation:rotation .6s infinite linear;-o-animation:rotation .6s infinite linear;animation:rotation .6s infinite linear;border-left:6px solid rgba(255,255,255,.15);border-right:6px solid rgba(255,255,255,.15);border-bottom:6px solid rgba(255,255,255,.15);border-top:6px solid rgba(255,255,255,.8);border-radius:100%}
|
||||
@@ -0,0 +1,115 @@
|
||||
/*
|
||||
* CSS Styles that are needed by jScrollPane for it to operate correctly.
|
||||
*
|
||||
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
|
||||
* may not operate correctly without them.
|
||||
*/
|
||||
|
||||
.jspContainer
|
||||
{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.jspPane
|
||||
{
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.jspVerticalBar
|
||||
{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 16px;
|
||||
height: 100%;
|
||||
background: red;
|
||||
}
|
||||
|
||||
.jspHorizontalBar
|
||||
{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 16px;
|
||||
background: red;
|
||||
}
|
||||
|
||||
.jspCap
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspCap
|
||||
{
|
||||
float: left;
|
||||
}
|
||||
|
||||
.jspTrack
|
||||
{
|
||||
background: #dde;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.jspDrag
|
||||
{
|
||||
background: #bbd;
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspTrack,
|
||||
.jspHorizontalBar .jspDrag
|
||||
{
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.jspArrow
|
||||
{
|
||||
background: #50506d;
|
||||
text-indent: -20000px;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.jspArrow.jspDisabled
|
||||
{
|
||||
cursor: default;
|
||||
background: #80808d;
|
||||
}
|
||||
|
||||
.jspVerticalBar .jspArrow
|
||||
{
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspArrow
|
||||
{
|
||||
width: 16px;
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.jspVerticalBar .jspArrow:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.jspCorner
|
||||
{
|
||||
background: #eeeef4;
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
|
||||
* html .jspCorner
|
||||
{
|
||||
margin: 0 -3px 0 0;
|
||||
}
|
||||
1
application/view/mockup/template/less/libs/jquery.jscrollpane.min.css
vendored
Normal file
1
application/view/mockup/template/less/libs/jquery.jscrollpane.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.jspContainer{overflow:hidden;position:relative}.jspPane,.jspVerticalBar{position:absolute}.jspVerticalBar{top:0;right:0;width:16px;height:100%;background:red}.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;background:red}.jspCap{display:none}.jspHorizontalBar .jspCap{float:left}.jspTrack{background:#dde;position:relative}.jspDrag{background:#bbd;position:relative;top:0;left:0;cursor:pointer}.jspHorizontalBar .jspDrag,.jspHorizontalBar .jspTrack{float:left;height:100%}.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;padding:0;margin:0}.jspArrow.jspDisabled{cursor:default;background:#80808d}.jspVerticalBar .jspArrow{height:16px}.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}.jspVerticalBar .jspArrow:focus{outline:0}.jspCorner{background:#eeeef4;float:left;height:100%}* html .jspCorner{margin:0-3px 0 0}
|
||||
216
application/view/mockup/template/less/libs/owl.carousel.css
Normal file
216
application/view/mockup/template/less/libs/owl.carousel.css
Normal file
@@ -0,0 +1,216 @@
|
||||
/*
|
||||
* Owl Carousel - Animate Plugin
|
||||
*/
|
||||
.owl-carousel .animated {
|
||||
-webkit-animation-duration: 1000ms;
|
||||
animation-duration: 1000ms;
|
||||
-webkit-animation-fill-mode: both;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
.owl-carousel .owl-animated-in {
|
||||
z-index: 0;
|
||||
}
|
||||
.owl-carousel .owl-animated-out {
|
||||
z-index: 1;
|
||||
}
|
||||
.owl-carousel .fadeOut {
|
||||
-webkit-animation-name: fadeOut;
|
||||
animation-name: fadeOut;
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeOut {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes fadeOut {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Owl Carousel - Auto Height Plugin
|
||||
*/
|
||||
.owl-height {
|
||||
-webkit-transition: height 500ms ease-in-out;
|
||||
-moz-transition: height 500ms ease-in-out;
|
||||
-ms-transition: height 500ms ease-in-out;
|
||||
-o-transition: height 500ms ease-in-out;
|
||||
transition: height 500ms ease-in-out;
|
||||
}
|
||||
|
||||
/*
|
||||
* Core Owl Carousel CSS File
|
||||
*/
|
||||
.owl-carousel {
|
||||
display: none;
|
||||
width: 100%;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
/* position relative and z-index fix webkit rendering fonts issue */
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.owl-carousel .owl-stage {
|
||||
position: relative;
|
||||
-ms-touch-action: pan-Y;
|
||||
}
|
||||
.owl-carousel .owl-stage:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0;
|
||||
}
|
||||
.owl-carousel .owl-stage-outer {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
/* fix for flashing background */
|
||||
-webkit-transform: translate3d(0px, 0px, 0px);
|
||||
}
|
||||
.owl-carousel .owl-controls .owl-nav .owl-prev,
|
||||
.owl-carousel .owl-controls .owl-nav .owl-next,
|
||||
.owl-carousel .owl-controls .owl-dot {
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.owl-carousel.owl-loaded {
|
||||
display: block;
|
||||
}
|
||||
.owl-carousel.owl-loading {
|
||||
opacity: 0;
|
||||
display: block;
|
||||
}
|
||||
.owl-carousel.owl-hidden {
|
||||
opacity: 0;
|
||||
}
|
||||
.owl-carousel .owl-refresh .owl-item {
|
||||
display: none;
|
||||
}
|
||||
.owl-carousel .owl-item {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
float: left;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.owl-carousel .owl-item img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
}
|
||||
.owl-carousel.owl-text-select-on .owl-item {
|
||||
-webkit-user-select: auto;
|
||||
-moz-user-select: auto;
|
||||
-ms-user-select: auto;
|
||||
user-select: auto;
|
||||
}
|
||||
.owl-carousel .owl-grab {
|
||||
cursor: move;
|
||||
cursor: -webkit-grab;
|
||||
cursor: -o-grab;
|
||||
cursor: -ms-grab;
|
||||
cursor: grab;
|
||||
}
|
||||
.owl-carousel.owl-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.owl-carousel.owl-rtl .owl-item {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* No Js */
|
||||
.no-js .owl-carousel {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
* Owl Carousel - Lazy Load Plugin
|
||||
*/
|
||||
.owl-carousel .owl-item .owl-lazy {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 400ms ease;
|
||||
-moz-transition: opacity 400ms ease;
|
||||
-ms-transition: opacity 400ms ease;
|
||||
-o-transition: opacity 400ms ease;
|
||||
transition: opacity 400ms ease;
|
||||
}
|
||||
.owl-carousel .owl-item img {
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
|
||||
/*
|
||||
* Owl Carousel - Video Plugin
|
||||
*/
|
||||
.owl-carousel .owl-video-wrapper {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
background: #000;
|
||||
}
|
||||
.owl-carousel .owl-video-play-icon {
|
||||
position: absolute;
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -40px;
|
||||
margin-top: -40px;
|
||||
background: url("owl.video.play.png") no-repeat;
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-webkit-transition: scale 100ms ease;
|
||||
-moz-transition: scale 100ms ease;
|
||||
-ms-transition: scale 100ms ease;
|
||||
-o-transition: scale 100ms ease;
|
||||
transition: scale 100ms ease;
|
||||
}
|
||||
.owl-carousel .owl-video-play-icon:hover {
|
||||
-webkit-transition: scale(1.3, 1.3);
|
||||
-moz-transition: scale(1.3, 1.3);
|
||||
-ms-transition: scale(1.3, 1.3);
|
||||
-o-transition: scale(1.3, 1.3);
|
||||
transition: scale(1.3, 1.3);
|
||||
}
|
||||
.owl-carousel .owl-video-playing .owl-video-tn,
|
||||
.owl-carousel .owl-video-playing .owl-video-play-icon {
|
||||
display: none;
|
||||
}
|
||||
.owl-carousel .owl-video-tn {
|
||||
opacity: 0;
|
||||
height: 100%;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
-webkit-background-size: contain;
|
||||
-moz-background-size: contain;
|
||||
-o-background-size: contain;
|
||||
background-size: contain;
|
||||
-webkit-transition: opacity 400ms ease;
|
||||
-moz-transition: opacity 400ms ease;
|
||||
-ms-transition: opacity 400ms ease;
|
||||
-o-transition: opacity 400ms ease;
|
||||
transition: opacity 400ms ease;
|
||||
}
|
||||
.owl-carousel .owl-video-frame {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
1
application/view/mockup/template/less/libs/owl.carousel.min.css
vendored
Normal file
1
application/view/mockup/template/less/libs/owl.carousel.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png)no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}
|
||||
632
application/view/mockup/template/less/libs/pe-icon-7-stroke.css
Normal file
632
application/view/mockup/template/less/libs/pe-icon-7-stroke.css
Normal file
@@ -0,0 +1,632 @@
|
||||
@font-face {
|
||||
font-family: 'Pe-icon-7-stroke';
|
||||
src:url('../fonts/Pe-icon-7-stroke.eot?d7yf1v');
|
||||
src:url('../fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'),
|
||||
url('../fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'),
|
||||
url('../fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'),
|
||||
url('../fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
[class^="pe-7s-"], [class*=" pe-7s-"] {
|
||||
display: inline-block;
|
||||
font-family: 'Pe-icon-7-stroke';
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.pe-7s-album:before {
|
||||
content: "\e6aa";
|
||||
}
|
||||
.pe-7s-arc:before {
|
||||
content: "\e6ab";
|
||||
}
|
||||
.pe-7s-back-2:before {
|
||||
content: "\e6ac";
|
||||
}
|
||||
.pe-7s-bandaid:before {
|
||||
content: "\e6ad";
|
||||
}
|
||||
.pe-7s-car:before {
|
||||
content: "\e6ae";
|
||||
}
|
||||
.pe-7s-diamond:before {
|
||||
content: "\e6af";
|
||||
}
|
||||
.pe-7s-door-lock:before {
|
||||
content: "\e6b0";
|
||||
}
|
||||
.pe-7s-eyedropper:before {
|
||||
content: "\e6b1";
|
||||
}
|
||||
.pe-7s-female:before {
|
||||
content: "\e6b2";
|
||||
}
|
||||
.pe-7s-gym:before {
|
||||
content: "\e6b3";
|
||||
}
|
||||
.pe-7s-hammer:before {
|
||||
content: "\e6b4";
|
||||
}
|
||||
.pe-7s-headphones:before {
|
||||
content: "\e6b5";
|
||||
}
|
||||
.pe-7s-helm:before {
|
||||
content: "\e6b6";
|
||||
}
|
||||
.pe-7s-hourglass:before {
|
||||
content: "\e6b7";
|
||||
}
|
||||
.pe-7s-leaf:before {
|
||||
content: "\e6b8";
|
||||
}
|
||||
.pe-7s-magic-wand:before {
|
||||
content: "\e6b9";
|
||||
}
|
||||
.pe-7s-male:before {
|
||||
content: "\e6ba";
|
||||
}
|
||||
.pe-7s-map-2:before {
|
||||
content: "\e6bb";
|
||||
}
|
||||
.pe-7s-next-2:before {
|
||||
content: "\e6bc";
|
||||
}
|
||||
.pe-7s-paint-bucket:before {
|
||||
content: "\e6bd";
|
||||
}
|
||||
.pe-7s-pendrive:before {
|
||||
content: "\e6be";
|
||||
}
|
||||
.pe-7s-photo:before {
|
||||
content: "\e6bf";
|
||||
}
|
||||
.pe-7s-piggy:before {
|
||||
content: "\e6c0";
|
||||
}
|
||||
.pe-7s-plugin:before {
|
||||
content: "\e6c1";
|
||||
}
|
||||
.pe-7s-refresh-2:before {
|
||||
content: "\e6c2";
|
||||
}
|
||||
.pe-7s-rocket:before {
|
||||
content: "\e6c3";
|
||||
}
|
||||
.pe-7s-settings:before {
|
||||
content: "\e6c4";
|
||||
}
|
||||
.pe-7s-shield:before {
|
||||
content: "\e6c5";
|
||||
}
|
||||
.pe-7s-smile:before {
|
||||
content: "\e6c6";
|
||||
}
|
||||
.pe-7s-usb:before {
|
||||
content: "\e6c7";
|
||||
}
|
||||
.pe-7s-vector:before {
|
||||
content: "\e6c8";
|
||||
}
|
||||
.pe-7s-wine:before {
|
||||
content: "\e6c9";
|
||||
}
|
||||
.pe-7s-cloud-upload:before {
|
||||
content: "\e68a";
|
||||
}
|
||||
.pe-7s-cash:before {
|
||||
content: "\e68c";
|
||||
}
|
||||
.pe-7s-close:before {
|
||||
content: "\e680";
|
||||
}
|
||||
.pe-7s-bluetooth:before {
|
||||
content: "\e68d";
|
||||
}
|
||||
.pe-7s-cloud-download:before {
|
||||
content: "\e68b";
|
||||
}
|
||||
.pe-7s-way:before {
|
||||
content: "\e68e";
|
||||
}
|
||||
.pe-7s-close-circle:before {
|
||||
content: "\e681";
|
||||
}
|
||||
.pe-7s-id:before {
|
||||
content: "\e68f";
|
||||
}
|
||||
.pe-7s-angle-up:before {
|
||||
content: "\e682";
|
||||
}
|
||||
.pe-7s-wristwatch:before {
|
||||
content: "\e690";
|
||||
}
|
||||
.pe-7s-angle-up-circle:before {
|
||||
content: "\e683";
|
||||
}
|
||||
.pe-7s-world:before {
|
||||
content: "\e691";
|
||||
}
|
||||
.pe-7s-angle-right:before {
|
||||
content: "\e684";
|
||||
}
|
||||
.pe-7s-volume:before {
|
||||
content: "\e692";
|
||||
}
|
||||
.pe-7s-angle-right-circle:before {
|
||||
content: "\e685";
|
||||
}
|
||||
.pe-7s-users:before {
|
||||
content: "\e693";
|
||||
}
|
||||
.pe-7s-angle-left:before {
|
||||
content: "\e686";
|
||||
}
|
||||
.pe-7s-user-female:before {
|
||||
content: "\e694";
|
||||
}
|
||||
.pe-7s-angle-left-circle:before {
|
||||
content: "\e687";
|
||||
}
|
||||
.pe-7s-up-arrow:before {
|
||||
content: "\e695";
|
||||
}
|
||||
.pe-7s-angle-down:before {
|
||||
content: "\e688";
|
||||
}
|
||||
.pe-7s-switch:before {
|
||||
content: "\e696";
|
||||
}
|
||||
.pe-7s-angle-down-circle:before {
|
||||
content: "\e689";
|
||||
}
|
||||
.pe-7s-scissors:before {
|
||||
content: "\e697";
|
||||
}
|
||||
.pe-7s-wallet:before {
|
||||
content: "\e600";
|
||||
}
|
||||
.pe-7s-safe:before {
|
||||
content: "\e698";
|
||||
}
|
||||
.pe-7s-volume2:before {
|
||||
content: "\e601";
|
||||
}
|
||||
.pe-7s-volume1:before {
|
||||
content: "\e602";
|
||||
}
|
||||
.pe-7s-voicemail:before {
|
||||
content: "\e603";
|
||||
}
|
||||
.pe-7s-video:before {
|
||||
content: "\e604";
|
||||
}
|
||||
.pe-7s-user:before {
|
||||
content: "\e605";
|
||||
}
|
||||
.pe-7s-upload:before {
|
||||
content: "\e606";
|
||||
}
|
||||
.pe-7s-unlock:before {
|
||||
content: "\e607";
|
||||
}
|
||||
.pe-7s-umbrella:before {
|
||||
content: "\e608";
|
||||
}
|
||||
.pe-7s-trash:before {
|
||||
content: "\e609";
|
||||
}
|
||||
.pe-7s-tools:before {
|
||||
content: "\e60a";
|
||||
}
|
||||
.pe-7s-timer:before {
|
||||
content: "\e60b";
|
||||
}
|
||||
.pe-7s-ticket:before {
|
||||
content: "\e60c";
|
||||
}
|
||||
.pe-7s-target:before {
|
||||
content: "\e60d";
|
||||
}
|
||||
.pe-7s-sun:before {
|
||||
content: "\e60e";
|
||||
}
|
||||
.pe-7s-study:before {
|
||||
content: "\e60f";
|
||||
}
|
||||
.pe-7s-stopwatch:before {
|
||||
content: "\e610";
|
||||
}
|
||||
.pe-7s-star:before {
|
||||
content: "\e611";
|
||||
}
|
||||
.pe-7s-speaker:before {
|
||||
content: "\e612";
|
||||
}
|
||||
.pe-7s-signal:before {
|
||||
content: "\e613";
|
||||
}
|
||||
.pe-7s-shuffle:before {
|
||||
content: "\e614";
|
||||
}
|
||||
.pe-7s-shopbag:before {
|
||||
content: "\e615";
|
||||
}
|
||||
.pe-7s-share:before {
|
||||
content: "\e616";
|
||||
}
|
||||
.pe-7s-server:before {
|
||||
content: "\e617";
|
||||
}
|
||||
.pe-7s-search:before {
|
||||
content: "\e618";
|
||||
}
|
||||
.pe-7s-film:before {
|
||||
content: "\e6a5";
|
||||
}
|
||||
.pe-7s-science:before {
|
||||
content: "\e619";
|
||||
}
|
||||
.pe-7s-disk:before {
|
||||
content: "\e6a6";
|
||||
}
|
||||
.pe-7s-ribbon:before {
|
||||
content: "\e61a";
|
||||
}
|
||||
.pe-7s-repeat:before {
|
||||
content: "\e61b";
|
||||
}
|
||||
.pe-7s-refresh:before {
|
||||
content: "\e61c";
|
||||
}
|
||||
.pe-7s-add-user:before {
|
||||
content: "\e6a9";
|
||||
}
|
||||
.pe-7s-refresh-cloud:before {
|
||||
content: "\e61d";
|
||||
}
|
||||
.pe-7s-paperclip:before {
|
||||
content: "\e69c";
|
||||
}
|
||||
.pe-7s-radio:before {
|
||||
content: "\e61e";
|
||||
}
|
||||
.pe-7s-note2:before {
|
||||
content: "\e69d";
|
||||
}
|
||||
.pe-7s-print:before {
|
||||
content: "\e61f";
|
||||
}
|
||||
.pe-7s-network:before {
|
||||
content: "\e69e";
|
||||
}
|
||||
.pe-7s-prev:before {
|
||||
content: "\e620";
|
||||
}
|
||||
.pe-7s-mute:before {
|
||||
content: "\e69f";
|
||||
}
|
||||
.pe-7s-power:before {
|
||||
content: "\e621";
|
||||
}
|
||||
.pe-7s-medal:before {
|
||||
content: "\e6a0";
|
||||
}
|
||||
.pe-7s-portfolio:before {
|
||||
content: "\e622";
|
||||
}
|
||||
.pe-7s-like2:before {
|
||||
content: "\e6a1";
|
||||
}
|
||||
.pe-7s-plus:before {
|
||||
content: "\e623";
|
||||
}
|
||||
.pe-7s-left-arrow:before {
|
||||
content: "\e6a2";
|
||||
}
|
||||
.pe-7s-play:before {
|
||||
content: "\e624";
|
||||
}
|
||||
.pe-7s-key:before {
|
||||
content: "\e6a3";
|
||||
}
|
||||
.pe-7s-plane:before {
|
||||
content: "\e625";
|
||||
}
|
||||
.pe-7s-joy:before {
|
||||
content: "\e6a4";
|
||||
}
|
||||
.pe-7s-photo-gallery:before {
|
||||
content: "\e626";
|
||||
}
|
||||
.pe-7s-pin:before {
|
||||
content: "\e69b";
|
||||
}
|
||||
.pe-7s-phone:before {
|
||||
content: "\e627";
|
||||
}
|
||||
.pe-7s-plug:before {
|
||||
content: "\e69a";
|
||||
}
|
||||
.pe-7s-pen:before {
|
||||
content: "\e628";
|
||||
}
|
||||
.pe-7s-right-arrow:before {
|
||||
content: "\e699";
|
||||
}
|
||||
.pe-7s-paper-plane:before {
|
||||
content: "\e629";
|
||||
}
|
||||
.pe-7s-delete-user:before {
|
||||
content: "\e6a7";
|
||||
}
|
||||
.pe-7s-paint:before {
|
||||
content: "\e62a";
|
||||
}
|
||||
.pe-7s-bottom-arrow:before {
|
||||
content: "\e6a8";
|
||||
}
|
||||
.pe-7s-notebook:before {
|
||||
content: "\e62b";
|
||||
}
|
||||
.pe-7s-note:before {
|
||||
content: "\e62c";
|
||||
}
|
||||
.pe-7s-next:before {
|
||||
content: "\e62d";
|
||||
}
|
||||
.pe-7s-news-paper:before {
|
||||
content: "\e62e";
|
||||
}
|
||||
.pe-7s-musiclist:before {
|
||||
content: "\e62f";
|
||||
}
|
||||
.pe-7s-music:before {
|
||||
content: "\e630";
|
||||
}
|
||||
.pe-7s-mouse:before {
|
||||
content: "\e631";
|
||||
}
|
||||
.pe-7s-more:before {
|
||||
content: "\e632";
|
||||
}
|
||||
.pe-7s-moon:before {
|
||||
content: "\e633";
|
||||
}
|
||||
.pe-7s-monitor:before {
|
||||
content: "\e634";
|
||||
}
|
||||
.pe-7s-micro:before {
|
||||
content: "\e635";
|
||||
}
|
||||
.pe-7s-menu:before {
|
||||
content: "\e636";
|
||||
}
|
||||
.pe-7s-map:before {
|
||||
content: "\e637";
|
||||
}
|
||||
.pe-7s-map-marker:before {
|
||||
content: "\e638";
|
||||
}
|
||||
.pe-7s-mail:before {
|
||||
content: "\e639";
|
||||
}
|
||||
.pe-7s-mail-open:before {
|
||||
content: "\e63a";
|
||||
}
|
||||
.pe-7s-mail-open-file:before {
|
||||
content: "\e63b";
|
||||
}
|
||||
.pe-7s-magnet:before {
|
||||
content: "\e63c";
|
||||
}
|
||||
.pe-7s-loop:before {
|
||||
content: "\e63d";
|
||||
}
|
||||
.pe-7s-look:before {
|
||||
content: "\e63e";
|
||||
}
|
||||
.pe-7s-lock:before {
|
||||
content: "\e63f";
|
||||
}
|
||||
.pe-7s-lintern:before {
|
||||
content: "\e640";
|
||||
}
|
||||
.pe-7s-link:before {
|
||||
content: "\e641";
|
||||
}
|
||||
.pe-7s-like:before {
|
||||
content: "\e642";
|
||||
}
|
||||
.pe-7s-light:before {
|
||||
content: "\e643";
|
||||
}
|
||||
.pe-7s-less:before {
|
||||
content: "\e644";
|
||||
}
|
||||
.pe-7s-keypad:before {
|
||||
content: "\e645";
|
||||
}
|
||||
.pe-7s-junk:before {
|
||||
content: "\e646";
|
||||
}
|
||||
.pe-7s-info:before {
|
||||
content: "\e647";
|
||||
}
|
||||
.pe-7s-home:before {
|
||||
content: "\e648";
|
||||
}
|
||||
.pe-7s-help2:before {
|
||||
content: "\e649";
|
||||
}
|
||||
.pe-7s-help1:before {
|
||||
content: "\e64a";
|
||||
}
|
||||
.pe-7s-graph3:before {
|
||||
content: "\e64b";
|
||||
}
|
||||
.pe-7s-graph2:before {
|
||||
content: "\e64c";
|
||||
}
|
||||
.pe-7s-graph1:before {
|
||||
content: "\e64d";
|
||||
}
|
||||
.pe-7s-graph:before {
|
||||
content: "\e64e";
|
||||
}
|
||||
.pe-7s-global:before {
|
||||
content: "\e64f";
|
||||
}
|
||||
.pe-7s-gleam:before {
|
||||
content: "\e650";
|
||||
}
|
||||
.pe-7s-glasses:before {
|
||||
content: "\e651";
|
||||
}
|
||||
.pe-7s-gift:before {
|
||||
content: "\e652";
|
||||
}
|
||||
.pe-7s-folder:before {
|
||||
content: "\e653";
|
||||
}
|
||||
.pe-7s-flag:before {
|
||||
content: "\e654";
|
||||
}
|
||||
.pe-7s-filter:before {
|
||||
content: "\e655";
|
||||
}
|
||||
.pe-7s-file:before {
|
||||
content: "\e656";
|
||||
}
|
||||
.pe-7s-expand1:before {
|
||||
content: "\e657";
|
||||
}
|
||||
.pe-7s-exapnd2:before {
|
||||
content: "\e658";
|
||||
}
|
||||
.pe-7s-edit:before {
|
||||
content: "\e659";
|
||||
}
|
||||
.pe-7s-drop:before {
|
||||
content: "\e65a";
|
||||
}
|
||||
.pe-7s-drawer:before {
|
||||
content: "\e65b";
|
||||
}
|
||||
.pe-7s-download:before {
|
||||
content: "\e65c";
|
||||
}
|
||||
.pe-7s-display2:before {
|
||||
content: "\e65d";
|
||||
}
|
||||
.pe-7s-display1:before {
|
||||
content: "\e65e";
|
||||
}
|
||||
.pe-7s-diskette:before {
|
||||
content: "\e65f";
|
||||
}
|
||||
.pe-7s-date:before {
|
||||
content: "\e660";
|
||||
}
|
||||
.pe-7s-cup:before {
|
||||
content: "\e661";
|
||||
}
|
||||
.pe-7s-culture:before {
|
||||
content: "\e662";
|
||||
}
|
||||
.pe-7s-crop:before {
|
||||
content: "\e663";
|
||||
}
|
||||
.pe-7s-credit:before {
|
||||
content: "\e664";
|
||||
}
|
||||
.pe-7s-copy-file:before {
|
||||
content: "\e665";
|
||||
}
|
||||
.pe-7s-config:before {
|
||||
content: "\e666";
|
||||
}
|
||||
.pe-7s-compass:before {
|
||||
content: "\e667";
|
||||
}
|
||||
.pe-7s-comment:before {
|
||||
content: "\e668";
|
||||
}
|
||||
.pe-7s-coffee:before {
|
||||
content: "\e669";
|
||||
}
|
||||
.pe-7s-cloud:before {
|
||||
content: "\e66a";
|
||||
}
|
||||
.pe-7s-clock:before {
|
||||
content: "\e66b";
|
||||
}
|
||||
.pe-7s-check:before {
|
||||
content: "\e66c";
|
||||
}
|
||||
.pe-7s-chat:before {
|
||||
content: "\e66d";
|
||||
}
|
||||
.pe-7s-cart:before {
|
||||
content: "\e66e";
|
||||
}
|
||||
.pe-7s-camera:before {
|
||||
content: "\e66f";
|
||||
}
|
||||
.pe-7s-call:before {
|
||||
content: "\e670";
|
||||
}
|
||||
.pe-7s-calculator:before {
|
||||
content: "\e671";
|
||||
}
|
||||
.pe-7s-browser:before {
|
||||
content: "\e672";
|
||||
}
|
||||
.pe-7s-box2:before {
|
||||
content: "\e673";
|
||||
}
|
||||
.pe-7s-box1:before {
|
||||
content: "\e674";
|
||||
}
|
||||
.pe-7s-bookmarks:before {
|
||||
content: "\e675";
|
||||
}
|
||||
.pe-7s-bicycle:before {
|
||||
content: "\e676";
|
||||
}
|
||||
.pe-7s-bell:before {
|
||||
content: "\e677";
|
||||
}
|
||||
.pe-7s-battery:before {
|
||||
content: "\e678";
|
||||
}
|
||||
.pe-7s-ball:before {
|
||||
content: "\e679";
|
||||
}
|
||||
.pe-7s-back:before {
|
||||
content: "\e67a";
|
||||
}
|
||||
.pe-7s-attention:before {
|
||||
content: "\e67b";
|
||||
}
|
||||
.pe-7s-anchor:before {
|
||||
content: "\e67c";
|
||||
}
|
||||
.pe-7s-albums:before {
|
||||
content: "\e67d";
|
||||
}
|
||||
.pe-7s-alarm:before {
|
||||
content: "\e67e";
|
||||
}
|
||||
.pe-7s-airplay:before {
|
||||
content: "\e67f";
|
||||
}
|
||||
1
application/view/mockup/template/less/libs/pe-icon-7-stroke.min.css
vendored
Normal file
1
application/view/mockup/template/less/libs/pe-icon-7-stroke.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
177
application/view/mockup/template/less/libs/prism.css
Normal file
177
application/view/mockup/template/less/libs/prism.css
Normal file
@@ -0,0 +1,177 @@
|
||||
/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+applescript+aspnet+c+csharp+cpp+coffeescript+css-extras+git+haml+handlebars+jade+java+less+markdown+objectivec+perl+php+php-extras+python+jsx+ruby+scss+scheme+smarty+sql+stylus+swift+typescript&plugins=line-numbers */
|
||||
/**
|
||||
* prism.js default theme for JavaScript, CSS and HTML
|
||||
* Based on dabblet (http://dabblet.com)
|
||||
* @author Lea Verou
|
||||
*/
|
||||
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
color: #333;
|
||||
text-shadow: 0 1px white;
|
||||
font-family: Consolas, Monaco, 'Andale Mono', monospace;
|
||||
direction: ltr;
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
line-height: 1.5;
|
||||
|
||||
-moz-tab-size: 4;
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
|
||||
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
|
||||
code[class*="language-"]::selection, code[class*="language-"] ::selection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
|
||||
@media print {
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Code blocks */
|
||||
pre[class*="language-"] {
|
||||
padding: 1em;
|
||||
margin: .5em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
:not(pre) > code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
background: #f5f2f0;
|
||||
}
|
||||
|
||||
/* Inline code */
|
||||
:not(pre) > code[class*="language-"] {
|
||||
padding: .1em;
|
||||
border-radius: .3em;
|
||||
}
|
||||
|
||||
.token.comment,
|
||||
.token.prolog,
|
||||
.token.doctype,
|
||||
.token.cdata {
|
||||
color: slategray;
|
||||
}
|
||||
|
||||
.token.punctuation {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.namespace {
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
.token.property,
|
||||
.token.tag,
|
||||
.token.boolean,
|
||||
.token.number,
|
||||
.token.constant,
|
||||
.token.symbol,
|
||||
.token.deleted {
|
||||
color: #905;
|
||||
}
|
||||
|
||||
.token.selector,
|
||||
.token.attr-name,
|
||||
.token.string,
|
||||
.token.char,
|
||||
.token.builtin,
|
||||
.token.inserted {
|
||||
color: #690;
|
||||
}
|
||||
|
||||
.token.operator,
|
||||
.token.entity,
|
||||
.token.url,
|
||||
.language-css .token.string,
|
||||
.style .token.string {
|
||||
color: #a67f59;
|
||||
background: hsla(0, 0%, 100%, .5);
|
||||
}
|
||||
|
||||
.token.atrule,
|
||||
.token.attr-value,
|
||||
.token.keyword {
|
||||
color: #07a;
|
||||
}
|
||||
|
||||
.token.function {
|
||||
color: #DD4A68;
|
||||
}
|
||||
|
||||
.token.regex,
|
||||
.token.important,
|
||||
.token.variable {
|
||||
color: #e90;
|
||||
}
|
||||
|
||||
.token.important,
|
||||
.token.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
.token.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.token.entity {
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
pre.line-numbers {
|
||||
position: relative;
|
||||
padding-left: 3.8em;
|
||||
counter-reset: linenumber;
|
||||
}
|
||||
|
||||
pre.line-numbers > code {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.line-numbers .line-numbers-rows {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
top: 0;
|
||||
font-size: 100%;
|
||||
left: -3.8em;
|
||||
width: 3em; /* works for line-numbers below 1000 lines */
|
||||
letter-spacing: -1px;
|
||||
border-right: 1px solid #999;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
}
|
||||
|
||||
.line-numbers-rows > span {
|
||||
pointer-events: none;
|
||||
display: block;
|
||||
counter-increment: linenumber;
|
||||
}
|
||||
|
||||
.line-numbers-rows > span:before {
|
||||
content: counter(linenumber);
|
||||
color: #999;
|
||||
display: block;
|
||||
padding-right: 0.8em;
|
||||
text-align: right;
|
||||
}
|
||||
1
application/view/mockup/template/less/libs/prism.min.css
vendored
Normal file
1
application/view/mockup/template/less/libs/prism.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
code[class*=language-],pre[class*=language-]{color:#333;text-shadow:0 1px #fff;font-family:Consolas,Monaco,"Andale Mono",monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#a67f59;background:rgba(255,255,255,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre.line-numbers{padding-left:3.8em;counter-reset:linenumber}pre.line-numbers,pre.line-numbers>code{position:relative}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{pointer-events:none;display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}
|
||||
219
application/view/mockup/template/less/libs/sidr.css
Normal file
219
application/view/mockup/template/less/libs/sidr.css
Normal file
@@ -0,0 +1,219 @@
|
||||
.sidr {
|
||||
display: none;
|
||||
position: absolute;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
z-index: 999999;
|
||||
width: 260px;
|
||||
overflow-x: none;
|
||||
overflow-y: auto;
|
||||
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
|
||||
font-size: 15px;
|
||||
background: #f8f8f8;
|
||||
color: #333;
|
||||
-webkit-box-shadow: inset 0 0 5px 5px #ebebeb;
|
||||
-moz-box-shadow: inset 0 0 5px 5px #ebebeb;
|
||||
box-shadow: inset 0 0 5px 5px #ebebeb
|
||||
}
|
||||
|
||||
.sidr .sidr-inner {
|
||||
padding: 0 0 15px
|
||||
}
|
||||
|
||||
.sidr .sidr-inner>p {
|
||||
margin-left: 15px;
|
||||
margin-right: 15px
|
||||
}
|
||||
|
||||
.sidr.right {
|
||||
left: auto;
|
||||
right: -260px
|
||||
}
|
||||
|
||||
.sidr.left {
|
||||
left: -260px;
|
||||
right: auto
|
||||
}
|
||||
|
||||
.sidr h1,
|
||||
.sidr h2,
|
||||
.sidr h3,
|
||||
.sidr h4,
|
||||
.sidr h5,
|
||||
.sidr h6 {
|
||||
font-size: 11px;
|
||||
font-weight: normal;
|
||||
padding: 0 15px;
|
||||
margin: 0 0 5px;
|
||||
color: #333;
|
||||
line-height: 24px;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf));
|
||||
background-image: -webkit-linear-gradient(#ffffff, #dfdfdf);
|
||||
background-image: -moz-linear-gradient(#ffffff, #dfdfdf);
|
||||
background-image: -o-linear-gradient(#ffffff, #dfdfdf);
|
||||
background-image: linear-gradient(#ffffff, #dfdfdf);
|
||||
-webkit-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2)
|
||||
}
|
||||
|
||||
.sidr p {
|
||||
font-size: 13px;
|
||||
margin: 0 0 12px
|
||||
}
|
||||
|
||||
.sidr p a {
|
||||
color: rgba(51, 51, 51, 0.9)
|
||||
}
|
||||
|
||||
.sidr>p {
|
||||
margin-left: 15px;
|
||||
margin-right: 15px
|
||||
}
|
||||
|
||||
.sidr ul {
|
||||
display: block;
|
||||
margin: 0 0 15px;
|
||||
padding: 0;
|
||||
border-top: 1px solid #dfdfdf;
|
||||
border-bottom: 1px solid #fff
|
||||
}
|
||||
|
||||
.sidr ul li {
|
||||
display: block;
|
||||
margin: 0;
|
||||
line-height: 48px;
|
||||
border-top: 1px solid #fff;
|
||||
border-bottom: 1px solid #dfdfdf
|
||||
}
|
||||
|
||||
.sidr ul li:hover,
|
||||
.sidr ul li.active,
|
||||
.sidr ul li.sidr-class-active {
|
||||
border-top: 1px solid #fff;
|
||||
line-height: 48px
|
||||
}
|
||||
|
||||
.sidr ul li:hover>a,
|
||||
.sidr ul li:hover>span,
|
||||
.sidr ul li.active>a,
|
||||
.sidr ul li.active>span,
|
||||
.sidr ul li.sidr-class-active>a,
|
||||
.sidr ul li.sidr-class-active>span {
|
||||
-webkit-box-shadow: inset 0 0 15px 3px #ebebeb;
|
||||
-moz-box-shadow: inset 0 0 15px 3px #ebebeb;
|
||||
box-shadow: inset 0 0 15px 3px #ebebeb
|
||||
}
|
||||
|
||||
.sidr ul li a,
|
||||
.sidr ul li span {
|
||||
padding: 0 15px;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
color: #333
|
||||
}
|
||||
|
||||
.sidr ul li ul {
|
||||
border-bottom: none;
|
||||
margin: 0
|
||||
}
|
||||
|
||||
.sidr ul li ul li {
|
||||
line-height: 40px;
|
||||
font-size: 13px
|
||||
}
|
||||
|
||||
.sidr ul li ul li:last-child {
|
||||
border-bottom: none
|
||||
}
|
||||
|
||||
.sidr ul li ul li:hover,
|
||||
.sidr ul li ul li.active,
|
||||
.sidr ul li ul li.sidr-class-active {
|
||||
border-top: 1px solid #fff;
|
||||
line-height: 40px
|
||||
}
|
||||
|
||||
.sidr ul li ul li:hover>a,
|
||||
.sidr ul li ul li:hover>span,
|
||||
.sidr ul li ul li.active>a,
|
||||
.sidr ul li ul li.active>span,
|
||||
.sidr ul li ul li.sidr-class-active>a,
|
||||
.sidr ul li ul li.sidr-class-active>span {
|
||||
-webkit-box-shadow: inset 0 0 15px 3px #ebebeb;
|
||||
-moz-box-shadow: inset 0 0 15px 3px #ebebeb;
|
||||
box-shadow: inset 0 0 15px 3px #ebebeb
|
||||
}
|
||||
|
||||
.sidr ul li ul li a,
|
||||
.sidr ul li ul li span {
|
||||
color: rgba(51, 51, 51, 0.8);
|
||||
padding-left: 30px
|
||||
}
|
||||
|
||||
.sidr ul li ul li ul li a,
|
||||
.sidr ul li ul li ul li span {
|
||||
padding-left: 45px
|
||||
}
|
||||
|
||||
.sidr ul li ul li ul li ul li a,
|
||||
.sidr ul li ul li ul li ul li span {
|
||||
padding-left: 60px
|
||||
}
|
||||
|
||||
.sidr form {
|
||||
margin: 0 15px
|
||||
}
|
||||
|
||||
.sidr label {
|
||||
font-size: 13px
|
||||
}
|
||||
|
||||
.sidr input[type="text"],
|
||||
.sidr input[type="password"],
|
||||
.sidr input[type="date"],
|
||||
.sidr input[type="datetime"],
|
||||
.sidr input[type="email"],
|
||||
.sidr input[type="number"],
|
||||
.sidr input[type="search"],
|
||||
.sidr input[type="tel"],
|
||||
.sidr input[type="time"],
|
||||
.sidr input[type="url"],
|
||||
.sidr textarea,
|
||||
.sidr select {
|
||||
width: 100%;
|
||||
font-size: 13px;
|
||||
padding: 5px;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 0 0 10px;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
-ms-border-radius: 2px;
|
||||
-o-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
border: none;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
color: rgba(51, 51, 51, 0.6);
|
||||
display: block;
|
||||
clear: both
|
||||
}
|
||||
|
||||
.sidr input[type=checkbox] {
|
||||
width: auto;
|
||||
display: inline;
|
||||
clear: none
|
||||
}
|
||||
|
||||
.sidr input[type=button],
|
||||
.sidr input[type=submit] {
|
||||
color: #f8f8f8;
|
||||
background: #333
|
||||
}
|
||||
|
||||
.sidr input[type=button]:hover,
|
||||
.sidr input[type=submit]:hover {
|
||||
background: rgba(51, 51, 51, 0.9)
|
||||
}
|
||||
1
application/view/mockup/template/less/libs/sidr.min.css
vendored
Normal file
1
application/view/mockup/template/less/libs/sidr.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.sidr{display:none;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:15px;background:#f8f8f8;color:#333;-webkit-box-shadow:inset 0 0 5px 5px #ebebeb;-moz-box-shadow:inset 0 0 5px 5px #ebebeb;box-shadow:inset 0 0 5px 5px #ebebeb}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:11px;font-weight:400;padding:0 15px;margin:0 0 5px;color:#333;line-height:24px;background-image:-webkit-gradient(linear,50%0,50% 100%,color-stop(0%,#fff),color-stop(100%,#dfdfdf));background-image:-webkit-linear-gradient(#fff,#dfdfdf);background-image:-moz-linear-gradient(#fff,#dfdfdf);background-image:-o-linear-gradient(#fff,#dfdfdf);background-image:linear-gradient(#fff,#dfdfdf);-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,.2);-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,.2);box-shadow:0 5px 5px 3px rgba(0,0,0,.2)}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(51,51,51,.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #dfdfdf;border-bottom:1px solid #fff}.sidr ul li{display:block;margin:0;border-bottom:1px solid #dfdfdf}.sidr ul li,.sidr ul li.active,.sidr ul li.sidr-class-active,.sidr ul li:hover{border-top:1px solid #fff;line-height:48px}.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span,.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span,.sidr ul li:hover>a,.sidr ul li:hover>span{-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#333}.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:none}.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active,.sidr ul li ul li:hover{border-top:1px solid #fff;line-height:40px}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(51,51,51,.8);padding-left:30px}.sidr ul li ul li ul li a,.sidr ul li ul li ul li span{padding-left:45px}.sidr ul li ul li ul li ul li a,.sidr ul li ul li ul li ul li span{padding-left:60px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type=date],.sidr input[type=datetime],.sidr input[type=email],.sidr input[type=number],.sidr input[type=password],.sidr input[type=search],.sidr input[type=tel],.sidr input[type=text],.sidr input[type=time],.sidr input[type=url],.sidr select,.sidr textarea{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:0;background:rgba(0,0,0,.1);color:rgba(51,51,51,.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#f8f8f8;background:#333}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(51,51,51,.9)}
|
||||
103
application/view/mockup/template/less/libs/slicknav.css
Normal file
103
application/view/mockup/template/less/libs/slicknav.css
Normal file
@@ -0,0 +1,103 @@
|
||||
/*
|
||||
Mobile Menu Core Style
|
||||
*/
|
||||
|
||||
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
|
||||
.slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
|
||||
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
|
||||
.slicknav_menu .slicknav_no-text { margin: 0 }
|
||||
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
|
||||
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
|
||||
.slicknav_nav { clear: both }
|
||||
.slicknav_nav ul,
|
||||
.slicknav_nav li { display: block }
|
||||
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
|
||||
.slicknav_nav .slicknav_item { cursor: pointer; }
|
||||
.slicknav_nav .slicknav_row { display: block; }
|
||||
.slicknav_nav a { display: block }
|
||||
.slicknav_nav .slicknav_item a,
|
||||
.slicknav_nav .slicknav_parent-link a { display: inline }
|
||||
.slicknav_menu:before,
|
||||
.slicknav_menu:after { content: " "; display: table; }
|
||||
.slicknav_menu:after { clear: both }
|
||||
/* IE6/7 support */
|
||||
.slicknav_menu { *zoom: 1 }
|
||||
|
||||
/*
|
||||
User Default Style
|
||||
Change the following styles to modify the appearance of the menu.
|
||||
*/
|
||||
|
||||
.slicknav_menu {
|
||||
font-size:16px;
|
||||
}
|
||||
/* Button */
|
||||
.slicknav_btn {
|
||||
margin: 5px 5px 6px;
|
||||
text-decoration:none;
|
||||
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
background-color: #222222;
|
||||
}
|
||||
/* Button Text */
|
||||
.slicknav_menu .slicknav_menutxt {
|
||||
color: #FFF;
|
||||
font-weight: bold;
|
||||
text-shadow: 0 1px 3px #000;
|
||||
}
|
||||
/* Button Lines */
|
||||
.slicknav_menu .slicknav_icon-bar {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.slicknav_menu {
|
||||
background:#4c4c4c;
|
||||
padding:5px;
|
||||
}
|
||||
.slicknav_nav {
|
||||
color:#fff;
|
||||
margin:0;
|
||||
padding:0;
|
||||
font-size:0.875em;
|
||||
}
|
||||
.slicknav_nav, .slicknav_nav ul {
|
||||
list-style: none;
|
||||
overflow:hidden;
|
||||
}
|
||||
.slicknav_nav ul {
|
||||
padding:0;
|
||||
margin:0 0 0 20px;
|
||||
}
|
||||
.slicknav_nav .slicknav_row {
|
||||
padding:5px 10px;
|
||||
margin:2px 5px;
|
||||
}
|
||||
.slicknav_nav a{
|
||||
padding:5px 10px;
|
||||
margin:2px 5px;
|
||||
text-decoration:none;
|
||||
color:#fff;
|
||||
}
|
||||
.slicknav_nav .slicknav_item a,
|
||||
.slicknav_nav .slicknav_parent-link a {
|
||||
padding:0;
|
||||
margin:0;
|
||||
}
|
||||
.slicknav_nav .slicknav_row:hover {
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
background:#ccc;
|
||||
color:#fff;
|
||||
}
|
||||
.slicknav_nav a:hover{
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
background:#ccc;
|
||||
color:#222;
|
||||
}
|
||||
.slicknav_nav .slicknav_txtnode {
|
||||
margin-left:15px;
|
||||
}
|
||||
1
application/view/mockup/template/less/libs/slicknav.min.css
vendored
Normal file
1
application/view/mockup/template/less/libs/slicknav.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em;line-height:1.125em;cursor:pointer}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left}.slicknav_menu .slicknav_icon{float:left;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_nav{clear:both}.slicknav_nav li,.slicknav_nav ul{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_nav .slicknav_row,.slicknav_nav a{display:block}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{display:inline;padding:0;margin:0}.slicknav_menu:after,.slicknav_menu:before{content:" ";display:table}.slicknav_menu:after{clear:both}.slicknav_menu{*zoom:1;font-size:16px}.slicknav_btn{margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#222}.slicknav_menu .slicknav_menutxt{color:#fff;font-weight:700;text-shadow:0 1px 3px #000}.slicknav_menu .slicknav_icon-bar{background-color:#f5f5f5}.slicknav_menu{background:#4c4c4c;padding:5px}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden;padding:0}.slicknav_nav{color:#fff;margin:0;font-size:.875em}.slicknav_nav ul{margin:0 0 0 20px}.slicknav_nav .slicknav_row,.slicknav_nav a{padding:5px 10px;margin:2px 5px}.slicknav_nav a{text-decoration:none;color:#fff}.slicknav_nav .slicknav_row:hover,.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#fff}.slicknav_nav a:hover{color:#222}.slicknav_nav .slicknav_txtnode{margin-left:15px}
|
||||
File diff suppressed because one or more lines are too long
2
application/view/mockup/template/less/libs/social-likes_birman.min.css
vendored
Normal file
2
application/view/mockup/template/less/libs/social-likes_birman.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
205
application/view/mockup/template/less/libs/twentytwenty.css
Normal file
205
application/view/mockup/template/less/libs/twentytwenty.css
Normal file
@@ -0,0 +1,205 @@
|
||||
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
|
||||
content: " ";
|
||||
display: block;
|
||||
background: white;
|
||||
position: absolute;
|
||||
z-index: 30;
|
||||
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }
|
||||
|
||||
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
|
||||
width: 3px;
|
||||
height: 9999px;
|
||||
left: 50%;
|
||||
margin-left: -1.5px; }
|
||||
|
||||
.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
|
||||
width: 9999px;
|
||||
height: 3px;
|
||||
top: 50%;
|
||||
margin-top: -1.5px; }
|
||||
|
||||
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
|
||||
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
|
||||
-webkit-transition-duration: 0.5s;
|
||||
-moz-transition-duration: 0.5s;
|
||||
transition-duration: 0.5s; }
|
||||
|
||||
.twentytwenty-before-label, .twentytwenty-after-label {
|
||||
-webkit-transition-property: opacity;
|
||||
-moz-transition-property: opacity;
|
||||
transition-property: opacity; }
|
||||
|
||||
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
|
||||
color: white;
|
||||
font-size: 13px;
|
||||
letter-spacing: 0.1em; }
|
||||
|
||||
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
|
||||
position: absolute;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
line-height: 38px;
|
||||
padding: 0 20px;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px; }
|
||||
|
||||
.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
|
||||
top: 50%;
|
||||
margin-top: -19px; }
|
||||
|
||||
.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
|
||||
left: 50%;
|
||||
margin-left: -45px;
|
||||
text-align: center;
|
||||
width: 90px; }
|
||||
|
||||
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border: 6px inset transparent;
|
||||
position: absolute; }
|
||||
|
||||
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
|
||||
top: 50%;
|
||||
margin-top: -6px; }
|
||||
|
||||
.twentytwenty-up-arrow, .twentytwenty-down-arrow {
|
||||
left: 50%;
|
||||
margin-left: -6px; }
|
||||
|
||||
.twentytwenty-container {
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
z-index: 0;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none; }
|
||||
.twentytwenty-container img {
|
||||
max-width: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
display: block; }
|
||||
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
|
||||
background: rgba(0, 0, 0, 0); }
|
||||
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
|
||||
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
|
||||
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
|
||||
opacity: 0; }
|
||||
.twentytwenty-container * {
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box; }
|
||||
|
||||
.twentytwenty-before-label {
|
||||
opacity: 0; }
|
||||
.twentytwenty-before-label:before {
|
||||
content: "Before"; }
|
||||
|
||||
.twentytwenty-after-label {
|
||||
opacity: 0; }
|
||||
.twentytwenty-after-label:before {
|
||||
content: "After"; }
|
||||
|
||||
.twentytwenty-horizontal .twentytwenty-before-label:before {
|
||||
left: 10px; }
|
||||
|
||||
.twentytwenty-horizontal .twentytwenty-after-label:before {
|
||||
right: 10px; }
|
||||
|
||||
.twentytwenty-vertical .twentytwenty-before-label:before {
|
||||
top: 10px; }
|
||||
|
||||
.twentytwenty-vertical .twentytwenty-after-label:before {
|
||||
bottom: 10px; }
|
||||
|
||||
.twentytwenty-overlay {
|
||||
-webkit-transition-property: background;
|
||||
-moz-transition-property: background;
|
||||
transition-property: background;
|
||||
background: rgba(0, 0, 0, 0);
|
||||
z-index: 25; }
|
||||
.twentytwenty-overlay:hover {
|
||||
background: rgba(0, 0, 0, 0.5); }
|
||||
.twentytwenty-overlay:hover .twentytwenty-after-label {
|
||||
opacity: 1; }
|
||||
.twentytwenty-overlay:hover .twentytwenty-before-label {
|
||||
opacity: 1; }
|
||||
|
||||
.twentytwenty-before {
|
||||
z-index: 20; }
|
||||
|
||||
.twentytwenty-after {
|
||||
z-index: 10; }
|
||||
|
||||
.twentytwenty-handle {
|
||||
height: 38px;
|
||||
width: 38px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -22px;
|
||||
margin-top: -22px;
|
||||
border: 3px solid white;
|
||||
-webkit-border-radius: 1000px;
|
||||
-moz-border-radius: 1000px;
|
||||
border-radius: 1000px;
|
||||
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
z-index: 40;
|
||||
cursor: pointer; }
|
||||
|
||||
.twentytwenty-horizontal .twentytwenty-handle:before {
|
||||
bottom: 50%;
|
||||
margin-bottom: 22px;
|
||||
-webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
-moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
|
||||
.twentytwenty-horizontal .twentytwenty-handle:after {
|
||||
top: 50%;
|
||||
margin-top: 22px;
|
||||
-webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
-moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
|
||||
|
||||
.twentytwenty-vertical .twentytwenty-handle:before {
|
||||
left: 50%;
|
||||
margin-left: 22px;
|
||||
-webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
-moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
|
||||
.twentytwenty-vertical .twentytwenty-handle:after {
|
||||
right: 50%;
|
||||
margin-right: 22px;
|
||||
-webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
-moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
|
||||
box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
|
||||
|
||||
.twentytwenty-left-arrow {
|
||||
border-right: 6px solid white;
|
||||
left: 50%;
|
||||
margin-left: -17px; }
|
||||
|
||||
.twentytwenty-right-arrow {
|
||||
border-left: 6px solid white;
|
||||
right: 50%;
|
||||
margin-right: -17px; }
|
||||
|
||||
.twentytwenty-up-arrow {
|
||||
border-bottom: 6px solid white;
|
||||
top: 50%;
|
||||
margin-top: -17px; }
|
||||
|
||||
.twentytwenty-down-arrow {
|
||||
border-top: 6px solid white;
|
||||
bottom: 50%;
|
||||
margin-bottom: -17px; }
|
||||
1
application/view/mockup/template/less/libs/twentytwenty.min.css
vendored
Normal file
1
application/view/mockup/template/less/libs/twentytwenty.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -0,0 +1,89 @@
|
||||
.video-js, .vjs-control-bar{
|
||||
-moz-border-top-left-radius: 5px;
|
||||
border-top-left-radius: 5px;
|
||||
-moz-border-top-right-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
-moz-border-bottom-left-radius: 0px;
|
||||
border-bottom-left-radius: 0px;
|
||||
-moz-border-bottom-right-radius: 0px;
|
||||
border-bottom-right-radius: 0px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* end video.css********************************************************/
|
||||
.vjs-playlist {
|
||||
width: 100%;
|
||||
|
||||
background-color:
|
||||
#2D2D2D;
|
||||
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
border-bottom-left-radius:5px;
|
||||
border-bottom-right-radius:5px;
|
||||
-webkit-border-bottom-left-radius:5px;
|
||||
-webkit-border-bottom-right-radius:5px;
|
||||
-moz-border-bottom-left-radius:5px;
|
||||
-moz-border-bottom-right-radius:5px;
|
||||
width:25%;
|
||||
}
|
||||
|
||||
|
||||
.vjs-track {
|
||||
color:#F7F9FC;
|
||||
|
||||
}
|
||||
.vjs-track:hover {
|
||||
color: #315B7E;
|
||||
}
|
||||
|
||||
|
||||
.vjs-playlist ul{
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.vjs-playlist ul li {
|
||||
|
||||
|
||||
background-color:
|
||||
#2D2D2D;
|
||||
-moz-transition-property: background-color;
|
||||
-webkit-transition-property: background-color;
|
||||
-o-transition-property: background-color;
|
||||
transition-property: background-color;
|
||||
-moz-transition-duration: .4s;
|
||||
-webkit-transition-duration: .4s;
|
||||
-o-transition-duration: .4s;
|
||||
transition-duration: .4s;
|
||||
font-size:16px;
|
||||
/*margin:10px;*/
|
||||
}
|
||||
|
||||
.vjs-playlist ul li a{
|
||||
padding:15px;
|
||||
display:block;
|
||||
width:100%;
|
||||
|
||||
}
|
||||
.currentTrack{
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.currentTrack{
|
||||
background-color:#373737;
|
||||
|
||||
}
|
||||
|
||||
.vjs-playlist ul li:hover {
|
||||
background-color:
|
||||
#373737;
|
||||
-moz-transition-property: background-color;
|
||||
-webkit-transition-property: background-color;
|
||||
-o-transition-property: background-color;
|
||||
transition-property: background-color;
|
||||
-moz-transition-duration: .1s;
|
||||
-webkit-transition-duration: .1s;
|
||||
-o-transition-duration: .1s;
|
||||
transition-duration: .1s;
|
||||
}
|
||||
|
||||
1
application/view/mockup/template/less/libs/videojs-playlist.min.css
vendored
Normal file
1
application/view/mockup/template/less/libs/videojs-playlist.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.video-js,.vjs-control-bar{-moz-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-top-right-radius:5px;border-top-right-radius:5px;-moz-border-bottom-left-radius:0;border-bottom-left-radius:0;-moz-border-bottom-right-radius:0;border-bottom-right-radius:0}.vjs-playlist{background-color:#2d2d2d;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-bottom-left-radius:5px;-moz-border-bottom-right-radius:5px;width:25%}.vjs-track{color:#f7f9fc}.vjs-track:hover{color:#315b7e}.vjs-playlist ul{padding:0;list-style:none}.vjs-playlist ul li,.vjs-playlist ul li:hover{-moz-transition-property:background-color;-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}.vjs-playlist ul li{background-color:#2d2d2d;-moz-transition-duration:.4s;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;font-size:16px}.vjs-playlist ul li a{padding:15px;display:block;width:100%}.currentTrack{color:gray;background-color:#373737}.vjs-playlist ul li:hover{background-color:#373737;-moz-transition-duration:.1s;-webkit-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s}
|
||||
1185
application/view/mockup/template/less/libs/videojs.css
Normal file
1185
application/view/mockup/template/less/libs/videojs.css
Normal file
File diff suppressed because one or more lines are too long
1
application/view/mockup/template/less/libs/videojs.min.css
vendored
Normal file
1
application/view/mockup/template/less/libs/videojs.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
238
application/view/mockup/template/less/libs/ytv.css
Normal file
238
application/view/mockup/template/less/libs/ytv.css
Normal file
@@ -0,0 +1,238 @@
|
||||
/*
|
||||
* YouTube TV
|
||||
*/
|
||||
|
||||
/*
|
||||
* Base Canvas
|
||||
*/
|
||||
.ytv-canvas{
|
||||
display: block;
|
||||
background: #282828;
|
||||
overflow: hidden;
|
||||
font-family: arial, sans-serif;
|
||||
}
|
||||
.ytv-canvas ::-webkit-scrollbar{
|
||||
border-left: 1px solid #000;
|
||||
width: 10px;
|
||||
}
|
||||
.ytv-canvas ::-webkit-scrollbar-thumb{
|
||||
background: rgba(255,255,255,0.1);
|
||||
}
|
||||
|
||||
/*
|
||||
* Video
|
||||
*/
|
||||
.ytv-video{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 300px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
}
|
||||
.ytv-video iframe{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: none;
|
||||
outline: none;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
* List
|
||||
*/
|
||||
.ytv-list{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 100%;
|
||||
width: 300px;
|
||||
}
|
||||
.ytv-list-inner{
|
||||
overflow: auto;
|
||||
position: absolute;
|
||||
top: 52px;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.ytv-list ul{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
.ytv-list .ytv-active a{
|
||||
border-left: 2px solid #fff;
|
||||
background: rgba(255,255,255,0.05);;
|
||||
}
|
||||
.ytv-list a{
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
font-size: 11px;
|
||||
color: #FEFEFE;
|
||||
padding: 10px;
|
||||
padding-left: 8px;
|
||||
border-top: 1px solid rgba(255,255,255,0.1);
|
||||
border-bottom: 1px solid rgba(0,0,0,0.5);
|
||||
border-left: 2px solid transparent;
|
||||
}
|
||||
.ytv-list a b{
|
||||
max-height: 45px;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.ytv-list li:first-child a{ border-top: none; }
|
||||
.ytv-list li:last-child a{ border-bottom: none; }
|
||||
.ytv-list a:hover,
|
||||
.ytv-list-header .ytv-playlists a:hover{ background: rgba(255,255,255,0.05); }
|
||||
.ytv-list a:active,
|
||||
.ytv-list-header .ytv-playlists a:active{ background: rgba(0,0,0,0.05); }
|
||||
|
||||
.ytv-list .ytv-content{ padding-left: 125px; }
|
||||
.ytv-list .ytv-thumb-stroke{
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
left: 1px;
|
||||
bottom: 1px;
|
||||
right: 1px;
|
||||
z-index: 2;
|
||||
outline: 1px solid rgba(255,255,255,0.1);
|
||||
}
|
||||
.ytv-list .ytv-thumb{
|
||||
float: left;
|
||||
position: relative;
|
||||
outline: 1px solid rgba(0,0,0,0.5);
|
||||
}
|
||||
.ytv-list .ytv-thumb img{
|
||||
width: 120px;
|
||||
display: block;
|
||||
}
|
||||
.ytv-list .ytv-thumb span{
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
right: 5px;
|
||||
color: #eee;
|
||||
background: rgba(0,0,0,0.7);
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
padding: 0px 4px;
|
||||
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.ytv-views{
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
font-size: 10px;
|
||||
font-weight: normal;
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
|
||||
.ytv-list-header{
|
||||
height: 52px;
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.ytv-list-header a{
|
||||
background: rgba(255,255,255,0.05);
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
}
|
||||
.ytv-list-header img,
|
||||
.ytv-list .ytv-playlists .ytv-thumb img{
|
||||
width: 30px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.ytv-list-header span{
|
||||
padding-left: 10px;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/*
|
||||
* Playlists
|
||||
*/
|
||||
.ytv-playlists{
|
||||
z-index: 9;
|
||||
position: absolute;
|
||||
background: #282828;
|
||||
top:52px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
overflow: auto;
|
||||
display: none;
|
||||
}
|
||||
.ytv-playlists img,
|
||||
.ytv-list-header img{
|
||||
float: left;
|
||||
}
|
||||
.ytv-playlists a span,
|
||||
.ytv-list-header a span{
|
||||
white-space: nowrap;
|
||||
padding-left: 10px;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.ytv-list-header > a span{
|
||||
line-height: 30px;
|
||||
}
|
||||
.ytv-list-header .ytv-playlists a{
|
||||
background: none;
|
||||
}
|
||||
.ytv-playlist-open .ytv-playlists{
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
* Modifiers
|
||||
*/
|
||||
.ytv-relative{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.ytv-full{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
.ytv-arrow {
|
||||
height: 10px;
|
||||
width: 0;
|
||||
position: relative;
|
||||
top: 10px;
|
||||
right: 5px;
|
||||
border: 10px solid transparent;
|
||||
float: right;
|
||||
border-top-color: rgba(0,0,0,0.4);
|
||||
display: none;
|
||||
}
|
||||
.ytv-has-playlists .ytv-arrow{
|
||||
display: inline-block;
|
||||
}
|
||||
.ytv-playlist-open .ytv-arrow{
|
||||
border-color: transparent;
|
||||
border-bottom-color: rgba(0,0,0,0.4);
|
||||
top: -10px;
|
||||
}
|
||||
|
||||
.ytv-list-header a:after,
|
||||
.ytv-clear:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0;
|
||||
}
|
||||
1
application/view/mockup/template/less/libs/ytv.min.css
vendored
Normal file
1
application/view/mockup/template/less/libs/ytv.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.ytv-canvas{display:block;background:#282828;overflow:hidden;font-family:arial,sans-serif}.ytv-canvas ::-webkit-scrollbar{border-left:1px solid #000;width:10px}.ytv-canvas ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1)}.ytv-video{position:absolute;top:0;right:300px;bottom:0;left:0;height:100%}.ytv-video iframe{width:100%;height:100%;border:0;outline:0;display:block}.ytv-list,.ytv-list-inner{position:absolute;right:0;bottom:0}.ytv-list{top:0;height:100%;width:300px}.ytv-list-inner{overflow:auto;top:52px;left:0;-webkit-overflow-scrolling:touch}.ytv-list ul{margin:0;padding:0;list-style-type:none}.ytv-list .ytv-active a{border-left:2px solid #fff;background:rgba(255,255,255,.05)}.ytv-list a{display:block;text-decoration:none;font-size:11px;color:#fefefe;padding:10px 10px 10px 8px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(0,0,0,.5);border-left:2px solid transparent}.ytv-list a b{max-height:45px;overflow:hidden;display:block;text-overflow:ellipsis}.ytv-list li:first-child a{border-top:none}.ytv-list li:last-child a{border-bottom:none}.ytv-list a:hover,.ytv-list-header .ytv-playlists a:hover,.ytv-list-header a{background:rgba(255,255,255,.05)}.ytv-list a:active,.ytv-list-header .ytv-playlists a:active{background:rgba(0,0,0,.05)}.ytv-list .ytv-content{padding-left:125px}.ytv-list .ytv-thumb-stroke{position:absolute;top:1px;left:1px;bottom:1px;right:1px;z-index:2;outline:1px solid rgba(255,255,255,.1)}.ytv-list .ytv-thumb{float:left;position:relative;outline:1px solid rgba(0,0,0,.5)}.ytv-list .ytv-thumb img{width:120px;display:block}.ytv-list .ytv-thumb span{position:absolute;bottom:5px;right:5px;color:#eee;background:rgba(0,0,0,.7);font-size:11px;font-weight:700;padding:0 4px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.ytv-views{display:block;margin-top:5px;font-size:10px;font-weight:400;opacity:.3}.ytv-list-header{height:52px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2)}.ytv-list-header a{position:relative;z-index:10}.ytv-list .ytv-playlists .ytv-thumb img,.ytv-list-header img{width:30px;vertical-align:middle}.ytv-list-header span{padding-left:10px;font-size:12px;font-weight:700}.ytv-playlists{z-index:9;position:absolute;background:#282828;top:52px;left:0;right:0;bottom:0;overflow:auto;display:none}.ytv-list-header img,.ytv-playlists img{float:left}.ytv-list-header a span,.ytv-playlists a span{white-space:nowrap;padding-left:10px;display:block;overflow:hidden;text-overflow:ellipsis}.ytv-list-header>a span{line-height:30px}.ytv-list-header .ytv-playlists a{background:0 0}.ytv-playlist-open .ytv-playlists{display:block}.ytv-relative{position:relative;width:100%;height:100%}.ytv-full{position:fixed;top:0;left:0;width:100%!important;height:100%!important;margin:0!important}.ytv-arrow{height:10px;width:0;position:relative;top:10px;right:5px;border:10px solid transparent;float:right;border-top-color:rgba(0,0,0,.4);display:none}.ytv-has-playlists .ytv-arrow{display:inline-block}.ytv-playlist-open .ytv-arrow{border-color:transparent;border-bottom-color:rgba(0,0,0,.4);top:-10px}.ytv-clear:after,.ytv-list-header a:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
|
||||
Reference in New Issue
Block a user