diff --git a/assets/css/admin.css b/assets/css/admin.css index 03587f0..ede3c08 100644 --- a/assets/css/admin.css +++ b/assets/css/admin.css @@ -311,4 +311,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 */ +#wrapper .block-actions { + position: relative; + margin-right: 0; + float: right; +} +/* Ajustement de l'éditeur Trumbowyg. */ +#wrapper .trumbowyg-button-pane button { + font-size: initial; + box-shadow: initial; + min-width: auto; +} +#wrapper .trumbowyg-modal-box .trumbowyg-modal-button { + font-size: initial; + min-width: auto; + box-shadow: initial; + padding: initial; +} +#wrapper .trumbowyg-dropdown button { + border-radius: initial; + box-shadow: initial; +} +#wrapper .trumbowyg-modal-box label input { + box-shadow: initial; } \ No newline at end of file diff --git a/assets/css/main.css b/assets/css/main.css index d5e5b04..61bf160 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -2051,6 +2051,7 @@ select { textarea { padding: 0.75em 1em; + resize: vertical; } input[type="checkbox"], @@ -3267,7 +3268,7 @@ body.is-preload #header.alt .logo { background-color: rgba(247, 247, 247, 0.95); border-top-left-radius: 0; border-top-right-radius: 0; - z-index: 10000; + z-index: 100; } #nav.alt ul li { 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..32e819e --- /dev/null +++ b/composer.json @@ -0,0 +1,18 @@ +{ + "name": "soosyze-extension/stellar", + "type": "soosyze-theme", + "description": "Say hello to Stellar, a slick little one-pager with a super vibrant color palette (which I guess you can always tone down if it's a little too vibrant for you).", + "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 ff4b20c..d487dd8 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) --> - +