- 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
|
<?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')) {
|
if (!defined('_ECRIRE_INC_VERSION')) {
|
||||||
return;
|
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
|
<paquet
|
||||||
prefix="baz_april"
|
prefix="baz_april"
|
||||||
categorie="squelette"
|
categorie="squelette"
|
||||||
version="2.0.0"
|
version="2.0.1"
|
||||||
schema="1.0.0"
|
schema="1.0.0"
|
||||||
etat="dev"
|
etat="dev"
|
||||||
compatibilite="[3.2.0;3.3.*]"
|
compatibilite="[3.2.0;3.3.*]"
|
||||||
|
|||||||
@ -25,7 +25,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<aside class="connex">
|
<aside class="page_connex">
|
||||||
<INCLURE{fond=connex/#ENV{type-page},env} />
|
<INCLURE{fond=connex/#ENV{type-page},env} />
|
||||||
</aside>
|
</aside>
|
||||||
|
|
||||||
|
|||||||
@ -1,3 +1,3 @@
|
|||||||
<!-- connex -->[(#REM) charger un fichier different pour chaque page ]
|
<!-- connex -->[(#REM) charger un fichier different pour chaque page ]
|
||||||
<!--<div class="page--container">
|
<div class="page_container page_connex__container">
|
||||||
</div>-->
|
</div>
|
||||||
|
|||||||
@ -4,7 +4,6 @@
|
|||||||
<header class="cartouche">
|
<header class="cartouche">
|
||||||
<h1 class="#EDIT{titre}">#TITRE</h1>
|
<h1 class="#EDIT{titre}">#TITRE</h1>
|
||||||
[<p class="publication"><time datetime="[(#DATE|date_iso)]"><:dernier_ajout:> : (#DATE|affdate_jourcourt).</time></p>]
|
[<p class="publication"><time datetime="[(#DATE|date_iso)]"><:dernier_ajout:> : (#DATE|affdate_jourcourt).</time></p>]
|
||||||
<INCLURE{fond=breadcrumb/rubrique,id_rubrique} />
|
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div class="main">
|
<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 {
|
.page_footer {
|
||||||
padding:($spacer*1.5) 0 $spacer;
|
padding:($spacer*1.5) 0;
|
||||||
color:white;
|
color:white;
|
||||||
background-color:$couleurPrincipale;
|
background-color:$couleurPrincipale;
|
||||||
p {
|
p {
|
||||||
@ -16,10 +16,9 @@
|
|||||||
@include flex;
|
@include flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
font-size:0.8em;
|
font-size:0.8em;
|
||||||
margin:0 0 ($spacer*2);
|
|
||||||
.menu-liste {
|
.menu-liste {
|
||||||
flex-basis:18%;
|
flex-basis:18%;
|
||||||
margin:0;
|
margin:0 0 ($spacer*2);
|
||||||
list-style:none;
|
list-style:none;
|
||||||
.h4 {
|
.h4 {
|
||||||
margin:$spacer 0 0;
|
margin:$spacer 0 0;
|
||||||
@ -31,6 +30,7 @@
|
|||||||
}
|
}
|
||||||
.formulaire_spip.formulaire_recherche {
|
.formulaire_spip.formulaire_recherche {
|
||||||
max-width:em(400px);
|
max-width:em(400px);
|
||||||
|
margin-top:$spacer;
|
||||||
input[type="search"] {
|
input[type="search"] {
|
||||||
line-height:3em;
|
line-height:3em;
|
||||||
min-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
|
// perso
|
||||||
//
|
// les différences
|
||||||
// baz-theme.scss
|
|
||||||
// 2020 - collectif APRIL
|
|
||||||
|
|
||||||
// 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
|
// Utilitaires et variables
|
||||||
@import "utils/mixins";
|
@import "utils/mixins";
|
||||||
@import "utils/variables";
|
@import "utils/variables";
|
||||||
|
@import "utils/variables-perso";
|
||||||
@import "utils/helpers";
|
@import "utils/helpers";
|
||||||
@import 'scss/fontawesome/fontawesome';
|
@import 'scss/fontawesome/fontawesome';
|
||||||
// --------------------------------------------
|
// --------------------------------------------
|
||||||
@ -14,7 +15,6 @@
|
|||||||
// Composants génériques
|
// Composants génériques
|
||||||
@import "components/forms";
|
@import "components/forms";
|
||||||
@import "components/pagination";
|
@import "components/pagination";
|
||||||
@import "components/jquery.sidr";
|
|
||||||
@import "components/custom-radios";
|
@import "components/custom-radios";
|
||||||
// --------------------------------------------
|
// --------------------------------------------
|
||||||
// Blocs Z
|
// Blocs Z
|
||||||
@ -29,7 +29,7 @@
|
|||||||
@import "styles/styles";
|
@import "styles/styles";
|
||||||
@import "styles/nav";
|
@import "styles/nav";
|
||||||
@import "styles/sommaire";
|
@import "styles/sommaire";
|
||||||
//@import "styles/perso";
|
@import "styles/perso";
|
||||||
@import "styles/print";
|
@import "styles/print";
|
||||||
// --------------------------------------------
|
// --------------------------------------------
|
||||||
// Compositions
|
// 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;
|
$couleurBackgroundTexte: #f5faff;
|
||||||
|
|
||||||
$couleur-primaire: #253288;
|
$couleur-primaire: #253288;
|
||||||
|
$couleurConnex: $couleurPrincipale;
|
||||||
|
|
||||||
$couleur-texte: #111111;
|
$couleur-texte: #111111;
|
||||||
$couleur-titres: $couleur-texte;
|
$couleur-titres: $couleur-texte;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user