add custom scroll
This commit is contained in:
@@ -9,7 +9,7 @@ RewriteEngine On
|
||||
# along the lines of: RewriteBase /<your_sub_folder>
|
||||
##
|
||||
|
||||
# RewriteBase /
|
||||
RewriteBase /
|
||||
|
||||
## End - RewriteBase
|
||||
|
||||
|
||||
+33
-2
@@ -1,10 +1,14 @@
|
||||
<?php
|
||||
return [
|
||||
'@class' => 'Grav\\Common\\Config\\CompiledConfig',
|
||||
'timestamp' => 1532585293,
|
||||
'checksum' => '7372fcdff4ed9c3dc4cb9ec498b0ee77',
|
||||
'timestamp' => 1532683846,
|
||||
'checksum' => 'd45d73a9e2d7e71538369389d80ce28d',
|
||||
'files' => [
|
||||
'user/config' => [
|
||||
'groups' => [
|
||||
'file' => 'user/config/groups.yaml',
|
||||
'modified' => 1532683772
|
||||
],
|
||||
'media' => [
|
||||
'file' => 'user/config/media.yaml',
|
||||
'modified' => 1530713574
|
||||
@@ -753,6 +757,33 @@ return [
|
||||
'official_gpm_only' => true
|
||||
]
|
||||
],
|
||||
'groups' => [
|
||||
'moderateur' => [
|
||||
'groupname' => 'moderateur',
|
||||
'readableName' => 'Moderateur',
|
||||
'description' => 'The group of moderateur',
|
||||
'icon' => 'child',
|
||||
'access' => [
|
||||
'admin' => [
|
||||
'super' => 'true',
|
||||
'login' => 'true',
|
||||
'configuration' => 'true',
|
||||
'configuration_system' => 'true',
|
||||
'configuration_site' => 'true',
|
||||
'configuration_media' => 'true',
|
||||
'configuration_info' => 'true',
|
||||
'settings' => 'true',
|
||||
'maintenance' => 'true',
|
||||
'plugins' => 'true',
|
||||
'themes' => 'true',
|
||||
'users' => 'true'
|
||||
],
|
||||
'site' => [
|
||||
'login' => 'true'
|
||||
]
|
||||
]
|
||||
]
|
||||
],
|
||||
'security' => [
|
||||
'salt' => 'WG2z5jC8UcxJtd'
|
||||
]
|
||||
|
||||
@@ -0,0 +1,22 @@
|
||||
<?php
|
||||
return [
|
||||
'@class' => 'Grav\\Common\\File\\CompiledYamlFile',
|
||||
'filename' => '/var/www/html/user/accounts/marie.yaml',
|
||||
'modified' => 1532690380,
|
||||
'data' => [
|
||||
'email' => 'hauchecorne.marie@gmail.com',
|
||||
'fullname' => 'Marie Hauchecorne',
|
||||
'title' => 'moderator',
|
||||
'state' => 'enabled',
|
||||
'access' => [
|
||||
'admin' => [
|
||||
'login' => true,
|
||||
'super' => true
|
||||
],
|
||||
'site' => [
|
||||
'login' => true
|
||||
]
|
||||
],
|
||||
'hashed_password' => '$2y$10$Y3Nmqv.R9JKjvYicyX.pjep.UYP6p4Y05tp1lGJyYpwxIRmr9BIT6'
|
||||
]
|
||||
];
|
||||
@@ -2,7 +2,7 @@
|
||||
return [
|
||||
'@class' => 'Grav\\Common\\File\\CompiledYamlFile',
|
||||
'filename' => '/var/www/html/user/accounts/admin.yaml',
|
||||
'modified' => 1530713574,
|
||||
'modified' => 1532683910,
|
||||
'data' => [
|
||||
'email' => 'kevin@figureslibres.io',
|
||||
'fullname' => 'Kévin Tessier',
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
return [
|
||||
'@class' => 'Grav\\Common\\File\\CompiledYamlFile',
|
||||
'filename' => '/var/www/html/user/plugins/admin/blueprints/config/media.yaml',
|
||||
'modified' => 1529597236,
|
||||
'modified' => 1532585276,
|
||||
'data' => [
|
||||
'title' => 'PLUGIN_ADMIN.MEDIA',
|
||||
'form' => [
|
||||
|
||||
@@ -0,0 +1,33 @@
|
||||
<?php
|
||||
return [
|
||||
'@class' => 'Grav\\Common\\File\\CompiledYamlFile',
|
||||
'filename' => '/var/www/html/user/config/groups.yaml',
|
||||
'modified' => 1532683772,
|
||||
'data' => [
|
||||
'moderateur' => [
|
||||
'groupname' => 'moderateur',
|
||||
'readableName' => 'Moderateur',
|
||||
'description' => 'The group of moderateur',
|
||||
'icon' => 'child',
|
||||
'access' => [
|
||||
'admin' => [
|
||||
'super' => 'true',
|
||||
'login' => 'true',
|
||||
'configuration' => 'true',
|
||||
'configuration_system' => 'true',
|
||||
'configuration_site' => 'true',
|
||||
'configuration_media' => 'true',
|
||||
'configuration_info' => 'true',
|
||||
'settings' => 'true',
|
||||
'maintenance' => 'true',
|
||||
'plugins' => 'true',
|
||||
'themes' => 'true',
|
||||
'users' => 'true'
|
||||
],
|
||||
'site' => [
|
||||
'login' => 'true'
|
||||
]
|
||||
]
|
||||
]
|
||||
]
|
||||
];
|
||||
+2
-2
File diff suppressed because one or more lines are too long
+1
-1
File diff suppressed because one or more lines are too long
+2
-2
File diff suppressed because one or more lines are too long
+2
@@ -0,0 +1,2 @@
|
||||
1532684153
|
||||
a:2:{i:0;i:1532684021;i:1;i:1532684033;}
|
||||
+2
@@ -0,0 +1,2 @@
|
||||
1532684224
|
||||
a:1:{i:0;i:1532684104;}
|
||||
+2
@@ -0,0 +1,2 @@
|
||||
1532684116
|
||||
a:1:{i:0;i:1532683996;}
|
||||
@@ -1 +1 @@
|
||||
{"02-07-2018":140,"03-07-2018":176,"04-07-2018":10,"11-07-2018":166,"13-07-2018":188,"14-07-2018":111,"17-07-2018":197,"25-07-2018":26,"26-07-2018":290,"27-07-2018":62}
|
||||
{"02-07-2018":140,"03-07-2018":176,"04-07-2018":10,"11-07-2018":166,"13-07-2018":188,"14-07-2018":111,"17-07-2018":197,"25-07-2018":26,"26-07-2018":290,"27-07-2018":161}
|
||||
@@ -1 +1 @@
|
||||
{"07-2018":1366}
|
||||
{"07-2018":1465}
|
||||
@@ -1 +1 @@
|
||||
{"\/":1366}
|
||||
{"\/":1465}
|
||||
@@ -1 +1 @@
|
||||
{"79c47964f1cd8a7f86f7fb4e1c1ac6bdb2551b4b":1532679028,"4b84b15bff6ee5796152495a230e45e3d7e947d9":1530699635}
|
||||
{"79c47964f1cd8a7f86f7fb4e1c1ac6bdb2551b4b":1532697738,"4b84b15bff6ee5796152495a230e45e3d7e947d9":1530699635}
|
||||
@@ -0,0 +1,11 @@
|
||||
email: hauchecorne.marie@gmail.com
|
||||
fullname: 'Marie Hauchecorne'
|
||||
title: moderator
|
||||
state: enabled
|
||||
access:
|
||||
admin:
|
||||
login: true
|
||||
super: true
|
||||
site:
|
||||
login: true
|
||||
hashed_password: $2y$10$Y3Nmqv.R9JKjvYicyX.pjep.UYP6p4Y05tp1lGJyYpwxIRmr9BIT6
|
||||
@@ -0,0 +1,21 @@
|
||||
moderateur:
|
||||
groupname: moderateur
|
||||
readableName: Moderateur
|
||||
description: 'The group of moderateur'
|
||||
icon: child
|
||||
access:
|
||||
admin:
|
||||
super: 'true'
|
||||
login: 'true'
|
||||
configuration: 'true'
|
||||
configuration_system: 'true'
|
||||
configuration_site: 'true'
|
||||
configuration_media: 'true'
|
||||
configuration_info: 'true'
|
||||
settings: 'true'
|
||||
maintenance: 'true'
|
||||
plugins: 'true'
|
||||
themes: 'true'
|
||||
users: 'true'
|
||||
site:
|
||||
login: 'true'
|
||||
File diff suppressed because one or more lines are too long
+1
-1
@@ -1 +1 @@
|
||||
*{box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{font:inherit;font-size:16px;margin:0;padding:0;vertical-align:baseline;border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body,html{height:100%}body{line-height:1}ol,ul{list-style:none}a{text-decoration:none;color:#000}blockquote,q{quotes:none}img{width:100%;height:100%;vertical-align:bottom}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-spacing:0;border-collapse:collapse}p{font-style:normal}em{font-style:italic}strong{font-weight:bolder}body{overflow:hidden}#page{height:100%}#page .navbar{width:100%;height:50px}#page .handler{position:absolute;z-index:999;top:50%;width:50px;height:50px;cursor:-webkit-grab;cursor:grab;border-radius:25px}#page .hand1{left:calc((100%/3) - 25px);opacity:.5;background:green}#page .hand2{right:calc((100%/3) - 25px);opacity:.5;background:red}#page .mouseDown{cursor:-webkit-grabbing;cursor:grabbing}#page #start{width:100%;height:calc(100% - 50px)}#page #start .bottom,#page #start .top{display:-ms-inline-flexbox;display:inline-flex;width:100%;-ms-flex-pack:justify;justify-content:space-between}#page #start .top{position:relative;height:calc(100% / 2)}#page #start .bottom{position:absolute;top:calc(100% / 2 + 25px);bottom:0;height:auto}#page #start .blocs{overflow-y:auto;width:calc(100% / 3);margin:5px;padding:20px}#page #start .blocs:nth-child(1){background:red}#page #start .blocs:nth-child(2){left:calc(100% / 3);background:pink}#page #start .blocs:nth-child(3){background:green}
|
||||
*{box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{font:inherit;font-size:16px;margin:0;padding:0;vertical-align:baseline;border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body,html{height:100%}body{line-height:1}ol,ul{list-style:none}a{text-decoration:none;color:#000}blockquote,q{quotes:none}img{width:100%;height:100%;vertical-align:bottom}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-spacing:0;border-collapse:collapse}p{font-style:normal}em{font-style:italic}strong{font-weight:bolder}body{overflow:hidden}#page{height:100%}#page .navbar{width:100%;height:50px}#page .handler{position:absolute;z-index:999;top:50%;width:50px;height:50px;cursor:-webkit-grab;cursor:grab;border-radius:25px}#page .hand1{left:calc((100%/3) - 25px);opacity:.5;background:green}#page .hand2{right:calc((100%/3) - 25px);opacity:.5;background:red}#page .mouseDown{cursor:-webkit-grabbing;cursor:grabbing}#page #start{width:100%;height:calc(100% - 50px)}#page #start .bottom,#page #start .top{display:-ms-inline-flexbox;display:inline-flex;width:100%;-ms-flex-pack:justify;justify-content:space-between}#page #start .top{position:relative;height:calc(100% / 2)}#page #start .bottom{position:absolute;top:calc(100% / 2 + 25px);bottom:0;height:auto}#page #start .blocs{overflow-y:auto;width:calc(100% / 3);margin:2px;padding:20px}#page #start .blocs:nth-child(1){background:red}#page #start .blocs:nth-child(2){left:calc(100% / 3);background:pink}#page #start .blocs:nth-child(3){background:green}
|
||||
@@ -1,49 +0,0 @@
|
||||
.bricklayer {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: start;
|
||||
-webkit-align-items: flex-start;
|
||||
-ms-flex-align: start;
|
||||
align-items: flex-start;
|
||||
-webkit-box-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-flex-wrap: wrap;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.bricklayer-column-sizer {
|
||||
width: 100%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 640px) {
|
||||
.bricklayer-column-sizer {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 980px) {
|
||||
.bricklayer-column-sizer {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
/*@media screen and (min-width: 1200px) {*/
|
||||
/*.bricklayer-column-sizer {*/
|
||||
/*width: 33.33333%;*/
|
||||
/*}*/
|
||||
/*}*/
|
||||
|
||||
.bricklayer-column {
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
Vendored
-1311
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
-4
File diff suppressed because one or more lines are too long
@@ -0,0 +1,829 @@
|
||||
/* stylesheet for demo and examples */
|
||||
|
||||
@import url(http://fonts.googleapis.com/css?family=Lobster+Two:700italic,700);
|
||||
@import url(http://fonts.googleapis.com/css?family=Oswald:300);
|
||||
|
||||
body{
|
||||
background-color: #222;
|
||||
color: #eee;
|
||||
font-size: 14px;
|
||||
font-family: "Verdana",Geneva,sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
min-width: 480px;
|
||||
}
|
||||
|
||||
a{
|
||||
color: inherit;
|
||||
-webkit-transition: all .2s ease-in-out;
|
||||
-moz-transition: all .2s ease-in-out;
|
||||
-o-transition: all .2s ease-in-out;
|
||||
transition: all .2s ease-in-out;
|
||||
}
|
||||
|
||||
a:hover{
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
h1, h2, h3{
|
||||
font-family: "Lobster Two", "Georgia", serif;
|
||||
font-weight: 700;
|
||||
font-style: italic;
|
||||
color: #6bdaea;
|
||||
}
|
||||
|
||||
hr{
|
||||
background-color: transparent;
|
||||
height: 0;
|
||||
border: none;
|
||||
border-bottom: 1px solid rgba(255,255,255,0.08);
|
||||
border-top: 1px solid rgba(0,0,0,0.9);
|
||||
margin: 0;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
header, #demo, footer{
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
width: 90%;
|
||||
padding: 0 30px;
|
||||
}
|
||||
|
||||
header{
|
||||
margin-top: 30px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
#demo{ line-height: 20px; }
|
||||
|
||||
.logo{
|
||||
display: inline-block;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.logo img{
|
||||
vertical-align: bottom;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
header hr{ margin-top: 20px; }
|
||||
|
||||
.title{
|
||||
display: inline-block;
|
||||
font-size: 32px;
|
||||
vertical-align: middle;
|
||||
margin-right: 40px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.title{ margin-top: 5px; }
|
||||
|
||||
nav ul, .callbacks ul, .disable-destroy ul, .show-hide ul, #sortable ul, .dialog ul, .all-themes-switch ul, .scrollTo ul{
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
h1{
|
||||
margin: 20px 0;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
img{
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#info p{
|
||||
font-size: 12px;
|
||||
color: #bbb;
|
||||
padding: 6px 15px;
|
||||
}
|
||||
|
||||
.callbacks, .callbacks + p, #examples, .content, .disable-destroy, .show-hide, .dialog, .all-themes-switch, .scrollTo{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
|
||||
|
||||
nav, .callbacks, .disable-destroy, .show-hide, .dialog, .all-themes-switch, .scrollTo{ background: #111; }
|
||||
|
||||
nav ul li, .callbacks ul li, .disable-destroy ul li, .show-hide ul li, .dialog ul li, .all-themes-switch ul li, .scrollTo ul li{
|
||||
float: left;
|
||||
margin: 3px 6px 3px 0;
|
||||
}
|
||||
|
||||
.callbacks ul li.off{ opacity: 0.4; }
|
||||
|
||||
.callbacks ul li a, .disable-destroy ul li a, .show-hide ul li a, .dialog ul li a, .all-themes-switch ul li a, .scrollTo ul li a{
|
||||
display: block;
|
||||
padding: 3px 15px;
|
||||
text-decoration: none;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.callbacks + p{
|
||||
color: #bbb;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.callbacks + p span{ display: inline-block; }
|
||||
|
||||
.callbacks + p span span{
|
||||
color: #eee;
|
||||
min-width: 40px;
|
||||
}
|
||||
|
||||
.callbacks a span{
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
background: #333;
|
||||
margin-right: 3px;
|
||||
-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
|
||||
}
|
||||
|
||||
.callbacks a span.on{ background: #eb3755; }
|
||||
|
||||
.callback-offset, .callback-offset-back{
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.callback-offset-back{
|
||||
top: 0;
|
||||
height: 50px;
|
||||
border-bottom: 1px dashed #ffed0d;
|
||||
}
|
||||
|
||||
.callback-offset{
|
||||
bottom: 0;
|
||||
height: 60px;
|
||||
border-top: 1px dashed #ffed0d;
|
||||
}
|
||||
|
||||
code{
|
||||
color: #caaee1;
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
#examples{
|
||||
background-color: #191919;
|
||||
background-color: rgba(0,0,0,0.3);
|
||||
padding: 5px;
|
||||
margin: 10px 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#examples > hr{ margin: 20px 10px; }
|
||||
|
||||
.content{
|
||||
overflow: auto;
|
||||
position: relative;
|
||||
padding: 20px;
|
||||
background: #333;
|
||||
margin: 10px;
|
||||
width: 740px;
|
||||
max-width: 97%;
|
||||
height: 400px;
|
||||
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
|
||||
}
|
||||
|
||||
.content.hidden{ display: none; }
|
||||
|
||||
.content.light{
|
||||
background-color: #ddd;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.content hr{
|
||||
margin-bottom: -10px;
|
||||
border-top: 1px solid rgba(0,0,0,0.7);
|
||||
}
|
||||
|
||||
.content.light hr{
|
||||
border-bottom: 1px solid rgba(255,255,255,0.6);
|
||||
border-top: 1px solid rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.content p{ margin: 30px 0; }
|
||||
|
||||
.content p:last-child{ margin-bottom: 5px; }
|
||||
|
||||
.content p:nth-child(odd), .content.light p:nth-child(odd){
|
||||
background: #444;
|
||||
background: rgba(255,255,255,0.1);
|
||||
padding: 5px 10px;
|
||||
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
|
||||
}
|
||||
|
||||
.content p:nth-child(3n+3){
|
||||
color: #bbb;
|
||||
background: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.content.light p:nth-child(odd){
|
||||
background: #fff;
|
||||
background: rgba(255,255,255,0.8);
|
||||
}
|
||||
|
||||
.content.light p:nth-child(3n+3){ color: #666; }
|
||||
|
||||
.content p.full:nth-child(odd), .content p.half:nth-child(odd),
|
||||
.content p.full:nth-child(3n+3), .content p.half:nth-child(3n+3){
|
||||
background: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.content h2{
|
||||
font-size: 200%;
|
||||
line-height: 130%;
|
||||
}
|
||||
|
||||
.content h2:first-child{ margin-top: 5px; }
|
||||
|
||||
.content:nth-child(odd) h2{
|
||||
font-family: "Oswald", sans-serif;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
hr + .content:nth-child(odd) h2{
|
||||
font-family: "Lobster Two", "Georgia", serif;
|
||||
font-weight: 700;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.content.light h2{ color: inherit; }
|
||||
|
||||
.content img{
|
||||
margin: 0;
|
||||
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
|
||||
padding: 3px;
|
||||
background: rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
.content.light img{ background: rgba(255,255,255,0.4); }
|
||||
|
||||
.content input[type='text'], .content textarea{
|
||||
border: none;
|
||||
background: transparent;
|
||||
background-color: #bbb;
|
||||
background-color: rgba(255,255,255,0.6);
|
||||
min-height: 20px;
|
||||
padding: 5px;
|
||||
-moz-box-shadow: inset -1px -1px 1px rgba(255,255,255,0.6), inset 3px 3px 20px rgba(0,0,0,0.5);
|
||||
-webkit-box-shadow: inset -1px -1px 1px rgba(255,255,255,0.6), inset 3px 3px 20px rgba(0,0,0,0.5);
|
||||
box-shadow: inset -1px -1px 1px rgba(255,255,255,0.6), inset 3px 3px 20px rgba(0,0,0,0.5);
|
||||
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
|
||||
width: 50%;
|
||||
font-size: inherit;
|
||||
font-family: inherit;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
.content textarea{
|
||||
min-height: 80px;
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.content .half img{
|
||||
max-width: 48%;
|
||||
margin: 0 0 2% 2%;
|
||||
}
|
||||
|
||||
.content .half img:nth-child(odd){ margin: 0 2% 2% 0; }
|
||||
|
||||
#demo.showcase{ min-width: 740px; }
|
||||
|
||||
.showcase .content{
|
||||
float: left;
|
||||
width: 340px;
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.showcase .horizontal-images.content{
|
||||
height: 140px;
|
||||
width: 700px;
|
||||
max-width: 97%;
|
||||
padding: 5px 5px 0 5px;
|
||||
}
|
||||
|
||||
.showcase .horizontal-images.content h2, .showcase .horizontal-images.content li img{ height: 119px; }
|
||||
|
||||
.showcase .horizontal-images.content h2{
|
||||
color: #fff;
|
||||
background-color: #eb3755;
|
||||
padding: 10px 20px;
|
||||
margin: 0;
|
||||
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
|
||||
font-size: 165%;
|
||||
}
|
||||
|
||||
.horizontal-images.content ul, .vertical-images.content ul{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.horizontal-images.content li{
|
||||
margin: 0 3px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.vertical-images.content li{ margin: 3px 0; }
|
||||
|
||||
.horizontal-images.content li:first-child{ margin-left: 0; }
|
||||
|
||||
.vertical-images.content li:first-child{
|
||||
margin-bottom: 3px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.horizontal-images.content li:last-child{ margin-right: 0; }
|
||||
|
||||
.vertical-images.content li:last-child{ margin-bottom: 0; }
|
||||
|
||||
.horizontal-images.content li img{
|
||||
width: auto;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.showcase #content-1.content{ height: 620px; }
|
||||
|
||||
.showcase #content-2.content{ height: 620px; }
|
||||
|
||||
.showcase #content-2.content h2{ color: #333; }
|
||||
|
||||
.showcase #content-3.content{
|
||||
background-color: #412626;
|
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAJ0lEQVQIW2NkwA7+M2IR/w8UY0SXAAuCFCNLwAWRJVAEYRIYgiAJALsgBgYbCawOAAAAAElFTkSuQmCC");
|
||||
margin-right: 40px;
|
||||
width: 310px;
|
||||
}
|
||||
|
||||
.showcase #content-3.content h2{ color: #eb3755; }
|
||||
|
||||
.showcase #content-4.content{ background-color: #1C383F; }
|
||||
|
||||
.showcase #content-4.content h2{ color: #ddd; }
|
||||
|
||||
.showcase #content-6.horizontal-images.content{
|
||||
padding: 10px 0 5px 0;
|
||||
background-color: #444;
|
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQIW2NkYGA4A8QmQAwGjDAGNgGwSgwVAFVOAgV/1mwxAAAAAElFTkSuQmCC");
|
||||
}
|
||||
|
||||
.showcase #content-6.horizontal-images.content .mCSB_scrollTools{
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.showcase #content-6.horizontal-images.content ul{
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.showcase #content-6.horizontal-images.content h2{
|
||||
color: #222;
|
||||
background-color: #c2beb2;
|
||||
}
|
||||
|
||||
.showcase #content-6.horizontal-images.content h2, .showcase #content-6.horizontal-images.content li img{ height: 105px; }
|
||||
|
||||
.showcase #content-7.content{ height: 620px; }
|
||||
|
||||
.showcase #content-8.content{
|
||||
width: 670px;
|
||||
height: 580px;
|
||||
padding: 0;
|
||||
background-color: #151515;
|
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAK0lEQVQIW2NkwAL+//9vzIguDhZkZDyLIgETBCmGSyALwiXQBcES2ARBEgCUVxc3f8oLcQAAAABJRU5ErkJggg==");
|
||||
border: 5px solid rgba(0,0,0,0.5);
|
||||
margin-right: 40px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.showcase #content-8.content h2{
|
||||
margin-top: 20px;
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.showcase #content-8.content p{
|
||||
width: 710px;
|
||||
float: left;
|
||||
margin: 15px 20px;
|
||||
}
|
||||
|
||||
.showcase #content-8.content hr + p{ margin-top: 30px; }
|
||||
|
||||
.showcase #content-8.content p:nth-child(3n+1){
|
||||
width: 1460px;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.showcase #content-9.content{
|
||||
height: 620px;
|
||||
background-color: #c2beb2;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.showcase #content-9.content .mCSB_container{ margin-right: 21px; }
|
||||
|
||||
.showcase #content-9.content h2{
|
||||
height: 85px;
|
||||
padding: 10px;
|
||||
margin-bottom: 0;
|
||||
margin-top: 15px;
|
||||
font-size: 180%;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.showcase #content-9.content img{
|
||||
padding: 0;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
#iframe-container{
|
||||
width: 90%;
|
||||
max-width: 1110px;
|
||||
background: #000;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#iframe-container iframe{ vertical-align: bottom; }
|
||||
|
||||
#infinite-scroll .offset{
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
color: #ffed0d;
|
||||
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
|
||||
}
|
||||
|
||||
#infinite-scroll .offset p{
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
#infinite-scroll .offset .indicator{
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
background: #ffed0d;
|
||||
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
|
||||
}
|
||||
|
||||
#examples.resizable{
|
||||
background:#444;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
#resizable.content{
|
||||
overflow: hidden;
|
||||
width: 640px;
|
||||
max-width: 80%;
|
||||
-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; /* jquery ui resizable bug: http://bugs.jqueryui.com/ticket/8932 */
|
||||
}
|
||||
|
||||
#resizable.content h2{ color: #444; }
|
||||
|
||||
#resizable.content p{ width: 1000px }
|
||||
|
||||
.content.fluid{
|
||||
width: 90%;
|
||||
max-width: 1680px;
|
||||
}
|
||||
|
||||
.content.fluid h2{
|
||||
color: #eb3755;
|
||||
font-family: "Lobster Two", "Georgia", serif;
|
||||
font-weight: 700;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.content.nested{ height: 600px; }
|
||||
|
||||
.content.nested .nested{
|
||||
margin: 0 auto;
|
||||
background-color: rgba(0,0,0,0.1);
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
#content-1.content.nested{ margin-bottom: 40px; }
|
||||
|
||||
#content-1.content.nested p{ width: 1000px; }
|
||||
|
||||
#content-1.content.nested .nested{
|
||||
margin: 20px;
|
||||
width: 600px;
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.content.zero-height{ height: 0; }
|
||||
|
||||
.content.zero-width{ width: 0; }
|
||||
|
||||
.init-hidden #examples{ min-height: 420px; }
|
||||
|
||||
.full-page .content{ height: 800px; }
|
||||
|
||||
.full-page-alt #mCSB_1_container{
|
||||
width: 97% !important; /* override plugin property */
|
||||
min-width: 480px;
|
||||
}
|
||||
|
||||
.full-page-alt #mCSB_1_scrollbar_vertical{
|
||||
position: fixed;
|
||||
margin-right: 30px;
|
||||
margin-top: 16px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.full-page-alt #mCSB_1_scrollbar_horizontal{
|
||||
position: fixed;
|
||||
margin-bottom: 30px;
|
||||
margin-left: 16px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
.full-page-alt .outer.content{ width: 960px; }
|
||||
|
||||
.full-page-alt .horizontal-images.content{
|
||||
height: 275px;
|
||||
width: 100%;
|
||||
margin: 20px auto 10px auto;
|
||||
}
|
||||
|
||||
.full-page-alt .horizontal-images.content img{ height: 200px; }
|
||||
|
||||
.content table{
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
border-top: 1px dashed #666;
|
||||
border-left: 1px dashed #666;
|
||||
border-right: 1px dashed #666;
|
||||
background: rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.content table tr{ border-bottom: 1px dashed #666; }
|
||||
|
||||
.content table td{ padding: 10px 20px 9px 20px; }
|
||||
|
||||
.sortable{ min-width: 800px; }
|
||||
|
||||
#sortable ul{
|
||||
margin-top: 20px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#sortable li{
|
||||
margin: 10px 40px;
|
||||
background: #444;
|
||||
padding: 5px 10px;
|
||||
color: #fff;
|
||||
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
|
||||
}
|
||||
|
||||
#sortable li:active, #sortable .ui-sortable-helper{ background: #eb3755; }
|
||||
|
||||
#examples.tabs, #examples.accordion, #examples.autocomplete{
|
||||
padding: 5px 20px 20px 20px;
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
#examples.tabs h3, #examples.accordion h3{
|
||||
color: #222;
|
||||
font-family: inherit;
|
||||
font-style: inherit;
|
||||
}
|
||||
|
||||
#tabs{ margin-bottom: 20px; }
|
||||
|
||||
#tabs, #tabs-2, #accordion{
|
||||
width: 600px;
|
||||
max-width:95%;
|
||||
}
|
||||
|
||||
#examples.tabs .ui-widget-content{ background-image: none; }
|
||||
|
||||
#autocomplete{
|
||||
border: none;
|
||||
background: #fff;
|
||||
min-height: 20px;
|
||||
padding: 5px 8px;
|
||||
font-size: inherit;
|
||||
font-family: inherit;
|
||||
color: #222;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
#autocomplete:focus{ outline: none; }
|
||||
|
||||
.ui-menu a{
|
||||
-webkit-transition: none;
|
||||
-moz-transition: none;
|
||||
-o-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
.ui-menu .mCSB_container{ padding: 2px; }
|
||||
|
||||
.ui-menu .mCSB_scrollTools{
|
||||
right: 5px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.bootstrap #examples{ background: transparent; }
|
||||
|
||||
.bootstrap #myModal-2 .modal-body{
|
||||
max-height: 340px;
|
||||
-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;
|
||||
margin-bottom: -15px;
|
||||
}
|
||||
|
||||
.bootstrap #myTab{ max-width: 600px; }
|
||||
|
||||
.bootstrap #myTab .tab-pane{ padding: 15px 5px 15px 15px; }
|
||||
|
||||
body.colorbox-demo #cboxContent, body.colorbox-demo #cboxContent p, body.colorbox-demo #cboxContent a:hover{ color: #333; }
|
||||
|
||||
.all-themes #examples{ padding: 15px 0 0 15px; }
|
||||
|
||||
.all-themes .content{
|
||||
width: 310px;
|
||||
height: 500px;
|
||||
margin: 0 20px 20px 0;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.all-themes .content h2, .all-themes .content p, .all-themes .content hr{
|
||||
width: 240px;
|
||||
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
|
||||
}
|
||||
|
||||
.all-themes #content-m h2, .all-themes #content-m p, .all-themes #content-m hr,
|
||||
.all-themes #content-md h2, .all-themes #content-md p, .all-themes #content-md hr{ width: 270px; }
|
||||
|
||||
.all-themes .content.expanded-content h2, .all-themes .content.expanded-content p, .all-themes .content.expanded-content hr,
|
||||
.all-themes #content-m.expanded-content h2, .all-themes #content-m.expanded-content p, .all-themes #content-m.expanded-content hr,
|
||||
.all-themes #content-md.expanded-content h2, .all-themes #content-md.expanded-content p, .all-themes #content-md.expanded-content hr{ width: 540px; }
|
||||
|
||||
.max-height-example .content{
|
||||
height: auto;
|
||||
max-height: 400px;
|
||||
}
|
||||
|
||||
.max-width-example{ min-width: 620px; }
|
||||
|
||||
.max-width-example .content{
|
||||
height: auto;
|
||||
width: auto;
|
||||
max-width: 50%;
|
||||
min-width: 600px;
|
||||
display: inline-block;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.max-width-example .content ul{
|
||||
max-height: 135px;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
.max-width-example .content img, .max-width-example .content ul li > a{
|
||||
height: 130px;
|
||||
border: 3px solid #444;
|
||||
}
|
||||
|
||||
.max-width-example .content ul li > a{
|
||||
display: block;
|
||||
padding: 20px;
|
||||
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
|
||||
background: rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
.snap-scrolling-example .content{
|
||||
height: auto;
|
||||
width: 853px;
|
||||
}
|
||||
|
||||
.snap-scrolling-example .content img{ height: 160px; }
|
||||
|
||||
.textarea-example .content{ width: 360px; }
|
||||
|
||||
.textarea-example .content form{ margin: 25px 0 15px 0; }
|
||||
|
||||
.textarea-example .content textarea, .textarea-example .textarea-clone{
|
||||
width: 300px;
|
||||
padding: 0 10px;
|
||||
line-height:25px;
|
||||
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
|
||||
}
|
||||
|
||||
.textarea-example .content textarea{
|
||||
height:160px;
|
||||
resize:none;
|
||||
overflow:hidden;
|
||||
outline:none;
|
||||
margin: 0;
|
||||
border:none;
|
||||
background:transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.textarea-example .content .textarea-wrapper{
|
||||
height:182px;
|
||||
overflow:hidden;
|
||||
background-color: #bbb;
|
||||
background-color: rgba(255,255,255,0.6);
|
||||
-moz-box-shadow: inset -1px -1px 1px rgba(255,255,255,0.6), inset 3px 3px 20px rgba(0,0,0,0.5);
|
||||
-webkit-box-shadow: inset -1px -1px 1px rgba(255,255,255,0.6), inset 3px 3px 20px rgba(0,0,0,0.5);
|
||||
box-shadow: inset -1px -1px 1px rgba(255,255,255,0.6), inset 3px 3px 20px rgba(0,0,0,0.5);
|
||||
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
|
||||
}
|
||||
|
||||
.textarea-example .textarea-clone{
|
||||
position:absolute;
|
||||
top:-9999px;
|
||||
left:-9999px;
|
||||
visibility:hidden;
|
||||
min-height: 160px;
|
||||
word-wrap: break-word;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
.textarea-example .content .textarea-wrapper .mCSB_scrollTools{ margin: 10px 5px; }
|
||||
|
||||
.scrollTo-demo .content{ height: 290px; }
|
||||
|
||||
.scrollTo-demo .demo-y{ height: 600px; }
|
||||
|
||||
.scrollTo-demo .demo-x{
|
||||
width: 660px;
|
||||
background-color: #252525;
|
||||
}
|
||||
|
||||
.scrollTo-demo .demo-x p{
|
||||
float: left;
|
||||
width: 300px;
|
||||
margin-left: 30px;
|
||||
height: auto;
|
||||
padding: 5px 10px;
|
||||
background-color: #333;
|
||||
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
|
||||
}
|
||||
|
||||
.scrollTo-demo .demo-x hr + p{ margin-left: 0; }
|
||||
|
||||
.scrollTo-demo .demo-yx{ background-color: #424242; }
|
||||
|
||||
.scrollTo-demo .demo-yx p{ width: 1000px; }
|
||||
|
||||
.scrollTo{ font-size: 12px; }
|
||||
|
||||
.scrollTo + .scrollTo{ margin-top: 20px; }
|
||||
|
||||
.scrollTo ul li:first-child span{
|
||||
display: block;
|
||||
padding: 3px 15px;
|
||||
}
|
||||
|
||||
#test-id{
|
||||
background-color: #eb3755;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.rtl-demo #content-1{ width: 500px; }
|
||||
|
||||
.rtl-demo #content-1 p{ width: 1000px; }
|
||||
|
||||
.transitions #examples{
|
||||
-webkit-perspective: 1000;
|
||||
-moz-perspective: 1000;
|
||||
}
|
||||
|
||||
.transitions .content{
|
||||
-webkit-transition: all .6s ease-out;
|
||||
-moz-transition: all .6s ease-out;
|
||||
-o-transition: all .6s ease-out;
|
||||
transition: all .6s ease-out;
|
||||
}
|
||||
|
||||
footer{
|
||||
margin-top: 40px;
|
||||
margin-bottom: 40px;
|
||||
color: #bbb;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
footer a{ margin-right: 20px; }
|
||||
|
||||
@media only screen and (min-width: 1229px){
|
||||
.showcase .horizontal-images.content{ width: 1060px; }
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1629px){
|
||||
.showcase .horizontal-images.content{ width: 700px; }
|
||||
}
|
||||
@@ -1,9 +0,0 @@
|
||||
[data-rz-handle] {
|
||||
flex: 0 0 6px;
|
||||
background-color: rgba(0, 0, 0, .75);
|
||||
}
|
||||
|
||||
[data-rz-handle] div {
|
||||
width: 6px;
|
||||
background-color: rgba(0, 0, 0, .5);
|
||||
}
|
||||
Vendored
-1
@@ -1 +0,0 @@
|
||||
!function t(e,n,r){function o(s,u){if(!n[s]){if(!e[s]){var l="function"==typeof require&&require;if(!u&&l)return l(s,!0);if(i)return i(s,!0);var a=new Error("Cannot find module '"+s+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[s]={exports:{}};e[s][0].call(p.exports,function(t){var n=e[s][1][t];return o(n?n:t)},p,p.exports,t,e,n,r)}return n[s].exports}for(var i="function"==typeof require&&require,s=0;s<r.length;s++)o(r[s]);return o}({1:[function(t,e,n){var r,o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)};!function(t){function e(t){return[].slice.call(t)}function n(t,e,n){if(window.CustomEvent)var r=new CustomEvent(e,{detail:n});else{var r=document.createEvent("CustomEvent");r.initCustomEvent(e,!0,!0,n)}return t.dispatchEvent(r)}var r={rulerClassName:"bricklayer-column-sizer",columnClassName:"bricklayer-column"},i=function(){function t(t){this.element=document.createElement("div"),this.element.className=t}return t.prototype.destroy=function(){this.element.parentNode.removeChild(this.element)},t}(),s=function(t){function e(){t.apply(this,arguments)}return o(e,t),e.prototype.getWidth=function(){this.element.setAttribute("style","\n display: block;\n visibility: hidden !important;\n top: -1000px !important;\n ");var t=this.element.offsetWidth;return this.element.removeAttribute("style"),t},e}(i),u=function(t){function e(){t.apply(this,arguments)}return o(e,t),e}(i),l=function(){function t(t,e){void 0===e&&(e=r),this.element=t,this.options=e,this.build(),this.buildResponsive()}return t.prototype.append=function(t){var n=this;if(Array.isArray(t))return void t.forEach(function(t){return n.append(t)});var r=this.findMinHeightColumn();this.elements=e(this.elements).concat([t]),this.applyPosition("append",r,t)},t.prototype.prepend=function(t){var n=this;if(Array.isArray(t))return void t.forEach(function(t){return n.prepend(t)});var r=this.findMinHeightColumn();this.elements=[t].concat(e(this.elements)),this.applyPosition("prepend",r,t)},t.prototype.on=function(t,e){return this.element.addEventListener("bricklayer."+t,e),this},t.prototype.redraw=function(){var t=this.columnCount;this.checkColumnCount(!1),this.reorderElements(t),n(this.element,"bricklayer.redraw",{columnCount:t})},t.prototype.destroy=function(){var t=this;this.ruler.destroy(),e(this.elements).forEach(function(e){return t.element.appendChild(e)}),e(this.getColumns()).forEach(function(t){return t.parentNode.removeChild(t)}),n(this.element,"bricklayer.destroy",{})},t.prototype.build=function(){this.ruler=new s(this.options.rulerClassName),this.elements=this.getElementsInOrder(),this.element.insertBefore(this.ruler.element,this.element.firstChild)},t.prototype.buildResponsive=function(){var t=this;window.addEventListener("resize",function(e){return t.checkColumnCount()}),this.checkColumnCount(),this.on("breakpoint",function(e){return t.reorderElements(e.detail.columnCount)}),this.columnCount>=1&&this.reorderElements(this.columnCount)},t.prototype.getColumns=function(){return this.element.querySelectorAll(":scope > ."+this.options.columnClassName)},t.prototype.findMinHeightColumn=function(){var t=e(this.getColumns()),n=t.map(function(t){return t.offsetHeight}),r=Math.min.apply(null,n);return t[n.indexOf(r)]},t.prototype.getElementsInOrder=function(){return this.element.querySelectorAll(":scope > *:not(."+this.options.columnClassName+"):not(."+this.options.rulerClassName+")")},t.prototype.checkColumnCount=function(t){void 0===t&&(t=!0);var e=this.getColumnCount();this.columnCount!==e&&(t&&n(this.element,"bricklayer.breakpoint",{columnCount:e}),this.columnCount=e)},t.prototype.reorderElements=function(t){var n=this;void 0===t&&(t=1);for(var r=e(this.elements).map(function(t){var e=t.parentNode?t.parentNode.removeChild(t):t;return e}),o=this.getColumns(),i=0;i<o.length;i++)o[i].parentNode.removeChild(o[i]);for(var i=0;i<t;i++){var s=new u(this.options.columnClassName).element;this.element.appendChild(s)}r.forEach(function(t){var e=n.findMinHeightColumn();e.appendChild(t)})},t.prototype.getColumnCount=function(){var t=this.element.offsetWidth,e=this.ruler.getWidth();return 0==e?1:Math.round(t/e)},t.prototype.applyPosition=function(t,e,r){var o=this,i=function(i){var s=i+t.charAt(0).toUpperCase()+t.substr(1);n(o.element,"bricklayer."+s,{item:r,column:e})};switch(i("before"),t){case"append":e.appendChild(r);break;case"prepend":e.insertBefore(r,e.firstChild)}i("after")},t}();t.Container=l}(r||(r={})),function(t,n){"function"==typeof define&&define.amd?define(function(){return n()}):"undefined"!=typeof window&&t===window?t.Bricklayer=n():"object"==typeof e&&e.exports&&(e.exports=n())}("undefined"!=typeof window?window:this,function(){return r.Container})},{}]},{},[1]);
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@@ -1,87 +0,0 @@
|
||||
/*
|
||||
treeMenu - jQuery plugin
|
||||
version: 0.6
|
||||
|
||||
Copyright 2014 Stepan Krapivin
|
||||
|
||||
*/
|
||||
(function($){
|
||||
$.fn.treemenu = function(options) {
|
||||
options = options || {};
|
||||
options.delay = options.delay || 0;
|
||||
options.openActive = options.openActive || false;
|
||||
options.closeOther = options.closeOther || false;
|
||||
options.activeSelector = options.activeSelector || ".active";
|
||||
|
||||
this.addClass("treemenu");
|
||||
|
||||
if (!options.nonroot) {
|
||||
this.addClass("treemenu-root");
|
||||
}
|
||||
|
||||
options.nonroot = true;
|
||||
|
||||
this.find("> li").each(function() {
|
||||
e = $(this);
|
||||
var subtree = e.find('> ul');
|
||||
var button = e.find('.toggler').eq(0);
|
||||
|
||||
if(button.length == 0) {
|
||||
// create toggler
|
||||
var button = $('<span>');
|
||||
button.addClass('toggler');
|
||||
e.prepend(button);
|
||||
}
|
||||
|
||||
if(subtree.length > 0) {
|
||||
subtree.hide();
|
||||
|
||||
e.addClass('tree-closed');
|
||||
|
||||
e.find(button).click(function() {
|
||||
var li = $(this).parent('li');
|
||||
|
||||
if (options.closeOther && li.hasClass('tree-closed')) {
|
||||
var siblings = li.parent('ul').find("li:not(.tree-empty)");
|
||||
siblings.removeClass("tree-opened");
|
||||
siblings.addClass("tree-closed");
|
||||
siblings.removeClass(options.activeSelector);
|
||||
siblings.find('> ul').slideUp(options.delay);
|
||||
}
|
||||
|
||||
li.find('> ul').slideToggle(options.delay);
|
||||
li.toggleClass('tree-opened');
|
||||
li.toggleClass('tree-closed');
|
||||
li.toggleClass(options.activeSelector);
|
||||
});
|
||||
|
||||
$(this).find('> ul').treemenu(options);
|
||||
} else {
|
||||
$(this).addClass('tree-empty');
|
||||
}
|
||||
});
|
||||
|
||||
if (options.openActive) {
|
||||
var cls = this.attr("class");
|
||||
|
||||
this.find(options.activeSelector).each(function(){
|
||||
var el = $(this).parent();
|
||||
|
||||
while (el.attr("class") !== cls) {
|
||||
el.find('> ul').show();
|
||||
if(el.prop("tagName") === 'UL') {
|
||||
el.show();
|
||||
} else if (el.prop("tagName") === 'LI') {
|
||||
el.removeClass('tree-closed');
|
||||
el.addClass("tree-opened");
|
||||
el.show();
|
||||
}
|
||||
|
||||
el = el.parent();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
return this;
|
||||
}
|
||||
})(jQuery);
|
||||
@@ -1,137 +0,0 @@
|
||||
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
||||
|
||||
var Resizer = function () {
|
||||
function Resizer(containerSelector, resizerOptions) {
|
||||
if (resizerOptions === void 0) {
|
||||
resizerOptions = {};
|
||||
}
|
||||
this.containerSelector = containerSelector;
|
||||
this.resizerOptions = resizerOptions;
|
||||
this.offsetX = 0;
|
||||
this.dragging = false;
|
||||
this.options = _extends(Resizer.defaultOptions, this.resizerOptions, {});
|
||||
this.container = Resizer.getElement(containerSelector);
|
||||
this.target = this.container.firstElementChild;
|
||||
if (this.container.Resizer) {
|
||||
this.remove();
|
||||
}
|
||||
this.setup();
|
||||
}
|
||||
Resizer.removeBySelector = function (input) {
|
||||
var container = Resizer.getElement(input);
|
||||
if (container.hasOwnProperty('Resizer')) {
|
||||
container.Resizer.remove();
|
||||
} else {
|
||||
throw new Error('Resizer doesn\'t exist on element');
|
||||
}
|
||||
};
|
||||
Resizer.getElement = function (input) {
|
||||
var el;
|
||||
if (!input) {
|
||||
throw new Error('Missing param, should be an element or selector');
|
||||
}
|
||||
if (typeof input === 'string') {
|
||||
el = document.querySelector(input);
|
||||
if (!el) {
|
||||
throw new Error("Can not find element from selector " + input);
|
||||
}
|
||||
} else {
|
||||
el = input;
|
||||
}
|
||||
return el;
|
||||
};
|
||||
Resizer.createHandle = function (handleClass) {
|
||||
var el = document.createElement('div');
|
||||
el.dataset.rzHandle = handleClass || '';
|
||||
el.style.cursor = 'ew-resize';
|
||||
return el;
|
||||
};
|
||||
Resizer.createGhost = function () {
|
||||
var el = document.createElement('div');
|
||||
el.style.position = 'absolute';
|
||||
el.style.top = '0';
|
||||
el.style.bottom = '0';
|
||||
el.style.display = 'none';
|
||||
el.style.zIndex = '99999';
|
||||
return el;
|
||||
};
|
||||
Resizer.prototype.remove = function () {
|
||||
delete this.container.Resizer;
|
||||
this.container.style.position = null;
|
||||
this.container.querySelector('[data-rz-handle]').remove();
|
||||
this.target.style.flex = null;
|
||||
};
|
||||
Resizer.prototype.setup = function () {
|
||||
var _this = this;
|
||||
this.setupDom();
|
||||
this.handle.addEventListener('mousedown', function (e) {
|
||||
return _this.onDown(e);
|
||||
});
|
||||
this.container.addEventListener('mouseup', function (e) {
|
||||
return _this.onUp(e);
|
||||
});
|
||||
this.container.addEventListener('mousemove', function (e) {
|
||||
return _this.onMove(e);
|
||||
});
|
||||
this.container.Resizer = this;
|
||||
};
|
||||
Resizer.prototype.setupDom = function () {
|
||||
this.container.style.position = 'relative';
|
||||
this.handle = Resizer.createHandle();
|
||||
this.ghost = Resizer.createGhost();
|
||||
this.handle.appendChild(this.ghost);
|
||||
this.container.insertBefore(this.handle, this.target.nextElementSibling);
|
||||
};
|
||||
Resizer.prototype.setDragging = function (value) {
|
||||
if (value === void 0) {
|
||||
value = true;
|
||||
}
|
||||
if (this.dragging) {
|
||||
this.ghost.style.display = 'none';
|
||||
this.target.style.flex = "0 0 " + this.handleX + "px";
|
||||
} else {
|
||||
this.ghost.style.display = 'block';
|
||||
}
|
||||
return this.dragging = value;
|
||||
};
|
||||
Resizer.prototype.setHandleX = function (value) {
|
||||
if (value < 0) {
|
||||
value = 0;
|
||||
}
|
||||
if (value > this.container.clientWidth) {
|
||||
value = this.container.clientWidth;
|
||||
}
|
||||
this.ghost.style.left = value + "px";
|
||||
return this.handleX = value;
|
||||
};
|
||||
Resizer.prototype.onDown = function (e) {
|
||||
e.preventDefault();
|
||||
if (!this.dragging) {
|
||||
this.offsetX = e.offsetX;
|
||||
this.setHandleX(e.pageX - this.container.getBoundingClientRect().left - this.offsetX);
|
||||
this.setDragging(true);
|
||||
}
|
||||
};
|
||||
Resizer.prototype.onUp = function (e) {
|
||||
e.preventDefault();
|
||||
if (this.dragging) {
|
||||
this.setHandleX(e.pageX - this.container.getBoundingClientRect().left - this.offsetX);
|
||||
this.setDragging(false);
|
||||
}
|
||||
};
|
||||
Resizer.prototype.onMove = function (e) {
|
||||
e.preventDefault();
|
||||
if (this.dragging) {
|
||||
var x = e.pageX - this.container.getBoundingClientRect().left - this.offsetX;
|
||||
if (e.shiftKey) {
|
||||
x = Math.ceil(x / 20) * 20;
|
||||
}
|
||||
this.setHandleX(x);
|
||||
}
|
||||
};
|
||||
return Resizer;
|
||||
}();
|
||||
Resizer.defaultOptions = {
|
||||
width: 8
|
||||
};
|
||||
//# sourceMappingURL=resizer.js.map
|
||||
-8
@@ -1,8 +0,0 @@
|
||||
/**
|
||||
* Single Page Nav Plugin
|
||||
* Copyright (c) 2014 Chris Wojcik <hello@chriswojcik.net>
|
||||
* Dual licensed under MIT and GPL.
|
||||
* @author Chris Wojcik
|
||||
* @version 1.2.0
|
||||
*/
|
||||
if(typeof Object.create!=="function"){Object.create=function(e){function t(){}t.prototype=e;return new t}}(function(e,t,n,r){"use strict";var i={init:function(n,r){this.options=e.extend({},e.fn.singlePageNav.defaults,n);this.container=r;this.$container=e(r);this.$links=this.$container.find("a");if(this.options.filter!==""){this.$links=this.$links.filter(this.options.filter)}this.$window=e(t);this.$htmlbody=e("html, body");this.$links.on("click.singlePageNav",e.proxy(this.handleClick,this));this.didScroll=false;this.checkPosition();this.setTimer()},handleClick:function(t){var n=this,r=t.currentTarget,i=e(r.hash);t.preventDefault();if(i.length){n.clearTimer();if(typeof n.options.beforeStart==="function"){n.options.beforeStart()}n.setActiveLink(r.hash);n.scrollTo(i,function(){if(n.options.updateHash&&history.pushState){history.pushState(null,null,r.hash)}n.setTimer();if(typeof n.options.onComplete==="function"){n.options.onComplete()}})}},scrollTo:function(e,t){var n=this;var r=n.getCoords(e).top;var i=false;n.$htmlbody.stop().animate({scrollTop:r},{duration:n.options.speed,easing:n.options.easing,complete:function(){if(typeof t==="function"&&!i){t()}i=true}})},setTimer:function(){var e=this;e.$window.on("scroll.singlePageNav",function(){e.didScroll=true});e.timer=setInterval(function(){if(e.didScroll){e.didScroll=false;e.checkPosition()}},250)},clearTimer:function(){clearInterval(this.timer);this.$window.off("scroll.singlePageNav");this.didScroll=false},checkPosition:function(){var e=this.$window.scrollTop();var t=this.getCurrentSection(e);this.setActiveLink(t)},getCoords:function(e){return{top:Math.round(e.offset().top)-this.options.offset}},setActiveLink:function(e){var t=this.$container.find("a[href$='"+e+"']");if(!t.hasClass(this.options.currentClass)){this.$links.removeClass(this.options.currentClass);t.addClass(this.options.currentClass)}},getCurrentSection:function(t){var n,r,i,s;for(n=0;n<this.$links.length;n++){r=this.$links[n].hash;if(e(r).length){i=this.getCoords(e(r));if(t>=i.top-this.options.threshold){s=r}}}return s||this.$links[0].hash}};e.fn.singlePageNav=function(e){return this.each(function(){var t=Object.create(i);t.init(e,this)})};e.fn.singlePageNav.defaults={offset:0,threshold:120,speed:400,currentClass:"current",easing:"swing",updateHash:false,filter:"",onComplete:false,beforeStart:false}})(jQuery,window,document);
|
||||
+44
-20
@@ -3,6 +3,15 @@ function wrap(){
|
||||
$('#start > div:nth-child(n+2)').wrapAll('<div class="bottom"></div> ')
|
||||
};
|
||||
|
||||
function scrollbar(){
|
||||
$(window).on("load",function(){
|
||||
$("#start > div > div").mCustomScrollbar({
|
||||
axis:"y",
|
||||
setTop: 0,
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function clickhand(){
|
||||
$(".handler").on("mousedown", function (e) {
|
||||
e.preventDefault();
|
||||
@@ -18,6 +27,9 @@ function drag() {
|
||||
var $hand2 = $( ".hand2" );
|
||||
|
||||
$hand1.draggable({
|
||||
containment: "#start",
|
||||
scroll: false,
|
||||
// grid: [ 5, 5 ],
|
||||
drag: function(){
|
||||
// handler
|
||||
// dimension handler
|
||||
@@ -59,40 +71,49 @@ function drag() {
|
||||
var Bw3 = (Dw0 - (Dw1 + Dw2));
|
||||
var Bl3 = Dw1 + Dw2;
|
||||
// app dimension
|
||||
var $handler2 = $(this).parent().find('.hand2');
|
||||
|
||||
$handler2.css({
|
||||
"top": yPos + 25,
|
||||
"left": xPos + Bw2 - 25,
|
||||
});
|
||||
|
||||
$recits.css({
|
||||
"width": xPos,
|
||||
"height": yPos - 5,
|
||||
"height": yPos - 2,
|
||||
});
|
||||
$itw.css({
|
||||
"width": Bw2,
|
||||
"height": yPos - 5,
|
||||
"height": yPos - 2,
|
||||
});
|
||||
$img.css({
|
||||
"width": '33%',
|
||||
"height": yPos - 5,
|
||||
// "width": '33%',
|
||||
"height": yPos - 2,
|
||||
});
|
||||
$bottom.css({
|
||||
"top": yPos2 + 5,
|
||||
"top": yPos2 + 2,
|
||||
})
|
||||
$links.css({
|
||||
"width": xPos,
|
||||
"top": yPos2 + 5,
|
||||
"top": yPos2 + 2,
|
||||
})
|
||||
$rs.css({
|
||||
"width": Bw2,
|
||||
});
|
||||
$stmp.css({
|
||||
"width": '33%',
|
||||
});
|
||||
// $stmp.css({
|
||||
// "width": '33%',
|
||||
// });
|
||||
}
|
||||
});
|
||||
|
||||
$hand2.draggable({
|
||||
containment: "#start",
|
||||
scroll: false,
|
||||
drag: function(){
|
||||
// handler
|
||||
// dimension handler
|
||||
var $Hhand = $(this).outerHeight();
|
||||
var $Whand = $(this).outerWidth();
|
||||
var $Hhand = $(this).outerHeight(true);
|
||||
var $Whand = $(this).outerWidth(true);
|
||||
// ajust handler
|
||||
var ajustH = $Hhand / 2;
|
||||
var ajustW = $Whand / 2;
|
||||
@@ -105,7 +126,6 @@ function drag() {
|
||||
var xPos2 = xPos + (ajustW * 2);
|
||||
var yPos2 = yPos + (ajustH * 2);
|
||||
|
||||
|
||||
// Blocs
|
||||
// top
|
||||
var $recits = $(this).parent('#page').find('#recits');
|
||||
@@ -131,25 +151,28 @@ function drag() {
|
||||
var Bw3 = (Dw0 - (Dw1 + Dw2));
|
||||
var Bl3 = Dw1 + Dw2;
|
||||
// app dimension
|
||||
var $handler1 = $(this).parent().find('.hand1');
|
||||
|
||||
$handler1.css({
|
||||
"top": yPos + 25,
|
||||
"left": xPos - Bw2 - 25,
|
||||
});
|
||||
|
||||
$recits.css({
|
||||
// "width": xPos,
|
||||
"height": yPos - 5,
|
||||
"height": yPos - 2,
|
||||
});
|
||||
$itw.css({
|
||||
"width": Bw2,
|
||||
"height": yPos - 5,
|
||||
"height": yPos - 2,
|
||||
});
|
||||
$img.css({
|
||||
"width": xPos3,
|
||||
"height": yPos - 5,
|
||||
"height": yPos - 2,
|
||||
});
|
||||
$bottom.css({
|
||||
"top": yPos2 + 5,
|
||||
"top": yPos2 + 2,
|
||||
})
|
||||
// $links.css({
|
||||
// "width": xPos,
|
||||
// "top": yPos2 + 5,
|
||||
// })
|
||||
$rs.css({
|
||||
"width": Bw2,
|
||||
});
|
||||
@@ -162,6 +185,7 @@ function drag() {
|
||||
|
||||
$(document).ready(function() {
|
||||
wrap();
|
||||
scrollbar();
|
||||
clickhand();
|
||||
drag();
|
||||
});
|
||||
|
||||
-6
@@ -1,6 +0,0 @@
|
||||
/*
|
||||
* smoothscroll polyfill - v0.3.4
|
||||
* https://iamdustan.github.io/smoothscroll
|
||||
* 2016 (c) Dustan Kasten, Jeremias Menichelli - MIT License
|
||||
*/
|
||||
!function(o,t,l){"use strict";function e(){function e(o,t){this.scrollLeft=o,this.scrollTop=t}function r(o){return.5*(1-Math.cos(Math.PI*o))}function n(o){if("object"!=typeof o||null===o||o.behavior===l||"auto"===o.behavior||"instant"===o.behavior)return!0;if("object"==typeof o&&"smooth"===o.behavior)return!1;throw new TypeError("behavior not valid")}function c(l){var e,r,n;do l=l.parentNode,e=l===t.body,r=l.clientHeight<l.scrollHeight||l.clientWidth<l.scrollWidth,n="visible"===o.getComputedStyle(l,null).overflow;while(!e&&(!r||n));return e=r=n=null,l}function i(t){t.frame=o.requestAnimationFrame(i.bind(o,t));var l,e,n,c=u(),s=(c-t.startTime)/f;return s=s>1?1:s,l=r(s),e=t.startX+(t.x-t.startX)*l,n=t.startY+(t.y-t.startY)*l,t.method.call(t.scrollable,e,n),e===t.x&&n===t.y?void o.cancelAnimationFrame(t.frame):void 0}function s(l,r,n){var c,s,a,f,d,h=u();l===t.body?(c=o,s=o.scrollX||o.pageXOffset,a=o.scrollY||o.pageYOffset,f=p.scroll):(c=l,s=l.scrollLeft,a=l.scrollTop,f=e),d&&o.cancelAnimationFrame(d),i({scrollable:c,method:f,startTime:h,startX:s,startY:a,x:r,y:n,frame:d})}if(!("scrollBehavior"in t.documentElement.style)){var a=o.HTMLElement||o.Element,f=468,p={scroll:o.scroll||o.scrollTo,scrollBy:o.scrollBy,scrollIntoView:a.prototype.scrollIntoView},u=o.performance&&o.performance.now?o.performance.now.bind(o.performance):Date.now;o.scroll=o.scrollTo=function(){return n(arguments[0])?void p.scroll.call(o,arguments[0].left||arguments[0],arguments[0].top||arguments[1]):void s.call(o,t.body,~~arguments[0].left,~~arguments[0].top)},o.scrollBy=function(){return n(arguments[0])?void p.scrollBy.call(o,arguments[0].left||arguments[0],arguments[0].top||arguments[1]):void s.call(o,t.body,~~arguments[0].left+(o.scrollX||o.pageXOffset),~~arguments[0].top+(o.scrollY||o.pageYOffset))},a.prototype.scrollIntoView=function(){if(n(arguments[0]))return void p.scrollIntoView.call(this,arguments[0]||!0);var l=c(this),e=l.getBoundingClientRect(),r=this.getBoundingClientRect();l!==t.body?(s.call(this,l,l.scrollLeft+r.left-e.left,l.scrollTop+r.top-e.top),o.scrollBy({left:e.left,top:e.top,behavior:"smooth"})):o.scrollBy({left:r.left,top:r.top,behavior:"smooth"})}}}"object"==typeof exports?module.exports={polyfill:e}:e()}(window,document);
|
||||
@@ -51,7 +51,8 @@ body{
|
||||
}
|
||||
.blocs{
|
||||
overflow-y: auto;
|
||||
margin: 5px;
|
||||
// position: relative;
|
||||
margin: 2px;
|
||||
padding: 20px;
|
||||
width: $W33;
|
||||
&:nth-child(1){
|
||||
|
||||
@@ -18,6 +18,7 @@
|
||||
{% block stylesheets %}
|
||||
{% do assets.addCss('theme://css/jquery-ui.css') %}
|
||||
{% do assets.addCss('theme://css-compiled/template.css') %}
|
||||
{% do assets.addCss('theme://css/jquery.mCustomScrollbar.min.css') %}
|
||||
{% endblock %}
|
||||
|
||||
{{ assets.css() }}
|
||||
@@ -26,6 +27,7 @@
|
||||
{% do assets.addJs('jquery', 101) %}
|
||||
{% do assets.addJs('theme://js/jquery-ui.js', {group:'bottom'}) %}
|
||||
{% do assets.addJs('theme://js/site.js', {group:'bottom'}) %}
|
||||
{% do assets.addJs('theme://js/jquery.mCustomScrollbar.concat.min.js', {group:'bottom'}) %}
|
||||
{% endblock %}
|
||||
|
||||
{{ assets.js() }}
|
||||
|
||||
Reference in New Issue
Block a user