Yk.css

From All The Fallen Stories
Revision as of 14:11, 14 September 2023 by Alessa (talk | contribs) (Created page with "html{height:100%}*{margin:0;padding:0}body{background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-attachment:fixed;background-image:radial...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

html{height:100%}*{margin:0;padding:0}body{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%);font:normal .8em arial,sans-serif;color:#ddd;animation:fadeInAnimation ease 6s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes fadeInAnimation{0%{opacity:0}100%{opacity:1}}.bgtext:before{content:"Yuri\2606Kisses\2606Yuri\2606Kisses\2606Yuri\2606Kisses\2606Yuri\2606Kisses\2606Yuri\2606Kisses\2606Yuri\2606Kisses\2606Yuri\2606Kisses\2606Yuri\2606Kisses\2606Yuri\2606Kisses\2606Yuri\2606Kisses\2606";overflow:hidden;white-space:nowrap;position:fixed;font:normal 3em arial,sans-serif;color:#faf;text-shadow:3px 3px 3px rgba(0,0,0,0.7);writing-mode:vertical-rl;top:0;left:calc(100% - 50px)}p{padding:0 0 20px;line-height:1.4em;text-align:justify}h1{font:normal 140% arial,sans-serif;margin-bottom:10px;padding:15px 15px 15px 30px;text-shadow:2px 2px 2px #000;letter-spacing:2px;color:#faf}h2{font:normal 110% arial,sans-serif;text-shadow:2px 2px 2px #000;padding:0 0 5px 30px;color:#0eb9d8;letter-spacing:2px}h3{font:normal 140% arial,sans-serif;margin-bottom:10px;padding:15px 0 15px 30px;text-shadow:2px 2px 2px #000;letter-spacing:2px;color:#faf}h5{font-weight:700;font-size:100%;color:#FFAAFD;text-shadow:1px 1px 2px #000;letter-spacing:2px;margin-right:20em;padding:.3em;border:1px solid #13B8D7;background:#transparent}h6{font:normal 80% arial,sans-serif;text-shadow:2px 2px 2px #000;padding-left:30px;color:#ff0;letter-spacing:1px}h7{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}.custom{width:auto;display:inline-block;overflow:hidden;border-right:var(--border-width,0.3em) solid transparent;white-space:nowrap;margin:0 auto}.line-1{animation:type2 15s steps(110),blink-caret 3s}.line-2{animation:type2 50s steps(230),blink-caret 3s}.line-3{animation:type2 40s steps(200),blink-caret 3s}@keyframes type1{from{max-width:0}to{max-width:100%}}@keyframes type2{from{max-width:0}to{max-width:100%}}a{text-decoration:underline;color:#09d4ff}a:hover{text-decoration:underline;color:#09d4ff}a:focus{outline:none}a{position:relative;z-index:1}a span{display:inline-block}a object{position:relative;z-index:-1}blockquote{margin:0 1.5em;padding-bottom:3px}ul{margin:2px 0 22px 17px}ul li{list-style-type:circle;padding-right:5px;line-height:1.5em}ul.sf-menu{display:block;position:relative}ul.sf-menu li{display:block;list-style:none;float:left;position:relative}#nav{float:right;margin-top:6px;margin-right:20px}#nav li{padding-right:10px}.index{padding:10px 30px 10px 0;line-height:1em;border-top:1px solid;border-bottom:1px solid;border-color:transparent}.index:hover{background-color:#494b87;border-top:1px solid #b6b7d6;border-bottom:1px solid #b6b7d6}.text{background-color:#39393d;padding:20px 30px 50px}#main{margin:50px auto;width:980px}header{background:transparent;height:215px}#logo{width:330px;float:left;height:100px;color:#888;padding-bottom:40px;margin-bottom:20px}#logo_pic{width:160px;float:right;height:100px;color:#888;margin-bottom:20px}#logo h1{font:normal 350% arial,sans-serif;margin:0}#logo_text h1,#logo_text h1 a{color:#fff;padding:0;text-shadow:#000 2px 2px 2px;letter-spacing:2px;text-decoration:none}#logo_text h2{font-size:140%;padding:0;text-shadow:#000 2px 2px 2px;letter-spacing:8px;color:#ff2aff}.mofo a{color:#fff;text-shadow:#000 2px 2px 2px;letter-spacing:2px;text-decoration:none}.waviy{position:relative}.waviy span{position:relative;display:inline-block;color:#338cf9;animation:flip 4s infinite alternate;animation-delay:calc(0.4s * var(--i))}@keyframes flip{0%,100%{transform:rotateY(0deg);color:#338cf9}50%{transform:rotateY(180deg);color:#ff2aff}}.topmenu a{font-size:140%;color:#fff;text-decoration:none}.topmenu a:focus{font-size:140%;color:#0f0;text-shadow:none;text-decoration:none}nav{display:block;background-color:rgba(25,25,25,0.5);float:left;height:33px;width:978px;margin:0 auto;border:solid 1px #000}.files{width:200px;float:right;padding-right:20px;margin-top:-125px}.imgClass{background-color:transparent;display:inline-block;position:relative;text-decoration:none;margin:0 0 15px 200px;height:50px}z{filter:grayscale(1)}z:hover{filter:none}#topbar{background-color:#1e1e1e;border:solid #000 1px;margin-top:-15px;margin-bottom:20px;padding-bottom:25px;box-shadow:0 8px 8px #0f0f0f}#topbarx{background-color:#1e1e1e;border:solid #000 1px;margin-top:-15px;margin-bottom:20px;padding-bottom:55px;box-shadow:0 8px 8px #0f0f0f}#bottombar{background-color:#1e1e1e;padding-top:30px;padding-bottom:20px;border:solid #000 1px;box-shadow:0 -8px 8px #0f0f0f}.topmenu a{font-size:140%;color:#fff;text-decoration:none}.topmenu a:hover{font-size:140%;color:#0f0;text-shadow:none;text-decoration:none}.backmenu{padding-top:50px;text-align:center}.backmenu a{font:110% arial,sans-serif;text-shadow:1px 1px #000;text-decoration:none;color:#d1cfcf}.backmenu a:hover{color:#0f0;text-shadow:none}.storypix{float:left;margin-right:20px;margin-bottom:20px;border:1px solid #000}.cunny{margin-right:10px;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)}.loli1{margin-top:40px;margin-right:30px;height:10px;width:110px;text-align:center;background:#1e1e1e;border-radius:5px;float:right;font-size:80%;padding-top:10px;padding-bottom:15px;box-shadow:0 1px 1px 0 rgba(0,255,255,0.4),0 2px 4px 0 rgba(0,255,255,0.4),0 4px 8px 0 rgba(0,255,255,0.4),0 8px 16px 0 rgba(0,255,255,0.4),0 -1px 1px 0 rgba(0,255,255,0.4),-1px -2px 4px 0 rgba(0,255,255,0.4),-2px -4px 8px 0 rgba(0,255,255,0.4),-4px -8px 16px 0 rgba(0,255,255,0.4)}.loli2{margin-top:40px;margin-right:10px;height:10px;width:110px;text-align:center;background:#1e1e1e;border-radius:5px;float:right;font-size:80%;padding-top:10px;padding-bottom:15px;box-shadow:0 1px 1px 0 rgba(0,255,255,0.4),0 2px 4px 0 rgba(0,255,255,0.4),0 4px 8px 0 rgba(0,255,255,0.4),0 8px 16px 0 rgba(0,255,255,0.4),0 -1px 1px 0 rgba(0,255,255,0.4),-1px -2px 4px 0 rgba(0,255,255,0.4),-2px -4px 8px 0 rgba(0,255,255,0.4),-4px -8px 16px 0 rgba(0,255,255,0.4)}.loli3{margin-top:40px;margin-right:30px;height:10px;width:110px;text-align:center;background:#1e1e1e;border-radius:5px;float:right;font-size:80%;padding-top:10px;padding-bottom:15px;box-shadow:0 1px 1px 0 rgba(0,255,255,0.4),0 2px 4px 0 rgba(0,255,255,0.4),0 4px 8px 0 rgba(0,255,255,0.4),0 8px 16px 0 rgba(0,255,255,0.4),0 -1px 1px 0 rgba(0,255,255,0.4),-1px -2px 4px 0 rgba(0,255,255,0.4),-2px -4px 8px 0 rgba(0,255,255,0.4),-4px -8px 16px 0 rgba(0,255,255,0.4)}.loli4{margin-top:40px;margin-right:10px;height:10px;width:110px;text-align:center;background:#1e1e1e;border-radius:5px;float:right;font-size:80%;padding-top:10px;padding-bottom:15px;box-shadow:0 1px 1px 0 rgba(0,255,255,0.4),0 2px 4px 0 rgba(0,255,255,0.4),0 4px 8px 0 rgba(0,255,255,0.4),0 8px 16px 0 rgba(0,255,255,0.4),0 -1px 1px 0 rgba(0,255,255,0.4),-1px -2px 4px 0 rgba(0,255,255,0.4),-2px -4px 8px 0 rgba(0,255,255,0.4),-4px -8px 16px 0 rgba(0,255,255,0.4)}.loli1 a{text-decoration:none;color:#00ffff80}.loli1 a:hover{text-decoration:none;color:#e80000}.loli2 a{text-decoration:none;color:#61fcf7}.loli2 a:hover{text-decoration:none;color:#e80000}.loli3 a{text-decoration:none;color:#61fcf7}.loli3 a:hover{text-decoration:none;color:#e80000}.loli4 a{text-decoration:none;color:#00ffff80}.loli4 a:hover{text-decoration:none;color:#e80000}#menu_container{width:980px;margin:0 auto}.xhearts{color:red;text-align:center;letter-spacing:.65em;line-height:4em;height:4em}.hearts{position:relative;left:10px;top:-22px}#site_content{background-color:rgba(51,51,51,0.95);width:980px;overflow:hidden;margin:0 auto}.date{font-size:80%;color:#0f0;float:right;text-shadow:2px 2px 2px #000;text-decoration:none}a.titlelink{color:#0af;background:transparent;text-shadow:2px 2px 2px #000;text-decoration:none;letter-spacing:2px;padding-left:35px;padding-right:5px}a.titlelink:hover{color:#fff;text-decoration:none;text-shadow:2px 2px 2px #000;letter-spacing:2px;background:#f5f;margin-left:30px;padding:2px 4px 4px;border:1px #fff dotted}.dropdown{position:relative;display:inline}.dropdown-content{color:#fff;margin-top:13px;display:none;position:absolute;background-color:#8c768b;min-width:850px;box-shadow:0 8px 16px 0 rgba(0,0,0,0.5);padding:12px 16px;z-index:2}.dropdown:hover .dropdown-content{display:block}.storycodes{font-size:80%;color:#eddda3;line-height:1.5em}.count{font-size:70%;color:#f99702;line-height:1.5em}.content{text-align:justify;width:630px;margin-bottom:15px;float:left;font-size:120%;padding-top:14px}.content_home{text-align:justify;width:980px;font-size:120%;padding-top:15px}.content ul{margin:2px 0 22px}footer{display:block;background-color:rgba(25,25,25,0.5);width:980px;font:85% arial,sans-serif;height:50px;padding-bottom:20px;padding-top:10px;text-align:center;color:#fff;margin-top:25px}footer p{line-height:1.5em;padding-bottom:10px;text-align:center}footer a{color:#fff;text-decoration:none}footer a:hover{color:#fff;text-decoration:underline}.form_settings{margin-left:30px}.form_settings p{padding-bottom:4px}.form_settings span{float:left;width:200px;text-align:left;color:#0eb9d8}.form_settings input,.form_settings textarea,.form_settings select{padding:5px;width:299px;font:100% arial;border:1px solid #f99702;background:#cdcdcd;color:#000;border-radius:7px}.form_settings input:hover,.form_settings select:hover{background:#fff}.form_settings textarea,.form_settings select{font:100% arial;width:500px} /* */