diff --git a/assets/css/admin.css b/assets/css/admin.css index 426bc16..c775ff2 100644 --- a/assets/css/admin.css +++ b/assets/css/admin.css @@ -314,4 +314,107 @@ label[data-tooltip]:before { } .icon-publish{ background-color: #2ecc71; +} + + +/* --------------------------- */ +/* --------- MODALE----------- */ +/* --------------------------- */ +/* The Modal (background) */ +.modal-open{ + overflow: hidden; +} +.modal { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + display: none; + -webkit-overflow-scrolling: touch; + outline: 0; + overflow-x: hidden; + overflow-y: auto; +} +.modal-dialog { + background-color: #fefefe; + margin: 30px auto; + width: 80%; + box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); + -webkit-animation-name: animatetop; + -webkit-animation-duration: 0.4s; + animation-name: animatetop; + animation-duration: 0.4s +} +/* Modal Content */ +.modal-content { + position: relative; + background-color: #fff; + background-clip: padding-box; + -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); + box-shadow: 0 3px 9px rgba(0,0,0,.5); + outline: 0; +} +/* Add Animation */ +@-webkit-keyframes animatetop { + from {top:-300px; opacity:0} + to {top:0; opacity:1} +} +@keyframes animatetop { + from {top:-300px; opacity:0} + to {top:0; opacity:1} +} + +/* The Close Button */ +.close { + color: white; + float: right; + font-weight: bold; +} +.close:hover, +.close:focus { + color: #000; + text-decoration: none; + cursor: pointer; +} +.modal-header { + padding: 1em; + background-color: #20222d; + color: white; +} +.modal-header h2, +.modal-header h3, +.modal-header h4 { + padding: 0; + margin: 0; +} +.modal-body { + padding: 2px 16px; +} + +/* Ajustement actions block */ +#page-wrapper .block-actions { + position: relative; + margin-right: 0; + float: right; +} +/* Ajustement de l'éditeur Trumbowyg. */ +#page-wrapper .trumbowyg-button-pane button { + font-size: initial; + box-shadow: initial; + min-width: auto; +} +#page-wrapper .trumbowyg-modal-box .trumbowyg-modal-button { + font-size: initial; + min-width: auto; + box-shadow: initial; + padding: initial; +} +#page-wrapper .trumbowyg-dropdown button { + border-radius: initial; + box-shadow: initial; +} +#page-wrapper.trumbowyg-modal-box label input { + box-shadow: initial; } \ No newline at end of file diff --git a/assets/js/admin.js b/assets/js/admin.js new file mode 100644 index 0000000..72ea703 --- /dev/null +++ b/assets/js/admin.js @@ -0,0 +1,16 @@ +$(function () { + /* MODAL */ + var target = ''; + $('[data-toogle="modal"]').click(function (evt) { + evt.preventDefault(); + target = $(this).data('target'); + $(target).show(); + $('body').toggleClass('modal-open'); + }); + $(window).click(function (evt) { + if (evt.target.className === 'modal' || evt.target.className === 'close') { + $(target).hide(); + $('body').toggleClass('modal-open'); + } + }); +}); \ No newline at end of file diff --git a/composer.json b/composer.json new file mode 100644 index 0000000..07e80ba --- /dev/null +++ b/composer.json @@ -0,0 +1,18 @@ +{ + "name": "soosyze-extension/twenty", + "type": "soosyze-theme", + "description": "This is Twenty, a minimal, multi-page responsive site template for HTML5 UP.", + "version": "1.0", + "extra": { + "soosyze-theme": { + "sections": [ + "header", + "content_header", + "content_footer", + "footer", + "footer_first", + "footer_second" + ] + } + } +} \ No newline at end of file diff --git a/html.php b/html.php index 92234c1..97a1130 100644 --- a/html.php +++ b/html.php @@ -4,7 +4,7 @@ html5up.net | @ajlkn Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) --> - + <?php echo $title; ?> @@ -13,7 +13,7 @@ - + @@ -28,6 +28,7 @@ + @@ -35,6 +36,7 @@ + \ No newline at end of file diff --git a/menu-user.php b/menu-user.php index 53dc6c5..4db0064 100644 --- a/menu-user.php +++ b/menu-user.php @@ -1,6 +1,5 @@