- sidr + bloc connex + inclure/resume/article + variable-perso +
style-perso
This commit is contained in:
chankalan
parent
f2a1184798
commit
7c47f91221
@ -1,14 +1,42 @@
|
||||
<?php
|
||||
/**
|
||||
* Fonctions utiles au plugin baz_april
|
||||
*
|
||||
* @plugin baz_april
|
||||
* @copyright 2019
|
||||
* @author Nicolas Dorigny
|
||||
* @licence GNU/GPL
|
||||
* @package SPIP\baz_april\Fonctions
|
||||
*/
|
||||
|
||||
if (!defined('_ECRIRE_INC_VERSION')) {
|
||||
return;
|
||||
}
|
||||
/* reprise d'une fonction du plugin Agenda pour la composition "blog" (actualites)
|
||||
* renommee pour eviter plantage
|
||||
* https://zone.spip.org/trac/spip-zone/browser/_plugins_/agenda/trunk/agenda_fonctions.php#L32
|
||||
*/
|
||||
/**
|
||||
* decale les mois de la date.
|
||||
* cette fonction peut raboter le jour si le nouveau mois ne les contient pas
|
||||
* exemple 31/01/2007 + 1 mois => 28/02/2007
|
||||
*
|
||||
* @param string $date
|
||||
* @param int $decalage
|
||||
* @param string $format
|
||||
* @return string
|
||||
*/
|
||||
function baz_moisdecal($date, $decalage, $format = 'Y-m-d H:i:s') {
|
||||
include_spip('inc/filtres');
|
||||
$date_array = recup_date($date);
|
||||
$annee = $mois = $jour = NULL;
|
||||
if ($date_array) {
|
||||
list($annee, $mois, $jour) = $date_array;
|
||||
}
|
||||
if (!$jour) {
|
||||
$jour = 1;
|
||||
}
|
||||
if (!$mois) {
|
||||
$mois = 1;
|
||||
}
|
||||
$mois2 = $mois + $decalage;
|
||||
$date2 = mktime(1, 1, 1, $mois2, $jour, $annee);
|
||||
// mois normalement attendu
|
||||
$mois3 = date('m', mktime(1, 1, 1, $mois2, 1, $annee));
|
||||
// et si le mois de la nouvelle date a moins de jours...
|
||||
$mois2 = date('m', $date2);
|
||||
if ($mois2 - $mois3) {
|
||||
$date2 = mktime(1, 1, 1, $mois2, 0, $annee);
|
||||
}
|
||||
return date($format, $date2);
|
||||
}
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<paquet
|
||||
prefix="baz_april"
|
||||
categorie="squelette"
|
||||
version="2.0.0"
|
||||
version="2.0.1"
|
||||
schema="1.0.0"
|
||||
etat="dev"
|
||||
compatibilite="[3.2.0;3.3.*]"
|
||||
|
||||
@ -25,7 +25,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<aside class="connex">
|
||||
<aside class="page_connex">
|
||||
<INCLURE{fond=connex/#ENV{type-page},env} />
|
||||
</aside>
|
||||
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
<!-- connex -->[(#REM) charger un fichier different pour chaque page ]
|
||||
<!--<div class="page--container">
|
||||
</div>-->
|
||||
<div class="page_container page_connex__container">
|
||||
</div>
|
||||
|
||||
@ -4,7 +4,6 @@
|
||||
<header class="cartouche">
|
||||
<h1 class="#EDIT{titre}">#TITRE</h1>
|
||||
[<p class="publication"><time datetime="[(#DATE|date_iso)]"><:dernier_ajout:> : (#DATE|affdate_jourcourt).</time></p>]
|
||||
<INCLURE{fond=breadcrumb/rubrique,id_rubrique} />
|
||||
</header>
|
||||
|
||||
<div class="main">
|
||||
|
||||
13
squelettes/inclure/resume/article.html
Normal file
13
squelettes/inclure/resume/article.html
Normal file
@ -0,0 +1,13 @@
|
||||
[(#REM)
|
||||
|
||||
Squelette Presentation resumee d'un article dans une liste
|
||||
Distribue sous licence GPL
|
||||
|
||||
]
|
||||
<BOUCLE_articles(ARTICLES) {id_article} {statut?}>
|
||||
<article class="entry article hentry[(#COMPOSITION|=={blog}|oui) blog]">
|
||||
<p class="publication">[<time datetime="[(#DATE|date_iso)]">(#DATE|affdate)</time>]</p>
|
||||
<h3 class="h3 entry-title"><a href="[(#URL_ARTICLE|parametre_url{debut_articles_rubrique,@#ID_ARTICLE}|parametre_url{recherche,#ENV{recherche}})]" rel="bookmark">[(#ENV{logo_rubrique,' '}|?{#LOGO_ARTICLE_RUBRIQUE,#LOGO_ARTICLE}|image_reduire{#ENV{largeur_logo,-1},#ENV{hauteur_logo,-1}}|responsive_logo)]<span>#TITRE</span></a></h3>
|
||||
[<div class="#EDIT{intro} introduction entry-content">(#INTRODUCTION{#ENV{coupe,300}})</div>]
|
||||
</article>
|
||||
</BOUCLE_articles>
|
||||
@ -1,579 +0,0 @@
|
||||
/*! sidr - v2.2.1 - 2016-02-17
|
||||
* http://www.berriart.com/sidr/
|
||||
* Copyright (c) 2013-2016 Alberto Varela; Licensed MIT */
|
||||
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
var babelHelpers = {};
|
||||
|
||||
babelHelpers.classCallCheck = function (instance, Constructor) {
|
||||
if (!(instance instanceof Constructor)) {
|
||||
throw new TypeError("Cannot call a class as a function");
|
||||
}
|
||||
};
|
||||
|
||||
babelHelpers.createClass = function () {
|
||||
function defineProperties(target, props) {
|
||||
for (var i = 0; i < props.length; i++) {
|
||||
var descriptor = props[i];
|
||||
descriptor.enumerable = descriptor.enumerable || false;
|
||||
descriptor.configurable = true;
|
||||
if ("value" in descriptor) descriptor.writable = true;
|
||||
Object.defineProperty(target, descriptor.key, descriptor);
|
||||
}
|
||||
}
|
||||
|
||||
return function (Constructor, protoProps, staticProps) {
|
||||
if (protoProps) defineProperties(Constructor.prototype, protoProps);
|
||||
if (staticProps) defineProperties(Constructor, staticProps);
|
||||
return Constructor;
|
||||
};
|
||||
}();
|
||||
|
||||
babelHelpers;
|
||||
|
||||
var sidrStatus = {
|
||||
moving: false,
|
||||
opened: false
|
||||
};
|
||||
|
||||
var helper = {
|
||||
// Check for valids urls
|
||||
// From : http://stackoverflow.com/questions/5717093/check-if-a-javascript-string-is-an-url
|
||||
|
||||
isUrl: function isUrl(str) {
|
||||
var pattern = new RegExp('^(https?:\\/\\/)?' + // protocol
|
||||
'((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.?)+[a-z]{2,}|' + // domain name
|
||||
'((\\d{1,3}\\.){3}\\d{1,3}))' + // OR ip (v4) address
|
||||
'(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*' + // port and path
|
||||
'(\\?[;&a-z\\d%_.~+=-]*)?' + // query string
|
||||
'(\\#[-a-z\\d_]*)?$', 'i'); // fragment locator
|
||||
|
||||
if (pattern.test(str)) {
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
// Add sidr prefixes
|
||||
addPrefixes: function addPrefixes($element) {
|
||||
this.addPrefix($element, 'id');
|
||||
this.addPrefix($element, 'class');
|
||||
$element.removeAttr('style');
|
||||
},
|
||||
addPrefix: function addPrefix($element, attribute) {
|
||||
var toReplace = $element.attr(attribute);
|
||||
|
||||
if (typeof toReplace === 'string' && toReplace !== '' && toReplace !== 'sidr-inner') {
|
||||
$element.attr(attribute, toReplace.replace(/([A-Za-z0-9_.\-]+)/g, 'sidr-' + attribute + '-$1'));
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
// Check if transitions is supported
|
||||
transitions: function () {
|
||||
var body = document.body || document.documentElement,
|
||||
style = body.style,
|
||||
supported = false,
|
||||
property = 'transition';
|
||||
|
||||
if (property in style) {
|
||||
supported = true;
|
||||
} else {
|
||||
(function () {
|
||||
var prefixes = ['moz', 'webkit', 'o', 'ms'],
|
||||
prefix = undefined,
|
||||
i = undefined;
|
||||
|
||||
property = property.charAt(0).toUpperCase() + property.substr(1);
|
||||
supported = function () {
|
||||
for (i = 0; i < prefixes.length; i++) {
|
||||
prefix = prefixes[i];
|
||||
if (prefix + property in style) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
||||
return false;
|
||||
}();
|
||||
property = supported ? '-' + prefix.toLowerCase() + '-' + property.toLowerCase() : null;
|
||||
})();
|
||||
}
|
||||
|
||||
return {
|
||||
supported: supported,
|
||||
property: property
|
||||
};
|
||||
}()
|
||||
};
|
||||
|
||||
var $$2 = jQuery;
|
||||
|
||||
var bodyAnimationClass = 'sidr-animating';
|
||||
var openAction = 'open';
|
||||
var closeAction = 'close';
|
||||
var transitionEndEvent = 'webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend';
|
||||
var Menu = function () {
|
||||
function Menu(name) {
|
||||
babelHelpers.classCallCheck(this, Menu);
|
||||
|
||||
this.name = name;
|
||||
this.item = $$2('#' + name);
|
||||
this.openClass = name === 'sidr' ? 'sidr-open' : 'sidr-open ' + name + '-open';
|
||||
this.menuWidth = this.item.outerWidth(true);
|
||||
this.speed = this.item.data('speed');
|
||||
this.side = this.item.data('side');
|
||||
this.displace = this.item.data('displace');
|
||||
this.timing = this.item.data('timing');
|
||||
this.method = this.item.data('method');
|
||||
this.onOpenCallback = this.item.data('onOpen');
|
||||
this.onCloseCallback = this.item.data('onClose');
|
||||
this.onOpenEndCallback = this.item.data('onOpenEnd');
|
||||
this.onCloseEndCallback = this.item.data('onCloseEnd');
|
||||
this.body = $$2(this.item.data('body'));
|
||||
}
|
||||
|
||||
babelHelpers.createClass(Menu, [{
|
||||
key: 'getAnimation',
|
||||
value: function getAnimation(action, element) {
|
||||
var animation = {},
|
||||
prop = this.side;
|
||||
|
||||
if (action === 'open' && element === 'body') {
|
||||
animation[prop] = this.menuWidth + 'px';
|
||||
} else if (action === 'close' && element === 'menu') {
|
||||
animation[prop] = '-' + this.menuWidth + 'px';
|
||||
} else {
|
||||
animation[prop] = 0;
|
||||
}
|
||||
|
||||
return animation;
|
||||
}
|
||||
}, {
|
||||
key: 'prepareBody',
|
||||
value: function prepareBody(action) {
|
||||
var prop = action === 'open' ? 'hidden' : '';
|
||||
|
||||
// Prepare page if container is body
|
||||
if (this.body.is('body')) {
|
||||
var $html = $$2('html'),
|
||||
scrollTop = $html.scrollTop();
|
||||
|
||||
$html.css('overflow-x', prop).scrollTop(scrollTop);
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'openBody',
|
||||
value: function openBody() {
|
||||
if (this.displace) {
|
||||
var transitions = helper.transitions,
|
||||
$body = this.body;
|
||||
|
||||
if (transitions.supported) {
|
||||
$body.css(transitions.property, this.side + ' ' + this.speed / 1000 + 's ' + this.timing).css(this.side, 0).css({
|
||||
width: $body.width(),
|
||||
position: 'absolute'
|
||||
});
|
||||
$body.css(this.side, this.menuWidth + 'px');
|
||||
} else {
|
||||
var bodyAnimation = this.getAnimation(openAction, 'body');
|
||||
|
||||
$body.css({
|
||||
width: $body.width(),
|
||||
position: 'absolute'
|
||||
}).animate(bodyAnimation, {
|
||||
queue: false,
|
||||
duration: this.speed
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'onCloseBody',
|
||||
value: function onCloseBody() {
|
||||
var transitions = helper.transitions,
|
||||
resetStyles = {
|
||||
width: '',
|
||||
position: '',
|
||||
right: '',
|
||||
left: ''
|
||||
};
|
||||
|
||||
if (transitions.supported) {
|
||||
resetStyles[transitions.property] = '';
|
||||
}
|
||||
|
||||
this.body.css(resetStyles).unbind(transitionEndEvent);
|
||||
}
|
||||
}, {
|
||||
key: 'closeBody',
|
||||
value: function closeBody() {
|
||||
var _this = this;
|
||||
|
||||
if (this.displace) {
|
||||
if (helper.transitions.supported) {
|
||||
this.body.css(this.side, 0).one(transitionEndEvent, function () {
|
||||
_this.onCloseBody();
|
||||
});
|
||||
} else {
|
||||
var bodyAnimation = this.getAnimation(closeAction, 'body');
|
||||
|
||||
this.body.animate(bodyAnimation, {
|
||||
queue: false,
|
||||
duration: this.speed,
|
||||
complete: function complete() {
|
||||
_this.onCloseBody();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'moveBody',
|
||||
value: function moveBody(action) {
|
||||
if (action === openAction) {
|
||||
this.openBody();
|
||||
} else {
|
||||
this.closeBody();
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'onOpenMenu',
|
||||
value: function onOpenMenu(callback) {
|
||||
var name = this.name;
|
||||
|
||||
sidrStatus.moving = false;
|
||||
sidrStatus.opened = name;
|
||||
|
||||
this.item.unbind(transitionEndEvent);
|
||||
|
||||
this.body.removeClass(bodyAnimationClass).addClass(this.openClass);
|
||||
|
||||
this.onOpenEndCallback();
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
callback(name);
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'openMenu',
|
||||
value: function openMenu(callback) {
|
||||
var _this2 = this;
|
||||
|
||||
var $item = this.item;
|
||||
|
||||
if (helper.transitions.supported) {
|
||||
$item.css(this.side, 0).one(transitionEndEvent, function () {
|
||||
_this2.onOpenMenu(callback);
|
||||
});
|
||||
} else {
|
||||
var menuAnimation = this.getAnimation(openAction, 'menu');
|
||||
|
||||
$item.css('display', 'block').animate(menuAnimation, {
|
||||
queue: false,
|
||||
duration: this.speed,
|
||||
complete: function complete() {
|
||||
_this2.onOpenMenu(callback);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'onCloseMenu',
|
||||
value: function onCloseMenu(callback) {
|
||||
this.item.css({
|
||||
left: '',
|
||||
right: ''
|
||||
}).unbind(transitionEndEvent);
|
||||
$$2('html').css('overflow-x', '');
|
||||
|
||||
sidrStatus.moving = false;
|
||||
sidrStatus.opened = false;
|
||||
|
||||
this.body.removeClass(bodyAnimationClass).removeClass(this.openClass);
|
||||
|
||||
this.onCloseEndCallback();
|
||||
|
||||
// Callback
|
||||
if (typeof callback === 'function') {
|
||||
callback(name);
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'closeMenu',
|
||||
value: function closeMenu(callback) {
|
||||
var _this3 = this;
|
||||
|
||||
var item = this.item;
|
||||
|
||||
if (helper.transitions.supported) {
|
||||
item.css(this.side, '').one(transitionEndEvent, function () {
|
||||
_this3.onCloseMenu(callback);
|
||||
});
|
||||
} else {
|
||||
var menuAnimation = this.getAnimation(closeAction, 'menu');
|
||||
|
||||
item.animate(menuAnimation, {
|
||||
queue: false,
|
||||
duration: this.speed,
|
||||
complete: function complete() {
|
||||
_this3.onCloseMenu();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'moveMenu',
|
||||
value: function moveMenu(action, callback) {
|
||||
this.body.addClass(bodyAnimationClass);
|
||||
|
||||
if (action === openAction) {
|
||||
this.openMenu(callback);
|
||||
} else {
|
||||
this.closeMenu(callback);
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'move',
|
||||
value: function move(action, callback) {
|
||||
// Lock sidr
|
||||
sidrStatus.moving = true;
|
||||
|
||||
this.prepareBody(action);
|
||||
this.moveBody(action);
|
||||
this.moveMenu(action, callback);
|
||||
}
|
||||
}, {
|
||||
key: 'open',
|
||||
value: function open(callback) {
|
||||
var _this4 = this;
|
||||
|
||||
// Check if is already opened or moving
|
||||
if (sidrStatus.opened === this.name || sidrStatus.moving) {
|
||||
return;
|
||||
}
|
||||
|
||||
// If another menu opened close first
|
||||
if (sidrStatus.opened !== false) {
|
||||
var alreadyOpenedMenu = new Menu(sidrStatus.opened);
|
||||
|
||||
alreadyOpenedMenu.close(function () {
|
||||
_this4.open(callback);
|
||||
});
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
this.move('open', callback);
|
||||
|
||||
// onOpen callback
|
||||
this.onOpenCallback();
|
||||
}
|
||||
}, {
|
||||
key: 'close',
|
||||
value: function close(callback) {
|
||||
// Check if is already closed or moving
|
||||
if (sidrStatus.opened !== this.name || sidrStatus.moving) {
|
||||
return;
|
||||
}
|
||||
|
||||
this.move('close', callback);
|
||||
|
||||
// onClose callback
|
||||
this.onCloseCallback();
|
||||
}
|
||||
}, {
|
||||
key: 'toggle',
|
||||
value: function toggle(callback) {
|
||||
if (sidrStatus.opened === this.name) {
|
||||
this.close(callback);
|
||||
} else {
|
||||
this.open(callback);
|
||||
}
|
||||
}
|
||||
}]);
|
||||
return Menu;
|
||||
}();
|
||||
|
||||
var $$1 = jQuery;
|
||||
|
||||
function execute(action, name, callback) {
|
||||
var sidr = new Menu(name);
|
||||
|
||||
switch (action) {
|
||||
case 'open':
|
||||
sidr.open(callback);
|
||||
break;
|
||||
case 'close':
|
||||
sidr.close(callback);
|
||||
break;
|
||||
case 'toggle':
|
||||
sidr.toggle(callback);
|
||||
break;
|
||||
default:
|
||||
$$1.error('Method ' + action + ' does not exist on jQuery.sidr');
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
var i;
|
||||
var $ = jQuery;
|
||||
var publicMethods = ['open', 'close', 'toggle'];
|
||||
var methodName;
|
||||
var methods = {};
|
||||
var getMethod = function getMethod(methodName) {
|
||||
return function (name, callback) {
|
||||
// Check arguments
|
||||
if (typeof name === 'function') {
|
||||
callback = name;
|
||||
name = 'sidr';
|
||||
} else if (!name) {
|
||||
name = 'sidr';
|
||||
}
|
||||
|
||||
execute(methodName, name, callback);
|
||||
};
|
||||
};
|
||||
for (i = 0; i < publicMethods.length; i++) {
|
||||
methodName = publicMethods[i];
|
||||
methods[methodName] = getMethod(methodName);
|
||||
}
|
||||
|
||||
function sidr(method) {
|
||||
if (method === 'status') {
|
||||
return sidrStatus;
|
||||
} else if (methods[method]) {
|
||||
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
|
||||
} else if (typeof method === 'function' || typeof method === 'string' || !method) {
|
||||
return methods.toggle.apply(this, arguments);
|
||||
} else {
|
||||
$.error('Method ' + method + ' does not exist on jQuery.sidr');
|
||||
}
|
||||
}
|
||||
|
||||
var $$3 = jQuery;
|
||||
|
||||
function fillContent($sideMenu, settings) {
|
||||
// The menu content
|
||||
if (typeof settings.source === 'function') {
|
||||
var newContent = settings.source(name);
|
||||
|
||||
$sideMenu.html(newContent);
|
||||
} else if (typeof settings.source === 'string' && helper.isUrl(settings.source)) {
|
||||
$$3.get(settings.source, function (data) {
|
||||
$sideMenu.html(data);
|
||||
});
|
||||
} else if (typeof settings.source === 'string') {
|
||||
var htmlContent = '',
|
||||
selectors = settings.source.split(',');
|
||||
|
||||
$$3.each(selectors, function (index, element) {
|
||||
htmlContent += '<div class="sidr-inner">' + $$3(element).html() + '</div>';
|
||||
});
|
||||
|
||||
// Renaming ids and classes
|
||||
if (settings.renaming) {
|
||||
var $htmlContent = $$3('<div />').html(htmlContent);
|
||||
|
||||
$htmlContent.find('*').each(function (index, element) {
|
||||
var $element = $$3(element);
|
||||
|
||||
helper.addPrefixes($element);
|
||||
});
|
||||
htmlContent = $htmlContent.html();
|
||||
}
|
||||
|
||||
$sideMenu.html(htmlContent);
|
||||
} else if (settings.source !== null) {
|
||||
$$3.error('Invalid Sidr Source');
|
||||
}
|
||||
|
||||
return $sideMenu;
|
||||
}
|
||||
|
||||
function fnSidr(options) {
|
||||
var transitions = helper.transitions,
|
||||
settings = $$3.extend({
|
||||
name: 'sidr', // Name for the 'sidr'
|
||||
speed: 200, // Accepts standard jQuery effects speeds (i.e. fast, normal or milliseconds)
|
||||
side: 'left', // Accepts 'left' or 'right'
|
||||
source: null, // Override the source of the content.
|
||||
renaming: true, // The ids and classes will be prepended with a prefix when loading existent content
|
||||
body: 'body', // Page container selector,
|
||||
displace: true, // Displace the body content or not
|
||||
timing: 'ease', // Timing function for CSS transitions
|
||||
method: 'toggle', // The method to call when element is clicked
|
||||
bind: 'touchstart click', // The event(s) to trigger the menu
|
||||
onOpen: function onOpen() {},
|
||||
// Callback when sidr start opening
|
||||
onClose: function onClose() {},
|
||||
// Callback when sidr start closing
|
||||
onOpenEnd: function onOpenEnd() {},
|
||||
// Callback when sidr end opening
|
||||
onCloseEnd: function onCloseEnd() {} // Callback when sidr end closing
|
||||
|
||||
}, options),
|
||||
name = settings.name,
|
||||
$sideMenu = $$3('#' + name);
|
||||
|
||||
// If the side menu do not exist create it
|
||||
if ($sideMenu.length === 0) {
|
||||
$sideMenu = $$3('<div />').attr('id', name).appendTo($$3('body'));
|
||||
}
|
||||
|
||||
// Add transition to menu if are supported
|
||||
if (transitions.supported) {
|
||||
$sideMenu.css(transitions.property, settings.side + ' ' + settings.speed / 1000 + 's ' + settings.timing);
|
||||
}
|
||||
|
||||
// Adding styles and options
|
||||
$sideMenu.addClass('sidr').addClass(settings.side).data({
|
||||
speed: settings.speed,
|
||||
side: settings.side,
|
||||
body: settings.body,
|
||||
displace: settings.displace,
|
||||
timing: settings.timing,
|
||||
method: settings.method,
|
||||
onOpen: settings.onOpen,
|
||||
onClose: settings.onClose,
|
||||
onOpenEnd: settings.onOpenEnd,
|
||||
onCloseEnd: settings.onCloseEnd
|
||||
});
|
||||
|
||||
$sideMenu = fillContent($sideMenu, settings);
|
||||
|
||||
return this.each(function () {
|
||||
var $this = $$3(this),
|
||||
data = $this.data('sidr'),
|
||||
flag = false;
|
||||
|
||||
// If the plugin hasn't been initialized yet
|
||||
if (!data) {
|
||||
sidrStatus.moving = false;
|
||||
sidrStatus.opened = false;
|
||||
|
||||
$this.data('sidr', name);
|
||||
|
||||
$this.bind(settings.bind, function (event) {
|
||||
event.preventDefault();
|
||||
|
||||
if (!flag) {
|
||||
flag = true;
|
||||
sidr(settings.method, name);
|
||||
|
||||
setTimeout(function () {
|
||||
flag = false;
|
||||
}, 100);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
jQuery.sidr = sidr;
|
||||
jQuery.fn.sidr = fnSidr;
|
||||
|
||||
}());
|
||||
File diff suppressed because one or more lines are too long
@ -1,5 +0,0 @@
|
||||
.sidr {display: block;position: fixed;top: 0;height: 100%;z-index: 999999;width: 260px;overflow-x: hidden;overflow-y: auto}
|
||||
|
||||
.sidr.right {left: auto;right: -260px}
|
||||
|
||||
.sidr.left {left: -260px;right: auto}
|
||||
@ -1,164 +0,0 @@
|
||||
.sidr {
|
||||
display: block;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
z-index: 999999;
|
||||
width: 260px;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
|
||||
font-size: 15px;
|
||||
background: #333;
|
||||
color: #fff;
|
||||
box-shadow: 0 0 5px 5px #222 inset;
|
||||
}
|
||||
.sidr .sidr-inner {
|
||||
padding: 0 0 15px;
|
||||
}
|
||||
.sidr .sidr-inner > p {
|
||||
margin-left: 15px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
.sidr.right {
|
||||
left: auto;
|
||||
right: -260px;
|
||||
}
|
||||
.sidr.left {
|
||||
left: -260px;
|
||||
right: auto;
|
||||
}
|
||||
.sidr h1,
|
||||
.sidr h2,
|
||||
.sidr h3,
|
||||
.sidr h4,
|
||||
.sidr h5,
|
||||
.sidr h6 {
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFhMWExYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
|
||||
background-size: 100%;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));
|
||||
background-image: -moz-linear-gradient(#4d4d4d, #1a1a1a);
|
||||
background-image: -webkit-linear-gradient(#4d4d4d, #1a1a1a);
|
||||
background-image: linear-gradient(#4d4d4d, #1a1a1a);
|
||||
font-size: 11px;
|
||||
font-weight: normal;
|
||||
padding: 0 15px;
|
||||
margin: 0 0 5px;
|
||||
color: #fff;
|
||||
line-height: 24px;
|
||||
box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.sidr p {
|
||||
font-size: 13px;
|
||||
margin: 0 0 12px;
|
||||
}
|
||||
.sidr p a {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
.sidr > p {
|
||||
margin-left: 15px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
.sidr ul {
|
||||
display: block;
|
||||
margin: 0 0 15px;
|
||||
padding: 0;
|
||||
border-top: 1px solid #1a1a1a;
|
||||
border-bottom: 1px solid #4d4d4d;
|
||||
}
|
||||
.sidr ul li {
|
||||
display: block;
|
||||
margin: 0;
|
||||
line-height: 48px;
|
||||
border-top: 1px solid #4d4d4d;
|
||||
border-bottom: 1px solid #1a1a1a;
|
||||
}
|
||||
.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
|
||||
border-top: 0;
|
||||
line-height: 49px;
|
||||
}
|
||||
.sidr ul li:hover > a,
|
||||
.sidr ul li:hover > span, .sidr ul li.active > a,
|
||||
.sidr ul li.active > span, .sidr ul li.sidr-class-active > a,
|
||||
.sidr ul li.sidr-class-active > span {
|
||||
box-shadow: 0 0 15px 3px #222 inset;
|
||||
}
|
||||
.sidr ul li a,
|
||||
.sidr ul li span {
|
||||
padding: 0 15px;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
}
|
||||
.sidr ul li ul {
|
||||
border-bottom: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.sidr ul li ul li {
|
||||
line-height: 40px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.sidr ul li ul li:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active {
|
||||
border-top: 0;
|
||||
line-height: 41px;
|
||||
}
|
||||
.sidr ul li ul li:hover > a,
|
||||
.sidr ul li ul li:hover > span, .sidr ul li ul li.active > a,
|
||||
.sidr ul li ul li.active > span, .sidr ul li ul li.sidr-class-active > a,
|
||||
.sidr ul li ul li.sidr-class-active > span {
|
||||
box-shadow: 0 0 15px 3px #222 inset;
|
||||
}
|
||||
.sidr ul li ul li a,
|
||||
.sidr ul li ul li span {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
padding-left: 30px;
|
||||
}
|
||||
.sidr form {
|
||||
margin: 0 15px;
|
||||
}
|
||||
.sidr label {
|
||||
font-size: 13px;
|
||||
}
|
||||
.sidr input[type="text"],
|
||||
.sidr input[type="password"],
|
||||
.sidr input[type="date"],
|
||||
.sidr input[type="datetime"],
|
||||
.sidr input[type="email"],
|
||||
.sidr input[type="number"],
|
||||
.sidr input[type="search"],
|
||||
.sidr input[type="tel"],
|
||||
.sidr input[type="time"],
|
||||
.sidr input[type="url"],
|
||||
.sidr textarea,
|
||||
.sidr select {
|
||||
width: 100%;
|
||||
font-size: 13px;
|
||||
padding: 5px;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 0 0 10px;
|
||||
border-radius: 2px;
|
||||
border: 0;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
.sidr input[type=checkbox] {
|
||||
width: auto;
|
||||
display: inline;
|
||||
clear: none;
|
||||
}
|
||||
.sidr input[type=button],
|
||||
.sidr input[type=submit] {
|
||||
color: #333;
|
||||
background: #fff;
|
||||
}
|
||||
.sidr input[type=button]:hover,
|
||||
.sidr input[type=submit]:hover {
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
.sidr{display:block;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:hidden;overflow-y:auto;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:15px;background:#333;color:#fff;box-shadow:0 0 5px 5px #222 inset}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFhMWExYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d),color-stop(100%, #1a1a1a));background-image:-moz-linear-gradient(#4d4d4d,#1a1a1a);background-image:-webkit-linear-gradient(#4d4d4d,#1a1a1a);background-image:linear-gradient(#4d4d4d,#1a1a1a);font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#fff;line-height:24px;box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(255,255,255,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #4d4d4d}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #4d4d4d;border-bottom:1px solid #1a1a1a}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:0;line-height:49px}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{box-shadow:0 0 15px 3px #222 inset}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff}.sidr ul li ul{border-bottom:0;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:0}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:0;line-height:41px}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{box-shadow:0 0 15px 3px #222 inset}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;border-radius:2px;border:0;background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#333;background:#fff}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(255,255,255,0.9)}
|
||||
@ -1,164 +0,0 @@
|
||||
.sidr {
|
||||
display: block;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
z-index: 999999;
|
||||
width: 260px;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
|
||||
font-size: 15px;
|
||||
background: #f8f8f8;
|
||||
color: #333;
|
||||
box-shadow: 0 0 5px 5px #ebebeb inset;
|
||||
}
|
||||
.sidr .sidr-inner {
|
||||
padding: 0 0 15px;
|
||||
}
|
||||
.sidr .sidr-inner > p {
|
||||
margin-left: 15px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
.sidr.right {
|
||||
left: auto;
|
||||
right: -260px;
|
||||
}
|
||||
.sidr.left {
|
||||
left: -260px;
|
||||
right: auto;
|
||||
}
|
||||
.sidr h1,
|
||||
.sidr h2,
|
||||
.sidr h3,
|
||||
.sidr h4,
|
||||
.sidr h5,
|
||||
.sidr h6 {
|
||||
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
|
||||
background-size: 100%;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf));
|
||||
background-image: -moz-linear-gradient(#ffffff, #dfdfdf);
|
||||
background-image: -webkit-linear-gradient(#ffffff, #dfdfdf);
|
||||
background-image: linear-gradient(#ffffff, #dfdfdf);
|
||||
font-size: 11px;
|
||||
font-weight: normal;
|
||||
padding: 0 15px;
|
||||
margin: 0 0 5px;
|
||||
color: #333;
|
||||
line-height: 24px;
|
||||
box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.sidr p {
|
||||
font-size: 13px;
|
||||
margin: 0 0 12px;
|
||||
}
|
||||
.sidr p a {
|
||||
color: rgba(51, 51, 51, 0.9);
|
||||
}
|
||||
.sidr > p {
|
||||
margin-left: 15px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
.sidr ul {
|
||||
display: block;
|
||||
margin: 0 0 15px;
|
||||
padding: 0;
|
||||
border-top: 1px solid #dfdfdf;
|
||||
border-bottom: 1px solid white;
|
||||
}
|
||||
.sidr ul li {
|
||||
display: block;
|
||||
margin: 0;
|
||||
line-height: 48px;
|
||||
border-top: 1px solid white;
|
||||
border-bottom: 1px solid #dfdfdf;
|
||||
}
|
||||
.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
|
||||
border-top: 0;
|
||||
line-height: 49px;
|
||||
}
|
||||
.sidr ul li:hover > a,
|
||||
.sidr ul li:hover > span, .sidr ul li.active > a,
|
||||
.sidr ul li.active > span, .sidr ul li.sidr-class-active > a,
|
||||
.sidr ul li.sidr-class-active > span {
|
||||
box-shadow: 0 0 15px 3px #ebebeb inset;
|
||||
}
|
||||
.sidr ul li a,
|
||||
.sidr ul li span {
|
||||
padding: 0 15px;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
}
|
||||
.sidr ul li ul {
|
||||
border-bottom: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.sidr ul li ul li {
|
||||
line-height: 40px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.sidr ul li ul li:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active {
|
||||
border-top: 0;
|
||||
line-height: 41px;
|
||||
}
|
||||
.sidr ul li ul li:hover > a,
|
||||
.sidr ul li ul li:hover > span, .sidr ul li ul li.active > a,
|
||||
.sidr ul li ul li.active > span, .sidr ul li ul li.sidr-class-active > a,
|
||||
.sidr ul li ul li.sidr-class-active > span {
|
||||
box-shadow: 0 0 15px 3px #ebebeb inset;
|
||||
}
|
||||
.sidr ul li ul li a,
|
||||
.sidr ul li ul li span {
|
||||
color: rgba(51, 51, 51, 0.8);
|
||||
padding-left: 30px;
|
||||
}
|
||||
.sidr form {
|
||||
margin: 0 15px;
|
||||
}
|
||||
.sidr label {
|
||||
font-size: 13px;
|
||||
}
|
||||
.sidr input[type="text"],
|
||||
.sidr input[type="password"],
|
||||
.sidr input[type="date"],
|
||||
.sidr input[type="datetime"],
|
||||
.sidr input[type="email"],
|
||||
.sidr input[type="number"],
|
||||
.sidr input[type="search"],
|
||||
.sidr input[type="tel"],
|
||||
.sidr input[type="time"],
|
||||
.sidr input[type="url"],
|
||||
.sidr textarea,
|
||||
.sidr select {
|
||||
width: 100%;
|
||||
font-size: 13px;
|
||||
padding: 5px;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 0 0 10px;
|
||||
border-radius: 2px;
|
||||
border: 0;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
color: rgba(51, 51, 51, 0.6);
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
.sidr input[type=checkbox] {
|
||||
width: auto;
|
||||
display: inline;
|
||||
clear: none;
|
||||
}
|
||||
.sidr input[type=button],
|
||||
.sidr input[type=submit] {
|
||||
color: #f8f8f8;
|
||||
background: #333;
|
||||
}
|
||||
.sidr input[type=button]:hover,
|
||||
.sidr input[type=submit]:hover {
|
||||
background: rgba(51, 51, 51, 0.9);
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
.sidr{display:block;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:hidden;overflow-y:auto;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:15px;background:#f8f8f8;color:#333;box-shadow:0 0 5px 5px #ebebeb inset}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),color-stop(100%, #dfdfdf));background-image:-moz-linear-gradient(#ffffff,#dfdfdf);background-image:-webkit-linear-gradient(#ffffff,#dfdfdf);background-image:linear-gradient(#ffffff,#dfdfdf);font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#333;line-height:24px;box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(51,51,51,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #dfdfdf;border-bottom:1px solid #fff}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #fff;border-bottom:1px solid #dfdfdf}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:0;line-height:49px}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{box-shadow:0 0 15px 3px #ebebeb inset}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#333}.sidr ul li ul{border-bottom:0;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:0}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:0;line-height:41px}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{box-shadow:0 0 15px 3px #ebebeb inset}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(51,51,51,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;border-radius:2px;border:0;background:rgba(0,0,0,0.1);color:rgba(51,51,51,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#f8f8f8;background:#333}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(51,51,51,0.9)}
|
||||
4
squelettes/scss/blocs/_connex.scss
Normal file
4
squelettes/scss/blocs/_connex.scss
Normal file
@ -0,0 +1,4 @@
|
||||
.page_connex {
|
||||
padding:($spacer*1.5) 0;
|
||||
background-color:$couleurConnex;
|
||||
}
|
||||
@ -1,5 +1,5 @@
|
||||
.page_footer {
|
||||
padding:($spacer*1.5) 0 $spacer;
|
||||
padding:($spacer*1.5) 0;
|
||||
color:white;
|
||||
background-color:$couleurPrincipale;
|
||||
p {
|
||||
@ -16,10 +16,9 @@
|
||||
@include flex;
|
||||
justify-content: space-between;
|
||||
font-size:0.8em;
|
||||
margin:0 0 ($spacer*2);
|
||||
.menu-liste {
|
||||
flex-basis:18%;
|
||||
margin:0;
|
||||
margin:0 0 ($spacer*2);
|
||||
list-style:none;
|
||||
.h4 {
|
||||
margin:$spacer 0 0;
|
||||
@ -31,6 +30,7 @@
|
||||
}
|
||||
.formulaire_spip.formulaire_recherche {
|
||||
max-width:em(400px);
|
||||
margin-top:$spacer;
|
||||
input[type="search"] {
|
||||
line-height:3em;
|
||||
min-height:3em;
|
||||
|
||||
@ -1,71 +0,0 @@
|
||||
$sidr-width: em(280px);
|
||||
|
||||
@include media($bp-medium) {
|
||||
.sidr-menu-content {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.sidr {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
z-index: 999999;
|
||||
width: $sidr-width;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
padding: 1em;
|
||||
body.sidr-main-open & {
|
||||
box-shadow: 10px 0 0 0 rgba(0, 0, 0, 0.45);
|
||||
}
|
||||
background: $couleur-primaire;
|
||||
color: white;
|
||||
a {
|
||||
color: white;
|
||||
&:hover, &:focus {
|
||||
color: white;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
&.right {
|
||||
left: auto;
|
||||
right: -$sidr-width;
|
||||
}
|
||||
|
||||
&.left {
|
||||
left: -$sidr-width;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
.recherche {
|
||||
margin-bottom: 1em;
|
||||
h2 {
|
||||
display: none;
|
||||
}
|
||||
&.formulaire_spip form {
|
||||
background: none;
|
||||
}
|
||||
.motcle {
|
||||
border: 1px solid $couleur-texte;
|
||||
font-size: 80%;
|
||||
padding: 0 0.5em;
|
||||
width: 13em;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
.submit {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: #000;
|
||||
color: white;
|
||||
font-size: 80%;
|
||||
border-radius: 50%;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@ -1,459 +1,3 @@
|
||||
// perso
|
||||
//
|
||||
// baz-theme.scss
|
||||
// 2020 - collectif APRIL
|
||||
// les différences
|
||||
|
||||
// Elements principaux
|
||||
// ------------------------------------------
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.page_article.composition_dossier {
|
||||
.contentMain {
|
||||
background-color:$couleurBackgroundTexte;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Hyperliens
|
||||
// ----------------------------------------------
|
||||
a {
|
||||
text-decoration:none; border-bottom:1px dotted;
|
||||
}
|
||||
a, a:visited {
|
||||
color: $couleurLien;
|
||||
}
|
||||
a:focus,
|
||||
a:hover,
|
||||
a:active, a.on {
|
||||
border-color:$couleurSecondaire;
|
||||
}
|
||||
a:not([href]) {
|
||||
cursor:text;
|
||||
}
|
||||
// plugin liens sociaux, pas pareil que les autres liens externes
|
||||
.sociaux a.external:after {
|
||||
display:none;
|
||||
}
|
||||
|
||||
|
||||
.accesrapide {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// ------------------------------------------
|
||||
// Habillage des elements du contenu
|
||||
// ------------------------------------------
|
||||
|
||||
// fil d'ariane
|
||||
.arbo {
|
||||
clear: none;
|
||||
font-size: .7em;
|
||||
|
||||
}
|
||||
.arbo * {
|
||||
font-weight: normal;
|
||||
}
|
||||
.arbo, .arbo a,
|
||||
.arbo a:visited {
|
||||
color: lighten($couleurTexte, 30%);
|
||||
}
|
||||
.arbo a:hover {
|
||||
background: $gray;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.cartouche {
|
||||
margin-bottom: 1.5em;
|
||||
h1 { m
|
||||
.liste.articles:not(.periode) {
|
||||
li {
|
||||
border-top:1px solid $grayLight;
|
||||
padding:2em 0 0;
|
||||
margin:2em 0;
|
||||
.h3-like {
|
||||
font-size:1.2em;
|
||||
}
|
||||
.introduction p {
|
||||
margin:0;
|
||||
}
|
||||
&:last-of-type {
|
||||
padding-bottom:2em;
|
||||
}
|
||||
}
|
||||
}argin-bottom: 0; font-weight:700;
|
||||
.soustitre {
|
||||
display:block;
|
||||
}
|
||||
}
|
||||
p { margin-bottom: 0; }
|
||||
.surtitre {
|
||||
|
||||
}
|
||||
.soustitre {
|
||||
|
||||
}
|
||||
}
|
||||
abbr.published {
|
||||
border: 0;
|
||||
}
|
||||
@media print {
|
||||
abbr[title].published:after {
|
||||
content: "";
|
||||
}
|
||||
abbr[title].dtreviewed:after {
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
.publication, .info-publi {
|
||||
margin: 1.5em 0 0;
|
||||
font-size: .9em;
|
||||
font-style: italic;
|
||||
}
|
||||
html[dir="rtl"] .info-publi {
|
||||
font-style: normal;
|
||||
}
|
||||
.traductions { font-size: .9em; }
|
||||
.traductions a[hreflang]:after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
|
||||
|
||||
.chapo {
|
||||
font-size:120%;
|
||||
}
|
||||
.texte { }
|
||||
.hyperlien {
|
||||
display: block;
|
||||
padding: 1.5em 50px;
|
||||
background: $grayLighter;
|
||||
font-weight: bold;
|
||||
}
|
||||
.ps, .notes {
|
||||
margin: 6em 0 1.5em;
|
||||
clear:both;
|
||||
}
|
||||
.notes {
|
||||
clear: both;
|
||||
font-size: .9em;
|
||||
}
|
||||
|
||||
|
||||
h1,.h1,
|
||||
h2,.h2 {
|
||||
line-height: 1.2;
|
||||
font-weight:700;
|
||||
}
|
||||
h2, .h2 {
|
||||
margin-top:1em;
|
||||
}
|
||||
|
||||
.liste {
|
||||
margin:2em 0;
|
||||
&.syndic ul.liste-items {
|
||||
padding:0 0.5em 0 2em;
|
||||
}
|
||||
li.short { margin:1em 0 1.5em;
|
||||
.publication {
|
||||
margin:0;
|
||||
}
|
||||
}
|
||||
.item {
|
||||
clear:both;
|
||||
margin:2em 0 3em;
|
||||
}
|
||||
}
|
||||
|
||||
.spip_logo {
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
.spip_document {
|
||||
max-width:100%;
|
||||
height:auto;
|
||||
}
|
||||
iframe {
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
.credits {
|
||||
clear: both;
|
||||
display:block;
|
||||
text-align: left;
|
||||
font-size:0.6em;
|
||||
}
|
||||
|
||||
// Listes et tableaux
|
||||
dl.spip dt {
|
||||
background: url(img/def.png) no-repeat 25px .5em;
|
||||
}
|
||||
dl.spip dd {}
|
||||
|
||||
/*table.spip {margin:1em 0;}
|
||||
table.spip caption { background: none; border-bottom: 1px solid; text-align: left; font-weight: bold; }
|
||||
table.spip thead th { background: none; border: 1px solid; border-width: 1px 0; }
|
||||
table.spip tbody tr th,
|
||||
table.spip tr td { background: none; }
|
||||
table.spip tbody tr.odd th,
|
||||
table.spip tr.odd td { background: $grayLight; }
|
||||
table.spip tr:hover td {background: #AAD;}
|
||||
table.spip tfoot { border-top: 1px solid; }*/
|
||||
|
||||
|
||||
// Formulaires : variantes et cas particuliers
|
||||
// -----------------------------------------------
|
||||
.formulaire_spip {
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
width: 100%; margin: 0;
|
||||
-ms-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
}
|
||||
|
||||
label {
|
||||
display: block;
|
||||
}
|
||||
.erreur_message {
|
||||
display: block;
|
||||
}
|
||||
input.text,textarea {
|
||||
width: 100%;
|
||||
-ms-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.content input.text {
|
||||
width: 50%;
|
||||
}
|
||||
textarea {
|
||||
width: 100%;
|
||||
}
|
||||
button:hover, button:active, button:focus {
|
||||
background-color: $couleurPrincipale;
|
||||
color:$couleurPrincipaleDowner;
|
||||
outline:none !important;
|
||||
}
|
||||
|
||||
|
||||
// formulaire recherche un peu a part
|
||||
.recherche {
|
||||
margin-bottom:$spacer;
|
||||
max-width:350px; /* placer dans un conteneur mini 350px */
|
||||
.flex {
|
||||
.input-group-prepend {
|
||||
width:80%;
|
||||
input {
|
||||
border-radius:0;
|
||||
border:1px solid #ccc;
|
||||
border-right:0;
|
||||
}
|
||||
}
|
||||
.input-group-append {
|
||||
width:20%;
|
||||
button {
|
||||
border-radius:0;
|
||||
border:1px solid #ccc;
|
||||
height:100%;
|
||||
}
|
||||
}
|
||||
input, button {
|
||||
width:100%;
|
||||
line-height:1.8;
|
||||
}
|
||||
input {
|
||||
padding:0.2rem 0.4rem;
|
||||
}
|
||||
button {
|
||||
padding:0;
|
||||
margin:0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Choix des mots-clefs
|
||||
ul.choix_mots {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
li {
|
||||
clear: none;
|
||||
float: left;
|
||||
display: block;
|
||||
width: 30%;
|
||||
padding: 1%;
|
||||
}
|
||||
li label {
|
||||
display: inline;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.formulaire_spip .bugajaxie {
|
||||
display: none;
|
||||
} //IE/Win
|
||||
|
||||
|
||||
// Formulaire de login dans une page
|
||||
.formulaire_login {
|
||||
.editer-groupe .editer {
|
||||
clear: left;
|
||||
}
|
||||
.editer_password .details {
|
||||
display: block;
|
||||
}
|
||||
.spip_logo_auteur {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
// Fomulaire de contact
|
||||
.formulaire_ecrire_auteur {
|
||||
.saisie_sujet_message_auteur input.text {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
// page auteur cf js/script.js
|
||||
.formulaire_ecrire_auteur {
|
||||
margin-top:3em;
|
||||
padding-top:1em;
|
||||
border-top:1px solid $grayLighter;
|
||||
legend {
|
||||
cursor:pointer; color:$couleurLien;
|
||||
&:hover {
|
||||
background-color:$couleurPrincipale;
|
||||
color:$couleurPrincipaleDowner;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Habillage des portfolios
|
||||
// ----------------------------------------------
|
||||
.documents_portfolio {
|
||||
a {
|
||||
display:inline-block;
|
||||
margin:0 $spacer $spacer 0;
|
||||
padding:0;
|
||||
}
|
||||
a:hover {
|
||||
color:#999;
|
||||
opacity:0.8;
|
||||
}
|
||||
img {
|
||||
margin:0;
|
||||
}
|
||||
}
|
||||
|
||||
.documents_joints .descriptif p {
|
||||
margin:0;
|
||||
}
|
||||
// eviter les lignes de texte trop courtes
|
||||
.spip_documents.spip_documents_left:not(.modedoc), .spip_documents.spip_documents_right:not(.modedoc) {
|
||||
max-width:50%;
|
||||
}
|
||||
|
||||
.documents_joints {
|
||||
a {
|
||||
.spip_logo {
|
||||
float:left;
|
||||
margin:0 0.5em 0.5em 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// aside
|
||||
// ------------------------------------
|
||||
.contentAside {
|
||||
h2 { font-size:1em; }
|
||||
li {
|
||||
ul { margin-bottom:0.5em; padding-left:1em;
|
||||
a { line-height:1.2; }
|
||||
}
|
||||
}
|
||||
.liste { margin-top:1em; padding-left:0.5em; border-left:1px solid darken($grayLighter,10);
|
||||
.item { margin:0.5em 0; }
|
||||
&.groupes_mots {
|
||||
.h2 { margin-bottom:0; margin-top:1em;
|
||||
&:first-child { margin-top:0; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// special GIS
|
||||
.leaflet-container .leaflet-popup a.leaflet-popup-close-button {
|
||||
padding: 0 0 4px;
|
||||
height: auto;
|
||||
display: block;
|
||||
@include border-radius(50%);
|
||||
margin:2px;
|
||||
}
|
||||
|
||||
// ------------------------------------------
|
||||
// Autres medias
|
||||
// ------------------------------------------
|
||||
|
||||
@media print {
|
||||
|
||||
// Ne pas imprimer
|
||||
.spip-admin,
|
||||
.spip-admin-float,
|
||||
.spip-previsu,
|
||||
.repondre,
|
||||
.formulaire_spip { display: none; }
|
||||
|
||||
// Souligner et expliciter les liens
|
||||
a { color: #600; text-decoration: underline !important; }
|
||||
a.spip_out:after,
|
||||
a.spip_glossaire:after,
|
||||
a.spip_mail:after { display: inline; content: " [" attr(href) "]"; }
|
||||
|
||||
}
|
||||
|
||||
|
||||
// ------------------------------------------
|
||||
// adaptable
|
||||
// ------------------------------------------
|
||||
@media ($bp-medium) {
|
||||
|
||||
.pagination {line-height:3;}
|
||||
|
||||
}
|
||||
// largeur maximum 640px
|
||||
@media (max-width:639px) {
|
||||
.header {
|
||||
.logo_site_spip { font-size:1em; }
|
||||
.spip_logos { max-width:100px; width:100px; float:none; }
|
||||
}
|
||||
.iconemodele.bloc {
|
||||
&.left, &.right { margin-right:0; width:100%; float:none; clear:both; }
|
||||
&.largeur { max-width:50%; }
|
||||
}
|
||||
}
|
||||
@media ($bp-small) {
|
||||
.spip_documents.spip_documents_left, .spip_documents.spip_documents_right { min-width:100%; margin:0 0 0.5em; }
|
||||
.iconemodele.bloc.largeur { max-width:100%; }
|
||||
}
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
// Utilitaires et variables
|
||||
@import "utils/mixins";
|
||||
@import "utils/variables";
|
||||
@import "utils/variables-perso";
|
||||
@import "utils/helpers";
|
||||
@import 'scss/fontawesome/fontawesome';
|
||||
// --------------------------------------------
|
||||
@ -14,7 +15,6 @@
|
||||
// Composants génériques
|
||||
@import "components/forms";
|
||||
@import "components/pagination";
|
||||
@import "components/jquery.sidr";
|
||||
@import "components/custom-radios";
|
||||
// --------------------------------------------
|
||||
// Blocs Z
|
||||
@ -29,7 +29,7 @@
|
||||
@import "styles/styles";
|
||||
@import "styles/nav";
|
||||
@import "styles/sommaire";
|
||||
//@import "styles/perso";
|
||||
@import "styles/perso";
|
||||
@import "styles/print";
|
||||
// --------------------------------------------
|
||||
// Compositions
|
||||
|
||||
1
squelettes/scss/utils/_variables-perso.scss
Normal file
1
squelettes/scss/utils/_variables-perso.scss
Normal file
@ -0,0 +1 @@
|
||||
// les variables personnalisees
|
||||
@ -49,6 +49,7 @@ $couleurTexte: $grayDark;
|
||||
$couleurBackgroundTexte: #f5faff;
|
||||
|
||||
$couleur-primaire: #253288;
|
||||
$couleurConnex: $couleurPrincipale;
|
||||
|
||||
$couleur-texte: #111111;
|
||||
$couleur-titres: $couleur-texte;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user