Squashed commit of the following:
commit a4711e7017e918d3568c3eeaa1f91281e559fd58
Author: Fraenkiman <frank.pcn@gmail.com>
Date: Mon Aug 21 00:41:09 2023 +0200
other small adjustments
- BBcode-Facebook-Viedo now uses the latest video player API and the lazy loading mechanism of the browser
- Added background-attachment: fix workaround for mobile devices
- small fixes to be valid with CSS3
commit 00c0e3740349996823fb31ec80be79dceccae61d
Author: Fraenkiman <frank.pcn@gmail.com>
Date: Fri Aug 18 20:14:05 2023 +0200
Update plugin.bbcode.php
- BBcode-Facebook-Viedo now uses the latest video player API and the lazy loading mechanism of the browser
commit d8688ab2f22a855461142b4533cffd553d6283ee
Author: Fraenkiman <frank.pcn@gmail.com>
Date: Fri Aug 18 00:18:19 2023 +0200
Update plugin.fpprotect.php
- FP-Protect allows full-screen playback of embedded videos
commit b4ccc4a021e6437db0c78ceebe2d257760ebe454
Author: Fraenkiman <frank.pcn@gmail.com>
Date: Tue Aug 15 23:46:57 2023 +0200
Update common.css
- center BBcode video if screen < 960px
commit ff3f9d84708f774736bf29ebdf0c5f34c6c8936a
Author: Fraenkiman <frank.pcn@gmail.com>
Date: Sat Aug 12 13:31:51 2023 +0200
Update common.css
- BBcode video is displayed larger on larger screens
commit 9c2235729a7b34c640a55b7d0c075a36bac567dd
Author: Fraenkiman <frank.pcn@gmail.com>
Date: Tue Aug 8 00:54:31 2023 +0200
Update admin.css
- now also fits the entry preview on a smartphone
commit b531da308131482dc355525daec5b4ea8e640542
Author: Fraenkiman <frank.pcn@gmail.com>
Date: Mon Aug 7 23:41:45 2023 +0200
Squashed commit of the following:
commit b8c94ecac23abec830543ad9e928e62d0e02d96d
Author: Fraenkiman <frank.pcn@gmail.com>
Date: Mon Aug 7 23:23:21 2023 +0200
Media queries were created for individual device classes
- Media queries were created for individual device classes (smartphone, netbook, laptop and PC) in order to
commit e2258bf4b52212074d98d08c65f7b62989478ade
Author: Fraenkiman <frank.pcn@gmail.com>
Date: Thu Aug 3 00:16:22 2023 +0200
Use full width on small screens
Mobile devices are increasingly replacing the classic PC.
So it is all the more important to make the theme and the administration area more accessible for today's mobile devices.
- With a screen width of up to 768px, the full width is utilized.
- The theme is no longer compressed vertically on small screens from 720px to 768px.
commit ff76513e2b8b8ada1bc4dc2b395911e3f6c0f95e
Author: Fraenkiman <frank.pcn@gmail.com>
Date: Wed Aug 2 00:13:36 2023 +0200
Update admin.css
commit 8140761f7fa1dde2395bee101e2df16332f5ff08
Author: Fraenkiman <frank.pcn@gmail.com>
Date: Tue Aug 1 01:03:39 2023 +0200
the minimum width removed from the body-container
- the minimum width removed from the body-container entirely
commit eb651c586dd0401a1edceb5ef2e867003692f8cd
Author: Fraenkiman <frank.pcn@gmail.com>
Date: Tue Aug 1 00:15:30 2023 +0200
reduced the minimum width to 720px
- reduced the minimum width to 720px for better viewing with a mobile device in landscape mode
commit 2ce9fc605ebb83c43e49ce15ecb531695c10dbd6
Author: Fraenkiman <frank.pcn@gmail.com>
Date: Sun Jul 30 18:57:11 2023 +0200
Fixes a problem in the admin area when rendering font-sizes
- Fixes a problem in the admin panel when displaying font sizes in the mobile version of Firefox and Chrome.
commit c8d4ee702791591d3557c51ef457c7bd9bad4d2d
Author: Fraenkiman <frank.pcn@gmail.com>
Date: Sun Jul 30 18:25:02 2023 +0200
Fixes a problem in the admin area when rendering font-sizes
Fixes a problem in the admin panel when displaying font sizes in the mobile version of Firefox and Chrome.
commit 451a960dc9543cac5ebbbe51d4084b85e86ca2b7
Author: Fraenkiman <frank.pcn@gmail.com>
Date: Sat Jul 29 03:08:33 2023 +0200
Removes obsolete acronym element, Fixes a problem when rendering font-sizes in Safari
- Removes obsolete acronym element in the language files and replaces it with the appr element
- Fixes a problem in the admin area when rendering font-sizes in Safari (iPhone/iPad). #256
The Safari version used in iOS (iPhone/iPad) sometimes "ignores" the font sizes defined with font-size when rendering web pages or adjusts them automatically to improve readability.
In certain places this is not bad, but it can also lead to unattractive changes in the design of the admin area.
commit a844073bdb2e199ec1338f2b7fea27422c167db6
Author: Fraenkiman <frank.pcn@gmail.com>
Date: Mon Jul 24 00:21:37 2023 +0200
Update common.css
- Width of comment and contact text field defined
commit 5c3cc4348ced03d319c72477c8a660ac4bc4632f
Author: Fraenkiman <frank.pcn@gmail.com>
Date: Wed Jul 19 01:16:39 2023 +0200
Fixed more CSS/Glitches
- Vertical alignment of the BBcode toolbar
- placed missing label elements in config panel for consistent alignment
commit fec38755ba9929a0c5dfc614757ee8df7393d351
Author: Fraenkiman <frank.pcn@gmail.com>
Date: Sat Jul 15 17:59:31 2023 +0200
Update admin.css
- fixed vertical alignment of BBCode toolbar in write panel
commit ef13f5488fdc48efe2101fe6f1e35a103ff08b1d
Author: Fraenkiman <frank.pcn@gmail.com>
Date: Fri Jul 14 00:25:50 2023 +0200
Configuration panel revised
- In the admin area, the configuration panel has been revised
commit 54232c3dd325027926ea78592e007475798d1fd0
Author: Fraenkiman <frank.pcn@gmail.com>
Date: Tue Jul 11 21:57:18 2023 +0200
PhotoSwipe 4.1.3 included
This upgrades PhotoSwipe to the January 8, 2019 release level and is the last version before rewriting to ES6. Fixed the following:
Fixes an issue with devices that have multiple input types and PhotoSwipe does not wipe.
Fixes an issue where the layout does not update after an alignment change in some cases.
Previous FlatPress-specific fixes have been considered and incorporated.
Details can be found here:
https://github.com/dimsemenov/PhotoSwipe/releases
With best regards
Frank
commit 1179f307ffa0c8b27fe10ccb47a4dfce516a1bf2
Merge: b735135 1aab02c
Author: Frank Hochmuth <frank.pcn@gmail.com>
Date: Mon Jul 10 01:29:20 2023 +0200
Merge branch 'master' into upstream/makup-Leggero-Theme
commit b735135a7f5911c34eee4e01b4ef56db95d6ac06
Author: Fraenkiman <frank.pcn@gmail.com>
Date: Mon Jul 10 01:12:32 2023 +0200
Fresh makeup for Leggero-v2 style
This elevates the Leggero-v2 style to a more modern design.
In most situations in life, first impressions count. The FlatPress Leggero-v2 style is what the user sees first after performing the setup.
Potential new users may not immediately find their way to the wiki to see the variety of themes there - and hastily delete FlatPress again. Therefore I made a few small changes to the style:
- Adjusted the alignment of the calendar widget and the search widget.
- A single PhotoSwipe image or a whole gallery is now centered in the responsive design. #150
- BBcode videos are no longer chopped off in responsive design, but adjusted to the width and center aligned.
- The overall appearance is now not so angular/edgy.
- A BBcode embedded Facebook video now has localized languages with language tag. #252
(https://developers.facebook.com/docs/javascript/internationalization).
- BBcode: Removed reference to an active lightbox plugin, as PhotoSwipe can be used as an alternative.
- Fixed an error in the HTML code of PhotoSwipe-Plugin. #253
- Lucida Console [code] ... [/code]is now correct as a font in the CSS file.
- Admin area now has Leggero-v2 style background instead of white background.
With best regards
Frank
commit f8c66f5c0b8527cc0913f85b5a10ee2e7b673d74
Author: Fraenkiman <frank.pcn@gmail.com>
Date: Mon Jul 3 01:20:07 2023 +0200
Fresh makeup for Leggero-v2 Style
This elevates the style Leggero-v2 to a more modern looking design.
Details:
* IE compatibility removed
* fixed some minor layout/CSS glitches
* a single photoswipe image or a whole gallery is now centered in RESPONSIVE DESIGN.
* The appearance is now not so canny and has been adapted to the body.
This commit is contained in:
Fraenkiman
parent
1aab02cabf
commit
20b210f02d
@ -51,7 +51,7 @@
|
||||
<dd><input type="text" name="email" id="email" class="textinput {$class}"
|
||||
value="{$flatpress.email}" /></dd>
|
||||
|
||||
<dt> {$panelstrings.notifications} </dt>
|
||||
<dt><label> {$panelstrings.notifications} </label></dt>
|
||||
<dd>
|
||||
<label for="notify">
|
||||
<input type="checkbox" name="notify" id="notify" {if $flatpress.NOTIFY}checked="checked"{/if} />
|
||||
@ -91,7 +91,7 @@
|
||||
<h2> {$panelstrings.intsetts} </h2>
|
||||
|
||||
<dl class="option-list">
|
||||
<dt> {$panelstrings.utctime} </dt>
|
||||
<dt><label> {$panelstrings.utctime} </label></dt>
|
||||
{assign var=temp_time value="%b %d %Y %H:%M:%S"}
|
||||
<dd> <code> {"r"|date:$smarty.now} </code> </dd>
|
||||
|
||||
@ -103,7 +103,7 @@
|
||||
{/if}
|
||||
<dd><input type="text" name="timeoffset" id="timeoffset"
|
||||
class="smalltextinput{$class}"
|
||||
value="{$fp_config.locale.timeoffset}" /> {$panelstrings.hours}
|
||||
value="{$fp_config.locale.timeoffset}" /><p class="text"> {$panelstrings.hours} </p>
|
||||
</dd>
|
||||
|
||||
|
||||
@ -116,7 +116,7 @@
|
||||
<dd> <p> <input type="text" name="dateformat" id="dateformat"
|
||||
class="textinput{$class}"
|
||||
value="{$fp_config.locale.dateformat}" /> </p>
|
||||
<p> {$panelstrings.output}: {$smarty.now|date_format:$fp_config.locale.dateformat} </p>
|
||||
<p class="output"> {$panelstrings.output}: {$smarty.now|date_format:$fp_config.locale.dateformat}</p>
|
||||
</dd>
|
||||
|
||||
<dt><label for="dateformatshort"> {$panelstrings.dateformatshort} </label></dt>
|
||||
@ -128,7 +128,7 @@
|
||||
<dd> <p> <input type="text" name="dateformatshort" id="dateformatshort"
|
||||
class="textinput{$class}"
|
||||
value="{$fp_config.locale.dateformatshort}" /> </p>
|
||||
<p> {$panelstrings.output}: {$smarty.now|date_format:$fp_config.locale.dateformatshort} </p>
|
||||
<p class="output"> {$panelstrings.output}: {$smarty.now|date_format:$fp_config.locale.dateformatshort}</p>
|
||||
</dd>
|
||||
|
||||
<dt><label for="timeformat"> {$panelstrings.timeformat} </label></dt>
|
||||
@ -143,7 +143,7 @@
|
||||
{assign var=currentTime value=$smarty.now}
|
||||
{assign var=timeDiff value=$fp_config.locale.timeoffset}
|
||||
{assign var=TimeDiffUTC value=$currentTime+$timeDiff*3600}
|
||||
<p> {$panelstrings.output}: {$TimeDiffUTC|date_format:$fp_config.locale.timeformat} </p>
|
||||
<p class="output"> {$panelstrings.output}: {$TimeDiffUTC|date_format:$fp_config.locale.timeformat}</p>
|
||||
</dd>
|
||||
|
||||
|
||||
@ -168,7 +168,7 @@
|
||||
<dd> <p><input type="text" name="charset" id="charset"
|
||||
class="smalltextinput{$class}"
|
||||
value="{$fp_config.locale.charset}" /></p>
|
||||
<p>{$panelstrings.charsettip}</p>
|
||||
<p class="output">{$panelstrings.charsettip}</p>
|
||||
</dd>
|
||||
|
||||
|
||||
|
||||
@ -31,7 +31,7 @@
|
||||
'langchoice' => 'Jazyk',
|
||||
|
||||
'intsetts' => 'Mezinárodní nastavení',
|
||||
'utctime' => '<acronym title="Universal Coordinated Time">UTC</acronym> čas je',
|
||||
'utctime' => '<abbr title="Universal Coordinated Time">UTC</abbr> čas je',
|
||||
'timeoffset' => 'Čas bude oddělený: ',
|
||||
'hours' => 'hodiny',
|
||||
'timeformat' => 'Přednastavený formát času',
|
||||
|
||||
@ -32,7 +32,7 @@
|
||||
'langchoice' => 'Sprache',
|
||||
|
||||
'intsetts' => 'Internationale Einstellungen',
|
||||
'utctime' => '<acronym title="Universal Coordinated Time">UTC</acronym> Zeitzone',
|
||||
'utctime' => '<abbr title="Universal Coordinated Time">UTC</abbr> Zeitzone',
|
||||
'timeoffset' => 'Uhrzeit soll korrigiert werden um',
|
||||
'hours' => 'Stunden',
|
||||
'timeformat' => 'Standard Zeitformat',
|
||||
|
||||
@ -31,7 +31,7 @@
|
||||
'langchoice' => 'Γλώσσα',
|
||||
|
||||
'intsetts' => 'Ρυθμίσεις εντοπιότητας',
|
||||
'utctime' => '<acronym title="Universal Coordinated Time">Η UTC</acronym> ώρα είναι',
|
||||
'utctime' => '<abbr title="Universal Coordinated Time">Η UTC</abbr> ώρα είναι',
|
||||
'timeoffset' => 'Ο χρόνος θα πρέπει να διαφέρει κατά',
|
||||
'hours' => 'ώρες',
|
||||
'timeformat' => 'Προεπιλεγμένη μορφή ώρας',
|
||||
|
||||
@ -34,7 +34,7 @@
|
||||
'langchoice' => 'Language',
|
||||
|
||||
'intsetts' => 'International settings',
|
||||
'utctime' => '<acronym title="Universal Coordinated Time">UTC</acronym> time is',
|
||||
'utctime' => '<abbr title="Universal Coordinated Time">UTC</abbr> time is',
|
||||
'timeoffset' => 'Time should differ by',
|
||||
'hours' => 'hours',
|
||||
'timeformat' => 'Default format for time',
|
||||
|
||||
@ -34,7 +34,7 @@ subdirectorios. <br />
|
||||
'langchoice' => 'Idioma',
|
||||
|
||||
'intsetts' => 'Configuración internacional',
|
||||
'utctime' => '<acronym title="Hora Universal Coordinado">UTC</acronym> la hora es',
|
||||
'utctime' => '<abbr title="Hora Universal Coordinado">UTC</abbr> la hora es',
|
||||
'timeoffset' => 'La diferencia de hora es',
|
||||
'hours' => 'hours',
|
||||
'timeformat' => 'Formato inicial para la hora',
|
||||
|
||||
@ -32,7 +32,7 @@
|
||||
'langchoice' => 'Langage',
|
||||
|
||||
'intsetts' => 'Réglages Internationaux',
|
||||
'utctime' => '<acronym title="Universal Coordinated Time">L\'heure (UTC) </acronym>actuelle est',
|
||||
'utctime' => '<abbr title="Universal Coordinated Time">L\'heure (UTC) </abbr>actuelle est',
|
||||
'timeoffset' => 'Fuseau horaire (GMT+)',
|
||||
'hours' => 'heures',
|
||||
'timeformat' => 'Format par défaut pour l\'heure',
|
||||
|
||||
@ -34,7 +34,7 @@
|
||||
'langchoice' => 'Lingua',
|
||||
|
||||
'intsetts' => 'Impostazioni internazionali',
|
||||
'utctime' => 'L\'orario <acronym title="Universal Coordinated Time">UTC</acronym> è',
|
||||
'utctime' => 'L\'orario <abbr title="Universal Coordinated Time">UTC</abbr> è',
|
||||
'timeoffset' => 'Le ore dovrebbero differire di',
|
||||
'hours' => 'ore',
|
||||
'timeformat' => 'Formato predefinito per l\'orario',
|
||||
|
||||
@ -30,7 +30,7 @@
|
||||
'langchoice' => '言語の選択',
|
||||
|
||||
'intsetts' => 'ローカルの設定',
|
||||
'utctime' => '<acronym title="Universal Coordinated Time">UTC</acronym>の時刻：',
|
||||
'utctime' => '<abbr title="Universal Coordinated Time">UTC</abbr>の時刻：',
|
||||
'timeoffset' => '投稿時に加算する時間',
|
||||
'hours' => '時間',
|
||||
'timeformat' => '時刻表示のデフォルト形式',
|
||||
|
||||
@ -34,7 +34,7 @@
|
||||
'langchoice' => 'Taal',
|
||||
|
||||
'intsetts' => 'Internationale instellingen',
|
||||
'utctime' => '<acronym title="Universal Coordinated Time">UTC</acronym> time is',
|
||||
'utctime' => '<abbr title="Universal Coordinated Time">UTC</abbr> time is',
|
||||
'timeoffset' => 'De tijd moet verschuiven per',
|
||||
'hours' => 'uren',
|
||||
'timeformat' => 'Default format voor tijd',
|
||||
|
||||
@ -29,7 +29,7 @@
|
||||
'langchoice' => 'Idioma',
|
||||
|
||||
'intsetts' => 'Configurações internacionais',
|
||||
'utctime' => '<acronym title="Universal Coordinated Time">UTC</acronym> hora é:',
|
||||
'utctime' => '<abbr title="Universal Coordinated Time">UTC</abbr> hora é:',
|
||||
'timeoffset' => 'Diferença em horas com relação ao UTC:',
|
||||
'hours' => 'horas',
|
||||
'timeformat' => 'Formato padrão para a hora',
|
||||
|
||||
@ -6,70 +6,74 @@ Leggero CSS Styles
|
||||
mod by liquibyte
|
||||
Name: Leggero v2
|
||||
Author: NoWhereMan, drudo & Marc Thibeault
|
||||
Version: 0.1
|
||||
Version: 1.0
|
||||
Module: admin.css
|
||||
*/
|
||||
|
||||
@import url(common.css);
|
||||
@import url(globals.css);
|
||||
@import url("common.css");
|
||||
@import url("globals.css");
|
||||
|
||||
/* ===== VARIOUS ===== */
|
||||
@viewport { width: device-width }
|
||||
|
||||
.buttonbar input {
|
||||
padding: .3em;
|
||||
background: #bdbdbd url(../imgs/buttonsh.png) repeat-x;
|
||||
box-shadow: none !IMPORTANT;
|
||||
background: #bdbdbd url("../imgs/buttonsh.png") repeat-x
|
||||
}
|
||||
|
||||
.buttonbar input:hover {
|
||||
padding: .3em;
|
||||
background: #d3d3d3 url(../imgs/buttonsh2.png) repeat-x;
|
||||
background: #d3d3d3 url("../imgs/buttonsh2.png") repeat-x
|
||||
}
|
||||
|
||||
|
||||
/* ===== HEADERS TAGS ===== */
|
||||
h1,
|
||||
h2 {
|
||||
font-family: 'book antiqua', georgia, garamond, times, 'times new roman', serif;
|
||||
margin: auto;
|
||||
}
|
||||
h2 { margin: auto }
|
||||
|
||||
h2 {
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
h2 { border-bottom: 1px solid #ddd }
|
||||
|
||||
.head-link {
|
||||
font-size: 0.83em;
|
||||
}
|
||||
.head-link { font-size: 0.83em }
|
||||
|
||||
body { background: #eee; }
|
||||
|
||||
/* === Redefines some stuff in inline mode === */
|
||||
body#inline-body {
|
||||
background: white;
|
||||
}
|
||||
|
||||
body#inline-body input {
|
||||
|
||||
}
|
||||
body#inline-body { background: white }
|
||||
|
||||
#body-container {
|
||||
text-align: left;
|
||||
font-size: 0.85em;
|
||||
width: 80% !important;
|
||||
min-width: 1000px;
|
||||
margin: 0 auto 0 auto;
|
||||
padding: 5px;
|
||||
background-color: rgba(255,255,255,1);
|
||||
border-radius: 3px;
|
||||
border-radius: 3px
|
||||
}
|
||||
|
||||
|
||||
/* ===== Smartphone and Tablet ===== */
|
||||
@media (max-width: 1920px) { /* prevents too large font size on mobile devices */
|
||||
#body-container {
|
||||
-webkit-text-size-adjust: none;
|
||||
-moz-text-size-adjust: none;
|
||||
text-size-adjust: none
|
||||
}
|
||||
|
||||
@media (max-width: 768px) { /* and stretch to the complete width on small devices */
|
||||
body { margin: 0 0 0 0; background: #eee }
|
||||
|
||||
#body-container {
|
||||
padding: unset;
|
||||
padding-top: 5px;
|
||||
min-width: 100%
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* === Conflict with inner h1 === */
|
||||
#admin-content h1 { color: black }
|
||||
|
||||
|
||||
|
||||
/* DIV CONTAINER ALL ADMIN DIV BLOCK */
|
||||
#cpmain { padding: 10px }
|
||||
|
||||
|
||||
|
||||
/* ===== SMALL NAVBAR (home and logout links) ===== */
|
||||
ul#admin-small-nav {
|
||||
font-size: 80%;
|
||||
@ -80,7 +84,6 @@ ul#admin-small-nav {
|
||||
ul#admin-small-nav li { display: inline; margin: 5px }
|
||||
|
||||
|
||||
|
||||
/* ===== TAB MENU ===== */
|
||||
ul#admin-tabmenu {
|
||||
margin: 1em 0 0 0;
|
||||
@ -88,6 +91,7 @@ ul#admin-tabmenu {
|
||||
background: #000;
|
||||
-moz-border-radius-topleft:3px;
|
||||
-moz-border-radius-topright:3px;
|
||||
border-radius: 3px 3px 0 0
|
||||
}
|
||||
|
||||
ul#admin-tabmenu li {
|
||||
@ -103,7 +107,7 @@ ul#admin-tabmenu li a {
|
||||
font-weight: normal;
|
||||
text-decoration: none;
|
||||
padding: 0.5em;
|
||||
margin: .1em;
|
||||
margin: .1em
|
||||
}
|
||||
|
||||
ul#admin-tabmenu li a.admin-tab-current,
|
||||
@ -112,46 +116,41 @@ ul#admin-tabmenu li a:hover {
|
||||
font-weight: normal;
|
||||
background-color: #ddd;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px
|
||||
}
|
||||
|
||||
ul#admin-tabmenu li a.admin-tab-current {
|
||||
font-weight: bold;
|
||||
}
|
||||
ul#admin-tabmenu li a.admin-tab-current { font-weight: bold }
|
||||
|
||||
|
||||
/* ===== submenu ====== */
|
||||
|
||||
#admin-submenu {
|
||||
background: #eee;
|
||||
padding: .5em;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 0 0 3px 3px
|
||||
}
|
||||
|
||||
#admin-submenu li {
|
||||
display:inline;
|
||||
font-size: 80%;
|
||||
}
|
||||
#admin-submenu li { display:inline; font-size: 80% }
|
||||
|
||||
#admin-submenu li a {
|
||||
padding: 0 1em ;
|
||||
color: #000;
|
||||
border-left: 1px solid #eee;
|
||||
border-right: 1px solid #eee;
|
||||
font-weight: normal;
|
||||
font-weight: normal
|
||||
}
|
||||
|
||||
#admin-submenu li a:hover,
|
||||
#admin-submenu li a.active {
|
||||
color: #eee;
|
||||
background: #555;
|
||||
padding: .1em 1em .3em;
|
||||
padding: .3em 1em .3em;
|
||||
-moz-border-radius: 3px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#admin-submenu li a.active {
|
||||
font-weight: bold;
|
||||
border-radius: 3px;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
#admin-submenu li a.active { font-weight: bold }
|
||||
|
||||
|
||||
/* ===== MAIN MENU ITEM ===== */
|
||||
@ -165,11 +164,7 @@ ul#admin-tabmenu li a.admin-tab-current {
|
||||
|
||||
.admin-mainmenu-item img { padding-right: 1em }
|
||||
|
||||
.admin-mainmenu-item .admin-icon-descr {
|
||||
font-size: 80%;
|
||||
font-style: italic
|
||||
}
|
||||
|
||||
.admin-mainmenu-item .admin-icon-descr { font-size: 80%; font-style: italic }
|
||||
|
||||
|
||||
/* ===== ADMIN ENTRY ===== */
|
||||
@ -180,11 +175,6 @@ input#subject {
|
||||
font-weight: bold
|
||||
}
|
||||
|
||||
textarea.code {
|
||||
font-family: Lucida Console, Monaco, monospace;
|
||||
font-size: 90%
|
||||
}
|
||||
|
||||
#admin-entry-categories ul {
|
||||
display:block;
|
||||
list-style-type: none;
|
||||
@ -192,13 +182,19 @@ textarea.code {
|
||||
padding-left: 1em
|
||||
}
|
||||
|
||||
#admin-bbcode-toolbar p { display: inline }
|
||||
#admin-bbcode-toolbar { display: table }
|
||||
|
||||
#admin-bbcode-toolbar p {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
line-height: 1em
|
||||
}
|
||||
|
||||
#admin-bbcode-toolbar p img { vertical-align: middle }
|
||||
|
||||
#admin-bbcode-toolbar select { width: 10em }
|
||||
|
||||
|
||||
|
||||
#admin-content table { width: 100%; }
|
||||
#admin-content table { width: 100% }
|
||||
|
||||
#admin-content td {
|
||||
font-size: 0.8em;
|
||||
@ -207,17 +203,12 @@ textarea.code {
|
||||
padding: .9em;
|
||||
*/
|
||||
background: #e6e6e6;
|
||||
text-align: center;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
#admin-content .enabled td {
|
||||
background: inherit;
|
||||
}
|
||||
#admin-content .enabled td { background: inherit }
|
||||
|
||||
#admin-content td.main-cell {
|
||||
width: 30%;
|
||||
text-align: left;
|
||||
}
|
||||
#admin-content td.main-cell { width: 30%; text-align: left }
|
||||
|
||||
#admin-content th {
|
||||
font-size: 0.75em;
|
||||
@ -227,8 +218,15 @@ textarea.code {
|
||||
padding: 8px
|
||||
}
|
||||
|
||||
input.maxsize, select.maxsize { width: 99% }
|
||||
#admin-content tr:first-child th:last-child { border-top-right-radius: 3px }
|
||||
|
||||
#admin-content tr:first-child th:first-child { border-top-left-radius: 3px }
|
||||
|
||||
#admin-content tr:last-child td:last-child { border-bottom-right-radius: 3px }
|
||||
|
||||
#admin-content tr:last-child td:first-child { border-bottom-left-radius: 3px }
|
||||
|
||||
input.maxsize, select.maxsize { width: 99% }
|
||||
|
||||
#admin-bbcode-toolbar {
|
||||
margin: 0;
|
||||
@ -246,15 +244,12 @@ input.maxsize, select.maxsize { width: 99% }
|
||||
border: none;
|
||||
width: 99%;
|
||||
margin: auto;
|
||||
height: 11em;
|
||||
height: 11em
|
||||
}
|
||||
|
||||
|
||||
.admin-entry-commentlist td ,
|
||||
.admin-widgets-blockparser td ,
|
||||
.admin-plugin-default td {
|
||||
padding: 1em .6em;
|
||||
}
|
||||
.admin-plugin-default td { padding: 1em .6em }
|
||||
|
||||
#admin-drafts {
|
||||
border-top: 1px solid #bbb;
|
||||
@ -262,104 +257,76 @@ input.maxsize, select.maxsize { width: 99% }
|
||||
padding: .4em;
|
||||
color: #555;
|
||||
background-color: #ddd;
|
||||
overflow: auto;
|
||||
overflow: auto
|
||||
}
|
||||
|
||||
#admin-drafts p {
|
||||
font-weight: bold;
|
||||
float: left;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
margin: 0
|
||||
}
|
||||
|
||||
#admin-content #admin-drafts ul {
|
||||
margin: 0; padding: 0;
|
||||
}
|
||||
#admin-content #admin-drafts ul { margin: 0; padding: 0 }
|
||||
|
||||
#admin-drafts li {
|
||||
float:left;
|
||||
list-style-position: inside;
|
||||
margin: 0; padding-left: 1em;
|
||||
margin: 0; padding-left: 1em
|
||||
}
|
||||
|
||||
|
||||
/* ===== PREVIEW SETTINGS ===== */
|
||||
#post-preview {
|
||||
min-width: 68em
|
||||
}
|
||||
#post-preview { min-width: 40em }
|
||||
|
||||
#post-preview .entry { padding: 2em; max-height: 20em; overflow: auto }
|
||||
|
||||
#post-preview div.entry h2 {
|
||||
font-family: sans-serif;
|
||||
border-bottom: none;
|
||||
margin: 0.83em 0;
|
||||
margin: 0.83em 0
|
||||
}
|
||||
|
||||
#post-preview div.entry h4 {
|
||||
margin: 2em 0 0 0;
|
||||
}
|
||||
#post-preview div.entry h4 { margin: 2em 0 0 0 }
|
||||
|
||||
.entry-footer { margin: 2em 0 0.5em 0; text-align: right }
|
||||
|
||||
.entry-footer {
|
||||
margin: 2em 0 0.5em 0;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* ===== UPLOAD PANEL ===== */
|
||||
#admin-uploader-filelist {
|
||||
margin: 1em auto;
|
||||
}
|
||||
#admin-uploader-filelist { margin: 1em auto }
|
||||
|
||||
#admin-uploader-thumbs {
|
||||
list-style-type: none;
|
||||
}
|
||||
#admin-uploader-thumbs { list-style-type: none }
|
||||
|
||||
#admin-uploader-thumbs li.thumb {
|
||||
float:left;
|
||||
width: 110px;
|
||||
height: 110px;
|
||||
padding: 1em 4px;
|
||||
margin: 1em;
|
||||
margin: 1em
|
||||
}
|
||||
|
||||
|
||||
/* (applies only to the inline version */
|
||||
#upload {
|
||||
margin-top: .5em
|
||||
}
|
||||
#upload { margin-top: .5em }
|
||||
|
||||
|
||||
/* ===== THEME PANEL ===== */
|
||||
|
||||
#current-theme h5,
|
||||
#available-themes h5 {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
#current-theme {
|
||||
margin-bottom: 4em;
|
||||
overflow:hidden;
|
||||
}
|
||||
#available-themes h5 { font-size: 1em }
|
||||
|
||||
#current-theme { margin-bottom: 4em; overflow:hidden }
|
||||
|
||||
#current-theme img {
|
||||
float:left;
|
||||
border: 1px solid #ddd;
|
||||
margin-right: 2em;
|
||||
border-radius: 3px
|
||||
}
|
||||
|
||||
#available-themes {
|
||||
clear: both;
|
||||
}
|
||||
#available-themes { clear: both }
|
||||
|
||||
#available-themes img { border: 1px solid #eee; border-radius: 3px }
|
||||
|
||||
#available-themes img {
|
||||
border: 1px solid #eee
|
||||
}
|
||||
|
||||
#available-themes ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
#available-themes ul { list-style-type: none }
|
||||
|
||||
#available-themes ul li {
|
||||
float:left;
|
||||
@ -367,30 +334,30 @@ input.maxsize, select.maxsize { width: 99% }
|
||||
border: 1px solid #fff;
|
||||
text-align: center;
|
||||
width: 300px;
|
||||
border-radius: 3px
|
||||
}
|
||||
|
||||
#available-themes ul li:hover {
|
||||
background: #eee;
|
||||
border: 1px solid #ddd;
|
||||
border: 1px solid #ddd
|
||||
}
|
||||
|
||||
|
||||
/* ===== WIDGET PANEL ====== */
|
||||
|
||||
#admin-widgetset-list {
|
||||
width: 30em;
|
||||
}
|
||||
#admin-widgetset-list { width: 30em }
|
||||
|
||||
#admin-widgetset-list ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
margin-bottom: 2em;
|
||||
text-align: left;
|
||||
text-align: left
|
||||
}
|
||||
|
||||
li.admin-widgetset {
|
||||
padding: .5em;
|
||||
margin-bottom: 2em;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 3px
|
||||
}
|
||||
|
||||
#available-widgets {
|
||||
@ -403,8 +370,11 @@ li.admin-widgetset {
|
||||
z-index: 1000;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
border-radius: 3px
|
||||
}
|
||||
|
||||
.widgetset-name { border-radius: 2px }
|
||||
|
||||
#widget-trashcan { /* colors for trashcan/uninstall widgets while dragging */
|
||||
background-color: rgba(170, 34, 34, 0.7);
|
||||
color: #ddd;
|
||||
@ -414,6 +384,7 @@ li.admin-widgetset {
|
||||
text-align: center;
|
||||
border: 2px solid #f00;
|
||||
margin: 2em;
|
||||
border-radius: 2px
|
||||
}
|
||||
|
||||
.widget-available { /* colors for available widgets while dragging */
|
||||
@ -421,7 +392,7 @@ li.admin-widgetset {
|
||||
color: #fff;
|
||||
background-color: rgba(34, 102, 0, 0.7);
|
||||
border: 2px solid #2f0;
|
||||
z-index: 2000;
|
||||
z-index: 2000
|
||||
}
|
||||
|
||||
.widget-installed { /* colors for installed widgets while dragging */
|
||||
@ -429,14 +400,11 @@ li.admin-widgetset {
|
||||
color: #fff;
|
||||
background-color: rgba(0, 34, 102, 0.7);
|
||||
border: 2px solid #00f;
|
||||
z-index: 2000;
|
||||
}
|
||||
|
||||
#available-widgets ul, .admin-widgetset ul {
|
||||
padding-left: 0;
|
||||
margin-left: 0;
|
||||
z-index: 2000
|
||||
}
|
||||
|
||||
#available-widgets ul,
|
||||
.admin-widgetset ul { padding-left: 0; margin-left: 0 }
|
||||
|
||||
li.widget-instance,
|
||||
li.widget-class {
|
||||
@ -447,14 +415,14 @@ li.widget-class {
|
||||
height: 30px;
|
||||
background-color: white;
|
||||
list-style-type: none;
|
||||
border-radius: 2px
|
||||
}
|
||||
|
||||
|
||||
.admin-widgetset h3 {
|
||||
margin-bottom: 1em;
|
||||
padding: .3em;
|
||||
background: #eee;
|
||||
border: 1px solid #ddd;
|
||||
border: 1px solid #ddd
|
||||
}
|
||||
|
||||
#available-widgets h2 {
|
||||
@ -464,6 +432,7 @@ li.widget-class {
|
||||
padding: .3em;
|
||||
border: 1px solid #eee;
|
||||
background: #999;
|
||||
border-radius: 2px
|
||||
}
|
||||
|
||||
.widget-instance .textinput {
|
||||
@ -473,149 +442,127 @@ li.widget-class {
|
||||
font-style: oblique;
|
||||
color: blue;
|
||||
border: #fff 2px solid;
|
||||
text-align: right;
|
||||
text-align: right
|
||||
}
|
||||
|
||||
.widget-instance .textinput:hover {
|
||||
border: #d00 2px solid;
|
||||
background-color:white;
|
||||
background-color:white
|
||||
}
|
||||
|
||||
|
||||
.widget-instance .textinput:focus {
|
||||
font-style: normal;
|
||||
border: #f00 2px solid;
|
||||
background-color:white;
|
||||
text-align: left;
|
||||
text-align: left
|
||||
}
|
||||
|
||||
|
||||
.widgetname a,
|
||||
.widgetname a:link,
|
||||
.widgetname a:visited {
|
||||
color: #ddd;
|
||||
}
|
||||
.widgetname a:visited { color: #ddd }
|
||||
|
||||
.widget-placeholder {
|
||||
padding: .5em;
|
||||
font-style: oblique;
|
||||
text-align: center;
|
||||
border: 1px dashed #ddd;
|
||||
border: 1px dashed #ddd
|
||||
}
|
||||
|
||||
.widget-dragger {
|
||||
text-align: left;
|
||||
z-index: 1000;
|
||||
padding: .5em;
|
||||
height: 30px !important;
|
||||
height: 30px !important
|
||||
}
|
||||
|
||||
|
||||
/* ===== CONFIG PANEL ===== */
|
||||
|
||||
.option-set .option-list {
|
||||
margin-bottom: 4em;
|
||||
}
|
||||
|
||||
.option-set dt {
|
||||
width: 33%;
|
||||
text-align:right;
|
||||
margin-top: 1.8em;
|
||||
line-height: 1.5em;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.option-set dt label {
|
||||
padding-top: .2em;
|
||||
}
|
||||
.option-set,
|
||||
.option-list { margin-bottom: 3em; margin-top: 2em }
|
||||
|
||||
.option-set dd {
|
||||
margin-left: 35%;
|
||||
margin-top: -1.7em;
|
||||
margin-left: 38%;
|
||||
bottom: 1.75em;
|
||||
line-height: 1.5em;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.option-set dd p { margin: 0 }
|
||||
|
||||
.option-set dd p {
|
||||
margin: 0;
|
||||
.option-set dd p.text { display: inline; vertical-align: middle }
|
||||
|
||||
.option-list dd label {
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
display: flex
|
||||
}
|
||||
|
||||
.option-list dd code { position: relative; font-size: 0.85em }
|
||||
|
||||
.option-set dd input{
|
||||
margin-bottom: .2em;
|
||||
.option-set dt {
|
||||
width: 36%;
|
||||
text-align:right;
|
||||
margin-top: 0.5em;
|
||||
line-height: 1.5em;
|
||||
font-weight: bold
|
||||
}
|
||||
|
||||
.textinput, .bigtextinput, .smalltextinput {
|
||||
padding: .5em;
|
||||
}
|
||||
.option-set dt label { bottom: 0.25em; position: relative }
|
||||
|
||||
.textinput:focus, .bigtextinput:focus, .smalltextinput:focus {
|
||||
font-weight: bold;
|
||||
}
|
||||
.textinput,
|
||||
.bigtextinput,
|
||||
.smalltextinput { padding: 0.2em }
|
||||
|
||||
.textinput:focus,
|
||||
.bigtextinput:focus,
|
||||
.smalltextinput:focus { font-weight: bold }
|
||||
|
||||
.widetextinput {
|
||||
width: 99%;
|
||||
font-size: 1.3em;
|
||||
color: #333333;
|
||||
color: #333333
|
||||
}
|
||||
|
||||
.option-set input.textinput ,
|
||||
.option-set select.textinput {
|
||||
width: 20em;
|
||||
}
|
||||
.option-set select.textinput { width: 20em; margin-top: -2px }
|
||||
|
||||
.option-set input.bigtextinput { width: 26em }
|
||||
|
||||
.option-set input.bigtextinput {
|
||||
width: 30em;
|
||||
}
|
||||
.option-set input.smalltextinput { width: 5em }
|
||||
|
||||
|
||||
.option-set input.smalltextinput {
|
||||
width: 5em;
|
||||
}
|
||||
|
||||
/* ===== SPECIAL HOVERS ====== */
|
||||
a.link-disable,
|
||||
a.link-delete,
|
||||
a.link-enable,
|
||||
a.link-general {
|
||||
padding: .9em;
|
||||
}
|
||||
a.link-general { padding: .9em; border-radius: 2px }
|
||||
|
||||
td.main-cell a.link-general { display:block }
|
||||
|
||||
a.link-disable:hover, a.link-delete:hover {
|
||||
background-color: red;
|
||||
color: white;
|
||||
color: white
|
||||
}
|
||||
|
||||
a.link-enable:hover {
|
||||
background-color: green;
|
||||
color: white;
|
||||
color: white
|
||||
}
|
||||
|
||||
a.link-general:hover, .main-cell a:hover {
|
||||
background-color: #aaa;
|
||||
color: black;
|
||||
color: black
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* ===== NOTIFICATIONS ===== */
|
||||
.hint {
|
||||
cursor: help;
|
||||
}
|
||||
.hint { cursor: help }
|
||||
|
||||
.draft { background-color: #333 }
|
||||
|
||||
/* (already defined in common, here we put just some tuning settings) */
|
||||
#admin-content ul.msgs {
|
||||
margin:0;
|
||||
}
|
||||
#admin-content ul.msgs { margin:0 }
|
||||
|
||||
#footer {
|
||||
color: black;
|
||||
}
|
||||
#footer { color: black }
|
||||
|
||||
form {
|
||||
margin: auto;
|
||||
}
|
||||
form { margin: auto }
|
||||
|
||||
@ -5,7 +5,7 @@ Leggero CSS Styles
|
||||
|
||||
Name: Leggero v2
|
||||
Author: NoWhereMan, drudo & Marc Thibeault
|
||||
Version: 0.1
|
||||
Version: 1.0
|
||||
Module: style.css
|
||||
*/
|
||||
|
||||
@ -13,40 +13,40 @@ Module: style.css
|
||||
@media (min-width: 720px) {
|
||||
/* ===== COLUMN ===== */
|
||||
#column {
|
||||
width: 22%;
|
||||
width: 215px;
|
||||
margin: 0px 20px 0px 0px;
|
||||
display: inline-block;
|
||||
font-size: 90%;
|
||||
height: 1%;
|
||||
margin-bottom: 5px;
|
||||
color: white;
|
||||
color: white
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* ===== RESPONSIVE DESIGN ===== */
|
||||
@media (max-width: 719px) {
|
||||
/* ===== COLUMN ===== */
|
||||
#column {
|
||||
text-align: center;
|
||||
float: center;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
font-size: 100%;
|
||||
height: 1%;
|
||||
margin: 5px auto;
|
||||
color: white;
|
||||
color: white
|
||||
}
|
||||
}
|
||||
|
||||
#column h4 {
|
||||
/* Titles of the sections */
|
||||
margin-bottom: .5em;
|
||||
color: white;
|
||||
color: white
|
||||
}
|
||||
|
||||
#column p, #column div { margin: 5px 0px }
|
||||
|
||||
|
||||
|
||||
/* === List === */
|
||||
#column ul li table { font-size: 100% }
|
||||
|
||||
|
||||
@ -5,7 +5,7 @@ Leggero CSS Styles
|
||||
|
||||
Name: Leggero v2
|
||||
Author: NoWhereMan, drudo & Marc Thibeault
|
||||
Version: 0.1
|
||||
Version: 1.0
|
||||
Module: common.css
|
||||
*/
|
||||
|
||||
@ -13,19 +13,31 @@ Module: common.css
|
||||
html {
|
||||
font-size: 100%;
|
||||
margin: 0;
|
||||
padding: 0
|
||||
padding: 0;
|
||||
font-family: sans-serif;
|
||||
text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2)
|
||||
}
|
||||
|
||||
html::before { /* background-attachment: fix workaround for mobile devices */
|
||||
content: ' ';
|
||||
display: block;
|
||||
background-image: url("../imgs/back.jpg");
|
||||
background-position: center;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
height: 100vh; width: 100vw;
|
||||
top: 0; bottom: 0; left: 0; right: 0;
|
||||
position: fixed;
|
||||
z-index: -10
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 100%;
|
||||
color: black;
|
||||
padding: 0;
|
||||
text-align:center;
|
||||
background: url('../imgs/back.jpg') no-repeat fixed top center;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
hr { display: none }
|
||||
@ -45,23 +57,25 @@ blockquote {
|
||||
border-right: 1px solid #888;
|
||||
border-top: 1px solid #888;
|
||||
border-bottom: 1px solid #888;
|
||||
border-radius: 3px
|
||||
}
|
||||
|
||||
pre, code {
|
||||
font-family: Lucida Console, Monaco, monospace !IMPORTANT;
|
||||
font-size: 90%;
|
||||
}
|
||||
blockquote p { margin: 0.5em 0 0.5em 0 !IMPORTANT }
|
||||
|
||||
pre, code { font-family: "Lucida Console", Monaco, monospace !IMPORTANT; font-size: 90% }
|
||||
|
||||
pre {
|
||||
border: 1px dashed #555;
|
||||
border-left: 5px solid #b83c32;
|
||||
border-right: 1px solid #b83c32;
|
||||
border-top: 1px solid #b83c32;
|
||||
border-bottom: 1px solid #b83c32;
|
||||
border-radius: 3px;
|
||||
background-color: #efefef;
|
||||
|
||||
overflow: auto;
|
||||
width: 90%;
|
||||
width: auto;
|
||||
margin: 1em 1em;
|
||||
padding: 5px 10px;
|
||||
|
||||
height: auto !important;
|
||||
height: auto !important
|
||||
}
|
||||
|
||||
ul, li, ol { margin: 0; padding: 0 }
|
||||
@ -72,7 +86,8 @@ form { margin: 1em 0 }
|
||||
fieldset {
|
||||
margin: 0 0 1em 0;
|
||||
padding: .5em;
|
||||
border: #ddd solid 1px
|
||||
border: #ddd solid 1px;
|
||||
border-radius: 3px
|
||||
}
|
||||
|
||||
legend {
|
||||
@ -86,6 +101,7 @@ input, textarea, select {
|
||||
border: 1px solid #999;
|
||||
color: #222;
|
||||
background-color: #eee;
|
||||
border-radius: 3px
|
||||
}
|
||||
|
||||
input:hover, input:focus, textarea:hover, textarea:focus {
|
||||
@ -94,52 +110,50 @@ input:hover, input:focus, textarea:hover, textarea:focus {
|
||||
}
|
||||
|
||||
textarea {
|
||||
font-size: 100%;
|
||||
width: 99%;
|
||||
margin-top: .1em;
|
||||
margin-bottom: 1em
|
||||
margin-bottom: 1em;
|
||||
font-family: sans-serif
|
||||
}
|
||||
|
||||
|
||||
input#name, input#email, input#url { /* comment and contact textfield */
|
||||
width: 200px
|
||||
}
|
||||
|
||||
/* ===== LINKS GENERAL ===== */
|
||||
a:link, a:visited {
|
||||
color: #B83C32;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
a:hover { text-decoration: underline }
|
||||
|
||||
/* ===== HEADERS TAGS ===== */
|
||||
h1 {
|
||||
/* Title of the blog */
|
||||
font-size: 2.3em;
|
||||
letter-spacing: 2px;
|
||||
margin: 1em 0 0.5em 0;
|
||||
margin: 1em 0 0.5em 0
|
||||
}
|
||||
|
||||
h2 {
|
||||
/* Titles of the entry */
|
||||
font-style: normal;
|
||||
font-size: 1.6em;
|
||||
margin: 0.83em 0;
|
||||
margin: 0.83em 0
|
||||
}
|
||||
|
||||
h2.entry-title,
|
||||
h2.title {
|
||||
margin: 0 !IMPORTANT;
|
||||
}
|
||||
h2.title { margin: 0 !IMPORTANT }
|
||||
|
||||
h3 {
|
||||
font-style: normal;
|
||||
font-size: 1.4em;
|
||||
margin: 0;
|
||||
margin: 0
|
||||
}
|
||||
|
||||
h4 { font-size: 1.2em; }
|
||||
h4 { font-size: 1.2em }
|
||||
|
||||
/* ===== HEAD ===== */
|
||||
#head {
|
||||
@ -147,7 +161,7 @@ h4 { font-size: 1.2em; }
|
||||
margin: 5px;
|
||||
background: rgba(184,60,50,0.7);
|
||||
border: black 1px solid;
|
||||
border-radius: 10px ;
|
||||
border-radius: 10px
|
||||
}
|
||||
|
||||
#head a { color: white; text-decoration: none }
|
||||
@ -164,7 +178,7 @@ h4 { font-size: 1.2em; }
|
||||
position: relative;
|
||||
height: 1%;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
padding: 0px
|
||||
}
|
||||
|
||||
/* ===== NORMAL DESIGN ===== */
|
||||
@ -175,12 +189,12 @@ h4 { font-size: 1.2em; }
|
||||
/* ===== BODY CONTAINER ===== */
|
||||
#body-container {
|
||||
text-align: left;
|
||||
max-width: 1000px;
|
||||
max-width: 690px;
|
||||
width: 100%;
|
||||
margin: 0 auto 0 auto;
|
||||
padding: 5px;
|
||||
background-color: rgba(0,0,0,0.75);
|
||||
border-radius: 3px;
|
||||
border-radius: 3px
|
||||
}
|
||||
|
||||
/* ===== MAIN ===== */
|
||||
@ -189,17 +203,95 @@ h4 { font-size: 1.2em; }
|
||||
#main {
|
||||
float:left;
|
||||
position: relative;
|
||||
width: 65%;
|
||||
width: 365px;
|
||||
font-size: 100%;
|
||||
padding: 25px;
|
||||
margin: 20px;
|
||||
background-color: rgba(255,255,255,0.9);
|
||||
border-radius: 3px;
|
||||
border-radius: 3px
|
||||
}
|
||||
|
||||
div.floatleft { /* PhotoSwipe; normal */
|
||||
margin: 0.5em 1em 1em 0.5em
|
||||
}
|
||||
|
||||
div.floatright {
|
||||
margin: 0.5em 0.5em 1em 1em
|
||||
}
|
||||
|
||||
.bbcode_video.right, .bbcode_video.left { float: unset !IMPORTANT }
|
||||
|
||||
.responsive_bbcode_video { /* BBcode; normal and center BBcode video if screen < 960px */
|
||||
display: block;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.bbcode_video,
|
||||
.fb_iframe_widget_fluid_desktop iframe {
|
||||
max-width: 320px !IMPORTANT;
|
||||
width: 100%;
|
||||
height: 180px !IMPORTANT
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) { /* Smartphone landscape and Tablet */
|
||||
|
||||
#body-container { max-width: 738px }
|
||||
|
||||
#main { width: 413px }
|
||||
}
|
||||
|
||||
@media (min-width: 820px) { /* Tablet */
|
||||
|
||||
#body-container { max-width: 790px }
|
||||
|
||||
#main { width: 465px }
|
||||
}
|
||||
|
||||
@media (min-width: 960px) { /* Tablet landscape and Netbook*/
|
||||
|
||||
#body-container { max-width: 930px }
|
||||
|
||||
#main { width: 605px }
|
||||
|
||||
.responsive_bbcode_video { text-align: unset }
|
||||
|
||||
.bbcode_video.right { float: right !IMPORTANT }
|
||||
|
||||
.bbcode_video.left { float: left !IMPORTANT }
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) { /* Laptop and small Desktop-PC */
|
||||
|
||||
#body-container { max-width: 994px }
|
||||
|
||||
#main { width: 669px }
|
||||
|
||||
.bbcode_video,
|
||||
.fb_iframe_widget_fluid_desktop iframe {
|
||||
max-width: 480px !IMPORTANT;
|
||||
width: 100%;
|
||||
height: 270px !IMPORTANT
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1440px) { /* Desktop-PC and TV*/
|
||||
|
||||
#body-container { max-width: 1250px }
|
||||
|
||||
#main { width: 925px }
|
||||
|
||||
.bbcode_video,
|
||||
.fb_iframe_widget_fluid_desktop iframe {
|
||||
max-width: 560px !IMPORTANT;
|
||||
width: 100%;
|
||||
height: 315px !IMPORTANT
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* ===== RESPONSIVE DESIGN ===== */
|
||||
@media (max-width: 719px) {
|
||||
@media (max-width: 719px) { /* Smartphone */
|
||||
|
||||
body { margin: 0 0 0 0 }
|
||||
|
||||
@ -209,9 +301,11 @@ h4 { font-size: 1.2em; }
|
||||
width: 100%;
|
||||
margin: 0 auto 0 auto;
|
||||
padding-top: 5px;
|
||||
background-color: rgba(0,0,0,0.75);
|
||||
background-color: rgba(0,0,0,0.75)
|
||||
}
|
||||
|
||||
#outer-container { margin: 5px }
|
||||
|
||||
/* ===== MAIN ===== */
|
||||
#main h4 { margin: 2em 0 0 0 }
|
||||
|
||||
@ -221,26 +315,48 @@ h4 { font-size: 1.2em; }
|
||||
padding: 15px;
|
||||
margin: 10px auto;
|
||||
background-color: rgba(255,255,255,0.9);
|
||||
border-radius: 3px;
|
||||
}
|
||||
border-radius: 3px
|
||||
}
|
||||
|
||||
#main p { line-height: 1.4em; margin-top: 1em; }
|
||||
div.floatright, div.floatleft, div.photoswipe { /* PhotoSwipe; responsive */
|
||||
float: unset;
|
||||
margin-left: auto !IMPORTANT;
|
||||
margin-right: auto !IMPORTANT
|
||||
}
|
||||
|
||||
div.img-gallery { text-align: center }
|
||||
|
||||
.img-gallery div.photoswipe figure { margin: 0.5em 0 0 0 !IMPORTANT }
|
||||
|
||||
.responsive_bbcode_video { /* BBcode; responsive */
|
||||
position: relative;
|
||||
padding-bottom: 56.25%; /* 16:9 */
|
||||
height: 0;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.bbcode_video {
|
||||
float: unset !IMPORTANT;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%
|
||||
}
|
||||
|
||||
.bbcode_video.nofloat { text-align: center }
|
||||
}
|
||||
|
||||
#main p { line-height: 1.4em; margin-top: 1em }
|
||||
|
||||
#main img { margin: .5em }
|
||||
|
||||
/* === List === */
|
||||
#main ul {
|
||||
list-style-type: disc;
|
||||
padding: 0 0 0 1.6em
|
||||
}
|
||||
#main ul { list-style-type: disc; padding: 0 0 0 1.6em }
|
||||
|
||||
#main ol {
|
||||
list-style-position: inside;
|
||||
padding: 0 1.6em 0 1.6em
|
||||
}
|
||||
#main ol { list-style-position: inside; padding: 0 1.6em 0 1.6em }
|
||||
|
||||
h4#addcomment {clear:both;}
|
||||
h4#addcomment { clear: both }
|
||||
|
||||
#commentform fieldset p { margin: 0 0 .5em 0 }
|
||||
|
||||
@ -253,10 +369,7 @@ h4#addcomment {clear:both;}
|
||||
}
|
||||
|
||||
/* === Class of main block === */
|
||||
h6.date {
|
||||
font-size: 0.8em;
|
||||
color: #444;
|
||||
}
|
||||
h6.date { font-size: 0.8em; color: #444 }
|
||||
|
||||
.date { /* date under titles of the entry */
|
||||
font-size: 80%;
|
||||
@ -269,12 +382,12 @@ h4#addcomment {clear:both;}
|
||||
.entry {
|
||||
margin: 0 0 1.5em 0;
|
||||
padding: 0 0 1.5em 0;
|
||||
overflow: auto; /* floating images fix IE<7*/
|
||||
border-bottom: solid 1px #999;
|
||||
overflow: auto;
|
||||
border-bottom: solid 1px #999
|
||||
}
|
||||
|
||||
#main>.entry {
|
||||
overflow: hidden; /* rest of the world :) */
|
||||
overflow: hidden /* rest of the world :) */
|
||||
}
|
||||
/* end of .entry */
|
||||
|
||||
@ -283,36 +396,65 @@ h4#addcomment {clear:both;}
|
||||
font-size: 80%;
|
||||
color: black;
|
||||
margin: 2em 0 .5em 0;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.entry-footer li {
|
||||
display: block;
|
||||
text-align: right
|
||||
}
|
||||
|
||||
.entry-footer li { display: block }
|
||||
|
||||
.admincontrols { /* [edit] and [delete] */
|
||||
font-size: 80%;
|
||||
text-align: right;
|
||||
text-align: right
|
||||
}
|
||||
|
||||
.buttonbar { text-align: center }
|
||||
|
||||
.buttonbar input {
|
||||
text-align: center;
|
||||
margin: .1em .5em;
|
||||
padding: 0 1em
|
||||
.buttonbar input[type=submit], /* Send-Message-Button */
|
||||
.buttonbar input[type=reset], /* Reset-Message-Button */
|
||||
.buttonbar input[type=button] {
|
||||
box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
|
||||
margin: 0.1em 0.5em;
|
||||
padding: 0.2em 1em
|
||||
}
|
||||
|
||||
.buttonbar input[type=submit]:hover,
|
||||
.buttonbar input[type=reset]:hover,
|
||||
.buttonbar input[type=button]:hover {
|
||||
box-shadow: none
|
||||
}
|
||||
|
||||
input[type=radio],
|
||||
input[type=checkbox] {
|
||||
vertical-align: middle;
|
||||
margin-bottom: 0.4em;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.photoswipe figure img { /* PhotoSwipe */
|
||||
box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 3px
|
||||
}
|
||||
|
||||
.photoswipe figure img:hover { box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3) }
|
||||
|
||||
.photoswipe figure figcaption { font-size: 12px !IMPORTANT }
|
||||
|
||||
.bbcode_video { /* BBCode [video] */
|
||||
background-color: rgba(0,0,0,0.3);
|
||||
box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 3px;
|
||||
margin: 0px 3px 0px 0px
|
||||
}
|
||||
|
||||
.bbcode_video:hover { box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3) }
|
||||
|
||||
.fb_iframe_widget_fluid_desktop iframe { border-radius: 3px }
|
||||
|
||||
.navigation { /* next entries & previous entries link */
|
||||
font-size: 90%;
|
||||
/* margin-bottom: 3em; */
|
||||
display: flow-root;
|
||||
display: flow-root
|
||||
}
|
||||
|
||||
form#search ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
form#search ul { list-style-type: none }
|
||||
|
||||
/* ===== FOOTER ===== */
|
||||
#footer {
|
||||
@ -320,10 +462,8 @@ h4#addcomment {clear:both;}
|
||||
text-align: center;
|
||||
font-size: 90%;
|
||||
color: white;
|
||||
padding: 5px;
|
||||
padding: 5px
|
||||
}
|
||||
|
||||
* {
|
||||
font-family: sans-serif;
|
||||
text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
* { font-family: sans-serif; text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2) }
|
||||
|
||||
|
||||
@ -5,7 +5,7 @@ Leggero CSS Styles
|
||||
|
||||
Name: Leggero v2
|
||||
Author: NoWhereMan, drudo & Marc Thibeault
|
||||
Version: 0.1
|
||||
Version: 1.0
|
||||
Module: globals.css
|
||||
*/
|
||||
|
||||
|
||||
@ -5,61 +5,43 @@ Leggero CSS Styles
|
||||
|
||||
Name: Leggero v2
|
||||
Author: Laborix
|
||||
Version: 0.1
|
||||
Version: 1.0
|
||||
Module: print.css
|
||||
*/
|
||||
|
||||
body {
|
||||
color: #333;
|
||||
background-color: transparent;
|
||||
background-color: transparent
|
||||
}
|
||||
|
||||
a {
|
||||
color: #333;
|
||||
background-color: transparent;
|
||||
text-decoration: none;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 130%;
|
||||
}
|
||||
h1 { font-size: 130% }
|
||||
|
||||
h2 {
|
||||
font-size: 130%;
|
||||
}
|
||||
h2 { font-size: 130% }
|
||||
|
||||
h3 {
|
||||
font-size: 100%;
|
||||
}
|
||||
h3 { font-size: 100% }
|
||||
|
||||
h4 {
|
||||
font-size: 100%;
|
||||
}
|
||||
h4 { font-size: 100% }
|
||||
|
||||
.date {
|
||||
font-size: 100%;
|
||||
}
|
||||
.date { font-size: 100% }
|
||||
|
||||
#column {
|
||||
display: none;
|
||||
}
|
||||
#column { display: none }
|
||||
|
||||
.admincontrols {
|
||||
display: none;
|
||||
}
|
||||
.admincontrols { display: none }
|
||||
|
||||
.readmore {
|
||||
display: none;
|
||||
}
|
||||
.readmore { display: none }
|
||||
|
||||
.navigation {
|
||||
display: none;
|
||||
}
|
||||
.navigation { display: none }
|
||||
|
||||
.entry-footer {
|
||||
clear: both;
|
||||
font-size: 80%;
|
||||
margin: 2em 0 3em 0;
|
||||
margin: 2em 0 3em 0
|
||||
}
|
||||
|
||||
blockquote {
|
||||
@ -69,7 +51,7 @@ blockquote {
|
||||
color: #333;
|
||||
background-color: transparent;
|
||||
font-style: italic;
|
||||
border-left: 5px solid #bbb;
|
||||
border-left: 5px solid #bbb
|
||||
}
|
||||
|
||||
pre {
|
||||
@ -83,21 +65,13 @@ pre {
|
||||
border: 1px dotted #333;
|
||||
white-space: pre-line;
|
||||
overflow: auto;
|
||||
text-overflow: ellipsis;
|
||||
text-overflow: ellipsis
|
||||
}
|
||||
|
||||
.link-comments {
|
||||
display: none;
|
||||
}
|
||||
.link-comments { display: none }
|
||||
|
||||
hr {
|
||||
display: none;
|
||||
}
|
||||
hr { display: none }
|
||||
|
||||
#footer {
|
||||
display: none;
|
||||
}
|
||||
#footer { display: none }
|
||||
|
||||
#commentform {
|
||||
display: none;
|
||||
}
|
||||
#commentform { display: none }
|
||||
|
||||
@ -5,23 +5,43 @@ Leggero CSS Styles
|
||||
|
||||
Name: Leggero v2
|
||||
Author: NoWhereMan, drudo & Marc Thibeault
|
||||
Version: 0.1
|
||||
Version: 1.0
|
||||
Module: style.css
|
||||
*/
|
||||
|
||||
/* imports common style ruleset */
|
||||
@import url(common.css);
|
||||
@import url(globals.css);
|
||||
@import url("common.css");
|
||||
@import url("globals.css");
|
||||
|
||||
/* imports column (where widgets usually go) rules */
|
||||
@import url(column.css);
|
||||
@import url("column.css");
|
||||
|
||||
#comments li.comment-admin {
|
||||
padding: 1em
|
||||
}
|
||||
|
||||
#comments li.comment-admin strong.comment-name { font-size:140% }
|
||||
|
||||
#widget-searchbox form {
|
||||
text-align: center;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
/* Last Comments-Widget */
|
||||
.comment-quote {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
border-radius: 3px
|
||||
}
|
||||
|
||||
@media (min-width: 720px) {
|
||||
.comment-quote { width: auto }
|
||||
}
|
||||
|
||||
/* Calendar-Widget */
|
||||
.calendar {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
@media (min-width: 720px) {
|
||||
.calendar { font-size: small !IMPORTANT }
|
||||
}
|
||||
|
||||
@ -56,7 +56,9 @@ $lang ['admin'] ['plugin'] ['bbcode'] = array(
|
||||
);
|
||||
|
||||
$lang ['plugin'] ['bbcode'] = array (
|
||||
'go_to' => 'Přejít na'
|
||||
'go_to' => 'Přejít na',
|
||||
// language tag for Facebook Video
|
||||
'langtag' => 'cs_CZ'
|
||||
);
|
||||
|
||||
?>
|
||||
|
||||
@ -4,8 +4,7 @@ $lang ['admin'] ['plugin'] ['submenu'] ['bbcode'] = 'BBCode';
|
||||
$lang ['admin'] ['plugin'] ['bbcode'] = array(
|
||||
'head' => 'BBCode Konfiguration',
|
||||
'desc1' => 'Dieses Plugin erlaubt <a href="http://www.phpbb.com/'.
|
||||
'phpBB/faq.php?mode=bbcode">BBCode</a> Markup zu benutzen und bietet die '.
|
||||
'automatische Integration der Lightbox Funktionalität an (Vorraussetzung ist, dass das Lightbox Plugin aktiviert ist).',
|
||||
'phpBB/faq.php?mode=bbcode">BBCode</a> Markup zu benutzen.',
|
||||
|
||||
'options' => 'Optionen',
|
||||
|
||||
@ -57,7 +56,9 @@ $lang ['admin'] ['plugin'] ['bbcode'] = array(
|
||||
);
|
||||
|
||||
$lang ['plugin'] ['bbcode'] = array (
|
||||
'go_to' => 'Gehe zu'
|
||||
'go_to' => 'Gehe zu',
|
||||
// language tag for Facebook Video
|
||||
'langtag' => 'de_DE'
|
||||
);
|
||||
|
||||
?>
|
||||
|
||||
@ -4,8 +4,7 @@ $lang ['admin'] ['plugin'] ['submenu'] ['bbcode'] = 'BBCode';
|
||||
$lang ['admin'] ['plugin'] ['bbcode'] = array(
|
||||
'head' => 'Ρύθμιση του BBCode',
|
||||
'desc1' => 'Το πρόσθετο αυτό επιτρέπει τη χρήση σύνταξης <a href="http://www.phpbb.com/'.
|
||||
'phpBB/faq.php?mode=bbcode">BBCode</a> και παρέχει '.
|
||||
'αυτόματη αλληλεπίδραση με το lightbox (όταν είναι κι αυτό ενεργοποιημένο).',
|
||||
'phpBB/faq.php?mode=bbcode">BBCode</a>.',
|
||||
|
||||
'options' => 'Επιλογές',
|
||||
|
||||
@ -57,7 +56,9 @@ $lang ['admin'] ['plugin'] ['bbcode'] = array(
|
||||
);
|
||||
|
||||
$lang ['plugin'] ['bbcode'] = array (
|
||||
'go_to' => 'Πηγαίνετε στον'
|
||||
'go_to' => 'Πηγαίνετε στον',
|
||||
// language tag for Facebook Video
|
||||
'langtag' => 'el_GR'
|
||||
);
|
||||
|
||||
?>
|
||||
|
||||
@ -4,8 +4,7 @@ $lang ['admin'] ['plugin'] ['submenu'] ['bbcode'] = 'BBCode';
|
||||
$lang ['admin'] ['plugin'] ['bbcode'] = array(
|
||||
'head' => 'BBCode Configuration',
|
||||
'desc1' => 'This plugin allows using <a href="http://www.phpbb.com/'.
|
||||
'phpBB/faq.php?mode=bbcode">BBCode</a> markup and provides '.
|
||||
'automatic integration with lightbox (when also enabled).',
|
||||
'phpBB/faq.php?mode=bbcode">BBCode</a> markup.',
|
||||
|
||||
'options' => 'Options',
|
||||
|
||||
@ -57,7 +56,9 @@ $lang ['admin'] ['plugin'] ['bbcode'] = array(
|
||||
);
|
||||
|
||||
$lang ['plugin'] ['bbcode'] = array (
|
||||
'go_to' => 'Go to'
|
||||
'go_to' => 'Go to',
|
||||
// language tag for Facebook Video
|
||||
'langtag' => 'en_US'
|
||||
);
|
||||
|
||||
?>
|
||||
|
||||
@ -4,8 +4,7 @@ $lang ['admin'] ['plugin'] ['submenu'] ['bbcode'] = 'BBCode';
|
||||
$lang ['admin'] ['plugin'] ['bbcode'] = array(
|
||||
'head' => 'Configuración de BBCode',
|
||||
'desc1' => 'Este Plugin permite usar <a href="http://www.phpbb.com/'.
|
||||
'phpBB/faq.php?mode=bbcode">BBCode</a> markup y proporciona '.
|
||||
'integración automática con lightbox (cuando también está habilitado).',
|
||||
'phpBB/faq.php?mode=bbcode">BBCode</a> markup.',
|
||||
|
||||
'options' => 'Opciones',
|
||||
|
||||
@ -57,7 +56,9 @@ $lang ['admin'] ['plugin'] ['bbcode'] = array(
|
||||
);
|
||||
|
||||
$lang ['plugin'] ['bbcode'] = array (
|
||||
'go_to' => 'Ir a'
|
||||
'go_to' => 'Ir a',
|
||||
// language tag for Facebook Video
|
||||
'langtag' => 'es_ES'
|
||||
);
|
||||
|
||||
?>
|
||||
|
||||
@ -4,8 +4,7 @@ $lang ['admin'] ['plugin'] ['submenu'] ['bbcode'] = 'BBCode';
|
||||
$lang ['admin'] ['plugin'] ['bbcode'] = array(
|
||||
'head' => 'Configuration du BBCode',
|
||||
'desc1' => 'Ce plugin autorise l\'usage du <a href="http://www.phpbb.com/'.
|
||||
'phpBB/faq.php?mode=bbcode">BBCode</a> et permet une intégration '.
|
||||
'automatique avec une lightbox (si disponible).',
|
||||
'phpBB/faq.php?mode=bbcode">BBCode</a>.',
|
||||
|
||||
'options' => 'Options',
|
||||
|
||||
@ -57,7 +56,9 @@ $lang ['admin'] ['plugin'] ['bbcode'] = array(
|
||||
);
|
||||
|
||||
$lang ['plugin'] ['bbcode'] = array (
|
||||
'go_to' => 'Aller à'
|
||||
'go_to' => 'Aller à',
|
||||
// language tag for Facebook Video
|
||||
'langtag' => 'fr_FR'
|
||||
);
|
||||
|
||||
?>
|
||||
|
||||
@ -4,8 +4,7 @@ $lang ['admin'] ['plugin'] ['submenu'] ['bbcode'] = 'BBCode';
|
||||
$lang ['admin'] ['plugin'] ['bbcode'] = array(
|
||||
'head' => 'Configurazione BBCode',
|
||||
'desc1' => 'Questo plugin ti consente di usare <a href="http://www.phpbb.com/'.
|
||||
'phpBB/faq.php?mode=bbcode">BBCode</a> come markup e fornisce '.
|
||||
'un\'integrazione automatica con lightbox (quando è abilitato).',
|
||||
'phpBB/faq.php?mode=bbcode">BBCode</a> come markup.',
|
||||
|
||||
'options' => 'Opzioni',
|
||||
|
||||
@ -57,7 +56,9 @@ $lang ['admin'] ['plugin'] ['bbcode'] = array(
|
||||
);
|
||||
|
||||
$lang ['plugin'] ['bbcode'] = array (
|
||||
'go_to' => 'Vai a'
|
||||
'go_to' => 'Vai a',
|
||||
// language tag for Facebook Video
|
||||
'langtag' => 'it_IT'
|
||||
);
|
||||
|
||||
?>
|
||||
|
||||
@ -4,8 +4,7 @@ $lang ['admin'] ['plugin'] ['submenu'] ['bbcode'] = 'BBCode';
|
||||
$lang ['admin'] ['plugin'] ['bbcode'] = array(
|
||||
'head' => 'BBCodeの設定',
|
||||
'desc1' => 'このプラグインは <a href="http://www.phpbb.com/'.
|
||||
'phpBB/faq.php?mode=bbcode">BBCode</a> を使用できるようにし、'.
|
||||
'lightbox(プラグインが有効であれば)も自動的に組み込みます。',
|
||||
'phpBB/faq.php?mode=bbcode">BBCode</a> の使用を可能にします。',
|
||||
|
||||
'options' => 'オプション',
|
||||
|
||||
@ -57,7 +56,9 @@ $lang ['admin'] ['plugin'] ['bbcode'] = array(
|
||||
);
|
||||
|
||||
$lang ['plugin'] ['bbcode'] = array (
|
||||
'go_to' => 'に行く'
|
||||
'go_to' => 'に行く',
|
||||
// language tag for Facebook Video
|
||||
'langtag' => 'ja_JP'
|
||||
);
|
||||
|
||||
|
||||
|
||||
@ -3,9 +3,8 @@
|
||||
$lang ['admin'] ['plugin'] ['submenu'] ['bbcode'] = 'BBCode';
|
||||
$lang ['admin'] ['plugin'] ['bbcode'] = array(
|
||||
'head' => 'BBCode Configuratie',
|
||||
'desc1' => 'Deze plugin staat gebruik toe <a href="http://www.phpbb.com/'.
|
||||
'phpBB/faq.php?mode=bbcode">BBCode</a> voor opmaak en biedt '.
|
||||
'automatische integratie met lightbox (wanneer ook ingeschakeld).',
|
||||
'desc1' => 'Deze plugin maakt het gebruik van <a href="http://www.phpbb.com/'.
|
||||
'phpBB/faq.php?mode=bbcode">BBCode</a> mogelijk.',
|
||||
|
||||
'options' => 'Opties',
|
||||
|
||||
@ -57,7 +56,9 @@ $lang ['admin'] ['plugin'] ['bbcode'] = array(
|
||||
);
|
||||
|
||||
$lang ['plugin'] ['bbcode'] = array (
|
||||
'go_to' => 'Ga naar'
|
||||
'go_to' => 'Ga naar',
|
||||
// language tag for Facebook Video
|
||||
'langtag' => 'nl_NL'
|
||||
);
|
||||
|
||||
?>
|
||||
|
||||
@ -3,9 +3,8 @@
|
||||
$lang ['admin'] ['plugin'] ['submenu'] ['bbcode'] = 'BBCode';
|
||||
$lang ['admin'] ['plugin'] ['bbcode'] = array(
|
||||
'head' => 'Configuração do BBCode',
|
||||
'desc1' => 'Este plugin permite o uso de <a href="http://www.phpbb.com/'.
|
||||
'phpBB/faq.php?mode=bbcode">BBCode</a> markup e fornece '.
|
||||
'integração automática com o lightbox (quando também ativado).',
|
||||
'desc1' => 'Esse plug-in permite o uso de marcação <a href="http://www.phpbb.com/'.
|
||||
'phpBB/faq.php?mode=bbcode">BBCode</a>.',
|
||||
|
||||
'options' => 'Opções',
|
||||
|
||||
@ -57,7 +56,9 @@ $lang ['admin'] ['plugin'] ['bbcode'] = array(
|
||||
);
|
||||
|
||||
$lang ['plugin'] ['bbcode'] = array (
|
||||
'go_to' => 'Ir para'
|
||||
'go_to' => 'Ir para',
|
||||
// language tag for Facebook Video
|
||||
'langtag' => 'pt_BR'
|
||||
);
|
||||
|
||||
?>
|
||||
@ -331,6 +331,10 @@ function do_bbcode_mail($action, $attributes, $content, $params, $node_object) {
|
||||
* @return string
|
||||
*/
|
||||
function do_bbcode_video($action, $attr, $content, $params, $node_object) {
|
||||
|
||||
global $lang;
|
||||
lang_load('plugin:bbcode');
|
||||
|
||||
if ($action == 'validate') {
|
||||
return true;
|
||||
}
|
||||
@ -365,19 +369,20 @@ function do_bbcode_video($action, $attr, $content, $params, $node_object) {
|
||||
switch ($type) {
|
||||
// YouTube
|
||||
case 'youtube':
|
||||
$output = '<iframe class="bbcode_video bbcode_video_youtube ' . $floatClass . '" src="https://www.youtube-nocookie.com/embed/' . $query ['v'] . '" width="' . $width . '" height="' . $height . '" allow="accelerometer; autoplay; fullscreen; encrypted-media; gyroscope; picture-in-picture"></iframe>';
|
||||
$output = '<div class="responsive_bbcode_video"><iframe class="bbcode_video bbcode_video_youtube ' . $floatClass . '" src="https://www.youtube-nocookie.com/embed/' . $query ['v'] . '" width="' . $width . '" height="' . $height . '" allow="accelerometer; autoplay; fullscreen; encrypted-media; gyroscope; picture-in-picture"></iframe></div>';
|
||||
break;
|
||||
// Vimeo
|
||||
case 'vimeo':
|
||||
$vid = isset($query ['sec']) ? $query ['sec'] : str_replace('/', '', $vurl ['path']);
|
||||
$output = '<iframe class="bbcode_video bbcode_video_vimeo ' . $floatClass . '" src="https://player.vimeo.com/video/' . $vid . '?color=' . $vid . '&title=0&byline=0&portrait=0" width="' . $width . '" height="' . $height . '" allow="autoplay; fullscreen;" allowfullscreen></iframe>';
|
||||
$output = '<div class="responsive_bbcode_video"><iframe class="bbcode_video bbcode_video_vimeo ' . $floatClass . '" src="https://player.vimeo.com/video/' . $vid . '?color=' . $vid . '&title=0&byline=0&portrait=0" width="' . $width . '" height="' . $height . '" allow="autoplay; fullscreen;" allowfullscreen></iframe></div>';
|
||||
break;
|
||||
// Facebook
|
||||
case 'facebook':
|
||||
$langtag = $lang ['plugin'] ['bbcode'] ['langtag'];
|
||||
$vid = isset($query ['sec']) ? $query ['sec'] : str_replace('/video/', '', $vurl ['path']);
|
||||
$output = '<div id="fb-root"></div>
|
||||
<script async defer src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2"></script>
|
||||
<div class="fb-video bbcode_video bbcode_video_facebook ' . $floatClass . '" data-href="' . $vid . '" data-allowfullscreen="true" data-width="' . $width . '"></div>';
|
||||
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/' . $langtag . '/sdk.js#xfbml=1&version=v17.0"></script>
|
||||
<div class="responsive_bbcode_video"><div class="fb-video bbcode_video bbcode_video_facebook ' . $floatClass . '" data-href="' . $vid . '" data-allowfullscreen="true" data-width="' . $width . '" data-lazy="true"></div></div>';
|
||||
break;
|
||||
// Any video file that can be played with HTML5 <video> element
|
||||
case 'html5':
|
||||
@ -390,7 +395,7 @@ function do_bbcode_video($action, $attr, $content, $params, $node_object) {
|
||||
// ... we need to prepend it with the blog base URL
|
||||
$videoPath = BLOG_BASEURL . $videoPath;
|
||||
}
|
||||
$output = '<video class="bbcode_video bbcode_video_html5 ' . $floatClass . '" width="' . $width . '" height="' . $height . '" controls><source src="' . $videoPath . '">Your browser does not support the video tag</video>';
|
||||
$output = '<div class="responsive_bbcode_video"><video class="bbcode_video bbcode_video_html5 ' . $floatClass . '" width="' . $width . '" height="' . $height . '" controls><source src="' . $videoPath . '">Your browser does not support the video tag</video></div>';
|
||||
break;
|
||||
$output = null;
|
||||
}
|
||||
|
||||
@ -14,8 +14,8 @@ header('X-Content-Security-Policy: default-src https: data:; frame-src https: da
|
||||
header('X-WebKit-CSP: default-src https: data:; frame-src https: data:; base-uri \'self\'; font-src https: data:; script-src https: \'unsafe-inline\' \'unsafe-eval\' blob:; style-src https: \'unsafe-inline\'; img-src https: data: blob:; frame-ancestors \'self\'; manifest-src \'self\'; worker-src \'self\' blob:; connect-src https: blob:; media-src \'self\' blob:; child-src \'self\' blob:; form-action \'self\'; object-src \'self\'');
|
||||
|
||||
// End of Content Security Policy rules
|
||||
header('Feature-Policy: interest-cohort \'none\'; autoplay \'self\'; camera \'self\'; fullscreen \'self\'; geolocation \'self\'; microphone \'self\'; payment \'none\''); // Goodbye Feature Policy! // thx Nextcloud-Maps-App, github.com/nextcloud
|
||||
header('Permissions-Policy: interest-cohort=(), autoplay=(self), camera=(self), fullscreen=(self), geolocation=(self), microphone=(self), payment=()'); // Hello Permissions Policy! // thx Nextcloud-Maps-App, github.com/nextcloud
|
||||
header('Feature-Policy: interest-cohort \'none\'; autoplay \'self\'; camera \'self\'; fullscreen *; geolocation \'self\'; microphone \'self\'; payment \'none\''); // Goodbye Feature Policy! // thx Nextcloud-Maps-App, github.com/nextcloud
|
||||
header('Permissions-Policy: interest-cohort=(), autoplay=(self), camera=(self), fullscreen=*, geolocation=(self), microphone=(self), payment=()'); // Hello Permissions Policy! // thx Nextcloud-Maps-App, github.com/nextcloud
|
||||
header('Referrer-Policy: strict-origin-when-cross-origin');
|
||||
header('Strict-Transport-Security: max-age=15552000; includeSubDomains');
|
||||
header('X-Permitted-Cross-Domain-Policies: none');
|
||||
|
||||
@ -88,6 +88,7 @@ class PhotoSwipeFunctions {
|
||||
$imgHtml = self::getPhotoSwipeOverlay() . //
|
||||
'<div ' . //
|
||||
'class="photoswipe ' . $floatClasses . '"' . $styleAttr . //
|
||||
'itemscope itemtype="http://schema.org/ImageGallery"' . //
|
||||
'>' . //
|
||||
'<figure ' . //
|
||||
'itemprop="associatedMedia" ' . //
|
||||
@ -226,14 +227,14 @@ class PhotoSwipeFunctions {
|
||||
';
|
||||
}
|
||||
echo '
|
||||
<script src="' . $pdir . 'res/photoswipe-4.1.1/photoswipe-ui-default.min.js"></script>
|
||||
<script src="' . $pdir . 'res/photoswipe-4.1.1/photoswipe.min.js"></script>
|
||||
<script src="' . $pdir . 'res/photoswipe-4.1.3/photoswipe-ui-default.min.js"></script>
|
||||
<script src="' . $pdir . 'res/photoswipe-4.1.3/photoswipe.min.js"></script>
|
||||
<script>';
|
||||
include_once (dirname(__FILE__) . '/res/photoswipe.js.php');
|
||||
echo '
|
||||
</script>
|
||||
<link rel="stylesheet" property="stylesheet" href="' . $pdir . 'res/photoswipe-4.1.1/default-skin/default-skin.css">
|
||||
<link media="screen" href="' . $pdir . 'res/photoswipe-4.1.1/photoswipe.css" type="text/css" rel="stylesheet">
|
||||
<link rel="stylesheet" property="stylesheet" href="' . $pdir . 'res/photoswipe-4.1.3/default-skin/default-skin.css">
|
||||
<link media="screen" href="' . $pdir . 'res/photoswipe-4.1.3/photoswipe.css" type="text/css" rel="stylesheet">
|
||||
<!-- /PhotoSwipe -->';
|
||||
}
|
||||
|
||||
|
||||
21
fp-plugins/photoswipe/res/photoswipe-4.1.3/LICENSE
Normal file
21
fp-plugins/photoswipe/res/photoswipe-4.1.3/LICENSE
Normal file
@ -0,0 +1,21 @@
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2014-2016 Dmitry Semenov, http://dimsemenov.com
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in
|
||||
all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||
THE SOFTWARE.
|
||||
@ -0,0 +1,482 @@
|
||||
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
|
||||
/*
|
||||
|
||||
Contents:
|
||||
|
||||
1. Buttons
|
||||
2. Share modal and links
|
||||
3. Index indicator ("1 of X" counter)
|
||||
4. Caption
|
||||
5. Loading indicator
|
||||
6. Additional styles (root element, top bar, idle state, hidden state, etc.)
|
||||
|
||||
*/
|
||||
/*
|
||||
|
||||
1. Buttons
|
||||
|
||||
*/
|
||||
/* <button> css reset */
|
||||
.pswp__button {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
position: relative;
|
||||
background: none;
|
||||
cursor: pointer;
|
||||
overflow: visible;
|
||||
-webkit-appearance: none;
|
||||
display: block;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
float: right;
|
||||
opacity: 0.75;
|
||||
-webkit-transition: opacity 0.2s;
|
||||
transition: opacity 0.2s;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none; }
|
||||
.pswp__button:focus, .pswp__button:hover {
|
||||
opacity: 1; }
|
||||
.pswp__button:active {
|
||||
outline: none;
|
||||
opacity: 0.9; }
|
||||
.pswp__button::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0; }
|
||||
|
||||
/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
|
||||
.pswp__ui--over-close .pswp__button--close {
|
||||
opacity: 1; }
|
||||
|
||||
.pswp__button,
|
||||
.pswp__button--arrow--left:before,
|
||||
.pswp__button--arrow--right:before {
|
||||
background: url(default-skin.png) 0 0 no-repeat;
|
||||
background-size: 264px 88px;
|
||||
width: 44px;
|
||||
height: 44px; }
|
||||
|
||||
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
|
||||
/* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
|
||||
.pswp--svg .pswp__button,
|
||||
.pswp--svg .pswp__button--arrow--left:before,
|
||||
.pswp--svg .pswp__button--arrow--right:before {
|
||||
background-image: url(default-skin.svg); }
|
||||
.pswp--svg .pswp__button--arrow--left,
|
||||
.pswp--svg .pswp__button--arrow--right {
|
||||
background: none; } }
|
||||
|
||||
.pswp__button--close {
|
||||
background-position: 0 -44px; }
|
||||
|
||||
.pswp__button--share {
|
||||
background-position: -44px -44px; }
|
||||
|
||||
.pswp__button--fs {
|
||||
display: none; }
|
||||
|
||||
.pswp--supports-fs .pswp__button--fs {
|
||||
display: block; }
|
||||
|
||||
.pswp--fs .pswp__button--fs {
|
||||
background-position: -44px 0; }
|
||||
|
||||
.pswp__button--zoom {
|
||||
display: none;
|
||||
background-position: -88px 0; }
|
||||
|
||||
.pswp--zoom-allowed .pswp__button--zoom {
|
||||
display: block; }
|
||||
|
||||
.pswp--zoomed-in .pswp__button--zoom {
|
||||
background-position: -132px 0; }
|
||||
|
||||
/* no arrows on touch screens */
|
||||
.pswp--touch .pswp__button--arrow--left,
|
||||
.pswp--touch .pswp__button--arrow--right {
|
||||
visibility: hidden; }
|
||||
|
||||
/*
|
||||
Arrow buttons hit area
|
||||
(icon is added to :before pseudo-element)
|
||||
*/
|
||||
.pswp__button--arrow--left,
|
||||
.pswp__button--arrow--right {
|
||||
background: none;
|
||||
top: 50%;
|
||||
margin-top: -50px;
|
||||
width: 70px;
|
||||
height: 100px;
|
||||
position: absolute; }
|
||||
|
||||
.pswp__button--arrow--left {
|
||||
left: 0; }
|
||||
|
||||
.pswp__button--arrow--right {
|
||||
right: 0; }
|
||||
|
||||
.pswp__button--arrow--left:before,
|
||||
.pswp__button--arrow--right:before {
|
||||
content: '';
|
||||
top: 35px;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
height: 30px;
|
||||
width: 32px;
|
||||
position: absolute; }
|
||||
|
||||
.pswp__button--arrow--left:before {
|
||||
left: 6px;
|
||||
background-position: -138px -44px; }
|
||||
|
||||
.pswp__button--arrow--right:before {
|
||||
right: 6px;
|
||||
background-position: -94px -44px; }
|
||||
|
||||
/*
|
||||
|
||||
2. Share modal/popup and links
|
||||
|
||||
*/
|
||||
.pswp__counter,
|
||||
.pswp__share-modal {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none; }
|
||||
|
||||
.pswp__share-modal {
|
||||
display: block;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 10px;
|
||||
position: absolute;
|
||||
z-index: 1600;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.25s ease-out;
|
||||
transition: opacity 0.25s ease-out;
|
||||
-webkit-backface-visibility: hidden;
|
||||
will-change: opacity; }
|
||||
|
||||
.pswp__share-modal--hidden {
|
||||
display: none; }
|
||||
|
||||
.pswp__share-tooltip {
|
||||
z-index: 1620;
|
||||
position: absolute;
|
||||
background: #FFF;
|
||||
top: 56px;
|
||||
border-radius: 2px;
|
||||
display: block;
|
||||
width: auto;
|
||||
right: 44px;
|
||||
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
|
||||
-webkit-transform: translateY(6px);
|
||||
-ms-transform: translateY(6px);
|
||||
transform: translateY(6px);
|
||||
-webkit-transition: -webkit-transform 0.25s;
|
||||
transition: transform 0.25s;
|
||||
-webkit-backface-visibility: hidden;
|
||||
will-change: transform; }
|
||||
.pswp__share-tooltip a {
|
||||
display: block;
|
||||
padding: 8px 12px;
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
font-size: 14px;
|
||||
line-height: 18px; }
|
||||
.pswp__share-tooltip a:hover {
|
||||
text-decoration: none;
|
||||
color: #000; }
|
||||
.pswp__share-tooltip a:first-child {
|
||||
/* round corners on the first/last list item */
|
||||
border-radius: 2px 2px 0 0; }
|
||||
.pswp__share-tooltip a:last-child {
|
||||
border-radius: 0 0 2px 2px; }
|
||||
|
||||
.pswp__share-modal--fade-in {
|
||||
opacity: 1; }
|
||||
.pswp__share-modal--fade-in .pswp__share-tooltip {
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0); }
|
||||
|
||||
/* increase size of share links on touch devices */
|
||||
.pswp--touch .pswp__share-tooltip a {
|
||||
padding: 16px 12px; }
|
||||
|
||||
a.pswp__share--facebook:before {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
top: -12px;
|
||||
right: 15px;
|
||||
border: 6px solid transparent;
|
||||
border-bottom-color: #FFF;
|
||||
-webkit-pointer-events: none;
|
||||
-moz-pointer-events: none;
|
||||
pointer-events: none; }
|
||||
|
||||
a.pswp__share--facebook:hover {
|
||||
background: #3E5C9A;
|
||||
color: #FFF; }
|
||||
a.pswp__share--facebook:hover:before {
|
||||
border-bottom-color: #3E5C9A; }
|
||||
|
||||
a.pswp__share--twitter:hover {
|
||||
background: #55ACEE;
|
||||
color: #FFF; }
|
||||
|
||||
a.pswp__share--pinterest:hover {
|
||||
background: #CCC;
|
||||
color: #CE272D; }
|
||||
|
||||
a.pswp__share--download:hover {
|
||||
background: #DDD; }
|
||||
|
||||
/*
|
||||
|
||||
3. Index indicator ("1 of X" counter)
|
||||
|
||||
*/
|
||||
.pswp__counter {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 44px;
|
||||
font-size: 13px;
|
||||
line-height: 44px;
|
||||
color: #FFF;
|
||||
opacity: 0.75;
|
||||
padding: 0 10px; }
|
||||
|
||||
/*
|
||||
|
||||
4. Caption
|
||||
|
||||
*/
|
||||
.pswp__caption {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
min-height: 44px; }
|
||||
.pswp__caption small {
|
||||
font-size: 11px;
|
||||
color: #BBB; }
|
||||
|
||||
.pswp__caption__center {
|
||||
text-align: left;
|
||||
max-width: 420px;
|
||||
margin: 0 auto;
|
||||
font-size: 13px;
|
||||
padding: 10px;
|
||||
line-height: 20px;
|
||||
color: #CCC; }
|
||||
|
||||
.pswp__caption--empty {
|
||||
display: none; }
|
||||
|
||||
/* Fake caption element, used to calculate height of next/prev image */
|
||||
.pswp__caption--fake {
|
||||
visibility: hidden; }
|
||||
|
||||
/*
|
||||
|
||||
5. Loading indicator (preloader)
|
||||
|
||||
You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
|
||||
|
||||
*/
|
||||
.pswp__preloader {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
margin-left: -22px;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.25s ease-out;
|
||||
transition: opacity 0.25s ease-out;
|
||||
will-change: opacity;
|
||||
direction: ltr; }
|
||||
|
||||
.pswp__preloader__icn {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 12px; }
|
||||
|
||||
.pswp__preloader--active {
|
||||
opacity: 1; }
|
||||
.pswp__preloader--active .pswp__preloader__icn {
|
||||
/* We use .gif in browsers that don't support CSS animation */
|
||||
background: url(preloader.gif) 0 0 no-repeat; }
|
||||
|
||||
.pswp--css_animation .pswp__preloader--active {
|
||||
opacity: 1; }
|
||||
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
|
||||
-webkit-animation: clockwise 500ms linear infinite;
|
||||
animation: clockwise 500ms linear infinite; }
|
||||
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
|
||||
-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
|
||||
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
|
||||
|
||||
.pswp--css_animation .pswp__preloader__icn {
|
||||
background: none;
|
||||
opacity: 0.75;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
position: absolute;
|
||||
left: 15px;
|
||||
top: 15px;
|
||||
margin: 0; }
|
||||
|
||||
.pswp--css_animation .pswp__preloader__cut {
|
||||
/*
|
||||
The idea of animating inner circle is based on Polymer ("material") loading indicator
|
||||
by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
|
||||
*/
|
||||
position: relative;
|
||||
width: 7px;
|
||||
height: 14px;
|
||||
overflow: hidden; }
|
||||
|
||||
.pswp--css_animation .pswp__preloader__donut {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border: 2px solid #FFF;
|
||||
border-radius: 50%;
|
||||
border-left-color: transparent;
|
||||
border-bottom-color: transparent;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: none;
|
||||
margin: 0; }
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
.pswp__preloader {
|
||||
position: relative;
|
||||
left: auto;
|
||||
top: auto;
|
||||
margin: 0;
|
||||
float: right; } }
|
||||
|
||||
@-webkit-keyframes clockwise {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg); } }
|
||||
|
||||
@keyframes clockwise {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg); } }
|
||||
|
||||
@-webkit-keyframes donut-rotate {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0); }
|
||||
50% {
|
||||
-webkit-transform: rotate(-140deg);
|
||||
transform: rotate(-140deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0); } }
|
||||
|
||||
@keyframes donut-rotate {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0); }
|
||||
50% {
|
||||
-webkit-transform: rotate(-140deg);
|
||||
transform: rotate(-140deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0); } }
|
||||
|
||||
/*
|
||||
|
||||
6. Additional styles
|
||||
|
||||
*/
|
||||
/* root element of UI */
|
||||
.pswp__ui {
|
||||
-webkit-font-smoothing: auto;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
z-index: 1550; }
|
||||
|
||||
/* top black bar with buttons and "1 of X" indicator */
|
||||
.pswp__top-bar {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 44px;
|
||||
width: 100%; }
|
||||
|
||||
.pswp__caption,
|
||||
.pswp__top-bar,
|
||||
.pswp--has_mouse .pswp__button--arrow--left,
|
||||
.pswp--has_mouse .pswp__button--arrow--right {
|
||||
-webkit-backface-visibility: hidden;
|
||||
will-change: opacity;
|
||||
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
|
||||
|
||||
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
|
||||
.pswp--has_mouse .pswp__button--arrow--left,
|
||||
.pswp--has_mouse .pswp__button--arrow--right {
|
||||
visibility: visible; }
|
||||
|
||||
.pswp__top-bar,
|
||||
.pswp__caption {
|
||||
background-color: rgba(0, 0, 0, 0.5); }
|
||||
|
||||
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
|
||||
.pswp__ui--fit .pswp__top-bar,
|
||||
.pswp__ui--fit .pswp__caption {
|
||||
background-color: rgba(0, 0, 0, 0.3); }
|
||||
|
||||
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
|
||||
.pswp__ui--idle .pswp__top-bar {
|
||||
opacity: 0; }
|
||||
|
||||
.pswp__ui--idle .pswp__button--arrow--left,
|
||||
.pswp__ui--idle .pswp__button--arrow--right {
|
||||
opacity: 0; }
|
||||
|
||||
/*
|
||||
pswp__ui--hidden class is added when controls are hidden
|
||||
e.g. when user taps to toggle visibility of controls
|
||||
*/
|
||||
.pswp__ui--hidden .pswp__top-bar,
|
||||
.pswp__ui--hidden .pswp__caption,
|
||||
.pswp__ui--hidden .pswp__button--arrow--left,
|
||||
.pswp__ui--hidden .pswp__button--arrow--right {
|
||||
/* Force paint & create composition layer for controls. */
|
||||
opacity: 0.001; }
|
||||
|
||||
/* pswp__ui--one-slide class is added when there is just one item in gallery */
|
||||
.pswp__ui--one-slide .pswp__button--arrow--left,
|
||||
.pswp__ui--one-slide .pswp__button--arrow--right,
|
||||
.pswp__ui--one-slide .pswp__counter {
|
||||
display: none; }
|
||||
|
||||
.pswp__element--disabled {
|
||||
display: none !important; }
|
||||
|
||||
.pswp--minimal--dark .pswp__top-bar {
|
||||
background: none; }
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 547 B |
@ -0,0 +1 @@
|
||||
<svg width="264" height="88" viewBox="0 0 264 88" xmlns="http://www.w3.org/2000/svg"><title>default-skin 2</title><g fill="none" fill-rule="evenodd"><g><path d="M67.002 59.5v3.768c-6.307.84-9.184 5.75-10.002 9.732 2.22-2.83 5.564-5.098 10.002-5.098V71.5L73 65.585 67.002 59.5z" id="Shape" fill="#fff"/><g fill="#fff"><path d="M13 29v-5h2v3h3v2h-5zM13 15h5v2h-3v3h-2v-5zM31 15v5h-2v-3h-3v-2h5zM31 29h-5v-2h3v-3h2v5z" id="Shape"/></g><g fill="#fff"><path d="M62 24v5h-2v-3h-3v-2h5zM62 20h-5v-2h3v-3h2v5zM70 20v-5h2v3h3v2h-5zM70 24h5v2h-3v3h-2v-5z"/></g><path d="M20.586 66l-5.656-5.656 1.414-1.414L22 64.586l5.656-5.656 1.414 1.414L23.414 66l5.656 5.656-1.414 1.414L22 67.414l-5.656 5.656-1.414-1.414L20.586 66z" fill="#fff"/><path d="M111.785 65.03L110 63.5l3-3.5h-10v-2h10l-3-3.5 1.785-1.468L117 59l-5.215 6.03z" fill="#fff"/><path d="M152.215 65.03L154 63.5l-3-3.5h10v-2h-10l3-3.5-1.785-1.468L147 59l5.215 6.03z" fill="#fff"/><g><path id="Rectangle-11" fill="#fff" d="M160.957 28.543l-3.25-3.25-1.413 1.414 3.25 3.25z"/><path d="M152.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z" id="Oval-1" stroke="#fff" stroke-width="1.5"/><path fill="#fff" d="M150 21h5v1h-5z"/></g><g><path d="M116.957 28.543l-1.414 1.414-3.25-3.25 1.414-1.414 3.25 3.25z" fill="#fff"/><path d="M108.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z" stroke="#fff" stroke-width="1.5"/><path fill="#fff" d="M106 21h5v1h-5z"/><path fill="#fff" d="M109.043 19.008l-.085 5-1-.017.085-5z"/></g></g></g></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 866 B |
@ -0,0 +1,861 @@
|
||||
/*! PhotoSwipe Default UI - 4.1.3 - 2019-01-08
|
||||
* http://photoswipe.com
|
||||
* Copyright (c) 2019 Dmitry Semenov; */
|
||||
/**
|
||||
*
|
||||
* UI on top of main sliding area (caption, arrows, close button, etc.).
|
||||
* Built just using public methods/properties of PhotoSwipe.
|
||||
*
|
||||
*/
|
||||
(function (root, factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
define(factory);
|
||||
} else if (typeof exports === 'object') {
|
||||
module.exports = factory();
|
||||
} else {
|
||||
root.PhotoSwipeUI_Default = factory();
|
||||
}
|
||||
})(this, function () {
|
||||
|
||||
'use strict';
|
||||
|
||||
|
||||
|
||||
var PhotoSwipeUI_Default =
|
||||
function(pswp, framework) {
|
||||
|
||||
var ui = this;
|
||||
var _overlayUIUpdated = false,
|
||||
_controlsVisible = true,
|
||||
_fullscrenAPI,
|
||||
_controls,
|
||||
_captionContainer,
|
||||
_fakeCaptionContainer,
|
||||
_indexIndicator,
|
||||
_shareButton,
|
||||
_shareModal,
|
||||
_shareModalHidden = true,
|
||||
_initalCloseOnScrollValue,
|
||||
_isIdle,
|
||||
_listen,
|
||||
|
||||
_loadingIndicator,
|
||||
_loadingIndicatorHidden,
|
||||
_loadingIndicatorTimeout,
|
||||
|
||||
_galleryHasOneSlide,
|
||||
|
||||
_options,
|
||||
_defaultUIOptions = {
|
||||
barsSize: {top:44, bottom:'auto'},
|
||||
closeElClasses: ['item', 'caption', 'zoom-wrap', 'ui', 'top-bar'],
|
||||
timeToIdle: 4000,
|
||||
timeToIdleOutside: 1000,
|
||||
loadingIndicatorDelay: 1000, // 2s
|
||||
|
||||
addCaptionHTMLFn: function(item, captionEl /*, isFake */) {
|
||||
if(!item.title) {
|
||||
captionEl.children[0].innerHTML = '';
|
||||
return false;
|
||||
}
|
||||
captionEl.children[0].innerHTML = item.title;
|
||||
return true;
|
||||
},
|
||||
|
||||
closeEl:true,
|
||||
captionEl: true,
|
||||
fullscreenEl: true,
|
||||
zoomEl: true,
|
||||
shareEl: true,
|
||||
counterEl: true,
|
||||
arrowEl: true,
|
||||
preloaderEl: true,
|
||||
|
||||
tapToClose: false,
|
||||
tapToToggleControls: true,
|
||||
|
||||
clickToCloseNonZoomable: true,
|
||||
|
||||
shareButtons: [
|
||||
{id:'facebook', label:'Share on Facebook', url:'https://www.facebook.com/sharer/sharer.php?u={{url}}'},
|
||||
{id:'twitter', label:'Tweet', url:'https://twitter.com/intent/tweet?text={{text}}&url={{url}}'},
|
||||
{id:'pinterest', label:'Pin it', url:'http://www.pinterest.com/pin/create/button/'+
|
||||
'?url={{url}}&media={{image_url}}&description={{text}}'},
|
||||
{id:'download', label:'Download image', url:'{{raw_image_url}}', download:true}
|
||||
],
|
||||
getImageURLForShare: function( /* shareButtonData */ ) {
|
||||
return pswp.currItem.src || '';
|
||||
},
|
||||
getPageURLForShare: function( /* shareButtonData */ ) {
|
||||
return window.location.href;
|
||||
},
|
||||
getTextForShare: function( /* shareButtonData */ ) {
|
||||
return pswp.currItem.title || '';
|
||||
},
|
||||
|
||||
indexIndicatorSep: ' / ',
|
||||
fitControlsWidth: 1200
|
||||
|
||||
},
|
||||
_blockControlsTap,
|
||||
_blockControlsTapTimeout;
|
||||
|
||||
|
||||
|
||||
var _onControlsTap = function(e) {
|
||||
if(_blockControlsTap) {
|
||||
return true;
|
||||
}
|
||||
|
||||
|
||||
e = e || window.event;
|
||||
|
||||
if(_options.timeToIdle && _options.mouseUsed && !_isIdle) {
|
||||
// reset idle timer
|
||||
_onIdleMouseMove();
|
||||
}
|
||||
|
||||
|
||||
var target = e.target || e.srcElement,
|
||||
uiElement,
|
||||
clickedClass = target.getAttribute('class') || '',
|
||||
found;
|
||||
|
||||
for(var i = 0; i < _uiElements.length; i++) {
|
||||
uiElement = _uiElements[i];
|
||||
if(uiElement.onTap && clickedClass.indexOf('pswp__' + uiElement.name ) > -1 ) {
|
||||
uiElement.onTap();
|
||||
found = true;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
if(found) {
|
||||
if(e.stopPropagation) {
|
||||
e.stopPropagation();
|
||||
}
|
||||
_blockControlsTap = true;
|
||||
|
||||
// Some versions of Android don't prevent ghost click event
|
||||
// when preventDefault() was called on touchstart and/or touchend.
|
||||
//
|
||||
// This happens on v4.3, 4.2, 4.1,
|
||||
// older versions strangely work correctly,
|
||||
// but just in case we add delay on all of them)
|
||||
var tapDelay = framework.features.isOldAndroid ? 600 : 30;
|
||||
_blockControlsTapTimeout = setTimeout(function() {
|
||||
_blockControlsTap = false;
|
||||
}, tapDelay);
|
||||
}
|
||||
|
||||
},
|
||||
_fitControlsInViewport = function() {
|
||||
return !pswp.likelyTouchDevice || _options.mouseUsed || screen.width > _options.fitControlsWidth;
|
||||
},
|
||||
_togglePswpClass = function(el, cName, add) {
|
||||
framework[ (add ? 'add' : 'remove') + 'Class' ](el, 'pswp__' + cName);
|
||||
},
|
||||
|
||||
// add class when there is just one item in the gallery
|
||||
// (by default it hides left/right arrows and 1ofX counter)
|
||||
_countNumItems = function() {
|
||||
var hasOneSlide = (_options.getNumItemsFn() === 1);
|
||||
|
||||
if(hasOneSlide !== _galleryHasOneSlide) {
|
||||
_togglePswpClass(_controls, 'ui--one-slide', hasOneSlide);
|
||||
_galleryHasOneSlide = hasOneSlide;
|
||||
}
|
||||
},
|
||||
_toggleShareModalClass = function() {
|
||||
_togglePswpClass(_shareModal, 'share-modal--hidden', _shareModalHidden);
|
||||
},
|
||||
_toggleShareModal = function() {
|
||||
|
||||
_shareModalHidden = !_shareModalHidden;
|
||||
|
||||
|
||||
if(!_shareModalHidden) {
|
||||
_toggleShareModalClass();
|
||||
setTimeout(function() {
|
||||
if(!_shareModalHidden) {
|
||||
framework.addClass(_shareModal, 'pswp__share-modal--fade-in');
|
||||
}
|
||||
}, 30);
|
||||
} else {
|
||||
framework.removeClass(_shareModal, 'pswp__share-modal--fade-in');
|
||||
setTimeout(function() {
|
||||
if(_shareModalHidden) {
|
||||
_toggleShareModalClass();
|
||||
}
|
||||
}, 300);
|
||||
}
|
||||
|
||||
if(!_shareModalHidden) {
|
||||
_updateShareURLs();
|
||||
}
|
||||
return false;
|
||||
},
|
||||
|
||||
_openWindowPopup = function(e) {
|
||||
e = e || window.event;
|
||||
var target = e.target || e.srcElement;
|
||||
|
||||
pswp.shout('shareLinkClick', e, target);
|
||||
|
||||
if(!target.href) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if( target.hasAttribute('download') ) {
|
||||
return true;
|
||||
}
|
||||
|
||||
window.open(target.href, 'pswp_share', 'scrollbars=yes,resizable=yes,toolbar=no,'+
|
||||
'location=yes,width=550,height=420,top=100,left=' +
|
||||
(window.screen ? Math.round(screen.width / 2 - 275) : 100) );
|
||||
|
||||
if(!_shareModalHidden) {
|
||||
_toggleShareModal();
|
||||
}
|
||||
|
||||
return false;
|
||||
},
|
||||
_updateShareURLs = function() {
|
||||
var shareButtonOut = '',
|
||||
shareButtonData,
|
||||
shareURL,
|
||||
image_url,
|
||||
page_url,
|
||||
share_text;
|
||||
|
||||
for(var i = 0; i < _options.shareButtons.length; i++) {
|
||||
shareButtonData = _options.shareButtons[i];
|
||||
|
||||
image_url = _options.getImageURLForShare(shareButtonData);
|
||||
page_url = _options.getPageURLForShare(shareButtonData);
|
||||
share_text = _options.getTextForShare(shareButtonData);
|
||||
|
||||
shareURL = shareButtonData.url.replace('{{url}}', encodeURIComponent(page_url) )
|
||||
.replace('{{image_url}}', encodeURIComponent(image_url) )
|
||||
.replace('{{raw_image_url}}', image_url )
|
||||
.replace('{{text}}', encodeURIComponent(share_text) );
|
||||
|
||||
shareButtonOut += '<a href="' + shareURL + '" target="_blank" '+
|
||||
'class="pswp__share--' + shareButtonData.id + '"' +
|
||||
(shareButtonData.download ? 'download' : '') + '>' +
|
||||
shareButtonData.label + '</a>';
|
||||
|
||||
if(_options.parseShareButtonOut) {
|
||||
shareButtonOut = _options.parseShareButtonOut(shareButtonData, shareButtonOut);
|
||||
}
|
||||
}
|
||||
_shareModal.children[0].innerHTML = shareButtonOut;
|
||||
_shareModal.children[0].onclick = _openWindowPopup;
|
||||
|
||||
},
|
||||
_hasCloseClass = function(target) {
|
||||
for(var i = 0; i < _options.closeElClasses.length; i++) {
|
||||
if( framework.hasClass(target, 'pswp__' + _options.closeElClasses[i]) ) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
},
|
||||
_idleInterval,
|
||||
_idleTimer,
|
||||
_idleIncrement = 0,
|
||||
_onIdleMouseMove = function() {
|
||||
clearTimeout(_idleTimer);
|
||||
_idleIncrement = 0;
|
||||
if(_isIdle) {
|
||||
ui.setIdle(false);
|
||||
}
|
||||
},
|
||||
_onMouseLeaveWindow = function(e) {
|
||||
e = e ? e : window.event;
|
||||
var from = e.relatedTarget || e.toElement;
|
||||
if (!from || from.nodeName === 'HTML') {
|
||||
clearTimeout(_idleTimer);
|
||||
_idleTimer = setTimeout(function() {
|
||||
ui.setIdle(true);
|
||||
}, _options.timeToIdleOutside);
|
||||
}
|
||||
},
|
||||
_setupFullscreenAPI = function() {
|
||||
if(_options.fullscreenEl && !framework.features.isOldAndroid) {
|
||||
if(!_fullscrenAPI) {
|
||||
_fullscrenAPI = ui.getFullscreenAPI();
|
||||
}
|
||||
if(_fullscrenAPI) {
|
||||
framework.bind(document, _fullscrenAPI.eventK, ui.updateFullscreen);
|
||||
ui.updateFullscreen();
|
||||
framework.addClass(pswp.template, 'pswp--supports-fs');
|
||||
} else {
|
||||
framework.removeClass(pswp.template, 'pswp--supports-fs');
|
||||
}
|
||||
}
|
||||
},
|
||||
_setupLoadingIndicator = function() {
|
||||
// Setup loading indicator
|
||||
if(_options.preloaderEl) {
|
||||
|
||||
_toggleLoadingIndicator(true);
|
||||
|
||||
_listen('beforeChange', function() {
|
||||
|
||||
clearTimeout(_loadingIndicatorTimeout);
|
||||
|
||||
// display loading indicator with delay
|
||||
_loadingIndicatorTimeout = setTimeout(function() {
|
||||
|
||||
if(pswp.currItem && pswp.currItem.loading) {
|
||||
|
||||
if( !pswp.allowProgressiveImg() || (pswp.currItem.img && !pswp.currItem.img.naturalWidth) ) {
|
||||
// show preloader if progressive loading is not enabled,
|
||||
// or image width is not defined yet (because of slow connection)
|
||||
_toggleLoadingIndicator(false);
|
||||
// items-controller.js function allowProgressiveImg
|
||||
}
|
||||
|
||||
} else {
|
||||
_toggleLoadingIndicator(true); // hide preloader
|
||||
}
|
||||
|
||||
}, _options.loadingIndicatorDelay);
|
||||
|
||||
});
|
||||
_listen('imageLoadComplete', function(index, item) {
|
||||
if(pswp.currItem === item) {
|
||||
_toggleLoadingIndicator(true);
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
},
|
||||
_toggleLoadingIndicator = function(hide) {
|
||||
if( _loadingIndicatorHidden !== hide ) {
|
||||
_togglePswpClass(_loadingIndicator, 'preloader--active', !hide);
|
||||
_loadingIndicatorHidden = hide;
|
||||
}
|
||||
},
|
||||
_applyNavBarGaps = function(item) {
|
||||
var gap = item.vGap;
|
||||
|
||||
if( _fitControlsInViewport() ) {
|
||||
|
||||
var bars = _options.barsSize;
|
||||
if(_options.captionEl && bars.bottom === 'auto') {
|
||||
if(!_fakeCaptionContainer) {
|
||||
_fakeCaptionContainer = framework.createEl('pswp__caption pswp__caption--fake');
|
||||
_fakeCaptionContainer.appendChild( framework.createEl('pswp__caption__center') );
|
||||
_controls.insertBefore(_fakeCaptionContainer, _captionContainer);
|
||||
framework.addClass(_controls, 'pswp__ui--fit');
|
||||
}
|
||||
if( _options.addCaptionHTMLFn(item, _fakeCaptionContainer, true) ) {
|
||||
|
||||
var captionSize = _fakeCaptionContainer.clientHeight;
|
||||
gap.bottom = parseInt(captionSize,10) || 44;
|
||||
} else {
|
||||
gap.bottom = bars.top; // if no caption, set size of bottom gap to size of top
|
||||
}
|
||||
} else {
|
||||
gap.bottom = bars.bottom === 'auto' ? 0 : bars.bottom;
|
||||
}
|
||||
|
||||
// height of top bar is static, no need to calculate it
|
||||
gap.top = bars.top;
|
||||
} else {
|
||||
gap.top = gap.bottom = 0;
|
||||
}
|
||||
},
|
||||
_setupIdle = function() {
|
||||
// Hide controls when mouse is used
|
||||
if(_options.timeToIdle) {
|
||||
_listen('mouseUsed', function() {
|
||||
|
||||
framework.bind(document, 'mousemove', _onIdleMouseMove);
|
||||
framework.bind(document, 'mouseout', _onMouseLeaveWindow);
|
||||
|
||||
_idleInterval = setInterval(function() {
|
||||
_idleIncrement++;
|
||||
if(_idleIncrement === 2) {
|
||||
ui.setIdle(true);
|
||||
}
|
||||
}, _options.timeToIdle / 2);
|
||||
});
|
||||
}
|
||||
},
|
||||
_setupHidingControlsDuringGestures = function() {
|
||||
|
||||
// Hide controls on vertical drag
|
||||
_listen('onVerticalDrag', function(now) {
|
||||
if(_controlsVisible && now < 0.95) {
|
||||
ui.hideControls();
|
||||
} else if(!_controlsVisible && now >= 0.95) {
|
||||
ui.showControls();
|
||||
}
|
||||
});
|
||||
|
||||
// Hide controls when pinching to close
|
||||
var pinchControlsHidden;
|
||||
_listen('onPinchClose' , function(now) {
|
||||
if(_controlsVisible && now < 0.9) {
|
||||
ui.hideControls();
|
||||
pinchControlsHidden = true;
|
||||
} else if(pinchControlsHidden && !_controlsVisible && now > 0.9) {
|
||||
ui.showControls();
|
||||
}
|
||||
});
|
||||
|
||||
_listen('zoomGestureEnded', function() {
|
||||
pinchControlsHidden = false;
|
||||
if(pinchControlsHidden && !_controlsVisible) {
|
||||
ui.showControls();
|
||||
}
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
|
||||
|
||||
var _uiElements = [
|
||||
{
|
||||
name: 'caption',
|
||||
option: 'captionEl',
|
||||
onInit: function(el) {
|
||||
_captionContainer = el;
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'share-modal',
|
||||
option: 'shareEl',
|
||||
onInit: function(el) {
|
||||
_shareModal = el;
|
||||
},
|
||||
onTap: function() {
|
||||
_toggleShareModal();
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'button--share',
|
||||
option: 'shareEl',
|
||||
onInit: function(el) {
|
||||
_shareButton = el;
|
||||
},
|
||||
onTap: function() {
|
||||
_toggleShareModal();
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'button--zoom',
|
||||
option: 'zoomEl',
|
||||
onTap: pswp.toggleDesktopZoom
|
||||
},
|
||||
{
|
||||
name: 'counter',
|
||||
option: 'counterEl',
|
||||
onInit: function(el) {
|
||||
_indexIndicator = el;
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'button--close',
|
||||
option: 'closeEl',
|
||||
onTap: pswp.close
|
||||
},
|
||||
{
|
||||
name: 'button--arrow--left',
|
||||
option: 'arrowEl',
|
||||
onTap: pswp.prev
|
||||
},
|
||||
{
|
||||
name: 'button--arrow--right',
|
||||
option: 'arrowEl',
|
||||
onTap: pswp.next
|
||||
},
|
||||
{
|
||||
name: 'button--fs',
|
||||
option: 'fullscreenEl',
|
||||
onTap: function() {
|
||||
if(_fullscrenAPI.isFullscreen()) {
|
||||
_fullscrenAPI.exit();
|
||||
} else {
|
||||
_fullscrenAPI.enter();
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'preloader',
|
||||
option: 'preloaderEl',
|
||||
onInit: function(el) {
|
||||
_loadingIndicator = el;
|
||||
}
|
||||
}
|
||||
|
||||
];
|
||||
|
||||
var _setupUIElements = function() {
|
||||
var item,
|
||||
classAttr,
|
||||
uiElement;
|
||||
|
||||
var loopThroughChildElements = function(sChildren) {
|
||||
if(!sChildren) {
|
||||
return;
|
||||
}
|
||||
|
||||
var l = sChildren.length;
|
||||
for(var i = 0; i < l; i++) {
|
||||
item = sChildren[i];
|
||||
classAttr = item.className;
|
||||
|
||||
for(var a = 0; a < _uiElements.length; a++) {
|
||||
uiElement = _uiElements[a];
|
||||
|
||||
if(classAttr.indexOf('pswp__' + uiElement.name) > -1 ) {
|
||||
|
||||
if( _options[uiElement.option] ) { // if element is not disabled from options
|
||||
|
||||
framework.removeClass(item, 'pswp__element--disabled');
|
||||
if(uiElement.onInit) {
|
||||
uiElement.onInit(item);
|
||||
}
|
||||
|
||||
//item.style.display = 'block';
|
||||
} else {
|
||||
framework.addClass(item, 'pswp__element--disabled');
|
||||
//item.style.display = 'none';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
loopThroughChildElements(_controls.children);
|
||||
|
||||
var topBar = framework.getChildByClass(_controls, 'pswp__top-bar');
|
||||
if(topBar) {
|
||||
loopThroughChildElements( topBar.children );
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
|
||||
|
||||
ui.init = function() {
|
||||
|
||||
// extend options
|
||||
framework.extend(pswp.options, _defaultUIOptions, true);
|
||||
|
||||
// create local link for fast access
|
||||
_options = pswp.options;
|
||||
|
||||
// find pswp__ui element
|
||||
_controls = framework.getChildByClass(pswp.scrollWrap, 'pswp__ui');
|
||||
|
||||
// create local link
|
||||
_listen = pswp.listen;
|
||||
|
||||
|
||||
_setupHidingControlsDuringGestures();
|
||||
|
||||
// update controls when slides change
|
||||
_listen('beforeChange', ui.update);
|
||||
|
||||
// toggle zoom on double-tap
|
||||
_listen('doubleTap', function(point) {
|
||||
var initialZoomLevel = pswp.currItem.initialZoomLevel;
|
||||
if(pswp.getZoomLevel() !== initialZoomLevel) {
|
||||
pswp.zoomTo(initialZoomLevel, point, 333);
|
||||
} else {
|
||||
pswp.zoomTo(_options.getDoubleTapZoom(false, pswp.currItem), point, 333);
|
||||
}
|
||||
});
|
||||
|
||||
// Allow text selection in caption
|
||||
_listen('preventDragEvent', function(e, isDown, preventObj) {
|
||||
var t = e.target || e.srcElement;
|
||||
if(
|
||||
t &&
|
||||
t.getAttribute('class') && e.type.indexOf('mouse') > -1 &&
|
||||
( t.getAttribute('class').indexOf('__caption') > 0 || (/(SMALL|STRONG|EM)/i).test(t.tagName) )
|
||||
) {
|
||||
preventObj.prevent = false;
|
||||
}
|
||||
});
|
||||
|
||||
// bind events for UI
|
||||
_listen('bindEvents', function() {
|
||||
framework.bind(_controls, 'pswpTap click', _onControlsTap);
|
||||
framework.bind(pswp.scrollWrap, 'pswpTap', ui.onGlobalTap);
|
||||
|
||||
if(!pswp.likelyTouchDevice) {
|
||||
framework.bind(pswp.scrollWrap, 'mouseover', ui.onMouseOver);
|
||||
}
|
||||
});
|
||||
|
||||
// unbind events for UI
|
||||
_listen('unbindEvents', function() {
|
||||
if(!_shareModalHidden) {
|
||||
_toggleShareModal();
|
||||
}
|
||||
|
||||
if(_idleInterval) {
|
||||
clearInterval(_idleInterval);
|
||||
}
|
||||
framework.unbind(document, 'mouseout', _onMouseLeaveWindow);
|
||||
framework.unbind(document, 'mousemove', _onIdleMouseMove);
|
||||
framework.unbind(_controls, 'pswpTap click', _onControlsTap);
|
||||
framework.unbind(pswp.scrollWrap, 'pswpTap', ui.onGlobalTap);
|
||||
framework.unbind(pswp.scrollWrap, 'mouseover', ui.onMouseOver);
|
||||
|
||||
if(_fullscrenAPI) {
|
||||
framework.unbind(document, _fullscrenAPI.eventK, ui.updateFullscreen);
|
||||
if(_fullscrenAPI.isFullscreen()) {
|
||||
_options.hideAnimationDuration = 0;
|
||||
_fullscrenAPI.exit();
|
||||
}
|
||||
_fullscrenAPI = null;
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// clean up things when gallery is destroyed
|
||||
_listen('destroy', function() {
|
||||
if(_options.captionEl) {
|
||||
if(_fakeCaptionContainer) {
|
||||
_controls.removeChild(_fakeCaptionContainer);
|
||||
}
|
||||
framework.removeClass(_captionContainer, 'pswp__caption--empty');
|
||||
}
|
||||
|
||||
if(_shareModal) {
|
||||
_shareModal.children[0].onclick = null;
|
||||
}
|
||||
framework.removeClass(_controls, 'pswp__ui--over-close');
|
||||
framework.addClass( _controls, 'pswp__ui--hidden');
|
||||
ui.setIdle(false);
|
||||
});
|
||||
|
||||
|
||||
if(!_options.showAnimationDuration) {
|
||||
framework.removeClass( _controls, 'pswp__ui--hidden');
|
||||
}
|
||||
_listen('initialZoomIn', function() {
|
||||
if(_options.showAnimationDuration) {
|
||||
framework.removeClass( _controls, 'pswp__ui--hidden');
|
||||
}
|
||||
});
|
||||
_listen('initialZoomOut', function() {
|
||||
framework.addClass( _controls, 'pswp__ui--hidden');
|
||||
});
|
||||
|
||||
_listen('parseVerticalMargin', _applyNavBarGaps);
|
||||
|
||||
_setupUIElements();
|
||||
|
||||
if(_options.shareEl && _shareButton && _shareModal) {
|
||||
_shareModalHidden = true;
|
||||
}
|
||||
|
||||
_countNumItems();
|
||||
|
||||
_setupIdle();
|
||||
|
||||
_setupFullscreenAPI();
|
||||
|
||||
_setupLoadingIndicator();
|
||||
};
|
||||
|
||||
ui.setIdle = function(isIdle) {
|
||||
_isIdle = isIdle;
|
||||
_togglePswpClass(_controls, 'ui--idle', isIdle);
|
||||
};
|
||||
|
||||
ui.update = function() {
|
||||
// Don't update UI if it's hidden
|
||||
if(_controlsVisible && pswp.currItem) {
|
||||
|
||||
ui.updateIndexIndicator();
|
||||
|
||||
if(_options.captionEl) {
|
||||
_options.addCaptionHTMLFn(pswp.currItem, _captionContainer);
|
||||
|
||||
_togglePswpClass(_captionContainer, 'caption--empty', !pswp.currItem.title);
|
||||
}
|
||||
|
||||
_overlayUIUpdated = true;
|
||||
|
||||
} else {
|
||||
_overlayUIUpdated = false;
|
||||
}
|
||||
|
||||
if(!_shareModalHidden) {
|
||||
_toggleShareModal();
|
||||
}
|
||||
|
||||
_countNumItems();
|
||||
};
|
||||
|
||||
ui.updateFullscreen = function(e) {
|
||||
|
||||
if(e) {
|
||||
// some browsers change window scroll position during the fullscreen
|
||||
// so PhotoSwipe updates it just in case
|
||||
setTimeout(function() {
|
||||
pswp.setScrollOffset( 0, framework.getScrollY() );
|
||||
}, 50);
|
||||
}
|
||||
|
||||
// toogle pswp--fs class on root element
|
||||
framework[ (_fullscrenAPI.isFullscreen() ? 'add' : 'remove') + 'Class' ](pswp.template, 'pswp--fs');
|
||||
};
|
||||
|
||||
ui.updateIndexIndicator = function() {
|
||||
if(_options.counterEl) {
|
||||
_indexIndicator.innerHTML = (pswp.getCurrentIndex()+1) +
|
||||
_options.indexIndicatorSep +
|
||||
_options.getNumItemsFn();
|
||||
}
|
||||
};
|
||||
|
||||
ui.onGlobalTap = function(e) {
|
||||
e = e || window.event;
|
||||
var target = e.target || e.srcElement;
|
||||
|
||||
if(_blockControlsTap) {
|
||||
return;
|
||||
}
|
||||
|
||||
if(e.detail && e.detail.pointerType === 'mouse') {
|
||||
|
||||
// close gallery if clicked outside of the image
|
||||
if(_hasCloseClass(target)) {
|
||||
pswp.close();
|
||||
return;
|
||||
}
|
||||
|
||||
if(framework.hasClass(target, 'pswp__img')) {
|
||||
if(pswp.getZoomLevel() === 1 && pswp.getZoomLevel() <= pswp.currItem.fitRatio) {
|
||||
if(_options.clickToCloseNonZoomable) {
|
||||
pswp.close();
|
||||
}
|
||||
} else {
|
||||
pswp.toggleDesktopZoom(e.detail.releasePoint);
|
||||
}
|
||||
}
|
||||
|
||||
} else {
|
||||
|
||||
// tap anywhere (except buttons) to toggle visibility of controls
|
||||
if(_options.tapToToggleControls) {
|
||||
if(_controlsVisible) {
|
||||
ui.hideControls();
|
||||
} else {
|
||||
ui.showControls();
|
||||
}
|
||||
}
|
||||
|
||||
// tap to close gallery
|
||||
if(_options.tapToClose && (framework.hasClass(target, 'pswp__img') || _hasCloseClass(target)) ) {
|
||||
pswp.close();
|
||||
return;
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
ui.onMouseOver = function(e) {
|
||||
e = e || window.event;
|
||||
var target = e.target || e.srcElement;
|
||||
|
||||
// add class when mouse is over an element that should close the gallery
|
||||
_togglePswpClass(_controls, 'ui--over-close', _hasCloseClass(target));
|
||||
};
|
||||
|
||||
ui.hideControls = function() {
|
||||
framework.addClass(_controls,'pswp__ui--hidden');
|
||||
_controlsVisible = false;
|
||||
};
|
||||
|
||||
ui.showControls = function() {
|
||||
_controlsVisible = true;
|
||||
if(!_overlayUIUpdated) {
|
||||
ui.update();
|
||||
}
|
||||
framework.removeClass(_controls,'pswp__ui--hidden');
|
||||
};
|
||||
|
||||
ui.supportsFullscreen = function() {
|
||||
var d = document;
|
||||
return !!(d.exitFullscreen || d.mozCancelFullScreen || d.webkitExitFullscreen || d.msExitFullscreen);
|
||||
};
|
||||
|
||||
ui.getFullscreenAPI = function() {
|
||||
var dE = document.documentElement,
|
||||
api,
|
||||
tF = 'fullscreenchange';
|
||||
|
||||
if (dE.requestFullscreen) {
|
||||
api = {
|
||||
enterK: 'requestFullscreen',
|
||||
exitK: 'exitFullscreen',
|
||||
elementK: 'fullscreenElement',
|
||||
eventK: tF
|
||||
};
|
||||
|
||||
} else if(dE.mozRequestFullScreen ) {
|
||||
api = {
|
||||
enterK: 'mozRequestFullScreen',
|
||||
exitK: 'mozCancelFullScreen',
|
||||
elementK: 'mozFullScreenElement',
|
||||
eventK: 'moz' + tF
|
||||
};
|
||||
|
||||
|
||||
|
||||
} else if(dE.webkitRequestFullscreen) {
|
||||
api = {
|
||||
enterK: 'webkitRequestFullscreen',
|
||||
exitK: 'webkitExitFullscreen',
|
||||
elementK: 'webkitFullscreenElement',
|
||||
eventK: 'webkit' + tF
|
||||
};
|
||||
|
||||
} else if(dE.msRequestFullscreen) {
|
||||
api = {
|
||||
enterK: 'msRequestFullscreen',
|
||||
exitK: 'msExitFullscreen',
|
||||
elementK: 'msFullscreenElement',
|
||||
eventK: 'MSFullscreenChange'
|
||||
};
|
||||
}
|
||||
|
||||
if(api) {
|
||||
api.enter = function() {
|
||||
// disable close-on-scroll in fullscreen
|
||||
_initalCloseOnScrollValue = _options.closeOnScroll;
|
||||
_options.closeOnScroll = false;
|
||||
|
||||
if(this.enterK === 'webkitRequestFullscreen') {
|
||||
pswp.template[this.enterK]( Element.ALLOW_KEYBOARD_INPUT );
|
||||
} else {
|
||||
return pswp.template[this.enterK]();
|
||||
}
|
||||
};
|
||||
api.exit = function() {
|
||||
_options.closeOnScroll = _initalCloseOnScrollValue;
|
||||
|
||||
return document[this.exitK]();
|
||||
|
||||
};
|
||||
api.isFullscreen = function() { return document[this.elementK]; };
|
||||
}
|
||||
|
||||
return api;
|
||||
};
|
||||
|
||||
|
||||
|
||||
};
|
||||
return PhotoSwipeUI_Default;
|
||||
|
||||
|
||||
});
|
||||
4
fp-plugins/photoswipe/res/photoswipe-4.1.3/photoswipe-ui-default.min.js
vendored
Normal file
4
fp-plugins/photoswipe/res/photoswipe-4.1.3/photoswipe-ui-default.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
244
fp-plugins/photoswipe/res/photoswipe-4.1.3/photoswipe.css
Normal file
244
fp-plugins/photoswipe/res/photoswipe-4.1.3/photoswipe.css
Normal file
@ -0,0 +1,244 @@
|
||||
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
|
||||
/*
|
||||
Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
|
||||
*/
|
||||
/* pswp = photoswipe */
|
||||
.pswp {
|
||||
display: none;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
overflow: hidden;
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
z-index: 1500;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
/* create separate layer, to avoid paint on window.onscroll in webkit/blink */
|
||||
-webkit-backface-visibility: hidden;
|
||||
outline: none; }
|
||||
.pswp * {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
.pswp img {
|
||||
max-width: none; }
|
||||
|
||||
/* style is added when JS option showHideOpacity is set to true */
|
||||
.pswp--animate_opacity {
|
||||
/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
|
||||
opacity: 0.001;
|
||||
will-change: opacity;
|
||||
/* for open/close transition */
|
||||
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
|
||||
|
||||
.pswp--open {
|
||||
display: block; }
|
||||
|
||||
.pswp--zoom-allowed .pswp__img {
|
||||
/* autoprefixer: off */
|
||||
cursor: -webkit-zoom-in;
|
||||
cursor: -moz-zoom-in;
|
||||
cursor: zoom-in; }
|
||||
|
||||
.pswp--zoomed-in .pswp__img {
|
||||
/* autoprefixer: off */
|
||||
cursor: -webkit-grab;
|
||||
cursor: -moz-grab;
|
||||
cursor: grab; }
|
||||
|
||||
.pswp--dragging .pswp__img {
|
||||
/* autoprefixer: off */
|
||||
cursor: -webkit-grabbing;
|
||||
cursor: -moz-grabbing;
|
||||
cursor: grabbing; }
|
||||
|
||||
/*
|
||||
Background is added as a separate element.
|
||||
As animating opacity is much faster than animating rgba() background-color.
|
||||
*/
|
||||
.pswp__bg {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #000;
|
||||
opacity: 0;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-webkit-backface-visibility: hidden;
|
||||
will-change: opacity; }
|
||||
|
||||
.pswp__scroll-wrap {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden; }
|
||||
|
||||
.pswp__container,
|
||||
.pswp__zoom-wrap {
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0; }
|
||||
|
||||
/* Prevent selection and tap highlights */
|
||||
.pswp__container,
|
||||
.pswp__img {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-touch-callout: none; }
|
||||
|
||||
.pswp__zoom-wrap {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
-webkit-transform-origin: left top;
|
||||
-ms-transform-origin: left top;
|
||||
transform-origin: left top;
|
||||
/* for open/close transition */
|
||||
-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }
|
||||
|
||||
.pswp__bg {
|
||||
will-change: opacity;
|
||||
/* for open/close transition */
|
||||
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
|
||||
|
||||
.pswp--animated-in .pswp__bg,
|
||||
.pswp--animated-in .pswp__zoom-wrap {
|
||||
-webkit-transition: none;
|
||||
transition: none; }
|
||||
|
||||
.pswp__container,
|
||||
.pswp__zoom-wrap {
|
||||
-webkit-backface-visibility: hidden; }
|
||||
|
||||
.pswp__item {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
overflow: hidden; }
|
||||
|
||||
.pswp__img {
|
||||
position: absolute;
|
||||
width: auto;
|
||||
height: auto;
|
||||
top: 0;
|
||||
left: 0; }
|
||||
|
||||
/*
|
||||
stretched thumbnail or div placeholder element (see below)
|
||||
style is added to avoid flickering in webkit/blink when layers overlap
|
||||
*/
|
||||
.pswp__img--placeholder {
|
||||
-webkit-backface-visibility: hidden; }
|
||||
|
||||
/*
|
||||
div element that matches size of large image
|
||||
large image loads on top of it
|
||||
*/
|
||||
.pswp__img--placeholder--blank {
|
||||
background: #222; }
|
||||
|
||||
.pswp--ie .pswp__img {
|
||||
width: 100% !important;
|
||||
height: auto !important;
|
||||
left: 0;
|
||||
top: 0; }
|
||||
|
||||
/*
|
||||
Error message appears when image is not loaded
|
||||
(JS option errorMsg controls markup)
|
||||
*/
|
||||
.pswp__error-msg {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
margin-top: -8px;
|
||||
color: #CCC; }
|
||||
|
||||
.pswp__error-msg a {
|
||||
color: #CCC;
|
||||
text-decoration: underline; }
|
||||
|
||||
/* CSS für den Autoplay-Button */
|
||||
.pswp__button--autoplay {
|
||||
/* http://www.iconsplace.com/white-icons/play-icon */
|
||||
background: transparent url(../img/play.png) no-repeat scroll 16px 14px !important;
|
||||
}
|
||||
.pswp__button--autoplay.stop {
|
||||
/* http://www.iconsplace.com/white-icons/stop-icon */
|
||||
background-image: url(../img/stop.png) !important;
|
||||
}
|
||||
|
||||
div.photoswipe {
|
||||
}
|
||||
div.photoswipe figure {
|
||||
display:inline-block;
|
||||
margin:.5em 1em 0 0;
|
||||
}
|
||||
div.photoswipe figure img {
|
||||
margin: 0 !important;
|
||||
}
|
||||
div.photoswipe figcaption {
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
div.floatleft {
|
||||
float:left;
|
||||
margin:0 1em 1em 0;
|
||||
}
|
||||
div.floatleft img.floatleft {
|
||||
float:none;
|
||||
}
|
||||
div.floatright {
|
||||
float:right;
|
||||
margin:0 0 1em 1em;
|
||||
}
|
||||
div.floatright img.floatright {
|
||||
float:none;
|
||||
}
|
||||
.img-gallery div.photoswipe figure {
|
||||
display:inline-block;
|
||||
vertical-align: top;
|
||||
text-align:center;
|
||||
margin:.5em 1em 0 0;
|
||||
}
|
||||
|
||||
|
||||
button.pswp__button--share {
|
||||
display:none;
|
||||
}
|
||||
|
||||
div.img-gallery div.photoswipe,
|
||||
div.img-gallery figure,
|
||||
div.img-gallery div.photoswipe
|
||||
{
|
||||
display: inline;
|
||||
}
|
||||
|
||||
|
||||
.pswp__img { margin: 0px !important; }
|
||||
|
||||
.pswp__caption__center {
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
max-width:90%;
|
||||
}
|
||||
3734
fp-plugins/photoswipe/res/photoswipe-4.1.3/photoswipe.js
Normal file
3734
fp-plugins/photoswipe/res/photoswipe-4.1.3/photoswipe.js
Normal file
File diff suppressed because it is too large
Load Diff
4
fp-plugins/photoswipe/res/photoswipe-4.1.3/photoswipe.min.js
vendored
Normal file
4
fp-plugins/photoswipe/res/photoswipe-4.1.3/photoswipe.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -27,7 +27,7 @@ function plugin_searchbox_widget() {
|
||||
$content .= '<p><label><input type="radio"
|
||||
name="stype" value="titles" checked="checked" />' . $lang ['search'] ['onlytitles'] . '</label><br />' . '<label><input type="radio" name="stype" value="full" />' . $lang ['search'] ['fulltext'] . '</label></p>';
|
||||
|
||||
$content .= '<p><input name="search" type="submit" value="' . $lang ['search'] ['submit'] . '" /> </p>
|
||||
$content .= '<div class="buttonbar"><p><input name="search" type="submit" value="' . $lang ['search'] ['submit'] . '" /> </p></div>
|
||||
</form>
|
||||
</li></ul>';
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user