Yk.css: Difference between revisions

From All The Fallen Stories
Jump to navigation Jump to search
Alessa (talk | contribs)
No edit summary
Alessa (talk | contribs)
No edit summary
 
(42 intermediate revisions by the same user not shown)
Line 1: Line 1:
body, .mw-body,  
@media screen and (max-width: 1600px){html{font-size:.875em}.text,.bottomright{font-size:.9em}}@media screen and (max-width: 1200px){html{font-size:.8125em}.text,.bottomright{font-size:.9em}}@media screen and (max-width: 768px){html{font-size:.75em}.text,.bottomright{font-size:.9em}}body,.mw-body,.mw-body-content,.vector-menu-content,.vector-menu,#left-navigation,#right-navigation,.mediawiki,#mw-head-base,.client-nojs,.selected,#ca-view,#ca-edit,#ca-history,.mw-watchlink,.icon,.vector-menu-heading,.vector-menu-checkbox,.vector-menu,#ca-delete,#ca-move,.vector-menu-dropdown,.mw-panel,#p-logo,#ca-watch,#ca-unwatch,#ca-nstab-user,#ca-talk,#ca-viewsource,#ca-nstab-main{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-family:'Helvetica',sans-serif;font-size:1em;font-weight:400;color:#ddd}.mw-body-content{margin-left:-10em}.mw-body-content a.external,.mw-body-content a.external:visited,.mw-body-content a.external:hover,.mw-body-content a.external:focus{font:normal 110% arial,sans-serif;text-shadow:2px 2px 2px #000;letter-spacing:1px;text-decoration:none;padding:0;margin:0;background:transparent}.mw-body-content a.external,.mw-body-content a.external:visited{color:#fff}.mw-body-content blockquote{border-left:none}#mw-panel,#mw-page-base,#mw-head,#siteNotice,.mw-dismissable-notice-body,#localNotice,.firstHeading,#firstHeading,#p-logo,.mw-wiki-logo{display:none}.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%)}.banner{text-align:center}.banner img{position:relative;box-shadow:0 15px 15px -5px #0f0f0f;border:1px solid #000;max-width:100%;height:auto;z-index:3}.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% - 60px);z-index:2}@media only screen and (max-width: 1024px){.bgtext::before{display:none}}.block{position:relative;border-top-left-radius:30px;border-top-right-radius:30px;background-color:#262626;text-align:center;width:80%;overflow:hidden;margin:5em auto 0;box-shadow:0 15px 15px -5px #0f0f0f;z-index:2}.content{position:relative;background-color:rgba(51,51,51,0.95);width:80%;overflow:hidden;margin:auto;z-index:1}.content a{display:inline-block;text-align:center;border:1px solid #000;margin-bottom:2em}.menu{position:absolute;top:1.5em;right:2em;display:flex;justify-content:space-between;padding:2px 7px;border:2px solid rgba(0,255,255,0.4);border-radius:5px}.menu a{color:#fff;text-decoration:none;font-size:75%}.storyblock{position:relative;border-top-left-radius:30px;border-top-right-radius:30px;background-color:#262626;text-align:left;width:80%;overflow:hidden;margin:5em auto 0;box-shadow:0 15px 15px -5px #0f0f0f;z-index:2}.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;height:auto;margin-right:3em;margin-bottom:2em;border:1px solid #000;position:relative;width:45%;box-shadow:10px 10px 15px #0f0f0f}.text{background-color:#39393d;padding:0 3em 2em}.text p{padding-bottom:15px;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:#0eb9d8}.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}.name{font-family:Helvetica,sans-serif;font-size:1.5rem;padding-top:1em;text-shadow:4px 4px 4px #000;letter-spacing:2px;color:#ff82ff}.title{font-family:Helvetica,sans-serif;font-size:1.8rem;padding:1.25em 0 0 2em;text-shadow:4px 4px 4px #000;letter-spacing:3px;color:#ff82ff}.email{font-family:Helvetica,sans-serif;font-size:.875rem;padding-bottom:1.25em;text-shadow:2px 2px 2px #000;color:#ff0;letter-spacing:1px}.emailx{font-family:Helvetica,sans-serif;font-size:.875rem;padding:0 0 2em 4.1em;text-shadow:2px 2px 2.5px #000;color:#ff0;letter-spacing:1px}.date{font-family:Helvetica,sans-serif;font-size:.875rem;padding-bottom:1.25em;text-shadow:2px 2px 2px #000;color:#0f0;letter-spacing:1px}.alessa{font-family:Helvetica,sans-serif;font-size:1rem;padding:0 0 0 3.8em;text-shadow:2px 2px 2px #000;color:#0f0;letter-spacing:1px}.intro{font-family:Helvetica,sans-serif;text-align:justify;border-radius:45px;background-color:#565656;color:#ddd;padding:20px;margin:4em 5em 2em;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;margin:2em auto 0;box-shadow:0 15px 15px -5px #0f0f0f;z-index:2}.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;background-color:#2e2d2d}.left{display:flex;justify-content:center;align-items:center;border-right:none;margin-top:1.5em;margin-left:2em;max-width:100%;height:auto;background:#a4a3a3;background:radial-gradient(circle,rgba(164,163,163,1) 0%,rgba(45,46,46,1) 100%)}.left img{max-width:200px;height:auto;border:1px solid #000}.topright{position:relative;display:flex;flex-shrink:0;min-height:100px;align-items:center;justify-content:center}.topright:hover{background-color:#494b87}.topright a:hover{background:#f5f;padding:2px 8px;border-radius:7px;border:2px solid #fff}.topright a,.topright a:hover,.topright a:focus{position:relative;display:flex;letter-spacing:2px;align-items:center;justify-content:center;text-decoration:none;font-family:Arial,sans-serif;font-size:100%;text-shadow:2px 2px 2px #000;color:#ff0}.bottomright{display:flex;border-top:none;text-align:justify;color:#ddd;padding:10px;align-items:center;justify-content:center}.wordcount{position:absolute;bottom:.7em;right:.8em;color:#eddda3;text-shadow:2px 2px 2px #000}.wordcount span{color:#f99702;text-shadow:2px 2px 2px #000}.bookfiles{position:absolute;top:1em;right:.6em;display:flex;justify-content:space-between;align-items:center}.books{display:grid;align-items:center;justify-content:center;margin-right:.5em;height:16px;width:45px;font-size:65%;border-radius:4px;background:#262626;color:#61fcf7;border:2px solid rgba(0,255,255,0.4)}.books:hover{background-color:#10bd04}.stats1{position:absolute;bottom:4em;right:3em;width:11em;height:1.6em;background:rgba(0,255,255,0.1);border-radius:10px;display:flex;flex-direction:column;justify-content:center;border:2px solid rgba(0,255,255,0.4)}.stats2{position:absolute;bottom:1.5em;right:3em;width:11em;height:1.6em;background:rgba(0,255,255,0.1);border-radius:10px;display:flex;flex-direction:column;justify-content:center;border:2px solid rgba(0,255,255,0.4)}.wordcount_story,.date_stack_story{position:relative;padding-left:1em;padding-top:4px;color:rgba(0,255,255,1);font-size:90%;text-shadow:2px 2px 2px #000;text-align:left}.wordcount_story span,.date_stack_story span{padding-right:1em;color:#fff;font-size:90%;text-shadow:2px 2px 2px #000;position:absolute;right:0}.wordcount_story span{letter-spacing:5px}.ribbon{position:absolute;right:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}.ribbon span{font-size:17px;font-weight:700;color:#FFF;text-transform:uppercase;text-align:center;line-height:20px;transform:rotate(45deg);width:110px;padding-top:4px;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-top:.3em;margin-top:2em;margin-bottom:1.5em;font-weight:700;font-size:140%;color:#0ff;text-shadow:1px 1px 2px #000;letter-spacing:3px;width:70%;border:1px solid #13B8D7;background:rgba(75,89,110,0.8)}.xhearts{color:red;font-size:150%;text-align:center;text-shadow:2px 2px 2px #000;letter-spacing:.65em;padding-top:2em;height:3em}.files{float:right;top:0;padding:0 .5em;margin-right:2em;white-space:nowrap;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.epub,.azw,.pdf{display:inline-flex;justify-content:center;align-items:center;text-align:center;height:100%;top:0;background-color:#fc8200;color:#fff;padding:.3em 2em .4em;font:normal 110% arial,sans-serif;text-shadow:2px 2px 2px #000;letter-spacing:1px;white-space:nowrap;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:4px 8px 8px -3px #000}.epub:hover,.azw:hover,.pdf:hover{background-color:#0f0}.epub{margin-right:.5em}.azw{margin-right:.5em}.pdf{margin-right:.5em}.mw-body-content a.external{color:#fff;font:normal 110% arial,sans-serif;text-shadow:2px 2px 2px #000;letter-spacing:1px;text-decoration:none;padding:0;margin:0;background:transparent}.dropdown{position:absolute;display:flex;margin-top:-2.2em;justify-content:center;text-align:center;left:50%;transform:translateX(-50%);z-index:3;color:#ffdede;background-color:#625cfa;padding:.2em .5em;text-shadow:2px 2px 2px #000;letter-spacing:2px;font-size:95%;border-top-left-radius:7px;border-top-right-radius:7px;border-top:2px solid #a19eff;border-left:2px solid #a19eff;border-right:2px solid #a19eff}.dropdown-content{color:#fff;font:normal 100% arial,sans-serif;display:none;background-color:#625cfa;border:2px solid #a19eff;border-radius:10px;box-shadow:0 8px 16px 0 #000;padding:16px;text-shadow:none;letter-spacing:1px;font-size:100%;text-align:justify}.dropdown:hover .dropdown-content{margin-top:2em;display:flex;position:absolute;width:850px}@media screen and (max-width: 1500px){.dropdown:hover .dropdown-content{max-width:600px}}@media screen and (max-width: 1000px){.dropdown:hover .dropdown-content{max-width:400px}}.element{animation:pulse 3s infinite;font-size:140%;margin-right:1em;margin-bottom:-.5em}@keyframes pulse{0%{color:red}50%{opacity:0}100%{color:red}}
.mw-body-content,
.vector-menu-content,  
/* <noinclude>[[Category:StyleSheets]]</noinclude> */
.vector-menu,
#left-navigation,
#right-navigation,
.mediawiki,  
#mw-head-base,  
.client-nojs,  
.selected,  
#ca-view,  
#ca-edit,  
#ca-history,  
.mw-watchlink,  
.icon,  
.vector-menu-heading,  
.vector-menu-checkbox,  
.vector-menu,  
#ca-delete,  
#ca-move,  
.vector-menu-dropdown,  
.mw-panel,  
#p-logo,  
#ca-watch,  
#ca-unwatch,  
#ca-nstab-user,  
#ca-talk{
  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%
  );
}
.mw-body-content a.external,
.mw-body-content a.external:visited,
.mw-body-content a.external:hover,
.mw-body-content a.external:focus {
  font: normal 110% arial, sans-serif;
  text-shadow: 2px 2px 2px #000;
  letter-spacing: 1px;
  text-decoration: none;
  padding: 0;
  margin: 0;
  background: transparent;
}
 
