Webpack / Remove frontend dependencies from tpl/ & inc/ and move them to assets/
This commit is contained in:
ArthurHoaro
parent
9b2bd66fb6
commit
b3375c7f86
48 changed files with 19 additions and 8228 deletions
tpl
default
css
font-awesome.cssfont-awesome.min.cssgrids-responsive.cssgrids-responsive.min.csspure-extras.csspure.csspure.min.cssshaarli.css
fonts
FontAwesome.otfRoboto-Bold.woffRoboto-Bold.woff2Roboto-Regular.woffRoboto-Regular.woff2fontawesome-webfont.eotfontawesome-webfont.svgfontawesome-webfont.ttffontawesome-webfont.wofffontawesome-webfont.woff2
img
js
vintage
2086
tpl/default/css/font-awesome.css
vendored
2086
tpl/default/css/font-awesome.css
vendored
File diff suppressed because it is too large
Load diff
4
tpl/default/css/font-awesome.min.css
vendored
4
tpl/default/css/font-awesome.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,861 +0,0 @@
|
|||
/*!
|
||||
Pure v0.6.0
|
||||
Copyright 2014 Yahoo! Inc. All rights reserved.
|
||||
Licensed under the BSD License.
|
||||
https://github.com/yahoo/pure/blob/master/LICENSE.md
|
||||
*/
|
||||
@media screen and (min-width: 35.5em) {
|
||||
.pure-u-sm-1,
|
||||
.pure-u-sm-1-1,
|
||||
.pure-u-sm-1-2,
|
||||
.pure-u-sm-1-3,
|
||||
.pure-u-sm-2-3,
|
||||
.pure-u-sm-1-4,
|
||||
.pure-u-sm-3-4,
|
||||
.pure-u-sm-1-5,
|
||||
.pure-u-sm-2-5,
|
||||
.pure-u-sm-3-5,
|
||||
.pure-u-sm-4-5,
|
||||
.pure-u-sm-5-5,
|
||||
.pure-u-sm-1-6,
|
||||
.pure-u-sm-5-6,
|
||||
.pure-u-sm-1-8,
|
||||
.pure-u-sm-3-8,
|
||||
.pure-u-sm-5-8,
|
||||
.pure-u-sm-7-8,
|
||||
.pure-u-sm-1-12,
|
||||
.pure-u-sm-5-12,
|
||||
.pure-u-sm-7-12,
|
||||
.pure-u-sm-11-12,
|
||||
.pure-u-sm-1-24,
|
||||
.pure-u-sm-2-24,
|
||||
.pure-u-sm-3-24,
|
||||
.pure-u-sm-4-24,
|
||||
.pure-u-sm-5-24,
|
||||
.pure-u-sm-6-24,
|
||||
.pure-u-sm-7-24,
|
||||
.pure-u-sm-8-24,
|
||||
.pure-u-sm-9-24,
|
||||
.pure-u-sm-10-24,
|
||||
.pure-u-sm-11-24,
|
||||
.pure-u-sm-12-24,
|
||||
.pure-u-sm-13-24,
|
||||
.pure-u-sm-14-24,
|
||||
.pure-u-sm-15-24,
|
||||
.pure-u-sm-16-24,
|
||||
.pure-u-sm-17-24,
|
||||
.pure-u-sm-18-24,
|
||||
.pure-u-sm-19-24,
|
||||
.pure-u-sm-20-24,
|
||||
.pure-u-sm-21-24,
|
||||
.pure-u-sm-22-24,
|
||||
.pure-u-sm-23-24,
|
||||
.pure-u-sm-24-24 {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
zoom: 1;
|
||||
letter-spacing: normal;
|
||||
word-spacing: normal;
|
||||
vertical-align: top;
|
||||
text-rendering: auto;
|
||||
}
|
||||
|
||||
.pure-u-sm-1-24 {
|
||||
width: 4.1667%;
|
||||
*width: 4.1357%;
|
||||
}
|
||||
|
||||
.pure-u-sm-1-12,
|
||||
.pure-u-sm-2-24 {
|
||||
width: 8.3333%;
|
||||
*width: 8.3023%;
|
||||
}
|
||||
|
||||
.pure-u-sm-1-8,
|
||||
.pure-u-sm-3-24 {
|
||||
width: 12.5000%;
|
||||
*width: 12.4690%;
|
||||
}
|
||||
|
||||
.pure-u-sm-1-6,
|
||||
.pure-u-sm-4-24 {
|
||||
width: 16.6667%;
|
||||
*width: 16.6357%;
|
||||
}
|
||||
|
||||
.pure-u-sm-1-5 {
|
||||
width: 20%;
|
||||
*width: 19.9690%;
|
||||
}
|
||||
|
||||
.pure-u-sm-5-24 {
|
||||
width: 20.8333%;
|
||||
*width: 20.8023%;
|
||||
}
|
||||
|
||||
.pure-u-sm-1-4,
|
||||
.pure-u-sm-6-24 {
|
||||
width: 25%;
|
||||
*width: 24.9690%;
|
||||
}
|
||||
|
||||
.pure-u-sm-7-24 {
|
||||
width: 29.1667%;
|
||||
*width: 29.1357%;
|
||||
}
|
||||
|
||||
.pure-u-sm-1-3,
|
||||
.pure-u-sm-8-24 {
|
||||
width: 33.3333%;
|
||||
*width: 33.3023%;
|
||||
}
|
||||
|
||||
.pure-u-sm-3-8,
|
||||
.pure-u-sm-9-24 {
|
||||
width: 37.5000%;
|
||||
*width: 37.4690%;
|
||||
}
|
||||
|
||||
.pure-u-sm-2-5 {
|
||||
width: 40%;
|
||||
*width: 39.9690%;
|
||||
}
|
||||
|
||||
.pure-u-sm-5-12,
|
||||
.pure-u-sm-10-24 {
|
||||
width: 41.6667%;
|
||||
*width: 41.6357%;
|
||||
}
|
||||
|
||||
.pure-u-sm-11-24 {
|
||||
width: 45.8333%;
|
||||
*width: 45.8023%;
|
||||
}
|
||||
|
||||
.pure-u-sm-1-2,
|
||||
.pure-u-sm-12-24 {
|
||||
width: 50%;
|
||||
*width: 49.9690%;
|
||||
}
|
||||
|
||||
.pure-u-sm-13-24 {
|
||||
width: 54.1667%;
|
||||
*width: 54.1357%;
|
||||
}
|
||||
|
||||
.pure-u-sm-7-12,
|
||||
.pure-u-sm-14-24 {
|
||||
width: 58.3333%;
|
||||
*width: 58.3023%;
|
||||
}
|
||||
|
||||
.pure-u-sm-3-5 {
|
||||
width: 60%;
|
||||
*width: 59.9690%;
|
||||
}
|
||||
|
||||
.pure-u-sm-5-8,
|
||||
.pure-u-sm-15-24 {
|
||||
width: 62.5000%;
|
||||
*width: 62.4690%;
|
||||
}
|
||||
|
||||
.pure-u-sm-2-3,
|
||||
.pure-u-sm-16-24 {
|
||||
width: 66.6667%;
|
||||
*width: 66.6357%;
|
||||
}
|
||||
|
||||
.pure-u-sm-17-24 {
|
||||
width: 70.8333%;
|
||||
*width: 70.8023%;
|
||||
}
|
||||
|
||||
.pure-u-sm-3-4,
|
||||
.pure-u-sm-18-24 {
|
||||
width: 75%;
|
||||
*width: 74.9690%;
|
||||
}
|
||||
|
||||
.pure-u-sm-19-24 {
|
||||
width: 79.1667%;
|
||||
*width: 79.1357%;
|
||||
}
|
||||
|
||||
.pure-u-sm-4-5 {
|
||||
width: 80%;
|
||||
*width: 79.9690%;
|
||||
}
|
||||
|
||||
.pure-u-sm-5-6,
|
||||
.pure-u-sm-20-24 {
|
||||
width: 83.3333%;
|
||||
*width: 83.3023%;
|
||||
}
|
||||
|
||||
.pure-u-sm-7-8,
|
||||
.pure-u-sm-21-24 {
|
||||
width: 87.5000%;
|
||||
*width: 87.4690%;
|
||||
}
|
||||
|
||||
.pure-u-sm-11-12,
|
||||
.pure-u-sm-22-24 {
|
||||
width: 91.6667%;
|
||||
*width: 91.6357%;
|
||||
}
|
||||
|
||||
.pure-u-sm-23-24 {
|
||||
width: 95.8333%;
|
||||
*width: 95.8023%;
|
||||
}
|
||||
|
||||
.pure-u-sm-1,
|
||||
.pure-u-sm-1-1,
|
||||
.pure-u-sm-5-5,
|
||||
.pure-u-sm-24-24 {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 48em) {
|
||||
.pure-u-md-1,
|
||||
.pure-u-md-1-1,
|
||||
.pure-u-md-1-2,
|
||||
.pure-u-md-1-3,
|
||||
.pure-u-md-2-3,
|
||||
.pure-u-md-1-4,
|
||||
.pure-u-md-3-4,
|
||||
.pure-u-md-1-5,
|
||||
.pure-u-md-2-5,
|
||||
.pure-u-md-3-5,
|
||||
.pure-u-md-4-5,
|
||||
.pure-u-md-5-5,
|
||||
.pure-u-md-1-6,
|
||||
.pure-u-md-5-6,
|
||||
.pure-u-md-1-8,
|
||||
.pure-u-md-3-8,
|
||||
.pure-u-md-5-8,
|
||||
.pure-u-md-7-8,
|
||||
.pure-u-md-1-12,
|
||||
.pure-u-md-5-12,
|
||||
.pure-u-md-7-12,
|
||||
.pure-u-md-11-12,
|
||||
.pure-u-md-1-24,
|
||||
.pure-u-md-2-24,
|
||||
.pure-u-md-3-24,
|
||||
.pure-u-md-4-24,
|
||||
.pure-u-md-5-24,
|
||||
.pure-u-md-6-24,
|
||||
.pure-u-md-7-24,
|
||||
.pure-u-md-8-24,
|
||||
.pure-u-md-9-24,
|
||||
.pure-u-md-10-24,
|
||||
.pure-u-md-11-24,
|
||||
.pure-u-md-12-24,
|
||||
.pure-u-md-13-24,
|
||||
.pure-u-md-14-24,
|
||||
.pure-u-md-15-24,
|
||||
.pure-u-md-16-24,
|
||||
.pure-u-md-17-24,
|
||||
.pure-u-md-18-24,
|
||||
.pure-u-md-19-24,
|
||||
.pure-u-md-20-24,
|
||||
.pure-u-md-21-24,
|
||||
.pure-u-md-22-24,
|
||||
.pure-u-md-23-24,
|
||||
.pure-u-md-24-24 {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
zoom: 1;
|
||||
letter-spacing: normal;
|
||||
word-spacing: normal;
|
||||
vertical-align: top;
|
||||
text-rendering: auto;
|
||||
}
|
||||
|
||||
.pure-u-md-1-24 {
|
||||
width: 4.1667%;
|
||||
*width: 4.1357%;
|
||||
}
|
||||
|
||||
.pure-u-md-1-12,
|
||||
.pure-u-md-2-24 {
|
||||
width: 8.3333%;
|
||||
*width: 8.3023%;
|
||||
}
|
||||
|
||||
.pure-u-md-1-8,
|
||||
.pure-u-md-3-24 {
|
||||
width: 12.5000%;
|
||||
*width: 12.4690%;
|
||||
}
|
||||
|
||||
.pure-u-md-1-6,
|
||||
.pure-u-md-4-24 {
|
||||
width: 16.6667%;
|
||||
*width: 16.6357%;
|
||||
}
|
||||
|
||||
.pure-u-md-1-5 {
|
||||
width: 20%;
|
||||
*width: 19.9690%;
|
||||
}
|
||||
|
||||
.pure-u-md-5-24 {
|
||||
width: 20.8333%;
|
||||
*width: 20.8023%;
|
||||
}
|
||||
|
||||
.pure-u-md-1-4,
|
||||
.pure-u-md-6-24 {
|
||||
width: 25%;
|
||||
*width: 24.9690%;
|
||||
}
|
||||
|
||||
.pure-u-md-7-24 {
|
||||
width: 29.1667%;
|
||||
*width: 29.1357%;
|
||||
}
|
||||
|
||||
.pure-u-md-1-3,
|
||||
.pure-u-md-8-24 {
|
||||
width: 33.3333%;
|
||||
*width: 33.3023%;
|
||||
}
|
||||
|
||||
.pure-u-md-3-8,
|
||||
.pure-u-md-9-24 {
|
||||
width: 37.5000%;
|
||||
*width: 37.4690%;
|
||||
}
|
||||
|
||||
.pure-u-md-2-5 {
|
||||
width: 40%;
|
||||
*width: 39.9690%;
|
||||
}
|
||||
|
||||
.pure-u-md-5-12,
|
||||
.pure-u-md-10-24 {
|
||||
width: 41.6667%;
|
||||
*width: 41.6357%;
|
||||
}
|
||||
|
||||
.pure-u-md-11-24 {
|
||||
width: 45.8333%;
|
||||
*width: 45.8023%;
|
||||
}
|
||||
|
||||
.pure-u-md-1-2,
|
||||
.pure-u-md-12-24 {
|
||||
width: 50%;
|
||||
*width: 49.9690%;
|
||||
}
|
||||
|
||||
.pure-u-md-13-24 {
|
||||
width: 54.1667%;
|
||||
*width: 54.1357%;
|
||||
}
|
||||
|
||||
.pure-u-md-7-12,
|
||||
.pure-u-md-14-24 {
|
||||
width: 58.3333%;
|
||||
*width: 58.3023%;
|
||||
}
|
||||
|
||||
.pure-u-md-3-5 {
|
||||
width: 60%;
|
||||
*width: 59.9690%;
|
||||
}
|
||||
|
||||
.pure-u-md-5-8,
|
||||
.pure-u-md-15-24 {
|
||||
width: 62.5000%;
|
||||
*width: 62.4690%;
|
||||
}
|
||||
|
||||
.pure-u-md-2-3,
|
||||
.pure-u-md-16-24 {
|
||||
width: 66.6667%;
|
||||
*width: 66.6357%;
|
||||
}
|
||||
|
||||
.pure-u-md-17-24 {
|
||||
width: 70.8333%;
|
||||
*width: 70.8023%;
|
||||
}
|
||||
|
||||
.pure-u-md-3-4,
|
||||
.pure-u-md-18-24 {
|
||||
width: 75%;
|
||||
*width: 74.9690%;
|
||||
}
|
||||
|
||||
.pure-u-md-19-24 {
|
||||
width: 79.1667%;
|
||||
*width: 79.1357%;
|
||||
}
|
||||
|
||||
.pure-u-md-4-5 {
|
||||
width: 80%;
|
||||
*width: 79.9690%;
|
||||
}
|
||||
|
||||
.pure-u-md-5-6,
|
||||
.pure-u-md-20-24 {
|
||||
width: 83.3333%;
|
||||
*width: 83.3023%;
|
||||
}
|
||||
|
||||
.pure-u-md-7-8,
|
||||
.pure-u-md-21-24 {
|
||||
width: 87.5000%;
|
||||
*width: 87.4690%;
|
||||
}
|
||||
|
||||
.pure-u-md-11-12,
|
||||
.pure-u-md-22-24 {
|
||||
width: 91.6667%;
|
||||
*width: 91.6357%;
|
||||
}
|
||||
|
||||
.pure-u-md-23-24 {
|
||||
width: 95.8333%;
|
||||
*width: 95.8023%;
|
||||
}
|
||||
|
||||
.pure-u-md-1,
|
||||
.pure-u-md-1-1,
|
||||
.pure-u-md-5-5,
|
||||
.pure-u-md-24-24 {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 64em) {
|
||||
.pure-u-lg-1,
|
||||
.pure-u-lg-1-1,
|
||||
.pure-u-lg-1-2,
|
||||
.pure-u-lg-1-3,
|
||||
.pure-u-lg-2-3,
|
||||
.pure-u-lg-1-4,
|
||||
.pure-u-lg-3-4,
|
||||
.pure-u-lg-1-5,
|
||||
.pure-u-lg-2-5,
|
||||
.pure-u-lg-3-5,
|
||||
.pure-u-lg-4-5,
|
||||
.pure-u-lg-5-5,
|
||||
.pure-u-lg-1-6,
|
||||
.pure-u-lg-5-6,
|
||||
.pure-u-lg-1-8,
|
||||
.pure-u-lg-3-8,
|
||||
.pure-u-lg-5-8,
|
||||
.pure-u-lg-7-8,
|
||||
.pure-u-lg-1-12,
|
||||
.pure-u-lg-5-12,
|
||||
.pure-u-lg-7-12,
|
||||
.pure-u-lg-11-12,
|
||||
.pure-u-lg-1-24,
|
||||
.pure-u-lg-2-24,
|
||||
.pure-u-lg-3-24,
|
||||
.pure-u-lg-4-24,
|
||||
.pure-u-lg-5-24,
|
||||
.pure-u-lg-6-24,
|
||||
.pure-u-lg-7-24,
|
||||
.pure-u-lg-8-24,
|
||||
.pure-u-lg-9-24,
|
||||
.pure-u-lg-10-24,
|
||||
.pure-u-lg-11-24,
|
||||
.pure-u-lg-12-24,
|
||||
.pure-u-lg-13-24,
|
||||
.pure-u-lg-14-24,
|
||||
.pure-u-lg-15-24,
|
||||
.pure-u-lg-16-24,
|
||||
.pure-u-lg-17-24,
|
||||
.pure-u-lg-18-24,
|
||||
.pure-u-lg-19-24,
|
||||
.pure-u-lg-20-24,
|
||||
.pure-u-lg-21-24,
|
||||
.pure-u-lg-22-24,
|
||||
.pure-u-lg-23-24,
|
||||
.pure-u-lg-24-24 {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
zoom: 1;
|
||||
letter-spacing: normal;
|
||||
word-spacing: normal;
|
||||
vertical-align: top;
|
||||
text-rendering: auto;
|
||||
}
|
||||
|
||||
.pure-u-lg-1-24 {
|
||||
width: 4.1667%;
|
||||
*width: 4.1357%;
|
||||
}
|
||||
|
||||
.pure-u-lg-1-12,
|
||||
.pure-u-lg-2-24 {
|
||||
width: 8.3333%;
|
||||
*width: 8.3023%;
|
||||
}
|
||||
|
||||
.pure-u-lg-1-8,
|
||||
.pure-u-lg-3-24 {
|
||||
width: 12.5000%;
|
||||
*width: 12.4690%;
|
||||
}
|
||||
|
||||
.pure-u-lg-1-6,
|
||||
.pure-u-lg-4-24 {
|
||||
width: 16.6667%;
|
||||
*width: 16.6357%;
|
||||
}
|
||||
|
||||
.pure-u-lg-1-5 {
|
||||
width: 20%;
|
||||
*width: 19.9690%;
|
||||
}
|
||||
|
||||
.pure-u-lg-5-24 {
|
||||
width: 20.8333%;
|
||||
*width: 20.8023%;
|
||||
}
|
||||
|
||||
.pure-u-lg-1-4,
|
||||
.pure-u-lg-6-24 {
|
||||
width: 25%;
|
||||
*width: 24.9690%;
|
||||
}
|
||||
|
||||
.pure-u-lg-7-24 {
|
||||
width: 29.1667%;
|
||||
*width: 29.1357%;
|
||||
}
|
||||
|
||||
.pure-u-lg-1-3,
|
||||
.pure-u-lg-8-24 {
|
||||
width: 33.3333%;
|
||||
*width: 33.3023%;
|
||||
}
|
||||
|
||||
.pure-u-lg-3-8,
|
||||
.pure-u-lg-9-24 {
|
||||
width: 37.5000%;
|
||||
*width: 37.4690%;
|
||||
}
|
||||
|
||||
.pure-u-lg-2-5 {
|
||||
width: 40%;
|
||||
*width: 39.9690%;
|
||||
}
|
||||
|
||||
.pure-u-lg-5-12,
|
||||
.pure-u-lg-10-24 {
|
||||
width: 41.6667%;
|
||||
*width: 41.6357%;
|
||||
}
|
||||
|
||||
.pure-u-lg-11-24 {
|
||||
width: 45.8333%;
|
||||
*width: 45.8023%;
|
||||
}
|
||||
|
||||
.pure-u-lg-1-2,
|
||||
.pure-u-lg-12-24 {
|
||||
width: 50%;
|
||||
*width: 49.9690%;
|
||||
}
|
||||
|
||||
.pure-u-lg-13-24 {
|
||||
width: 54.1667%;
|
||||
*width: 54.1357%;
|
||||
}
|
||||
|
||||
.pure-u-lg-7-12,
|
||||
.pure-u-lg-14-24 {
|
||||
width: 58.3333%;
|
||||
*width: 58.3023%;
|
||||
}
|
||||
|
||||
.pure-u-lg-3-5 {
|
||||
width: 60%;
|
||||
*width: 59.9690%;
|
||||
}
|
||||
|
||||
.pure-u-lg-5-8,
|
||||
.pure-u-lg-15-24 {
|
||||
width: 62.5000%;
|
||||
*width: 62.4690%;
|
||||
}
|
||||
|
||||
.pure-u-lg-2-3,
|
||||
.pure-u-lg-16-24 {
|
||||
width: 66.6667%;
|
||||
*width: 66.6357%;
|
||||
}
|
||||
|
||||
.pure-u-lg-17-24 {
|
||||
width: 70.8333%;
|
||||
*width: 70.8023%;
|
||||
}
|
||||
|
||||
.pure-u-lg-3-4,
|
||||
.pure-u-lg-18-24 {
|
||||
width: 75%;
|
||||
*width: 74.9690%;
|
||||
}
|
||||
|
||||
.pure-u-lg-19-24 {
|
||||
width: 79.1667%;
|
||||
*width: 79.1357%;
|
||||
}
|
||||
|
||||
.pure-u-lg-4-5 {
|
||||
width: 80%;
|
||||
*width: 79.9690%;
|
||||
}
|
||||
|
||||
.pure-u-lg-5-6,
|
||||
.pure-u-lg-20-24 {
|
||||
width: 83.3333%;
|
||||
*width: 83.3023%;
|
||||
}
|
||||
|
||||
.pure-u-lg-7-8,
|
||||
.pure-u-lg-21-24 {
|
||||
width: 87.5000%;
|
||||
*width: 87.4690%;
|
||||
}
|
||||
|
||||
.pure-u-lg-11-12,
|
||||
.pure-u-lg-22-24 {
|
||||
width: 91.6667%;
|
||||
*width: 91.6357%;
|
||||
}
|
||||
|
||||
.pure-u-lg-23-24 {
|
||||
width: 95.8333%;
|
||||
*width: 95.8023%;
|
||||
}
|
||||
|
||||
.pure-u-lg-1,
|
||||
.pure-u-lg-1-1,
|
||||
.pure-u-lg-5-5,
|
||||
.pure-u-lg-24-24 {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 80em) {
|
||||
.pure-u-xl-1,
|
||||
.pure-u-xl-1-1,
|
||||
.pure-u-xl-1-2,
|
||||
.pure-u-xl-1-3,
|
||||
.pure-u-xl-2-3,
|
||||
.pure-u-xl-1-4,
|
||||
.pure-u-xl-3-4,
|
||||
.pure-u-xl-1-5,
|
||||
.pure-u-xl-2-5,
|
||||
.pure-u-xl-3-5,
|
||||
.pure-u-xl-4-5,
|
||||
.pure-u-xl-5-5,
|
||||
.pure-u-xl-1-6,
|
||||
.pure-u-xl-5-6,
|
||||
.pure-u-xl-1-8,
|
||||
.pure-u-xl-3-8,
|
||||
.pure-u-xl-5-8,
|
||||
.pure-u-xl-7-8,
|
||||
.pure-u-xl-1-12,
|
||||
.pure-u-xl-5-12,
|
||||
.pure-u-xl-7-12,
|
||||
.pure-u-xl-11-12,
|
||||
.pure-u-xl-1-24,
|
||||
.pure-u-xl-2-24,
|
||||
.pure-u-xl-3-24,
|
||||
.pure-u-xl-4-24,
|
||||
.pure-u-xl-5-24,
|
||||
.pure-u-xl-6-24,
|
||||
.pure-u-xl-7-24,
|
||||
.pure-u-xl-8-24,
|
||||
.pure-u-xl-9-24,
|
||||
.pure-u-xl-10-24,
|
||||
.pure-u-xl-11-24,
|
||||
.pure-u-xl-12-24,
|
||||
.pure-u-xl-13-24,
|
||||
.pure-u-xl-14-24,
|
||||
.pure-u-xl-15-24,
|
||||
.pure-u-xl-16-24,
|
||||
.pure-u-xl-17-24,
|
||||
.pure-u-xl-18-24,
|
||||
.pure-u-xl-19-24,
|
||||
.pure-u-xl-20-24,
|
||||
.pure-u-xl-21-24,
|
||||
.pure-u-xl-22-24,
|
||||
.pure-u-xl-23-24,
|
||||
.pure-u-xl-24-24 {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
zoom: 1;
|
||||
letter-spacing: normal;
|
||||
word-spacing: normal;
|
||||
vertical-align: top;
|
||||
text-rendering: auto;
|
||||
}
|
||||
|
||||
.pure-u-xl-1-24 {
|
||||
width: 4.1667%;
|
||||
*width: 4.1357%;
|
||||
}
|
||||
|
||||
.pure-u-xl-1-12,
|
||||
.pure-u-xl-2-24 {
|
||||
width: 8.3333%;
|
||||
*width: 8.3023%;
|
||||
}
|
||||
|
||||
.pure-u-xl-1-8,
|
||||
.pure-u-xl-3-24 {
|
||||
width: 12.5000%;
|
||||
*width: 12.4690%;
|
||||
}
|
||||
|
||||
.pure-u-xl-1-6,
|
||||
.pure-u-xl-4-24 {
|
||||
width: 16.6667%;
|
||||
*width: 16.6357%;
|
||||
}
|
||||
|
||||
.pure-u-xl-1-5 {
|
||||
width: 20%;
|
||||
*width: 19.9690%;
|
||||
}
|
||||
|
||||
.pure-u-xl-5-24 {
|
||||
width: 20.8333%;
|
||||
*width: 20.8023%;
|
||||
}
|
||||
|
||||
.pure-u-xl-1-4,
|
||||
.pure-u-xl-6-24 {
|
||||
width: 25%;
|
||||
*width: 24.9690%;
|
||||
}
|
||||
|
||||
.pure-u-xl-7-24 {
|
||||
width: 29.1667%;
|
||||
*width: 29.1357%;
|
||||
}
|
||||
|
||||
.pure-u-xl-1-3,
|
||||
.pure-u-xl-8-24 {
|
||||
width: 33.3333%;
|
||||
*width: 33.3023%;
|
||||
}
|
||||
|
||||
.pure-u-xl-3-8,
|
||||
.pure-u-xl-9-24 {
|
||||
width: 37.5000%;
|
||||
*width: 37.4690%;
|
||||
}
|
||||
|
||||
.pure-u-xl-2-5 {
|
||||
width: 40%;
|
||||
*width: 39.9690%;
|
||||
}
|
||||
|
||||
.pure-u-xl-5-12,
|
||||
.pure-u-xl-10-24 {
|
||||
width: 41.6667%;
|
||||
*width: 41.6357%;
|
||||
}
|
||||
|
||||
.pure-u-xl-11-24 {
|
||||
width: 45.8333%;
|
||||
*width: 45.8023%;
|
||||
}
|
||||
|
||||
.pure-u-xl-1-2,
|
||||
.pure-u-xl-12-24 {
|
||||
width: 50%;
|
||||
*width: 49.9690%;
|
||||
}
|
||||
|
||||
.pure-u-xl-13-24 {
|
||||
width: 54.1667%;
|
||||
*width: 54.1357%;
|
||||
}
|
||||
|
||||
.pure-u-xl-7-12,
|
||||
.pure-u-xl-14-24 {
|
||||
width: 58.3333%;
|
||||
*width: 58.3023%;
|
||||
}
|
||||
|
||||
.pure-u-xl-3-5 {
|
||||
width: 60%;
|
||||
*width: 59.9690%;
|
||||
}
|
||||
|
||||
.pure-u-xl-5-8,
|
||||
.pure-u-xl-15-24 {
|
||||
width: 62.5000%;
|
||||
*width: 62.4690%;
|
||||
}
|
||||
|
||||
.pure-u-xl-2-3,
|
||||
.pure-u-xl-16-24 {
|
||||
width: 66.6667%;
|
||||
*width: 66.6357%;
|
||||
}
|
||||
|
||||
.pure-u-xl-17-24 {
|
||||
width: 70.8333%;
|
||||
*width: 70.8023%;
|
||||
}
|
||||
|
||||
.pure-u-xl-3-4,
|
||||
.pure-u-xl-18-24 {
|
||||
width: 75%;
|
||||
*width: 74.9690%;
|
||||
}
|
||||
|
||||
.pure-u-xl-19-24 {
|
||||
width: 79.1667%;
|
||||
*width: 79.1357%;
|
||||
}
|
||||
|
||||
.pure-u-xl-4-5 {
|
||||
width: 80%;
|
||||
*width: 79.9690%;
|
||||
}
|
||||
|
||||
.pure-u-xl-5-6,
|
||||
.pure-u-xl-20-24 {
|
||||
width: 83.3333%;
|
||||
*width: 83.3023%;
|
||||
}
|
||||
|
||||
.pure-u-xl-7-8,
|
||||
.pure-u-xl-21-24 {
|
||||
width: 87.5000%;
|
||||
*width: 87.4690%;
|
||||
}
|
||||
|
||||
.pure-u-xl-11-12,
|
||||
.pure-u-xl-22-24 {
|
||||
width: 91.6667%;
|
||||
*width: 91.6357%;
|
||||
}
|
||||
|
||||
.pure-u-xl-23-24 {
|
||||
width: 95.8333%;
|
||||
*width: 95.8023%;
|
||||
}
|
||||
|
||||
.pure-u-xl-1,
|
||||
.pure-u-xl-1-1,
|
||||
.pure-u-xl-5-5,
|
||||
.pure-u-xl-24-24 {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
7
tpl/default/css/grids-responsive.min.css
vendored
7
tpl/default/css/grids-responsive.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,262 +0,0 @@
|
|||
/* Images */
|
||||
.pure-img-eliptical {
|
||||
border-radius: 80%;
|
||||
}
|
||||
.pure-img-rounded {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.pure-img-bordered {
|
||||
background-color: #FFFFFF;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
|
||||
/* Thumbnails */
|
||||
.pure-thumbnails li {
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
/* IE7 inline-block hack */
|
||||
*zoom: 1;
|
||||
vertical-align: top;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding: 0.5em;
|
||||
}
|
||||
.pure-thumbnails {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.pure-thumbnails a:focus {
|
||||
outline: 0 none;
|
||||
}
|
||||
|
||||
.pure-thumb {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
.pure-thumb img {
|
||||
max-width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
vertical-align: middle; /* this will remove a thin line below the image */
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.pure-thumb-bordered {
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.pure-thumb .caption {
|
||||
text-align: left;
|
||||
display: block;
|
||||
margin: 0 5px 6px;
|
||||
|
||||
}
|
||||
.pure-thumb .caption p {
|
||||
margin: 0.3em 0 0;
|
||||
font-size: 75%;
|
||||
}
|
||||
.pure-thumb .caption .caption-head {
|
||||
font-weight: bold;
|
||||
margin-top: 0.3em;
|
||||
}
|
||||
|
||||
.pure-thumb-eliptical img {
|
||||
border-radius: 50%;
|
||||
}
|
||||
.pure-thumb-rounded img {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
/* Badges/Pills */
|
||||
.pure-badge,
|
||||
.pure-badge-error,
|
||||
.pure-badge-warning,
|
||||
.pure-badge-success,
|
||||
.pure-badge-info,
|
||||
.pure-badge-inverse {
|
||||
padding: 0.35em 0.9em 0.35em;
|
||||
background-color: #9D988E;
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
font-size: 11.844px;
|
||||
font-weight: bold;
|
||||
line-height: 1.2em;
|
||||
vertical-align: baseline;
|
||||
white-space: nowrap;
|
||||
border-radius: 20px;
|
||||
margin: 0.2em;
|
||||
}
|
||||
.pure-badge-error {
|
||||
background-color: #D13C38;
|
||||
}
|
||||
.pure-badge-warning {
|
||||
background-color: #E78C05;
|
||||
}
|
||||
.pure-badge-success {
|
||||
background-color: rgb(83, 180, 79);
|
||||
}
|
||||
.pure-badge-info {
|
||||
background-color: rgb(18, 169, 218);
|
||||
}
|
||||
.pure-badge-inverse {
|
||||
background-color: #4D370C;
|
||||
}
|
||||
|
||||
/* Alerts */
|
||||
.pure-alert {
|
||||
position: relative;
|
||||
margin-bottom: 1em;
|
||||
padding: 1em;
|
||||
background: #ccc;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.pure-alert label {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
/* IE7 inline-block hack */
|
||||
*zoom: 1;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.pure-alert {
|
||||
background-color: rgb(209, 235, 238);
|
||||
color: rgb(102, 131, 145);
|
||||
}
|
||||
.pure-alert-error {
|
||||
background-color: #D13C38;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.pure-alert-warning {
|
||||
background-color: rgb(250, 191, 103);
|
||||
color: rgb(151, 96, 13);
|
||||
}
|
||||
|
||||
.pure-alert-success {
|
||||
background-color: rgb(83, 180, 79);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
/* Contextual Modals */
|
||||
|
||||
.pure-popover {
|
||||
position: relative;
|
||||
width: 300px;
|
||||
background-color: #f0f1f3;
|
||||
color: #2f3034;
|
||||
padding: 15px;
|
||||
border: 1px solid #bfc0c8;
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
||||
box-padding: border-box;
|
||||
-webkit-background-clip: padding-box;
|
||||
-moz-background-clip: padding;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.pure-arrow-border, .pure-arrow {
|
||||
border-style: solid;
|
||||
border-width: 10px;
|
||||
height:0;
|
||||
width:0;
|
||||
position:absolute;
|
||||
}
|
||||
|
||||
|
||||
/* POPOVER ARROW POSITIONING BOTTOM */
|
||||
|
||||
.pure-popover.bottom .pure-arrow-border {
|
||||
border-color: #bfc0c8 transparent transparent transparent;
|
||||
bottom: -20px;
|
||||
left: 50%;
|
||||
}
|
||||
.pure-popover.bottom .pure-arrow {
|
||||
border-color: #f0f1f3 transparent transparent transparent;
|
||||
bottom:-19px;
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
/* POPOVER ARROW POSITIONING TOP*/
|
||||
|
||||
.pure-popover.top .pure-arrow-border {
|
||||
border-color: transparent transparent #bfc0c8 transparent;
|
||||
top: -21px;
|
||||
left: 50%;
|
||||
}
|
||||
.pure-popover.top .pure-arrow {
|
||||
border-color: transparent transparent #f0f1f3 transparent;
|
||||
top:-20px;
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
/* POPOVER ARROW POSITIONING RIGHT*/
|
||||
|
||||
.pure-popover.right .pure-arrow-border {
|
||||
border-color: transparent transparent transparent #bfc0c8;
|
||||
top: 45%;
|
||||
right: -21px;
|
||||
}
|
||||
.pure-popover.right .pure-arrow {
|
||||
border-color: transparent transparent transparent #f0f1f3;
|
||||
top:45%;
|
||||
right: -20px;
|
||||
}
|
||||
|
||||
|
||||
/* POPOVER ARROW POSITIONING LEFT*/
|
||||
|
||||
.pure-popover.left .pure-arrow-border {
|
||||
border-color: transparent #bfc0c8 transparent transparent;
|
||||
top: 45%;
|
||||
left: -21px;
|
||||
}
|
||||
.pure-popover.left .pure-arrow {
|
||||
border-color: transparent #f0f1f3 transparent transparent;
|
||||
top:45%;
|
||||
left: -20px;
|
||||
}
|
||||
|
||||
|
||||
/* BUTTON IMPROVEMENTS */
|
||||
.pure-button-block {
|
||||
display: block;
|
||||
}
|
||||
.pure-button-small {
|
||||
padding: .6em 2em .65em;
|
||||
font-size:70%;
|
||||
}
|
||||
.pure-button-large {
|
||||
padding: .8em 5em .9em;
|
||||
font-size:110%;
|
||||
}
|
||||
.pure-button-selected {
|
||||
background-color: #345fcb;
|
||||
color: #fff;
|
||||
}
|
||||
.pure-button-secondary {
|
||||
background: rgb(161, 195, 238);
|
||||
color: rgb(26, 88, 122);
|
||||
}
|
||||
.pure-button-error {
|
||||
background: rgb(214, 86, 75);
|
||||
color: white;
|
||||
}
|
||||
.pure-button-success {
|
||||
background: rgb(54, 197, 71);
|
||||
color: white;
|
||||
}
|
||||
.pure-button-warning {
|
||||
background: rgb(255, 163, 0);
|
||||
color: white;
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load diff
11
tpl/default/css/pure.min.css
vendored
11
tpl/default/css/pure.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load diff
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load diff
|
Before 
(image error) Size: 434 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before 
(image error) Size: 18 KiB |
Binary file not shown.
|
Before 
(image error) Size: 41 KiB |
Binary file not shown.
|
Before 
(image error) Size: 530 B |
Binary file not shown.
|
Before 
(image error) Size: 6.9 KiB |
|
|
@ -1,664 +0,0 @@
|
|||
/** @licstart The following is the entire license notice for the
|
||||
* JavaScript code in this page.
|
||||
*
|
||||
* Copyright: (c) 2011-2015 Sébastien SAUVAGE <sebsauvage@sebsauvage.net>
|
||||
* (c) 2011-2017 The Shaarli Community, see AUTHORS
|
||||
*
|
||||
* This software is provided 'as-is', without any express or implied warranty.
|
||||
* In no event will the authors be held liable for any damages arising from
|
||||
* the use of this software.
|
||||
*
|
||||
* Permission is granted to anyone to use this software for any purpose,
|
||||
* including commercial applications, and to alter it and redistribute it
|
||||
* freely, subject to the following restrictions:
|
||||
*
|
||||
* 1. The origin of this software must not be misrepresented; you must not
|
||||
* claim that you wrote the original software. If you use this software
|
||||
* in a product, an acknowledgment in the product documentation would
|
||||
* be appreciated but is not required.
|
||||
*
|
||||
* 2. Altered source versions must be plainly marked as such, and must
|
||||
* not be misrepresented as being the original software.
|
||||
*
|
||||
* 3. This notice may not be removed or altered from any source distribution.
|
||||
*
|
||||
* @licend The above is the entire license notice
|
||||
* for the JavaScript code in this page.
|
||||
*/
|
||||
|
||||
window.onload = function () {
|
||||
|
||||
/**
|
||||
* Retrieve an element up in the tree from its class name.
|
||||
*/
|
||||
function getParentByClass(el, className) {
|
||||
var p = el.parentNode;
|
||||
if (p == null || p.classList.contains(className)) {
|
||||
return p;
|
||||
}
|
||||
return getParentByClass(p, className);
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Handle responsive menu.
|
||||
* Source: http://purecss.io/layouts/tucked-menu-vertical/
|
||||
*/
|
||||
(function (window, document) {
|
||||
var menu = document.getElementById('shaarli-menu'),
|
||||
WINDOW_CHANGE_EVENT = ('onorientationchange' in window) ? 'orientationchange':'resize';
|
||||
|
||||
function toggleHorizontal() {
|
||||
[].forEach.call(
|
||||
document.getElementById('shaarli-menu').querySelectorAll('.menu-transform'),
|
||||
function(el){
|
||||
el.classList.toggle('pure-menu-horizontal');
|
||||
}
|
||||
);
|
||||
};
|
||||
|
||||
function toggleMenu() {
|
||||
// set timeout so that the panel has a chance to roll up
|
||||
// before the menu switches states
|
||||
if (menu.classList.contains('open')) {
|
||||
setTimeout(toggleHorizontal, 500);
|
||||
}
|
||||
else {
|
||||
toggleHorizontal();
|
||||
}
|
||||
menu.classList.toggle('open');
|
||||
document.getElementById('menu-toggle').classList.toggle('x');
|
||||
};
|
||||
|
||||
function closeMenu() {
|
||||
if (menu.classList.contains('open')) {
|
||||
toggleMenu();
|
||||
}
|
||||
}
|
||||
|
||||
var menuToggle = document.getElementById('menu-toggle');
|
||||
if (menuToggle != null) {
|
||||
menuToggle.addEventListener('click', function (e) {
|
||||
toggleMenu();
|
||||
});
|
||||
}
|
||||
|
||||
window.addEventListener(WINDOW_CHANGE_EVENT, closeMenu);
|
||||
})(this, this.document);
|
||||
|
||||
/**
|
||||
* Fold/Expand shaares description and thumbnail.
|
||||
*/
|
||||
var foldAllButtons = document.getElementsByClassName('fold-all');
|
||||
var foldButtons = document.getElementsByClassName('fold-button');
|
||||
|
||||
[].forEach.call(foldButtons, function (foldButton) {
|
||||
// Retrieve description
|
||||
var description = null;
|
||||
var thumbnail = null;
|
||||
var linklistItem = getParentByClass(foldButton, 'linklist-item');
|
||||
if (linklistItem != null) {
|
||||
description = linklistItem.querySelector('.linklist-item-description');
|
||||
thumbnail = linklistItem.querySelector('.linklist-item-thumbnail');
|
||||
if (description != null || thumbnail != null) {
|
||||
foldButton.style.display = 'inline';
|
||||
}
|
||||
}
|
||||
|
||||
foldButton.addEventListener('click', function (event) {
|
||||
event.preventDefault();
|
||||
toggleFold(event.target, description, thumbnail);
|
||||
});
|
||||
});
|
||||
|
||||
if (foldAllButtons != null) {
|
||||
[].forEach.call(foldAllButtons, function (foldAllButton) {
|
||||
foldAllButton.addEventListener('click', function (event) {
|
||||
event.preventDefault();
|
||||
var state = foldAllButton.firstElementChild.getAttribute('class').indexOf('down') != -1 ? 'down' : 'up';
|
||||
[].forEach.call(foldButtons, function (foldButton) {
|
||||
if (foldButton.firstElementChild.classList.contains('fa-chevron-up') && state == 'down'
|
||||
|| foldButton.firstElementChild.classList.contains('fa-chevron-down') && state == 'up'
|
||||
) {
|
||||
return;
|
||||
}
|
||||
// Retrieve description
|
||||
var description = null;
|
||||
var thumbnail = null;
|
||||
var linklistItem = getParentByClass(foldButton, 'linklist-item');
|
||||
if (linklistItem != null) {
|
||||
description = linklistItem.querySelector('.linklist-item-description');
|
||||
thumbnail = linklistItem.querySelector('.linklist-item-thumbnail');
|
||||
if (description != null || thumbnail != null) {
|
||||
foldButton.style.display = 'inline';
|
||||
}
|
||||
}
|
||||
|
||||
toggleFold(foldButton.firstElementChild, description, thumbnail);
|
||||
});
|
||||
foldAllButton.firstElementChild.classList.toggle('fa-chevron-down');
|
||||
foldAllButton.firstElementChild.classList.toggle('fa-chevron-up');
|
||||
foldAllButton.title = state === 'down'
|
||||
? document.getElementById('translation-fold-all').innerHTML
|
||||
: document.getElementById('translation-expand-all').innerHTML
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function toggleFold(button, description, thumb)
|
||||
{
|
||||
// Switch fold/expand - up = fold
|
||||
if (button.classList.contains('fa-chevron-up')) {
|
||||
button.title = document.getElementById('translation-expand').innerHTML;
|
||||
if (description != null) {
|
||||
description.style.display = 'none';
|
||||
}
|
||||
if (thumb != null) {
|
||||
thumb.style.display = 'none';
|
||||
}
|
||||
}
|
||||
else {
|
||||
button.title = document.getElementById('translation-fold').innerHTML;
|
||||
if (description != null) {
|
||||
description.style.display = 'block';
|
||||
}
|
||||
if (thumb != null) {
|
||||
thumb.style.display = 'block';
|
||||
}
|
||||
}
|
||||
button.classList.toggle('fa-chevron-down');
|
||||
button.classList.toggle('fa-chevron-up');
|
||||
}
|
||||
|
||||
/**
|
||||
* Confirmation message before deletion.
|
||||
*/
|
||||
var deleteLinks = document.querySelectorAll('.confirm-delete');
|
||||
[].forEach.call(deleteLinks, function(deleteLink) {
|
||||
deleteLink.addEventListener('click', function(event) {
|
||||
if(! confirm(document.getElementById('translation-delete-link').innerHTML)) {
|
||||
event.preventDefault();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/**
|
||||
* Close alerts
|
||||
*/
|
||||
var closeLinks = document.querySelectorAll('.pure-alert-close');
|
||||
[].forEach.call(closeLinks, function(closeLink) {
|
||||
closeLink.addEventListener('click', function(event) {
|
||||
var alert = getParentByClass(event.target, 'pure-alert-closable');
|
||||
alert.style.display = 'none';
|
||||
});
|
||||
});
|
||||
|
||||
/**
|
||||
* New version dismiss.
|
||||
* Hide the message for one week using localStorage.
|
||||
*/
|
||||
var newVersionDismiss = document.getElementById('new-version-dismiss');
|
||||
var newVersionMessage = document.querySelector('.new-version-message');
|
||||
if (newVersionMessage != null
|
||||
&& localStorage.getItem('newVersionDismiss') != null
|
||||
&& parseInt(localStorage.getItem('newVersionDismiss')) + 7*24*60*60*1000 > (new Date()).getTime()
|
||||
) {
|
||||
newVersionMessage.style.display = 'none';
|
||||
}
|
||||
if (newVersionDismiss != null) {
|
||||
newVersionDismiss.addEventListener('click', function () {
|
||||
localStorage.setItem('newVersionDismiss', (new Date()).getTime());
|
||||
});
|
||||
}
|
||||
|
||||
var hiddenReturnurl = document.getElementsByName('returnurl');
|
||||
if (hiddenReturnurl != null) {
|
||||
hiddenReturnurl.value = window.location.href;
|
||||
}
|
||||
|
||||
/**
|
||||
* Autofocus text fields
|
||||
*/
|
||||
var autofocusElements = document.querySelectorAll('.autofocus');
|
||||
var breakLoop = false;
|
||||
[].forEach.call(autofocusElements, function(autofocusElement) {
|
||||
if (autofocusElement.value == '' && ! breakLoop) {
|
||||
autofocusElement.focus();
|
||||
breakLoop = true;
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* Handle sub menus/forms
|
||||
*/
|
||||
var openers = document.getElementsByClassName('subheader-opener');
|
||||
if (openers != null) {
|
||||
[].forEach.call(openers, function(opener) {
|
||||
opener.addEventListener('click', function(event) {
|
||||
event.preventDefault();
|
||||
|
||||
var id = opener.getAttribute('data-open-id');
|
||||
var sub = document.getElementById(id);
|
||||
|
||||
if (sub != null) {
|
||||
[].forEach.call(document.getElementsByClassName('subheader-form'), function (element) {
|
||||
if (element != sub) {
|
||||
removeClass(element, 'open')
|
||||
}
|
||||
});
|
||||
|
||||
sub.classList.toggle('open');
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function removeClass(element, classname) {
|
||||
element.className = element.className.replace(new RegExp('(?:^|\\s)'+ classname + '(?:\\s|$)'), ' ');
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove CSS target padding (for fixed bar)
|
||||
*/
|
||||
if (location.hash != '') {
|
||||
var anchor = document.getElementById(location.hash.substr(1));
|
||||
if (anchor != null) {
|
||||
var padsize = anchor.clientHeight;
|
||||
this.window.scroll(0, this.window.scrollY - padsize);
|
||||
anchor.style.paddingTop = 0;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Text area resizer
|
||||
*/
|
||||
var description = document.getElementById('lf_description');
|
||||
var observe = function (element, event, handler) {
|
||||
element.addEventListener(event, handler, false);
|
||||
};
|
||||
function init () {
|
||||
function resize () {
|
||||
/* Fix jumpy resizing: https://stackoverflow.com/a/18262927/1484919 */
|
||||
var scrollTop = window.pageYOffset ||
|
||||
(document.documentElement || document.body.parentNode || document.body).scrollTop;
|
||||
|
||||
description.style.height = 'auto';
|
||||
description.style.height = description.scrollHeight+10+'px';
|
||||
|
||||
window.scrollTo(0, scrollTop);
|
||||
}
|
||||
/* 0-timeout to get the already changed text */
|
||||
function delayedResize () {
|
||||
window.setTimeout(resize, 0);
|
||||
}
|
||||
observe(description, 'change', resize);
|
||||
observe(description, 'cut', delayedResize);
|
||||
observe(description, 'paste', delayedResize);
|
||||
observe(description, 'drop', delayedResize);
|
||||
observe(description, 'keydown', delayedResize);
|
||||
|
||||
resize();
|
||||
}
|
||||
|
||||
if (description != null) {
|
||||
init();
|
||||
// Submit editlink form with CTRL + Enter in the text area.
|
||||
description.addEventListener('keydown', function (event) {
|
||||
if (event.ctrlKey && event.keyCode === 13) {
|
||||
document.getElementById('button-save-edit').click();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Awesomplete trigger.
|
||||
*/
|
||||
var tags = document.getElementById('lf_tags');
|
||||
if (tags != null) {
|
||||
awesompleteUniqueTag('#lf_tags');
|
||||
}
|
||||
|
||||
/**
|
||||
* bLazy trigger
|
||||
*/
|
||||
var picwall = document.getElementById('picwall_container');
|
||||
if (picwall != null) {
|
||||
var bLazy = new Blazy();
|
||||
}
|
||||
|
||||
/**
|
||||
* Bookmarklet alert
|
||||
*/
|
||||
var bookmarkletLinks = document.querySelectorAll('.bookmarklet-link');
|
||||
var bkmMessage = document.getElementById('bookmarklet-alert');
|
||||
[].forEach.call(bookmarkletLinks, function(link) {
|
||||
link.addEventListener('click', function(event) {
|
||||
event.preventDefault();
|
||||
alert(bkmMessage.value);
|
||||
});
|
||||
});
|
||||
|
||||
/**
|
||||
* Firefox Social
|
||||
*/
|
||||
var ffButton = document.getElementById('ff-social-button');
|
||||
if (ffButton != null) {
|
||||
ffButton.addEventListener('click', function(event) {
|
||||
activateFirefoxSocial(event.target);
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Plugin admin order
|
||||
*/
|
||||
var orderPA = document.querySelectorAll('.order');
|
||||
[].forEach.call(orderPA, function(link) {
|
||||
link.addEventListener('click', function(event) {
|
||||
event.preventDefault();
|
||||
if (event.target.classList.contains('order-up')) {
|
||||
return orderUp(event.target.parentNode.parentNode.getAttribute('data-order'));
|
||||
} else if (event.target.classList.contains('order-down')) {
|
||||
return orderDown(event.target.parentNode.parentNode.getAttribute('data-order'));
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
var continent = document.getElementById('continent');
|
||||
var city = document.getElementById('city');
|
||||
if (continent != null && city != null) {
|
||||
continent.addEventListener('change', function (event) {
|
||||
hideTimezoneCities(city, continent.options[continent.selectedIndex].value, true);
|
||||
});
|
||||
hideTimezoneCities(city, continent.options[continent.selectedIndex].value, false);
|
||||
}
|
||||
|
||||
/**
|
||||
* Bulk actions
|
||||
*/
|
||||
var linkCheckboxes = document.querySelectorAll('.delete-checkbox');
|
||||
var bar = document.getElementById('actions');
|
||||
[].forEach.call(linkCheckboxes, function(checkbox) {
|
||||
checkbox.style.display = 'inline-block';
|
||||
checkbox.addEventListener('click', function(event) {
|
||||
var count = 0;
|
||||
var linkCheckedCheckboxes = document.querySelectorAll('.delete-checkbox:checked');
|
||||
[].forEach.call(linkCheckedCheckboxes, function(checkbox) {
|
||||
count++;
|
||||
});
|
||||
if (count == 0 && bar.classList.contains('open')) {
|
||||
bar.classList.toggle('open');
|
||||
} else if (count > 0 && ! bar.classList.contains('open')) {
|
||||
bar.classList.toggle('open');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
var deleteButton = document.getElementById('actions-delete');
|
||||
var token = document.querySelector('input[type="hidden"][name="token"]');
|
||||
if (deleteButton != null && token != null) {
|
||||
deleteButton.addEventListener('click', function(event) {
|
||||
event.preventDefault();
|
||||
|
||||
var links = [];
|
||||
var linkCheckedCheckboxes = document.querySelectorAll('.delete-checkbox:checked');
|
||||
[].forEach.call(linkCheckedCheckboxes, function(checkbox) {
|
||||
links.push({
|
||||
'id': checkbox.value,
|
||||
'title': document.querySelector('.linklist-item[data-id="'+ checkbox.value +'"] .linklist-link').innerHTML
|
||||
});
|
||||
});
|
||||
|
||||
var message = 'Are you sure you want to delete '+ links.length +' links?\n';
|
||||
message += 'This action is IRREVERSIBLE!\n\nTitles:\n';
|
||||
var ids = [];
|
||||
links.forEach(function(item) {
|
||||
message += ' - '+ item['title'] +'\n';
|
||||
ids.push(item['id']);
|
||||
});
|
||||
|
||||
if (window.confirm(message)) {
|
||||
window.location = '?delete_link&lf_linkdate='+ ids.join('+') +'&token='+ token.value;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Tag list operations
|
||||
*
|
||||
* TODO: support error code in the backend for AJAX requests
|
||||
*/
|
||||
var tagList = document.querySelector('input[name="taglist"]');
|
||||
var existingTags = tagList ? tagList.value.split(' ') : [];
|
||||
var awesomepletes = [];
|
||||
|
||||
// Display/Hide rename form
|
||||
var renameTagButtons = document.querySelectorAll('.rename-tag');
|
||||
[].forEach.call(renameTagButtons, function(rename) {
|
||||
rename.addEventListener('click', function(event) {
|
||||
event.preventDefault();
|
||||
var block = findParent(event.target, 'div', {'class': 'tag-list-item'});
|
||||
var form = block.querySelector('.rename-tag-form');
|
||||
if (form.style.display == 'none' || form.style.display == '') {
|
||||
form.style.display = 'block';
|
||||
} else {
|
||||
form.style.display = 'none';
|
||||
}
|
||||
block.querySelector('input').focus();
|
||||
});
|
||||
});
|
||||
|
||||
// Rename a tag with an AJAX request
|
||||
var renameTagSubmits = document.querySelectorAll('.validate-rename-tag');
|
||||
[].forEach.call(renameTagSubmits, function(rename) {
|
||||
rename.addEventListener('click', function(event) {
|
||||
event.preventDefault();
|
||||
var block = findParent(event.target, 'div', {'class': 'tag-list-item'});
|
||||
var input = block.querySelector('.rename-tag-input');
|
||||
var totag = input.value.replace('/"/g', '\\"');
|
||||
if (totag.trim() == '') {
|
||||
return;
|
||||
}
|
||||
var fromtag = block.getAttribute('data-tag');
|
||||
var token = document.getElementById('token').value;
|
||||
|
||||
xhr = new XMLHttpRequest();
|
||||
xhr.open('POST', '?do=changetag');
|
||||
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
|
||||
xhr.onload = function() {
|
||||
if (xhr.status !== 200) {
|
||||
alert('An error occurred. Return code: '+ xhr.status);
|
||||
location.reload();
|
||||
} else {
|
||||
block.setAttribute('data-tag', totag);
|
||||
input.setAttribute('name', totag);
|
||||
input.setAttribute('value', totag);
|
||||
findParent(input, 'div', {'class': 'rename-tag-form'}).style.display = 'none';
|
||||
block.querySelector('a.tag-link').innerHTML = htmlEntities(totag);
|
||||
block.querySelector('a.tag-link').setAttribute('href', '?searchtags='+ encodeURIComponent(totag));
|
||||
block.querySelector('a.rename-tag').setAttribute('href', '?do=changetag&fromtag='+ encodeURIComponent(totag));
|
||||
|
||||
// Refresh awesomplete values
|
||||
for (var key in existingTags) {
|
||||
if (existingTags[key] == fromtag) {
|
||||
existingTags[key] = totag;
|
||||
}
|
||||
}
|
||||
awesomepletes = updateAwesompleteList('.rename-tag-input', existingTags, awesomepletes);
|
||||
}
|
||||
};
|
||||
xhr.send('renametag=1&fromtag='+ encodeURIComponent(fromtag) +'&totag='+ encodeURIComponent(totag) +'&token='+ token);
|
||||
refreshToken();
|
||||
});
|
||||
});
|
||||
|
||||
// Validate input with enter key
|
||||
var renameTagInputs = document.querySelectorAll('.rename-tag-input');
|
||||
[].forEach.call(renameTagInputs, function(rename) {
|
||||
|
||||
rename.addEventListener('keypress', function(event) {
|
||||
if (event.keyCode === 13) { // enter
|
||||
findParent(event.target, 'div', {'class': 'tag-list-item'}).querySelector('.validate-rename-tag').click();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Delete a tag with an AJAX query (alert popup confirmation)
|
||||
var deleteTagButtons = document.querySelectorAll('.delete-tag');
|
||||
[].forEach.call(deleteTagButtons, function(rename) {
|
||||
rename.style.display = 'inline';
|
||||
rename.addEventListener('click', function(event) {
|
||||
event.preventDefault();
|
||||
var block = findParent(event.target, 'div', {'class': 'tag-list-item'});
|
||||
var tag = block.getAttribute('data-tag');
|
||||
var token = document.getElementById('token').value;
|
||||
|
||||
if (confirm('Are you sure you want to delete the tag "'+ tag +'"?')) {
|
||||
xhr = new XMLHttpRequest();
|
||||
xhr.open('POST', '?do=changetag');
|
||||
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
|
||||
xhr.onload = function() {
|
||||
block.remove();
|
||||
};
|
||||
xhr.send(encodeURI('deletetag=1&fromtag='+ tag +'&token='+ token));
|
||||
refreshToken();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
updateAwesompleteList('.rename-tag-input', existingTags, awesomepletes);
|
||||
};
|
||||
|
||||
/**
|
||||
* Find a parent element according to its tag and its attributes
|
||||
*
|
||||
* @param element Element where to start the search
|
||||
* @param tagName Expected parent tag name
|
||||
* @param attributes Associative array of expected attributes (name=>value).
|
||||
*
|
||||
* @returns Found element or null.
|
||||
*/
|
||||
function findParent(element, tagName, attributes)
|
||||
{
|
||||
while (element) {
|
||||
if (element.tagName.toLowerCase() == tagName) {
|
||||
var match = true;
|
||||
for (var key in attributes) {
|
||||
if (! element.hasAttribute(key)
|
||||
|| (attributes[key] != '' && element.getAttribute(key).indexOf(attributes[key]) == -1)
|
||||
) {
|
||||
match = false;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (match) {
|
||||
return element;
|
||||
}
|
||||
}
|
||||
element = element.parentElement;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
/**
|
||||
* Ajax request to refresh the CSRF token.
|
||||
*/
|
||||
function refreshToken()
|
||||
{
|
||||
var xhr = new XMLHttpRequest();
|
||||
xhr.open('GET', '?do=token');
|
||||
xhr.onload = function() {
|
||||
var token = document.getElementById('token');
|
||||
token.setAttribute('value', xhr.responseText);
|
||||
};
|
||||
xhr.send();
|
||||
}
|
||||
|
||||
/**
|
||||
* Update awesomplete list of tag for all elements matching the given selector
|
||||
*
|
||||
* @param selector CSS selector
|
||||
* @param tags Array of tags
|
||||
* @param instances List of existing awesomplete instances
|
||||
*/
|
||||
function updateAwesompleteList(selector, tags, instances)
|
||||
{
|
||||
// First load: create Awesomplete instances
|
||||
if (instances.length == 0) {
|
||||
var elements = document.querySelectorAll(selector);
|
||||
[].forEach.call(elements, function (element) {
|
||||
instances.push(new Awesomplete(
|
||||
element,
|
||||
{'list': tags}
|
||||
));
|
||||
});
|
||||
} else {
|
||||
// Update awesomplete tag list
|
||||
for (var key in instances) {
|
||||
instances[key].list = tags;
|
||||
}
|
||||
}
|
||||
return instances;
|
||||
}
|
||||
|
||||
/**
|
||||
* html_entities in JS
|
||||
*
|
||||
* @see http://stackoverflow.com/questions/18749591/encode-html-entities-in-javascript
|
||||
*/
|
||||
function htmlEntities(str)
|
||||
{
|
||||
return str.replace(/[\u00A0-\u9999<>\&]/gim, function(i) {
|
||||
return '&#'+i.charCodeAt(0)+';';
|
||||
});
|
||||
}
|
||||
|
||||
function activateFirefoxSocial(node) {
|
||||
var loc = location.href;
|
||||
var baseURL = loc.substring(0, loc.lastIndexOf("/") + 1);
|
||||
var title = document.title;
|
||||
|
||||
// Keeping the data separated (ie. not in the DOM) so that it's maintainable and diffable.
|
||||
var data = {
|
||||
name: title,
|
||||
description: document.getElementById('translation-delete-link').innerHTML,
|
||||
author: "Shaarli",
|
||||
version: "1.0.0",
|
||||
|
||||
iconURL: baseURL + "/images/favicon.ico",
|
||||
icon32URL: baseURL + "/images/favicon.ico",
|
||||
icon64URL: baseURL + "/images/favicon.ico",
|
||||
|
||||
shareURL: baseURL + "?post=%{url}&title=%{title}&description=%{text}&source=firefoxsocialapi",
|
||||
homepageURL: baseURL
|
||||
};
|
||||
node.setAttribute("data-service", JSON.stringify(data));
|
||||
|
||||
var activate = new CustomEvent("ActivateSocialFeature");
|
||||
node.dispatchEvent(activate);
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the class 'hidden' to city options not attached to the current selected continent.
|
||||
*
|
||||
* @param cities List of <option> elements
|
||||
* @param currentContinent Current selected continent
|
||||
* @param reset Set to true to reset the selected value
|
||||
*/
|
||||
function hideTimezoneCities(cities, currentContinent) {
|
||||
var first = true;
|
||||
if (reset == null) {
|
||||
reset = false;
|
||||
}
|
||||
[].forEach.call(cities, function (option) {
|
||||
if (option.getAttribute('data-continent') != currentContinent) {
|
||||
option.className = 'hidden';
|
||||
} else {
|
||||
option.className = '';
|
||||
if (reset === true && first === true) {
|
||||
option.setAttribute('selected', 'selected');
|
||||
first = false;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
/* CSS Reset from Yahoo to cope with browsers CSS inconsistencies. */
|
||||
/*
|
||||
Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html
|
||||
version: 2.8.2r1
|
||||
*/
|
||||
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
|
||||
File diff suppressed because it is too large
Load diff
Binary file not shown.
|
Before 
(image error) Size: 599 B |
Binary file not shown.
|
Before 
(image error) Size: 124 KiB |
Binary file not shown.
|
Before 
(image error) Size: 650 B |
Binary file not shown.
|
Before 
(image error) Size: 1.3 KiB |
Binary file not shown.
|
Before 
(image error) Size: 1.3 KiB |
Binary file not shown.
|
Before 
(image error) Size: 813 B |
Binary file not shown.
|
Before 
(image error) Size: 720 B |
Binary file not shown.
|
Before 
(image error) Size: 1.2 KiB |
Binary file not shown.
|
Before 
(image error) Size: 714 B |
|
|
@ -1,32 +0,0 @@
|
|||
window.onload = function () {
|
||||
var continent = document.getElementById('continent');
|
||||
var city = document.getElementById('city');
|
||||
if (continent != null && city != null) {
|
||||
continent.addEventListener('change', function(event) {
|
||||
hideTimezoneCities(city, continent.options[continent.selectedIndex].value, true);
|
||||
});
|
||||
hideTimezoneCities(city, continent.options[continent.selectedIndex].value, false);
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Add the class 'hidden' to city options not attached to the current selected continent.
|
||||
*
|
||||
* @param cities List of <option> elements
|
||||
* @param currentContinent Current selected continent
|
||||
* @param reset Set to true to reset the selected value
|
||||
*/
|
||||
function hideTimezoneCities(cities, currentContinent, reset = false) {
|
||||
var first = true;
|
||||
[].forEach.call(cities, function(option) {
|
||||
if (option.getAttribute('data-continent') != currentContinent) {
|
||||
option.className = 'hidden';
|
||||
} else {
|
||||
option.className = '';
|
||||
if (reset === true && first === true) {
|
||||
option.setAttribute('selected', 'selected');
|
||||
first = false;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue