diff --git a/style12.css b/style12.css deleted file mode 100644 index 3dd29d8..0000000 --- a/style12.css +++ /dev/null @@ -1,346 +0,0 @@ -/* - Generic page setup styling -*/ - -* { - box-sizing: border-box; -} - -@font-face { font-family: JetBrains; src: url('/fonts/JetBrainsMono-Regular.otf'); } - -@keyframes background-overlay-animation { - 0% { - background-image: - linear-gradient(0deg, rgba(0,0,0,0.05) 20%, rgba(255,255,255,0.05) 100%), - url("/image/kali_3.jpg"); - } - 5% { - background-image: - linear-gradient(to top, rgba(10,10,10,0.05) 30%, rgba(235,235,235,0.1) 90%), - url("/image/kali_3.jpg"); - } - 20% { - background-image: - linear-gradient(0deg, rgba(20,20,20,0.05) 40%, rgba(200,200,200,0.1) 80%), - url("/image/kali_3.jpg"); - } - 39% { - background-image: - linear-gradient(0deg, rgba(20,20,20,0.05) 50%, rgba(210,190,170,0.1) 90%), - url("/image/kali_3.jpg"); - } - 40% { - background-image: - linear-gradient(0deg, rgba(20,20,20,0.05) 40%, rgba(200,200,200,0.1) 80%), - url("/image/kali_3.jpg"); - } - 60% { - background-image: - linear-gradient(0deg, rgba(20,20,20,0.05) 40%, rgba(180,180,180,0.07) 80%), - url("/image/kali_3.jpg"); - } - 70% { - background-image: - linear-gradient(0deg, rgba(10,10,10,0.05) 30%, rgba(195,195,195,0.08) 90%), - url("/image/kali_3.jpg"); - } - 80% { - background-image: - linear-gradient(0deg, rgba(5,5,5,0.05) 20%, rgba(235,235,235,0.15) 95%), - url("/image/kali_3.jpg"); - } - 100% { - background-image: - linear-gradient(0deg, rgba(0,0,0,0.05) 10%, rgba(255,255,255,0.25) 100%), - url("/image/kali_3.jpg"); - } -} - -@-webkit-keyframes background-overlay-animation { - 0% { - background-image: - linear-gradient(0deg, rgba(255,255,255,0) 50%, rgba(255,255,255,0.3) 100%), - url("/image/kali_3.jpg"); - } - 25% { - background-image: - linear-gradient(0deg, rgba(255,255,255,0) 50%, rgba(255,255,255,0.3) 100%), - url("/image/kali_3.jpg"); - } - 50% { - background-image: - linear-gradient(0deg, rgba(255,255,255,0) 50%, rgba(255,255,255,0.3) 100%), - url("/image/kali_3.jpg"), url("/image/kali_3.jpg"); - } - 100% { - background-image: - linear-gradient(0deg, rgba(255,255,255,0) 50%, rgba(255,255,255,0.3) 100%), - url("/image/kali_3.jpg"); - } -} - -input[type="text"], textarea { - - background-color : black; - color: #33cccc; -border: none; -} - -input[type="text"]:hover, textarea:hover { - background-color: #293d3d; - } -input[type=submit] { - padding:5px 15px; - background-color:black; - color:#11bbcc; - border:0 none; - cursor:pointer; - -webkit-border-radius: 5px; - border-radius: 5px; -} - -quote { - background-color: #222233; - color: #11bbcc; - -} - -body { - margin: 0 auto; - background-color: #0C0001; - background-image: url("/image/kali_3.jpg"); - background-size: cover; - background-repeat: no-repeat; - background-attachment: fixed; - background-position: center; - animation-name: background-overlay-animation; - animation-duration: 30s; - animation-iteration-count: 100; - animation-direction: alternate; - animation-timing-function: ease-in-out; - - font-family: JetBrains; - color: #33cccc; - font-size: 20px; -} -.header { - position: sticky; - top: 0; - padding: 0px 0px; - background: #000; - color: #f1f1f1; -} - - -div.form -{ - display: block; - text-align: center; -} -form -{ - display: inline-block; - margin-left: auto; - margin-right: auto; - text-align: left; -} -h1 { - font-family: JetBrains; - font-size: 25px; - text-align: center; - background-color: #0C0001; - color: #22cccc; - margin: 0; -} - -h2 { - text-align: center; - margin: 0; -} - -h3 { - text-align: right; - margin: 0 2% 0 0; -} - -#page { - width: 75%; - margin: auto; -} - -#container { - padding: 1em 2em; - background: #403e3d; -} -spoiler { - background-color: #22cccc; - color: #22cccc; - -} -spoiler:hover { - color: #22cccc; - background-color:black; - -} - -.post:hover { - background-color:black; -} -.postreply:hover { - background-color:black; -} -.postreply2:hover { - background-color:black; -} - -a.x:link { - color: #33cccc; - font-family: JetBrains; - font-size: medium; - text-decoration: none; -} -a:link { - font-family: JetBrains; - color: #F5FFFF; - background-color: black; - font-size: medium; -} -a:hover { - color: #95c5d9; -} -a:active { - color: purple; - text-decoration: underline; -} -.subcontainer{ - display: grid; - grid-gap: 5px; - grid-template-columns: repeat(autofit, minmax(100px, 1fr)); - grid-template-rows: repeat(2, 100px); -} - -.subs table, th, td{ - background: #999; - border: 5px #000 solid; - padding: 4px; - text-align: center; - font-weight: bold; -} - -.postcontainer{ - display: grid; - grid-gap: 25px; - grid-template-columns: repeat(1, 100%); -} - -.post{ - display: table; - padding: 25px; - margin-left: 250px; - margin-right: 150px; - margin-top: 10px; - margin-bottom: 10px; - background: rgba(12,0,17,0.8); - font-size: normal; - font-family: JetBrains; - border: 2px #33CCCC solid; - border-radius: 15px; -} -.postreply{ - display: table; - padding: 15px; - margin-left: 35px; - margin-right: 150px; - margin-top: 5px; - margin-bottom: 5px; - background: rgba(12,0,12,0.8); - font-family: JetBrains; - border: 1px #33C0CC solid; - border-radius: 10px; -} -.postreply2{ - display: table; - padding: 15px; - margin-left: 350px; - margin-right: 150px; - margin-top: 5px; - margin-bottom: 5px; - background: rgba(12,0,12,0.8); - font-family: JetBrains; - border: 1px #33C0CC solid; - border-radius: 10px; -} -.newpost table, th, td{ - background: #00080C; - border: 3px #000 solid; - padding: 4px; - text-align: center; - font-weight: bold; -} - -#footer{ - background: #00080C; - - display:flex; - flex-flow:row wrap; - font-size: medium; -} - -.alignleft { - background: #00080C; - position: fixed; - left: 0; - bottom: 0; - width: 100%; - width: 33.33333%; - text-align: left; -} -.aligncenter { - background: #00080C; - position: fixed; - left: 33%; - bottom: 0; - width: 100%; - width: 33.33333%; - text-align: center; -} -.alignright { - background: #00080C; -position: fixed; - left: 66%; - bottom: 0; - width: 100%; - width: 33.33333%; - text-align: right; -} -details { - color: #95c5d9; - font-size: medium; - margin-left: 350px; - padding: 0.5em 0.5em 0; - cursor: pointer; - transition: margin 350ms ease-out; -} - -summary { - font-weight: bold; - margin: -0.5em -0.5em 0; - padding: 0.5em; - cursor: pointer; - transition: margin 250ms ease-out; -} - -details[open] { - padding: 0.5em; - color: #95c5d9; - font-size: medium; - margin-bottom: 0.5em; - animation: open .1s ease; -} - -@keyframes open { - 0% {opacity: 0; margin-left: 150px} - 100% {opacity: 1; margin-left: 0px} -} - -