diff --git a/main.css b/main.css deleted file mode 100644 index bf49f63..0000000 --- a/main.css +++ /dev/null @@ -1,433 +0,0 @@ -/* ========================================================================== - Cartyisme create dis. - This shit uses a grid generated by boobstrap v4.5.2 but not much else. - Everything else is listed below. - ========================================================================== */ - -/* ========================================================================== - Base styles: opinionated defaults - ========================================================================== */ - -html { - /*color: rgb(38,38,38);*/ - font-size: 1em; - line-height: 1.4; - overflow-x: hidden; - -} - -::-moz-selection { - background: #b3d4fc; - text-shadow: none; -} - -::selection { - background: #b3d4fc; - text-shadow: none; -} - -hr { - display: block; - height: 1px; - border: 0; - border-top: 1px solid #ccc; - margin: 1em 0; - padding: 0; -} - -fieldset { - border: 0; - margin: 0; - padding: 0; -} - -textarea { - resize: vertical; -} - -/* ========================================================================== - Just in-case - ========================================================================== */ - -* { - font-family: roboto; -} - -/* ========================================================================== - Body/Container *Add SVG floating background - ========================================================================== */ - -body { - background-color: #2d2d2d !important;/*#3d3d3d !important;*/ -} - -/* ========================================================================== - Headers - ========================================================================== */ -h1, h3 { - user-select: none; -} - -h1.title { - font-size: 3em; - display: inline-block; - background: -webkit-linear-gradient(180deg, #ffc608 0%, #ff2ad4 100%); - -webkit-background-clip: text; - background-clip: text; - -webkit-text-fill-color: transparent; - - text-transform: uppercase; - font-family: roboto, sans-serif; - font-weight: 900; - font-style: normal; - letter-spacing: -0.025em; - line-height: 1; -} - -h3 { - font-size: 1.5em !important; - display: inline-block; - background: -webkit-linear-gradient(180deg, #ffc608 0%, #ff2ad4 100%); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - font-family: roboto; - font-weight: 400 !important; - font-style: normal; - letter-spacing: -0.025em; - line-height: 1; -} - -h4.yellow { - font-size: 1.25em !important; - color: #ffcc00; - font-family: roboto, sans-serif !important; - font-weight: 300; - font-style: normal; - letter-spacing: -0.025em; -} - -h4 { - font-size: 1.25em !important; - line-height: 0.5em; - color: #fff; - font-family: roboto, sans-serif !important; - font-weight: 300; - font-style: normal; - letter-spacing: -0.025em; -} - -/* ========================================================================== - Paragraph - ========================================================================== */ - -p.addy { - color: #fff; - font-family: roboto, sans-serif; - font-weight: 400; - font-style: normal; - letter-spacing: -0.025em; - font-size: 1.25em; - user-select: all; -} - -p.blurb { - color: #fff; - font-family: roboto, sans-serif; - font-weight: 400; - font-style: normal; - letter-spacing: -0.025em; - font-size: 1.25em; -} - -p.blurb-x2 { - font-size: 16px !important; - color: #fff; - font-family: roboto, sans-serif; - font-weight: 400; - font-style: normal; - letter-spacing: -0.025em; -} - -/* ========================================================================== - Anchor Links - ========================================================================== */ - -a.list-item { - color: #fff; -} - -a.li.navbar-brand { - padding: 8px 8px 8px 8px; - max-width: 300px; -} - -a.foot-link { - color: #fff !important; - font-weight: 300; - font-size: 0.95em; - color: #ffcc00 !important; -} - -/* ========================================================================== - Nav - ========================================================================== */ - -nav.navbar { - background: rgb(255, 42, 212); - background: linear-gradient(90deg, rgba(255, 42, 212, 1) 0%, rgba(255, 204, 0, 1) 100%); - border: none; - box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.75); - width: 100%; -} - -/* ========================================================================== - Buttons - ========================================================================== */ - -.myButton-x2-mobile { - background-color: #048ba8; - border-radius: 28px; - display: inline-block; - cursor: pointer; - color: #fff; - font-family: roboto, sans-serif; - font-weight: 900; - font-size: 18px; - padding: 8px 32px; - text-align: center; - text-decoration: none; - margin: 8px; - font-weight: bold; - font-family: roboto; - width: 95%; - vertical-align: center; -} - -.myButton-mobile-nav { - background-color: #fff; - border-radius: 28px; - display: inline-block; - cursor: pointer; - color: #ff24ad; - font-family: roboto, sans-serif; - font-weight: 900; - font-size: 18px; - padding: 8px 32px; - text-align: center; - text-decoration: none; - margin: 8px; - font-weight: bold; - font-family: roboto; - width: 95%; - vertical-align: center; -} - -.myButton-mobile-nav:focus { - background-color: #ffcc00; - border-radius: 28px; - display: inline-block; - cursor: pointer; - color: #ff24ad; - font-family: roboto, sans-serif; - font-weight: 900; - font-size: 18px; - padding: 8px 32px; - text-align: center; - text-decoration: none; - margin: 8px; - font-weight: bold; - font-family: roboto; - width: 95%; - vertical-align: center; -} - -.myButton { - background-color: #fff; - border-radius: 28px; - display: inline-block; - cursor: pointer; - color: #ff2ad4; - font-family: roboto, sans-serif; - font-weight: 900; - font-size: 18px; - padding: 8px 32px; - text-decoration: none; - margin: 8px; - font-weight: bold; - font-family: roboto; -} - -.myButton:hover { - background-color: #fff; - color: #ff2ad4; - text-decoration: none; -} - -.myButton-x2 { - background-color: #048ba8; - border-radius: 28px; - display: inline-block; - cursor: pointer; - color: #fff; - font-family: roboto, sans-serif; - font-weight: 900; - font-size: 18px; - padding: 8px 32px; - text-decoration: none; - margin: 8px; - font-weight: bold; - font-family: roboto; -} - -.myButton-x2:hover { - background-color: #ffcc00; - color: #fff; - text-decoration: none; -} - -.myButton-x2-first { - background-color: #048ba8; - border-radius: 28px; - display: inline-block; - cursor: pointer; - color: #fff; - font-family: roboto, sans-serif; - font-weight: 900; - font-size: 18px; - padding: 8px 32px; - text-decoration: none; - font-weight: bold; - font-family: roboto; -} - -.myButton-x2-first:hover { - background-color: #ffcc00; - color: #fff; - text-decoration: none; -} - -/* ========================================================================== - Body List - ========================================================================== */ - -ul { - font-size: 18px; - font-family: roboto; - color: #fff; - font-family: roboto, sans-serif; - font-weight: 400; - font-style: normal; - font-size: 1.25em; -} - -ul.todo { - list-style: none; - margin-left: 0; - padding-left: 0; -} - -ul.todo > li { - padding-left: 1em; - text-indent: -1em; -} - -ul.todo > li:before { - content: "+"; - padding-right: 5px; -} - -/* ========================================================================== - Footer Stuff - ========================================================================== */ - -footer { - background: #1a1a1a; - width: 100%; - overflow: hidden; -} - -footer ul.list-unstyled { - font-size: 1.25em; - color: #fff !importa; - font-family: roboto, sans-serif; - font-weight: 400; - font-style: normal; - letter-spacing: -0.025em; - list-style-type: none; - text-align: left; -} - -/* ========================================================================== - 3D Wownero Splash Animation - ========================================================================== */ - -.avatar { - max-width: 280px; - margin-top: 96px !important; - overflow: hidden; - transform: translatey(0px); - animation: float 4s ease-in-out infinite; -} - -.avatar.img { - width: 100%; - height: auto; -} - -@keyframes float { - 0% { - transform: translatey(0px); - } - 50% { - transform: translatey(-20px); - } - 100% { - transform: translatey(0px); - } -} - -/* ========================================================================== - Print styles. - ========================================================================== */ - -@media print { - *, - *:before, - *:after, - *:first-letter, - *:first-line { - background: transparent !important; - color: #000 !important; /* Black prints faster: - http://www.sanbeiji.com/archives/953 */ - box-shadow: none !important; - text-shadow: none !important; - } - - a, - a:visited { - text-decoration: underline; - } - - a[href]:after { - content: " (" attr(href) ")"; - } - - abbr[title]:after { - content: " (" attr(title) ")"; - } - - /* - * Don't show links that are fragment identifiers, - * or use the `javascript:` pseudo protocol - */ - - a[href^="#"]:after, - a[href^="javascript:"]:after { - content: ""; - } - - pre, - blockquote { - border: 1px solid #999; - page-break-inside: avoid; - }