chankalan
1 year ago
20 changed files with 66 additions and 1465 deletions
-
46baz_april_fonctions.php
-
2paquet.xml
-
2squelettes/body.html
-
4squelettes/connex/dist.html
-
1squelettes/content/rubrique-blog.html
-
13squelettes/inclure/resume/article.html
-
579squelettes/javascript/sidr/jquery.sidr.js
-
4squelettes/javascript/sidr/jquery.sidr.min.js
-
5squelettes/javascript/sidr/stylesheets/jquery.sidr.bare.css
-
164squelettes/javascript/sidr/stylesheets/jquery.sidr.dark.css
-
1squelettes/javascript/sidr/stylesheets/jquery.sidr.dark.min.css
-
164squelettes/javascript/sidr/stylesheets/jquery.sidr.light.css
-
1squelettes/javascript/sidr/stylesheets/jquery.sidr.light.min.css
-
4squelettes/scss/blocs/_connex.scss
-
6squelettes/scss/blocs/_footer.scss
-
71squelettes/scss/components/_jquery.sidr.scss
-
458squelettes/scss/styles/_perso.scss
-
4squelettes/scss/theme.scss
-
1squelettes/scss/utils/_variables-perso.scss
-
1squelettes/scss/utils/_variables.scss
@ -1,14 +1,42 @@ |
|||
<?php |
|||
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
|
|||
*/ |
|||
/** |
|||
* Fonctions utiles au plugin baz_april |
|||
* 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 |
|||
* |
|||
* @plugin baz_april |
|||
* @copyright 2019 |
|||
* @author Nicolas Dorigny |
|||
* @licence GNU/GPL |
|||
* @package SPIP\baz_april\Fonctions |
|||
* @param string $date |
|||
* @param int $decalage |
|||
* @param string $format |
|||
* @return string |
|||
*/ |
|||
|
|||
if (!defined('_ECRIRE_INC_VERSION')) { |
|||
return; |
|||
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,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> |
|||
@ -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; |
|||
|
|||
}()); |
|||
4
squelettes/javascript/sidr/jquery.sidr.min.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -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)} |
|||
@ -0,0 +1,4 @@ |
|||
.page_connex { |
|||
padding:($spacer*1.5) 0; |
|||
background-color:$couleurConnex; |
|||
} |
|||
@ -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; |
|||