Merge pull request #259 from Fraenkiman/upstream/makeup-leggero-v2-style
Makeup Leggero-v2 Style
This commit is contained in:
Arvid Zimmermann
GitHub
commit
2a76f19208
@ -44,18 +44,18 @@
|
||||
|
||||
<dt><label for="email"> {$panelstrings.blogemail} </label></dt>
|
||||
{if isset($error) && isset($error.email) && !empty($error.email)}
|
||||
{assign var=class value=" field-error"}
|
||||
{assign var=class value="field-error"}
|
||||
{else}
|
||||
{assign var=class value=""}
|
||||
{/if}
|
||||
<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} />
|
||||
{$panelstrings.mailnotify}
|
||||
<input type="checkbox" name="notify" id="notify" {if $flatpress.NOTIFY}checked="checked"{/if} />
|
||||
{$panelstrings.mailnotify}
|
||||
</label>
|
||||
</dd>
|
||||
|
||||
@ -74,12 +74,12 @@
|
||||
|
||||
<dt><label for="maxentries"> {$panelstrings.blogmaxentries} </label></dt>
|
||||
{if isset($error) && isset($error.maxentries) && !empty($error.maxentries)}
|
||||
{assign var=class value=" field-error"}
|
||||
{assign var=class value="field-error"}
|
||||
{else}
|
||||
{assign var=class value=""}
|
||||
{/if}
|
||||
<dd><input type="text" name="maxentries" id="maxentries"
|
||||
class="smalltextinput {$class}" value="{$flatpress.maxentries}" /></dd>
|
||||
class="smalltextinput{$class}" value="{$flatpress.maxentries}" /></dd>
|
||||
|
||||
|
||||
</dl>
|
||||
@ -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>
|
||||
|
||||
@ -102,21 +102,21 @@
|
||||
{assign var=class value=""}
|
||||
{/if}
|
||||
<dd><input type="text" name="timeoffset" id="timeoffset"
|
||||
class="smalltextinput {$class}"
|
||||
value="{$fp_config.locale.timeoffset}" /> {$panelstrings.hours}
|
||||
class="smalltextinput{$class}"
|
||||
value="{$fp_config.locale.timeoffset}" /><p class="text"> {$panelstrings.hours} </p>
|
||||
</dd>
|
||||
|
||||
|
||||
<dt><label for="dateformat"> {$panelstrings.dateformat} </label></dt>
|
||||
{if isset($error) && isset($error.dateformat) && !empty($error.dateformat)}
|
||||
{assign var=class value=" field-error"}
|
||||
{assign var=class value="field-error"}
|
||||
{else}
|
||||
{assign var=class value=""}
|
||||
{/if}
|
||||
<dd> <p> <input type="text" name="dateformat" id="dateformat"
|
||||
class="textinput {$class}"
|
||||
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>
|
||||
@ -126,24 +126,24 @@
|
||||
{assign var=class value=""}
|
||||
{/if}
|
||||
<dd> <p> <input type="text" name="dateformatshort" id="dateformatshort"
|
||||
class="textinput {$class}"
|
||||
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>
|
||||
{if isset($error) && isset($error.timeformat) && !empty($error.timeformat)}
|
||||
{assign var=class value=" field-error"}
|
||||
{assign var=class value="field-error"}
|
||||
{else}
|
||||
{assign var=class value=""}
|
||||
{/if}
|
||||
<dd> <p> <input type="text" name="timeformat" id="timeformat"
|
||||
class="textinput {$class}"
|
||||
class="textinput{$class}"
|
||||
value="{$fp_config.locale.timeformat}" /> </p>
|
||||
{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>
|
||||
|
||||
|
||||
@ -161,14 +161,14 @@
|
||||
|
||||
<dt> <label for="charset"> {$panelstrings.charset} </label></dt>
|
||||
{if isset($error) && isset($error.charset) && !empty($error.charset)}
|
||||
{assign var=class value=" field-error"}
|
||||
{assign var=class value="field-error"}
|
||||
{else}
|
||||
{assign var=class value=""}
|
||||
{/if}
|
||||
<dd> <p><input type="text" name="charset" id="charset"
|
||||
class="smalltextinput {$class}"
|
||||
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,77 @@ 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; margin: 0.5em 0 }
|
||||
|
||||
.head-link {
|
||||
font-size: 0.83em;
|
||||
}
|
||||
h3 { margin: 0.5em 0 0 0 }
|
||||
|
||||
.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: 12px
|
||||
}
|
||||
|
||||
|
||||
/* ===== 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%;
|
||||
border-radius: unset
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* === 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,14 +87,12 @@ ul#admin-small-nav {
|
||||
ul#admin-small-nav li { display: inline; margin: 5px }
|
||||
|
||||
|
||||
|
||||
/* ===== TAB MENU ===== */
|
||||
ul#admin-tabmenu {
|
||||
margin: 1em 0 0 0;
|
||||
padding: .5em;
|
||||
background: #000;
|
||||
-moz-border-radius-topleft:3px;
|
||||
-moz-border-radius-topright:3px;
|
||||
border-radius: 5px
|
||||
}
|
||||
|
||||
ul#admin-tabmenu li {
|
||||
@ -103,7 +108,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 +117,45 @@ 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;
|
||||
background: #e6e6e6;
|
||||
padding: 0.5em;
|
||||
width: 95%;
|
||||
max-width: fit-content;
|
||||
display: inline-block;
|
||||
border-radius: 0 0 5px 5px;
|
||||
position: relative;
|
||||
left: 5px
|
||||
}
|
||||
|
||||
#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;
|
||||
border-right: 1px solid #eee;
|
||||
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 +169,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 +180,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 +187,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; cursor: pointer }
|
||||
|
||||
#admin-bbcode-toolbar select { width: 10em }
|
||||
|
||||
|
||||
|
||||
#admin-content table { width: 100%; }
|
||||
#admin-content table { width: 100%; margin-bottom: 2em }
|
||||
|
||||
#admin-content td {
|
||||
font-size: 0.8em;
|
||||
@ -207,17 +208,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 +223,15 @@ textarea.code {
|
||||
padding: 8px
|
||||
}
|
||||
|
||||
input.maxsize, select.maxsize { width: 99% }
|
||||
#admin-content tr:first-child th:last-child { border-top-right-radius: 5px }
|
||||
|
||||
#admin-content tr:first-child th:first-child { border-top-left-radius: 5px }
|
||||
|
||||
#admin-content tr:last-child td:last-child { border-bottom-right-radius: 5px }
|
||||
|
||||
#admin-content tr:last-child td:first-child { border-bottom-left-radius: 5px }
|
||||
|
||||
input.maxsize, select.maxsize { width: 99% }
|
||||
|
||||
#admin-bbcode-toolbar {
|
||||
margin: 0;
|
||||
@ -246,120 +249,97 @@ 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;
|
||||
border-bottom: 1px solid #bbb;
|
||||
border-radius: 5px;
|
||||
margin-top: 0.5em;
|
||||
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: 28em }
|
||||
|
||||
#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
|
||||
}
|
||||
|
||||
input[type=file]::file-selector-button { cursor: pointer }
|
||||
|
||||
table.plugin_gallerycaptions_captionstable tr:first-child td:first-child { border-top-left-radius: 5px }
|
||||
|
||||
table.plugin_gallerycaptions_captionstable tr:first-child td:last-child { border-top-right-radius: 5px }
|
||||
|
||||
table.plugin_gallerycaptions_captionstable img { border-radius: 3px }
|
||||
|
||||
/* (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,45 +347,49 @@ 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; max-width: 55% }
|
||||
|
||||
#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 {
|
||||
font-size: 80%;
|
||||
float:right;
|
||||
float: right;
|
||||
border: 1px solid #ddd;
|
||||
background: #eee;
|
||||
padding: 1em;
|
||||
width: 30%;
|
||||
min-width: 20em;
|
||||
z-index: 1000;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
border-radius: 3px
|
||||
}
|
||||
|
||||
#widget-trashcan { /*colors for trashcan/uninstall widgets while dragging*/
|
||||
.widgetset-name { border-radius: 2px }
|
||||
|
||||
#widget-trashcan { /* colors for trashcan/uninstall widgets while dragging */
|
||||
background-color: rgba(170, 34, 34, 0.7);
|
||||
color: #ddd;
|
||||
font-size: 120%;
|
||||
@ -414,29 +398,27 @@ li.admin-widgetset {
|
||||
text-align: center;
|
||||
border: 2px solid #f00;
|
||||
margin: 2em;
|
||||
border-radius: 2px
|
||||
}
|
||||
|
||||
.widget-available { /*colors for available widgets while dragging*/
|
||||
.widget-available { /* colors for available widgets while dragging */
|
||||
cursor: move;
|
||||
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*/
|
||||
.widget-installed { /* colors for installed widgets while dragging */
|
||||
cursor: move;
|
||||
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 +429,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 +446,7 @@ li.widget-class {
|
||||
padding: .3em;
|
||||
border: 1px solid #eee;
|
||||
background: #999;
|
||||
border-radius: 2px
|
||||
}
|
||||
|
||||
.widget-instance .textinput {
|
||||
@ -473,149 +456,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 }
|
||||
|
||||
.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}
|
||||
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.5em 0 0.5em 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%;
|
||||
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%;
|
||||
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 {
|
||||
@ -81,11 +96,19 @@ legend {
|
||||
font-style: oblique
|
||||
}
|
||||
|
||||
select,
|
||||
input[type=submit],
|
||||
input[type=reset],
|
||||
input[type=button],
|
||||
input[type=radio],
|
||||
input[type=checkbox] { cursor: pointer }
|
||||
|
||||
input, textarea, select {
|
||||
padding: .2em;
|
||||
border: 1px solid #999;
|
||||
color: #222;
|
||||
background-color: #eee;
|
||||
border-radius: 3px
|
||||
}
|
||||
|
||||
input:hover, input:focus, textarea:hover, textarea:focus {
|
||||
@ -94,52 +117,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 +168,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 +185,7 @@ h4 { font-size: 1.2em; }
|
||||
position: relative;
|
||||
height: 1%;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
padding: 0px
|
||||
}
|
||||
|
||||
/* ===== NORMAL DESIGN ===== */
|
||||
@ -175,31 +196,109 @@ 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: 12px
|
||||
}
|
||||
|
||||
/* ===== MAIN ===== */
|
||||
#main h4 { margin: 2em 0 0 0}
|
||||
#main h4 { margin: 2em 0 0 0 }
|
||||
|
||||
#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,11 +308,13 @@ 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}
|
||||
#main h4 { margin: 2em 0 0 0 }
|
||||
|
||||
#main {
|
||||
width: 90%;
|
||||
@ -221,29 +322,51 @@ h4 { font-size: 1.2em; }
|
||||
padding: 15px;
|
||||
margin: 10px auto;
|
||||
background-color: rgba(255,255,255,0.9);
|
||||
border-radius: 3px;
|
||||
border-radius: 3px
|
||||
}
|
||||
|
||||
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 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 }
|
||||
|
||||
|
||||
#comments li {
|
||||
margin: 0 0 1.5em 0;
|
||||
padding: 5px;
|
||||
@ -251,79 +374,102 @@ h4#addcomment {clear:both;}
|
||||
border-bottom: 1px solid #ddd;
|
||||
background: #efefef
|
||||
}
|
||||
|
||||
|
||||
/* === 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%;
|
||||
font-style: oblique;
|
||||
color: black;
|
||||
margin: .2em 0 .8em 0
|
||||
}
|
||||
|
||||
|
||||
/* .entry class */
|
||||
.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 */
|
||||
|
||||
|
||||
#main ul.entry-footer { /* entry footer */
|
||||
clear: both;
|
||||
font-size: 80%;
|
||||
color: black;
|
||||
margin: 2em 0 .5em 0;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.entry-footer li {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
.admincontrols { /* [edit] and [delete] */
|
||||
font-size: 80%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.buttonbar { text-align: center }
|
||||
|
||||
.buttonbar input {
|
||||
text-align: center;
|
||||
margin: .1em .5em;
|
||||
padding: 0 1em
|
||||
}
|
||||
|
||||
.navigation { /* next entries & previous entries link */
|
||||
font-size: 90%;
|
||||
/* margin-bottom: 3em; */
|
||||
display: flow-root;
|
||||
text-align: right
|
||||
}
|
||||
|
||||
form#search ul {
|
||||
list-style-type: none;
|
||||
.entry-footer li { display: block }
|
||||
|
||||
.admincontrols { /* [edit] and [delete] */
|
||||
font-size: 80%;
|
||||
text-align: right
|
||||
}
|
||||
|
||||
.buttonbar { text-align: center }
|
||||
|
||||
.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
|
||||
}
|
||||
|
||||
.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%;
|
||||
display: flow-root
|
||||
}
|
||||
|
||||
form#search ul { list-style-type: none }
|
||||
|
||||
/* ===== FOOTER ===== */
|
||||
#footer {
|
||||
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
|
||||
*/
|
||||
|
||||
@ -17,13 +17,13 @@ Module: globals.css
|
||||
#main ul.msgs, ul.msgs {
|
||||
margin: 0;
|
||||
padding: 1em 2em;
|
||||
list-style-type: none;
|
||||
list-style-type: none
|
||||
}
|
||||
|
||||
.errors {
|
||||
color: #901d1d;
|
||||
border-top: 1px solid;
|
||||
border-bottom: 1px solid;
|
||||
border: 1px solid;
|
||||
border-radius: 3px;
|
||||
border-color: #ffbbbb;
|
||||
background: #ffdddd
|
||||
}
|
||||
@ -36,18 +36,17 @@ Module: globals.css
|
||||
|
||||
.notifications,.enabled {
|
||||
color : #1d901d;
|
||||
border-top: 1px solid #bbffbb;
|
||||
border-bottom: 1px solid #bbffbb;
|
||||
border: 1px solid;
|
||||
border-radius: 3px;
|
||||
background: #ddffdd
|
||||
}
|
||||
|
||||
.warnings {
|
||||
color : #8a7802;
|
||||
border-top: 1px solid;
|
||||
border-bottom: 1px solid;
|
||||
color: #8a7802;
|
||||
border: 1px solid;
|
||||
border-radius: 3px;
|
||||
border-color: #f8e674;
|
||||
background: #fffdd5;
|
||||
|
||||
background: #fffdd5
|
||||
}
|
||||
|
||||
.field-error {
|
||||
|
||||
@ -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
|
||||
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 }
|
||||
}
|
||||
|
||||
@ -4,7 +4,7 @@ $lang ['admin'] ['plugin'] ['submenu'] ['bbcode'] = 'BBCode';
|
||||
$lang ['admin'] ['plugin'] ['bbcode'] = array(
|
||||
'head' => 'Nastavení BBCode',
|
||||
'desc1' => 'Tento plugin umožňuje používat <a href="http://www.phpbb.com/'.
|
||||
'phpBB/faq.php?mode=bbcode">BBCode</a> na vašem blogu. ',
|
||||
'phpBB/faq.php?mode=bbcode">BBCode</a> na vašem blogu.',
|
||||
|
||||
'options' => 'Nastavení',
|
||||
|
||||
@ -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;
|
||||
}
|
||||
@ -993,4 +998,4 @@ function obfuscateEmailAddress($originalString, $mode) {
|
||||
$encodedString .= $nowCodeString;
|
||||
}
|
||||
return $encodedString;
|
||||
}
|
||||
}
|
||||
|
||||
@ -22,6 +22,8 @@
|
||||
<img src="fp-plugins/bbcode/res/toolbaricons/code.png" id="bb_code" accesskey="" alt="code" title="{$lang.admin.plugin.bbcode.editor.codetitle}" onclick="insBBCode('code');" />
|
||||
<img src="fp-plugins/bbcode/res/toolbaricons/html.png" id="bb_html" accesskey="" alt="html" title="html" onclick="insBBCode('html');" />
|
||||
|
||||
</p>
|
||||
<p>
|
||||
<img src="fp-plugins/bbcode/res/toolbaricons/bold.png" id="bb_b" accesskey="" alt="b" title="{$lang.admin.plugin.bbcode.editor.boldtitle}" onclick="insBBCode('b');" />
|
||||
<img src="fp-plugins/bbcode/res/toolbaricons/italic.png" id="bb_i" accesskey="" alt="i" title="{$lang.admin.plugin.bbcode.editor.italictitle}" onclick="insBBCode('i');" />
|
||||
<img src="fp-plugins/bbcode/res/toolbaricons/underlined.png" id="bb_u" accesskey="" alt="u" title="{$lang.admin.plugin.bbcode.editor.underlinetitle}" onclick="insBBCode('u');" />
|
||||
@ -30,6 +32,8 @@
|
||||
</p>
|
||||
<p>
|
||||
{$lang.admin.plugin.bbcode.editor.file}{html_options name=attachselect values=$attachs_list output=$attachs_list onchange="insAttach(this.form.attachselect.value)"}
|
||||
</p>
|
||||
<p>
|
||||
{$lang.admin.plugin.bbcode.editor.image}{html_options name=imageselect values=$images_list output=$images_list onchange="insImage(this.form.imageselect.value)"}
|
||||
</p>
|
||||
</fieldset>
|
||||
|
||||
@ -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');
|
||||
|
||||
@ -43,7 +43,9 @@
|
||||
</tr>
|
||||
{/foreach}
|
||||
</table>
|
||||
<input type="submit" name="gallerycaptions-savecaptions" value="{$plang.button_savecaptions}"/>
|
||||
<div class="buttonbar">
|
||||
<input type="submit" name="gallerycaptions-savecaptions" value="{$plang.button_savecaptions}"/>
|
||||
</div>
|
||||
{/if}
|
||||
</p>
|
||||
{/html_form}
|
||||
|
||||
@ -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