diff --git a/css/dark-mode.css b/css/dark-mode.css index 2f13abb..dbdf801 100644 --- a/css/dark-mode.css +++ b/css/dark-mode.css @@ -69,6 +69,13 @@ _:-ms-fullscreen, :root body { max-height: 20rem; } +#theme-selector { + width: 100px; + height: 30px; + font-size: 13px; + margin-top: 5px; +} + .custom-select { background-color: #646464; color: white; diff --git a/css/dark-mode.min.css b/css/dark-mode.min.css index 7acd487..ad31bb6 100644 --- a/css/dark-mode.min.css +++ b/css/dark-mode.min.css @@ -1 +1 @@ -.prompt-sign{position:absolute;top:25px;left:40px;pointer-events:none;font-size:1em}.highlighted-parameter{color:#426992;font-weight:bold;font-size:1em}.highlighted-warning{color:red;font-weight:bold}.custom-switch label{cursor:pointer;user-select:none}.nav-tabs{border-bottom:none !important}.nav-tabs .nav-link:hover{background-color:#375a7f}.nav-tabs .nav-link.active{background-color:#375a7f}_:-ms-fullscreen,:root body{overflow-y:scroll}#listener-command{border:none !important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(0,0,0,0.75)}#reverse-shell-command{border:none !important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(0,0,0,0.75);background-color:#464646;max-height:20rem}#bind-shell-command{border:none !important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(0,0,0,0.75);background-color:#464646;max-height:20rem}#msfvenom-command{border:none !important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(0,0,0,0.75);background-color:#464646;max-height:20rem}.custom-select{background-color:#646464;color:white}.container{padding:10px;border-radius:20px;box-shadow:10px 0 20px 0 rgba(0,0,0,0.75);height:100% !important}h2{color:white;text-align:center}.pre-wrap{white-space:pre-wrap}.card-body{max-height:40rem}.list-group-item.active,.list-group-item-action:focus,.list-group-item-action:hover{background-color:#375a7f}.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media(max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}} \ No newline at end of file +.prompt-sign{position:absolute;top:25px;left:40px;pointer-events:none;font-size:1em}.highlighted-parameter{color:#426992;font-weight:bold;font-size:1em}.highlighted-warning{color:red;font-weight:bold}.custom-switch label{cursor:pointer;user-select:none}.nav-tabs{border-bottom:none !important}.nav-tabs .nav-link:hover{background-color:#375a7f}.nav-tabs .nav-link.active{background-color:#375a7f}_:-ms-fullscreen,:root body{overflow-y:scroll}#listener-command{border:none !important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(0,0,0,0.75)}#reverse-shell-command{border:none !important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(0,0,0,0.75);background-color:#464646;max-height:20rem}#bind-shell-command{border:none !important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(0,0,0,0.75);background-color:#464646;max-height:20rem}#msfvenom-command{border:none !important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(0,0,0,0.75);background-color:#464646;max-height:20rem}#theme-selector{width:100px;height:30px;font-size:13px;margin-top:5px}.custom-select{background-color:#646464;color:white}.container{padding:10px;border-radius:20px;box-shadow:10px 0 20px 0 rgba(0,0,0,0.75);height:100% !important}h2{color:white;text-align:center}.pre-wrap{white-space:pre-wrap}.card-body{max-height:40rem}.list-group-item.active,.list-group-item-action:focus,.list-group-item-action:hover{background-color:#375a7f}.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media(max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}} \ No newline at end of file diff --git a/css/meme-mode.css b/css/meme-mode.css new file mode 100644 index 0000000..f22d55e --- /dev/null +++ b/css/meme-mode.css @@ -0,0 +1,325 @@ +/* +Ain't got time for using CSS the right way. !important everything! +*/ + +[data-theme="meme"] { + background-color: pink !important; +} + +[data-theme="meme"] .card { + background-color: rgb(175, 139, 173) !important; + color: #000; +} + +[data-theme="meme"] .bg-white { + background-color: rgb(221, 215, 215) !important; +} + +[data-theme="meme"] .bg-dark { + background-color: rgb(231, 212, 224) !important; +} + +[data-theme="meme"] .rainbow { + text-shadow: 2px 2px 4px #000; + font-size: 40px; + -webkit-animation: rainbow 5s infinite; + -ms-animation: rainbow 5s infinite; + animation: rainbow 5s infinite; + font-family: 'Comic Mono'; +} + +[data-theme="meme"] .prompt-sign { + position: absolute; + top: 25px; + left: 40px; + pointer-events: none; + font-size: 1em; + color: #2e3e86; +} + +[data-theme="meme"] .input-group-text { + background-color: #f1c6ce; + color: #000; +} + +[data-theme="meme"] .btn { + background-color: #a56096; + color: #000; + border-color: #a56096; +} + +[data-theme="meme"] .highlighted-parameter { + color: #7223b5; + font-weight: bold; + font-size: 1em; +} + +[data-theme="meme"] .highlighted-warning { + color: red; + font-weight: bold; +} + +[data-theme="meme"] .custom-switch label { + cursor: pointer; + user-select: none; +} + +[data-theme="meme"] .custom-control-input:checked~.custom-control-label::before { + background-color: #7223b5; +} + +[data-theme="meme"] #listener-command { + border: none !important; + border-radius: 5px; + box-shadow: 10px 10px 20px 0px rgba(153, 28, 143, 0.75); + background-color: rgb(45, 139, 135); + color: #000; +} + +[data-theme="meme"] #reverse-shell-command { + border: none !important; + border-radius: 5px; + box-shadow: 10px 10px 20px 0px rgba(153, 28, 143, 0.75); + background-color: rgb(45, 139, 135); + color: #000; + max-height: 20rem; +} + +[data-theme="meme"] #bind-shell-command { + border: none !important; + border-radius: 5px; + box-shadow: 10px 10px 20px 0px rgba(153, 28, 143, 0.75); + background-color: rgb(45, 139, 135); + color: #000; + max-height: 20rem; +} + +[data-theme="meme"] #msfvenom-command { + border: none !important; + border-radius: 5px; + box-shadow: 10px 10px 20px 0px rgba(153, 28, 143, 0.75); + background-color: rgb(45, 139, 135); + color: #000; + max-height: 20rem; +} + +[data-theme="meme"] .custom-select { + background-color: #f1c6ce; + color: #000; + border-color: #a56096; +} + +[data-theme="meme"] .nav-link { + color: #000; + background: transparent; + box-shadow: 5px 5px 5px 0px rgba(153, 28, 143, 0.75); +} + +[data-theme="meme"] .nav-link:hover { + background-color: #7223b5; +} + +[data-theme="meme"] .nav-link.active { + background-color: #a56096; + color:#000; +} + +[data-theme="meme"] .custom-control-input:checked { + color: #000; +} + +[data-theme="meme"] a { + background-color: #f1c6ce; + color: #000; +} + +[data-theme="meme"] .list-group-item { + background-color: #f1c6ce; + color: #000; +} + +[data-theme="meme"] .list-group-item.active { + background-color: #a56096; + border-color: #000; +} + +[data-theme="meme"] .list-group-item:hover { + background-color: #a56096; +} + +[data-theme="meme"] .list-group-item.hover { + background-color: rgba(153, 28, 143, 0.75); +} + +[data-theme="meme"] .container { + padding: 10px; + border-radius: 20px; + box-shadow: 10px 0px 20px 0px rgba(153, 28, 143, 0.75); + height: 100% !important; +} + +[data-theme="meme"] .card-title { + color: #000 !important; +} + +[data-theme="meme"] .custom-control-label { + color: black; +} + +[data-theme="meme"] h2 { + color: white; + text-align: center; +} + +[data-theme="meme"] .pre-wrap { + white-space: pre-wrap; +} + +[data-theme="meme"] .card-body { + max-height: 40rem; +} + +@font-face { + font-family: "Comic Mono"; + src: url(../assets/ComicMono.ttf); +} + +@-webkit-keyframes rainbow { + 0% { + color: orange; + } + + 10% { + color: purple; + } + + 20% { + color: red; + } + + 30% { + color: CadetBlue; + } + + 40% { + color: yellow; + } + + 50% { + color: coral; + } + + 60% { + color: green; + } + + 70% { + color: cyan; + } + + 80% { + color: DeepPink; + } + + 90% { + color: DodgerBlue; + } + + 100% { + color: orange; + } +} + +/* Internet Explorer */ +@-ms-keyframes rainbow { + 0% { + color: orange; + } + + 10% { + color: purple; + } + + 20% { + color: red; + } + + 30% { + color: CadetBlue; + } + + 40% { + color: yellow; + } + + 50% { + color: coral; + } + + 60% { + color: green; + } + + 70% { + color: cyan; + } + + 80% { + color: DeepPink; + } + + 90% { + color: DodgerBlue; + } + + 100% { + color: orange; + } +} + +/* Standar Syntax */ +@keyframes rainbow { + 0% { + color: orange; + } + + 10% { + color: purple; + } + + 20% { + color: red; + } + + 30% { + color: CadetBlue; + } + + 40% { + color: yellow; + } + + 50% { + color: coral; + } + + 60% { + color: green; + } + + 70% { + color: cyan; + } + + 80% { + color: DeepPink; + } + + 90% { + color: DodgerBlue; + } + + 100% { + color: orange; + } +} \ No newline at end of file diff --git a/css/meme-mode.min.css b/css/meme-mode.min.css new file mode 100644 index 0000000..0a36687 --- /dev/null +++ b/css/meme-mode.min.css @@ -0,0 +1 @@ +[data-theme="meme"]{background-color:pink !important}[data-theme="meme"] .card{background-color:#af8bad !important;color:#000}[data-theme="meme"] .bg-white{background-color:#ddd7d7 !important}[data-theme="meme"] .bg-dark{background-color:#e7d4e0 !important}[data-theme="meme"] .rainbow{text-shadow:2px 2px 4px #000;font-size:40px;-webkit-animation:rainbow 5s infinite;-ms-animation:rainbow 5s infinite;animation:rainbow 5s infinite;font-family:'Comic Mono'}[data-theme="meme"] .prompt-sign{position:absolute;top:25px;left:40px;pointer-events:none;font-size:1em;color:#2e3e86}[data-theme="meme"] .input-group-text{background-color:#f1c6ce;color:#000}[data-theme="meme"] .btn{background-color:#a56096;color:#000;border-color:#a56096}[data-theme="meme"] .highlighted-parameter{color:#7223b5;font-weight:bold;font-size:1em}[data-theme="meme"] .highlighted-warning{color:red;font-weight:bold}[data-theme="meme"] .custom-switch label{cursor:pointer;user-select:none}[data-theme="meme"] .custom-control-input:checked~.custom-control-label::before{background-color:#7223b5}[data-theme="meme"] #listener-command{border:none !important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(153,28,143,0.75);background-color:#2d8b87;color:#000}[data-theme="meme"] #reverse-shell-command{border:none !important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(153,28,143,0.75);background-color:#2d8b87;color:#000;max-height:20rem}[data-theme="meme"] #bind-shell-command{border:none !important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(153,28,143,0.75);background-color:#2d8b87;color:#000;max-height:20rem}[data-theme="meme"] #msfvenom-command{border:none !important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(153,28,143,0.75);background-color:#2d8b87;color:#000;max-height:20rem}[data-theme="meme"] .custom-select{background-color:#f1c6ce;color:#000;border-color:#a56096}[data-theme="meme"] .nav-link{color:#000;background:transparent;box-shadow:5px 5px 5px 0 rgba(153,28,143,0.75)}[data-theme="meme"] .nav-link:hover{background-color:#7223b5}[data-theme="meme"] .nav-link.active{background-color:#a56096;color:#000}[data-theme="meme"] .custom-control-input:checked{color:#000}[data-theme="meme"] a{background-color:#f1c6ce;color:#000}[data-theme="meme"] .list-group-item{background-color:#f1c6ce;color:#000}[data-theme="meme"] .list-group-item.active{background-color:#a56096;border-color:#000}[data-theme="meme"] .list-group-item:hover{background-color:#a56096}[data-theme="meme"] .list-group-item.hover{background-color:rgba(153,28,143,0.75)}[data-theme="meme"] .container{padding:10px;border-radius:20px;box-shadow:10px 0 20px 0 rgba(153,28,143,0.75);height:100% !important}[data-theme="meme"] .card-title{color:#000 !important}[data-theme="meme"] .custom-control-label{color:black}[data-theme="meme"] h2{color:white;text-align:center}[data-theme="meme"] .pre-wrap{white-space:pre-wrap}[data-theme="meme"] .card-body{max-height:40rem}@font-face{font-family:"Comic Mono";src:url(../assets/ComicMono.ttf)}@-webkit-keyframes rainbow{0%{color:orange}10%{color:purple}20%{color:red}30%{color:CadetBlue}40%{color:yellow}50%{color:coral}60%{color:green}70%{color:cyan}80%{color:DeepPink}90%{color:DodgerBlue}100%{color:orange}}@-ms-keyframes rainbow{0%{color:orange}10%{color:purple}20%{color:red}30%{color:CadetBlue}40%{color:yellow}50%{color:coral}60%{color:green}70%{color:cyan}80%{color:DeepPink}90%{color:DodgerBlue}100%{color:orange}}@keyframes rainbow{0%{color:orange}10%{color:purple}20%{color:red}30%{color:CadetBlue}40%{color:yellow}50%{color:coral}60%{color:green}70%{color:cyan}80%{color:DeepPink}90%{color:DodgerBlue}100%{color:orange}} \ No newline at end of file diff --git a/index.html b/index.html index cb00d13..26328bc 100644 --- a/index.html +++ b/index.html @@ -12,6 +12,7 @@ + @@ -49,17 +50,20 @@