diff --git a/WEB/assets/img/Background3.png b/WEB/assets/img/Background3.png deleted file mode 100644 index 04e94b38..00000000 Binary files a/WEB/assets/img/Background3.png and /dev/null differ diff --git a/WEB/assets/img/Background4.png b/WEB/assets/img/Background5.png similarity index 100% rename from WEB/assets/img/Background4.png rename to WEB/assets/img/Background5.png diff --git a/WEB/src/CSS/enigme.css b/WEB/src/CSS/enigme.css index 2ca6bf99..092ab609 100644 --- a/WEB/src/CSS/enigme.css +++ b/WEB/src/CSS/enigme.css @@ -43,7 +43,7 @@ input:focus, textarea:focus, select:focus { /* Main CSS */ html{ scroll-behavior: smooth; - background-color: rgb(15, 15, 15); + background-image: url(../../assets/img/background2.jpg); height: 100vh; background-position: center; background-repeat: no-repeat; @@ -75,6 +75,13 @@ body{ height: 100%; color: aliceblue; margin-left: 20px; + background: rgba(0,0,0,0.6); + box-sizing: border-box; + box-shadow: 0 15px 25px rgba(0,0,0,); + border-radius: 10px; + padding: 10px; + margin-left: 10px; + margin-right: 20px; } @@ -120,7 +127,7 @@ body{ .buttons .btn:nth-child(2):before, .buttons .btn:nth-child(2):after { - background: linear-gradient(45deg, #f0075b, #0e1538, #1aff22); + background: linear-gradient(45deg, #d400d4, #0e1538, #fb5942); } .buttons .btn:hover:before @@ -181,12 +188,14 @@ body{ #console{ font-size: .8rem; + opacity: 0.85; letter-spacing: 1px; background-color: #040a29; color: #fff; border: solid 1px #414141; padding: 10px; - margin: 10px; + margin-left: 10px; + margin-right: 10px; max-width: 95%; max-height: 85%; line-height: 1.5; diff --git a/WEB/src/JS/base.js b/WEB/src/JS/base.js index 2c005423..86311e34 100644 --- a/WEB/src/JS/base.js +++ b/WEB/src/JS/base.js @@ -41,6 +41,7 @@ function run_init() { var editor = ace.edit("editor"); +editor.container.style.opacity = 0.85; editor.setTheme("ace/theme/vibrant_ink"); editor.getSession().setMode("ace/mode/python"); editor.setFontSize("16px");