Yk.css: Difference between revisions
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
.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}.storyblock{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}.storyblock a{color:#0f0}.storywall{display:flex;text-align:justify;position:relative;padding-bottom:3em;padding-top:3em;background-color:rgba(51,51,51,0.95);color:#ddd;width:80%;margin:0 auto;z-index:1}.text img{float:left;display:flex;width:95%;height:auto;border:1px solid #000;position:relative}.text{background-color:#39393d;padding:1.25em 3em 2em}.text p{padding-bottom:20px;line-height:1.4em}.text span{display:block;font:normal 140% arial,sans-serif;text-shadow:2px 2px 2px #000;text-align:center;letter-spacing:2px;margin-top:30px;color:#faf}.backmenu{padding-top:2em;text-align:center}.backmenu a{font:110% arial,sans-serif;text-shadow:2px 2px #000;text-decoration:none;color:#d1cfcf}.backmenu a:hover{color:#0f0;text-shadow:2px 2px #000;text-shadow:none}.bottombar{display:flex;text-align:justify;position:relative;padding-bottom:3em;padding-top:3em;background-color:#1e1e1e;color:#ddd;width:80%;margin:0 auto;z-index:1;box-shadow:0 -15px 15px -5px #0f0f0f}.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}.title{font:normal 180% arial,sans-serif;padding-bottom:.2em;padding-top:1.25em;text-shadow:2px 2px 2px #000;letter-spacing:5px;color:#faf}.email{font:normal 110% arial,sans-serif;padding-bottom:1.25em;text-shadow:2px 2px 2px #000;color:#ff0;letter-spacing:1px}.emailx{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:.5em;text-shadow:2px 2px 2px #000;color:#0f0;letter-spacing:1px}.alessa{font:normal 110% arial,sans-serif;padding-bottom:.5em;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}.cunny{display:flex;padding-left:1em;padding-bottom:.25em;padding-top:.25em;font-weight:700;font-size:140%;color:#FFAAFD;text-shadow:1px 1px 2px #000;letter-spacing:3px;width:50%;border:1px solid #13B8D7;background:transparent}.xhearts{color:red;text-align:center;text-shadow:2px 2px 2px #000;letter-spacing:.65em;line-height:4em;height:4em} | .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}.storyblock{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}.storyblock a{color:#0f0}.storywall{display:flex;text-align:justify;position:relative;padding-bottom:3em;padding-top:3em;background-color:rgba(51,51,51,0.95);color:#ddd;width:80%;margin:0 auto;z-index:1}.text img{float:left;display:flex;width:95%;height:auto;border:1px solid #000;position:relative}.text{background-color:#39393d;padding:1.25em 3em 2em}.text p{padding-bottom:20px;line-height:1.4em}.text span{display:block;font:normal 140% arial,sans-serif;text-shadow:2px 2px 2px #000;text-align:center;letter-spacing:2px;margin-top:30px;color:#faf}.backmenu{padding-top:2em;text-align:center}.backmenu a{font:110% arial,sans-serif;text-shadow:2px 2px #000;text-decoration:none;color:#d1cfcf}.backmenu a:hover{color:#0f0;text-shadow:2px 2px #000;text-shadow:none}.bottombar{display:flex;text-align:justify;position:relative;padding-bottom:3em;padding-top:3em;background-color:#1e1e1e;color:#ddd;width:80%;margin:0 auto;z-index:1;box-shadow:0 -15px 15px -5px #0f0f0f}.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}.title{font:normal 180% arial,sans-serif;padding-bottom:.2em;padding-top:1.25em;text-shadow:2px 2px 2px #000;letter-spacing:5px;color:#faf}.email{font:normal 110% arial,sans-serif;padding-bottom:1.25em;text-shadow:2px 2px 2px #000;color:#ff0;letter-spacing:1px}.emailx{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:.5em;text-shadow:2px 2px 2px #000;color:#0f0;letter-spacing:1px}.alessa{font:normal 110% arial,sans-serif;padding-bottom:.5em;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}.cunny{display:flex;padding-left:1em;padding-bottom:.25em;padding-top:.25em;margin-bottom:.8em;font-weight:700;font-size:140%;color:#FFAAFD;text-shadow:1px 1px 2px #000;letter-spacing:3px;width:50%;border:1px solid #13B8D7;background:transparent}.xhearts{color:red;text-align:center;text-shadow:2px 2px 2px #000;letter-spacing:.65em;line-height:4em;height:4em} |
Revision as of 04:59, 18 September 2023
.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}.storyblock{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}.storyblock a{color:#0f0}.storywall{display:flex;text-align:justify;position:relative;padding-bottom:3em;padding-top:3em;background-color:rgba(51,51,51,0.95);color:#ddd;width:80%;margin:0 auto;z-index:1}.text img{float:left;display:flex;width:95%;height:auto;border:1px solid #000;position:relative}.text{background-color:#39393d;padding:1.25em 3em 2em}.text p{padding-bottom:20px;line-height:1.4em}.text span{display:block;font:normal 140% arial,sans-serif;text-shadow:2px 2px 2px #000;text-align:center;letter-spacing:2px;margin-top:30px;color:#faf}.backmenu{padding-top:2em;text-align:center}.backmenu a{font:110% arial,sans-serif;text-shadow:2px 2px #000;text-decoration:none;color:#d1cfcf}.backmenu a:hover{color:#0f0;text-shadow:2px 2px #000;text-shadow:none}.bottombar{display:flex;text-align:justify;position:relative;padding-bottom:3em;padding-top:3em;background-color:#1e1e1e;color:#ddd;width:80%;margin:0 auto;z-index:1;box-shadow:0 -15px 15px -5px #0f0f0f}.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}.title{font:normal 180% arial,sans-serif;padding-bottom:.2em;padding-top:1.25em;text-shadow:2px 2px 2px #000;letter-spacing:5px;color:#faf}.email{font:normal 110% arial,sans-serif;padding-bottom:1.25em;text-shadow:2px 2px 2px #000;color:#ff0;letter-spacing:1px}.emailx{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:.5em;text-shadow:2px 2px 2px #000;color:#0f0;letter-spacing:1px}.alessa{font:normal 110% arial,sans-serif;padding-bottom:.5em;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}.cunny{display:flex;padding-left:1em;padding-bottom:.25em;padding-top:.25em;margin-bottom:.8em;font-weight:700;font-size:140%;color:#FFAAFD;text-shadow:1px 1px 2px #000;letter-spacing:3px;width:50%;border:1px solid #13B8D7;background:transparent}.xhearts{color:red;text-align:center;text-shadow:2px 2px 2px #000;letter-spacing:.65em;line-height:4em;height:4em}