Yk.css

From All The Fallen Stories
Revision as of 11:57, 17 September 2023 by Alessa (talk | contribs)
Jump to navigation Jump to search

.background{background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-attachment:fixed;background-image:radial-gradient(circle farthest-corner at 11.7% 170.6%,#f9b9ff 30%,#b1acff 60%,#628fff 80%)}.block{position:relative;border-top-left-radius:30px;border-top-right-radius:30px;background-color:#262626;text-align:center;width:80%;overflow:hidden;box-shadow:0 15px 15px -5px #0f0f0f;z-index:2;margin:5em auto 0}.banner{text-align:center}.banner img{position:relative;box-shadow:0 15px 15px -5px #0f0f0f;border:1px solid #000;max-width:100%;height:auto}.name{font:normal 180% arial,sans-serif;padding-bottom:.2em;padding-top:1.25em;text-shadow:2px 2px 2px #000;letter-spacing:2px;color:#faf}.email{font:normal 110% arial,sans-serif;padding-bottom:1.25em;text-shadow:2px 2px 2px #000;color:#ff0;letter-spacing:1px}.date{font:normal 110% arial,sans-serif;padding-bottom:1.25em;text-shadow:2px 2px 2px #000;color:#0f0;letter-spacing:1px}.content{position:relative;background-color:rgba(51,51,51,0.95);width:80%;overflow:hidden;margin:auto;z-index:1}.intro{font:normal 100% arial,sans-serif;text-align:justify;border-radius:45px;background-color:#565656;color:#ddd;padding:20px;margin:4em 5em;display:inline-block;box-shadow:0 1px 1px 0 rgba(0,255,255,0.5),0 2px 4px 0 rgba(0,255,255,0.5),0 4px 8px 0 rgba(0,255,255,0.5),0 8px 16px 0 rgba(0,255,255,0.5),0 -1px 1px 0 rgba(0,255,255,0.5),-1px -2px 4px 0 rgba(0,255,255,0.5),-2px -4px 8px 0 rgba(0,255,255,0.5),-4px -8px 16px 0 rgba(0,255,255,0.5)}.topbar{position:relative;border-top-left-radius:30px;border-top-right-radius:30px;background-color:#262626;text-align:center;width:80%;overflow:hidden;box-shadow:0 15px 15px -5px #0f0f0f;z-index:2;margin:2em auto 0}.whatsnew{display:flex;text-align:center;position:relative;padding-bottom:3em;padding-top:2em;background-color:rgba(51,51,51,0.95);width:80%;margin:0 auto;z-index:1}.storyindex0{display:flex;text-align:center;position:relative;padding-top:2em;padding-bottom:2em;background-color:rgba(51,51,51,0.95);width:80%;margin:0 auto;z-index:1}.storyindex{display:flex;text-align:center;position:relative;padding-bottom:2em;background-color:rgba(51,51,51,0.95);width:80%;margin:0 auto;z-index:1}.left,.right,.topright,.bottomright{border:1px solid #858585;flex:1;margin:-1px}.right{flex-grow:2;margin-top:1.5em;margin-right:2em;display:flex;flex-direction:column;justify-content:space-between}.left{display:flex;border-right:none;margin-top:1.5em;margin-left:2em;max-width:100%;height:auto}.left img{border:1px solid #000}.topright{display:flex;align-items:center;justify-content:center}.topright a{display:flex;border-bottom:none;letter-spacing:2px;align-items:center;justify-content:center;font:normal 110% arial,sans-serif;text-shadow:2px 2px 2px #000;color:#ff0}.bottomright{display:flex;border-top:none;font:normal 100% arial,sans-serif;text-align:justify;color:#ddd;padding:10px;align-items:center;justify-content:center}.ribbon{position:absolute;right:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}.ribbon span{font-size:15px;font-weight:700;color:#FFF;text-transform:uppercase;text-align:center;line-height:20px;transform:rotate(45deg);-webkit-transform:rotate(45deg);width:100px;display:block;background:#79A70A;background:linear-gradient(#9BC90D 0%,#79A70A 100%);box-shadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:19px;right:-21px}.ribbon span::before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:3px solid #79A70A;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #79A70A}.ribbon span::after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid #79A70A;border-bottom:3px solid transparent;border-top:3px solid #79A70A}h3{color:#ddd}