User:8bitjakeScratch/minerva.css

body{ margin: 0; } h1, h2, h3, h4, h5, h6, p{	font-family: 'Inter', Sans-serif; opacity: 0.7; } .r-img{ opacity: 0.7; } .rainbow-head{ padding: 0; margin: 0; background-image: url(../images/kit/gradient-rgb.png); background-position: center; background-size: 100% 50px; background-repeat: no-repeat; height: 50px; } .rainbow-head p{ padding: 0; margin: 0; } .rainbow-head-inner{ background: -moz-linear-gradient(90deg, rgba(255,0,0,1) 16%, rgba(255,149,0,1) 33%, rgba(255,231,0,1) 50%, rgba(134,255,0,1) 66%, rgba(0,168,255,1) 83%); background: -webkit-linear-gradient(90deg, rgba(255,0,0,1) 16%, rgba(255,149,0,1) 33%, rgba(255,231,0,1) 50%, rgba(134,255,0,1) 66%, rgba(0,168,255,1) 83%); background: linear-gradient(90deg, rgba(255,0,0,1) 16%, rgba(255,149,0,1) 33%, rgba(255,231,0,1) 50%, rgba(134,255,0,1) 66%, rgba(0,168,255,1) 83%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#00a8ff",GradientType=1); height: 5px; transition: height 0.1s linear; } .rainbow-head-inner:hover{ height: 10px; transition: height 0.1s cubic-bezier(0,0,.06,.97); }	.rainbow-head-inner-eg{ background: -moz-linear-gradient(90deg, rgba(134,255,0,1) 1%, rgba(0,168,255,1) 99%); background: -webkit-linear-gradient(90deg, rgba(134,255,0,1) 1%, rgba(0,168,255,1) 99%); background: linear-gradient(90deg, rgba(134,255,0,1) 1%, rgba(0,168,255,1) 99%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#00a8ff",GradientType=1); height: 20px; transition: height 0.5s linear; } .content{ margin-left: 10%; margin-right: 10%; } .dark-content{ background-color: rgb(44, 49, 55); color: white; opacity: 1; width: 100%; } .dark-content h1{ color: white; opacity: 1; } .dark-content-box{ background-color: rgba(255, 255, 255, 0.1); width: 30%; padding: 10px; border-radius: 10px; } .dark-content-box button{ background-color: rgba(255, 255, 255, 0.1); padding: 10px; border: 2px white solid; border-radius: 15px; color: white; font-family: 'Inter', sans-serif; font-weight: 700; transition: color 0.2s ease-out, background-color 0.2s ease-out; outline: 0; } .dark-content-box button:hover{ background-color: rgba(255, 255, 255, 1); color: black; transition: color 0.2s ease-out, background-color 0.2s ease-out; } .header{ display: flex; justify-content: space-between; height: 60px; } .a{	color: black; text-decoration: none; } .top{ display: flex; align-items: center; height: 500px; } .top p{ font-size: 25px; padding: 0; margin: 0; } .top h1{ padding: 0; margin: 0; margin-bottom: 20px; } .top button{ float: right; padding: 20px; opacity: 0.7; font-size: 30px; border: 0px solid red; background-color: #292929; color: white; font-family: 'Inter', sans-serif; border-radius: 20px; transition: border 0.4s cubic-bezier(0,0,.06,.97); } .top button:hover{ border-bottom: 6px solid red; transition: border 0.4s cubic-bezier(0,0,.06,.97); } .top-r{ width: 50%; } .hidden{ display: none; } .input-out{ padding: 0px; background-color: white; -webkit-box-shadow: 0px 5px 18px -9px rgba(0,0,0,0.75); -moz-box-shadow: 0px 5px 18px -9px rgba(0,0,0,0.75); box-shadow: 0px 5px 18px -9px rgba(0,0,0,0.75); border: solid 1px rgba(0,0,0,0.3); border-radius: 7px; width: 40vw; height: 40px; } .input-out input{ float: left; width: 90%; height: 38px; background-color: rgba(0,0,0,0); margin: 0; font-family: 'Inter', sans-serif; display: inline-block; border: 0; vertical-align: top; outline: none; padding-left: 15px; } .input-out img{ height: 60%; display: inline-block; opacity: 0.7; float: right; margin-top: 7px; margin-right: 10px; } .hamburger{ width: 30px; border-radius: 20px; height: 30px; padding: 5px; background-color: rgba(0,0,0,0.1); float: right; } .hamburger:hover{ background-color: rgba(0,0,0,0.3); transition: background-color 0.1s linear; } .hamburger img{ height: 30px; width: 30px; vertical-align: text-bottom; } .sidebar-s{ position: fixed; top: 0px; right: 0px; height: 100vh; width: 100vw; opacity: 1; background-color: rgba(255,255,255,0.5); backdrop-filter: blur(0px); } .sidebar-s iframe{ position:fixed; top: 0px; -webkit-box-shadow: -4px 0px 11px 0px rgba(0,0,0,0.75); -moz-box-shadow: -4px 0px 11px 0px rgba(0,0,0,0.75); box-shadow: -4px 0px 11px 0px rgba(0,0,0,0.75); opacity: 1; right: 0px; height: 100vh; width: 30vw; background-color: rgba(255,255,255,1); transition: right 0.4s cubic-bezier(0,0,.06,.97); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sidebar-h{ z-index: -99; position: fixed; background-color: rgba(255,255,255,0.0); } .sidebar-h iframe{ display: inline; position:fixed; top: 0px; right: -30vw; height: 100vh; width: 30vw; background-color: rgba(255,255,255,1); transition: right 0.4s cubic-bezier(0,0,.06,.97); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);

} button{ padding: 10px; border: solid 1px rgba(0,0,0,0.3); background-color: rgba(255,255,255,1); border-radius: 7px; outline: 0; color: black; font-family: 'Inter', sans-serif; } .tabindex{ position: fixed; left: -200px; width: 200px; border: solid 1px rgba(0,0,0,0.2); border-radius: 5px; padding: 10px; opacity: 0; outline: 0; transition: left 0.2s cubic-bezier(0,0,.06,.97); } .tabindex p{ margin: 0; padding: 0; } .tabindex:focus{ position: fixed; left: 10%; opacity: 1; transition: left 0.2s cubic-bezier(0,0,.06,.97); } marquee{ font-family: 'Inter', sans-serif; color: black; }

@media (prefers-color-scheme: dark) { marquee{ color: white; }	button{ border: solid 1px rgba(255,255,255,0.3); background-color: rgba(0,0,0,1); color: white; }	.sidebar-s{ background-color: rgba(0,0,0,0.5); } .sidebar-s iframe{ -webkit-box-shadow: -4px 0px 11px 0px rgba(255,255,255,0.75); -moz-box-shadow: -4px 0px 11px 0px rgba(255,255,255,0.75); box-shadow: -4px 0px 11px 0px rgba(255,255,255,0.75); } .sidebar-h{ background-color: rgba(0,0,0,0.0); }	.hamburger{ background-color: rgba(255,255,255,0.1); } .hamburger:hover{ background-color: rgba(255,255,255,0.4); transition: background-color 0.1s linear; } .hamburger img{ filter: invert; }	.input-out{ padding: 0px; background-color: black; -webkit-box-shadow: 0px 5px 18px -9px rgba(255,255,255,0.75); -moz-box-shadow: 0px 5px 18px -9px rgba(255,255,255,0.75); box-shadow: 0px 5px 18px -9px rgba(255,255,255,0.75); border: solid 1px rgba(255,255,255,0.3); border-radius: 7px; width: 40vw; height: 40px; } .input-out input{ color: white; } .input-out img{ filter: invert; opacity: 0.7; }	body{ background-color: black; }	h1, h2, h3, h4, h5, h6, p{	color: white; } .r-img{ opacity: 0.7; filter: invert; } .header{ color: white; } .a{	color: white; text-decoration: none; } .top{ color: white } .top button{ background-color: #ededed; color: black; } }