.mw-body-content a.external,
.mw-body-content a.external:visited {
  color: #fff;
}
.mw-body-content a.external:hover,
.mw-body-content a.external:focus {
  color: blue;
}
.mw-body-content blockquote {
  border-left:none;
}
.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;
  margin-top: 5em;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 15px 15px -5px #0f0f0f;
  z-index: 2;
}
.content a{
  display: inline-block;
  text-align: center;
  border: 1px solid black;
  margin-bottom:2em;
}
.storyblock {
  position: relative;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  background-color: #262626;
  text-align: center;
  width: 80%;
  overflow: hidden;
  margin-top: 5em;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 15px 15px -5px #0f0f0f;
  z-index: 2;
}
.storyblock a {
  color: #00ff00;
}
.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 black;
  position: relative;
}
.text {
  background-color: #39393d;
  padding: 1.25em 3em 2em 3em;
}
.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: #ffaaff;
}
.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: #00ff00;
  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 black;
  max-width: 100%;
  height: auto;
}
.name {
  font: normal 180% arial, sans-serif;
  padding-bottom: 0.2em;
  padding-top: 1.25em;
  text-shadow: 2px 2px 2px #000;
  letter-spacing: 2px;
  color: #ffaaff;
}
.title {
  font: normal 180% arial, sans-serif;
  padding-bottom: 0.2em;
  padding-top: 1.25em;
  text-shadow: 2px 2px 2px #000;
  letter-spacing: 5px;
  color: #ffaaff;
}
.email {
  font: normal 100% arial, sans-serif;
  padding-bottom: 1.25em;
  text-shadow: 2px 2px 2px #000;
  color: yellow;
  letter-spacing: 1px;
}
.emailx {
  font: normal 100% arial, sans-serif;
  padding-bottom: 1.25em;
  text-shadow: 2px 2px 2px #000;
  color: yellow;
  letter-spacing: 1px;
}
.date {
  font: normal 110% arial, sans-serif;
  padding-bottom: 0.5em;
  text-shadow: 2px 2px 2px #000;
  color: #00ff00;
  letter-spacing: 1px;
}
.alessa {
  font: normal 110% arial, sans-serif;
  padding-bottom: 0.5em;
  text-shadow: 2px 2px 2px #000;
  color: #00ff00;
  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 2em 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;
  margin-top: 2em;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 15px 15px -5px #0f0f0f;
  z-index: 2;
}
.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 black;
}
.topright {
  display:flex;
  align-items:center;
  justify-content:center;
}
.topright a,
.topright a:hover,
.topright a:focus {
  position: relative;
  display:flex;
  border-bottom: none;
  letter-spacing: 2px;
  align-items:center;
  justify-content:center;
  text-decoration: none;
  font: normal 110% arial, sans-serif;
  text-shadow: 2px 2px 2px #000;
  color: yellow;
}
.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;
}
.wordcount {
  position: absolute;
  top: 4.25em;
  right: 3em;
  color:#eddda3;
  text-shadow: 2px 2px 2px #000;
}
.wordcountx {
  position: absolute;
  top: 2.25em;
  right: 3em;
  color:#eddda3;
  text-shadow: 2px 2px 2px #000;
}
.wordcount span {
  color: #f99702;
  text-shadow: 2px 2px 2px #000;
}
.wordcountx span {
  color: #f99702;
  text-shadow: 2px 2px 2px #000;
}
.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: bold;
  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: 0px; 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: 0px; 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:0.25em;
  padding-top:0.25em;
  margin-top:2em;
  margin-bottom:1.5em;
  font-weight:bold;  
  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: 0.65em;
  padding-top: 3em;
  height:4em;
}
.files {
  float: right;
  top: 0;
  padding: 0 0.5em;
  margin-right:3em;
  white-space: nowrap;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.epub,
.azw,
.pdf
{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;  
  top: 0;
  background-color: #fc8200;
  color:#fff;
  padding-top:0.3em;
  padding-left: 2em;
  padding-right:2em;
  padding-bottom:0.4em;
  font: normal 110% arial, sans-serif;
  text-shadow: 2px 2px 2px #000;
  letter-spacing: 1px;
  white-space: nowrap;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 4px 8px 8px -3px #000;
}
.epub {
  margin-right: 0.5em;
}
.azw {
  margin-right:0.5em;
}
.pdf {
  margin-right: 0.5em;
}
.mw-body-content a.external {
  color:#fff;
  font: normal 110% arial, sans-serif;
  text-shadow: 2px 2px 2px #000;
  letter-spacing: 1px;
  text-decoration: none;
  padding:0;
  margin:0;
  background:transparent;
}

Latest revision as of 12:44, 5 March 2024

@media screen and (max-width: 1600px){html{font-size:.875em}.text,.bottomright{font-size:.9em}}@media screen and (max-width: 1200px){html{font-size:.8125em}.text,.bottomright{font-size:.9em}}@media screen and (max-width: 768px){html{font-size:.75em}.text,.bottomright{font-size:.9em}}body,.mw-body,.mw-body-content,.vector-menu-content,.vector-menu,#left-navigation,#right-navigation,.mediawiki,#mw-head-base,.client-nojs,.selected,#ca-view,#ca-edit,#ca-history,.mw-watchlink,.icon,.vector-menu-heading,.vector-menu-checkbox,.vector-menu,#ca-delete,#ca-move,.vector-menu-dropdown,.mw-panel,#p-logo,#ca-watch,#ca-unwatch,#ca-nstab-user,#ca-talk,#ca-viewsource,#ca-nstab-main{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-family:'Helvetica',sans-serif;font-size:1em;font-weight:400;color:#ddd}.mw-body-content{margin-left:-10em}.mw-body-content a.external,.mw-body-content a.external:visited,.mw-body-content a.external:hover,.mw-body-content a.external:focus{font:normal 110% arial,sans-serif;text-shadow:2px 2px 2px #000;letter-spacing:1px;text-decoration:none;padding:0;margin:0;background:transparent}.mw-body-content a.external,.mw-body-content a.external:visited{color:#fff}.mw-body-content blockquote{border-left:none}#mw-panel,#mw-page-base,#mw-head,#siteNotice,.mw-dismissable-notice-body,#localNotice,.firstHeading,#firstHeading,#p-logo,.mw-wiki-logo{display:none}.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%)}.banner{text-align:center}.banner img{position:relative;box-shadow:0 15px 15px -5px #0f0f0f;border:1px solid #000;max-width:100%;height:auto;z-index:3}.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% - 60px);z-index:2}@media only screen and (max-width: 1024px){.bgtext::before{display:none}}.block{position:relative;border-top-left-radius:30px;border-top-right-radius:30px;background-color:#262626;text-align:center;width:80%;overflow:hidden;margin:5em auto 0;box-shadow:0 15px 15px -5px #0f0f0f;z-index:2}.content{position:relative;background-color:rgba(51,51,51,0.95);width:80%;overflow:hidden;margin:auto;z-index:1}.content a{display:inline-block;text-align:center;border:1px solid #000;margin-bottom:2em}.menu{position:absolute;top:1.5em;right:2em;display:flex;justify-content:space-between;padding:2px 7px;border:2px solid rgba(0,255,255,0.4);border-radius:5px}.menu a{color:#fff;text-decoration:none;font-size:75%}.storyblock{position:relative;border-top-left-radius:30px;border-top-right-radius:30px;background-color:#262626;text-align:left;width:80%;overflow:hidden;margin:5em auto 0;box-shadow:0 15px 15px -5px #0f0f0f;z-index:2}.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;height:auto;margin-right:3em;margin-bottom:2em;border:1px solid #000;position:relative;width:45%;box-shadow:10px 10px 15px #0f0f0f}.text{background-color:#39393d;padding:0 3em 2em}.text p{padding-bottom:15px;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:#0eb9d8}.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}.name{font-family:Helvetica,sans-serif;font-size:1.5rem;padding-top:1em;text-shadow:4px 4px 4px #000;letter-spacing:2px;color:#ff82ff}.title{font-family:Helvetica,sans-serif;font-size:1.8rem;padding:1.25em 0 0 2em;text-shadow:4px 4px 4px #000;letter-spacing:3px;color:#ff82ff}.email{font-family:Helvetica,sans-serif;font-size:.875rem;padding-bottom:1.25em;text-shadow:2px 2px 2px #000;color:#ff0;letter-spacing:1px}.emailx{font-family:Helvetica,sans-serif;font-size:.875rem;padding:0 0 2em 4.1em;text-shadow:2px 2px 2.5px #000;color:#ff0;letter-spacing:1px}.date{font-family:Helvetica,sans-serif;font-size:.875rem;padding-bottom:1.25em;text-shadow:2px 2px 2px #000;color:#0f0;letter-spacing:1px}.alessa{font-family:Helvetica,sans-serif;font-size:1rem;padding:0 0 0 3.8em;text-shadow:2px 2px 2px #000;color:#0f0;letter-spacing:1px}.intro{font-family:Helvetica,sans-serif;text-align:justify;border-radius:45px;background-color:#565656;color:#ddd;padding:20px;margin:4em 5em 2em;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;margin:2em auto 0;box-shadow:0 15px 15px -5px #0f0f0f;z-index:2}.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;background-color:#2e2d2d}.left{display:flex;justify-content:center;align-items:center;border-right:none;margin-top:1.5em;margin-left:2em;max-width:100%;height:auto;background:#a4a3a3;background:radial-gradient(circle,rgba(164,163,163,1) 0%,rgba(45,46,46,1) 100%)}.left img{max-width:200px;height:auto;border:1px solid #000}.topright{position:relative;display:flex;flex-shrink:0;min-height:100px;align-items:center;justify-content:center}.topright:hover{background-color:#494b87}.topright a:hover{background:#f5f;padding:2px 8px;border-radius:7px;border:2px solid #fff}.topright a,.topright a:hover,.topright a:focus{position:relative;display:flex;letter-spacing:2px;align-items:center;justify-content:center;text-decoration:none;font-family:Arial,sans-serif;font-size:100%;text-shadow:2px 2px 2px #000;color:#ff0}.bottomright{display:flex;border-top:none;text-align:justify;color:#ddd;padding:10px;align-items:center;justify-content:center}.wordcount{position:absolute;bottom:.7em;right:.8em;color:#eddda3;text-shadow:2px 2px 2px #000}.wordcount span{color:#f99702;text-shadow:2px 2px 2px #000}.bookfiles{position:absolute;top:1em;right:.6em;display:flex;justify-content:space-between;align-items:center}.books{display:grid;align-items:center;justify-content:center;margin-right:.5em;height:16px;width:45px;font-size:65%;border-radius:4px;background:#262626;color:#61fcf7;border:2px solid rgba(0,255,255,0.4)}.books:hover{background-color:#10bd04}.stats1{position:absolute;bottom:4em;right:3em;width:11em;height:1.6em;background:rgba(0,255,255,0.1);border-radius:10px;display:flex;flex-direction:column;justify-content:center;border:2px solid rgba(0,255,255,0.4)}.stats2{position:absolute;bottom:1.5em;right:3em;width:11em;height:1.6em;background:rgba(0,255,255,0.1);border-radius:10px;display:flex;flex-direction:column;justify-content:center;border:2px solid rgba(0,255,255,0.4)}.wordcount_story,.date_stack_story{position:relative;padding-left:1em;padding-top:4px;color:rgba(0,255,255,1);font-size:90%;text-shadow:2px 2px 2px #000;text-align:left}.wordcount_story span,.date_stack_story span{padding-right:1em;color:#fff;font-size:90%;text-shadow:2px 2px 2px #000;position:absolute;right:0}.wordcount_story span{letter-spacing:5px}.ribbon{position:absolute;right:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}.ribbon span{font-size:17px;font-weight:700;color:#FFF;text-transform:uppercase;text-align:center;line-height:20px;transform:rotate(45deg);width:110px;padding-top:4px;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-top:.3em;margin-top:2em;margin-bottom:1.5em;font-weight:700;font-size:140%;color:#0ff;text-shadow:1px 1px 2px #000;letter-spacing:3px;width:70%;border:1px solid #13B8D7;background:rgba(75,89,110,0.8)}.xhearts{color:red;font-size:150%;text-align:center;text-shadow:2px 2px 2px #000;letter-spacing:.65em;padding-top:2em;height:3em}.files{float:right;top:0;padding:0 .5em;margin-right:2em;white-space:nowrap;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.epub,.azw,.pdf{display:inline-flex;justify-content:center;align-items:center;text-align:center;height:100%;top:0;background-color:#fc8200;color:#fff;padding:.3em 2em .4em;font:normal 110% arial,sans-serif;text-shadow:2px 2px 2px #000;letter-spacing:1px;white-space:nowrap;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:4px 8px 8px -3px #000}.epub:hover,.azw:hover,.pdf:hover{background-color:#0f0}.epub{margin-right:.5em}.azw{margin-right:.5em}.pdf{margin-right:.5em}.mw-body-content a.external{color:#fff;font:normal 110% arial,sans-serif;text-shadow:2px 2px 2px #000;letter-spacing:1px;text-decoration:none;padding:0;margin:0;background:transparent}.dropdown{position:absolute;display:flex;margin-top:-2.2em;justify-content:center;text-align:center;left:50%;transform:translateX(-50%);z-index:3;color:#ffdede;background-color:#625cfa;padding:.2em .5em;text-shadow:2px 2px 2px #000;letter-spacing:2px;font-size:95%;border-top-left-radius:7px;border-top-right-radius:7px;border-top:2px solid #a19eff;border-left:2px solid #a19eff;border-right:2px solid #a19eff}.dropdown-content{color:#fff;font:normal 100% arial,sans-serif;display:none;background-color:#625cfa;border:2px solid #a19eff;border-radius:10px;box-shadow:0 8px 16px 0 #000;padding:16px;text-shadow:none;letter-spacing:1px;font-size:100%;text-align:justify}.dropdown:hover .dropdown-content{margin-top:2em;display:flex;position:absolute;width:850px}@media screen and (max-width: 1500px){.dropdown:hover .dropdown-content{max-width:600px}}@media screen and (max-width: 1000px){.dropdown:hover .dropdown-content{max-width:400px}}.element{animation:pulse 3s infinite;font-size:140%;margin-right:1em;margin-bottom:-.5em}@keyframes pulse{0%{color:red}50%{opacity:0}100%{color:red}}

/* */