User:Alessa: Difference between revisions

Revision as of 23:04, 9 December 2023

About Yuri Kisses

yurikisu@proton.me

Welcome to Yuri Kisses—a collection of romantic stories that will take you on a journey through a wide range of emotions and experiences. Within these pages, you'll meet young girls filled with hope, passion, and curiosity, as they navigate the complexities of first love. With tales spanning different genres, from heartfelt drama to lighthearted comedy, mystical fantasy, and thrilling adventures, the common thread in them is the exploration of love between young girls. Amidst laughter, tears, and shared secrets, Yuri Kisses unveils the magic of those unforgettable first kisses and blushing cheeks. So, get ready to be transported into a world where love knows no bounds and young hearts beat in perfect harmony, as you delve into these enchanting tales of discovery and passion.

▶

@@ Line 1: / Line 1: @@
-{{#css:Yk.css}}
+{{#css:
+@media screen and (max-width: 1600px) {
+  html {
+    font-size: 0.875em;
+  }
+  .text,
+  .bottomright {
+    font-size: 0.9em;
+  }
+}
+@media screen and (max-width: 1200px) {
+  html {
+    font-size: 0.8125em;
+  }
+  .text,
+  .bottomright {
+    font-size: 0.9em;
+  }
+}
+@media screen and (max-width: 768px) {
+  html {
+    font-size: 0.75em;
+  }
+  .text,
+  .bottomright {
+    font-size: 0.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: normal;
+  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 black;
+  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: #ffaaff;
+  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 black;
+  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;
+}
+.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: #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;
+  height: auto;
+  margin-right: 3em;
+  margin-bottom: 2em;
+  border: 1px solid black;
+  position: relative;
+  width: 45%;
+  box-shadow: 10px 10px 15px #0f0f0f;
+}
+.text {
+  background-color: #39393d;
+  padding: 0 3em 2em 3em;
+}
+.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: #ffaaff;
+}
+.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: #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;
+}
+.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: 0.875rem;
+  padding-bottom: 1.25em;
+  text-shadow: 2px 2px 2px #000;
+  color: yellow;
+  letter-spacing: 1px;
+}
+.emailx {
+  font-family: Helvetica, sans-serif;
+  font-size: 0.875rem;
+  padding: 0 0 2em 4.1em;
+  text-shadow: 2px 2px 2.5px #000;
+  color: yellow;
+  letter-spacing: 1px;
+}
+.date {
+  font-family: Helvetica, sans-serif;
+  font-size: 0.875rem;
+  padding-bottom: 1.25em;
+  text-shadow: 2px 2px 2px #000;
+  color: #00ff00;
+  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: #00ff00;
+  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 5em;
+  display: inline-block;
+  box-shadow: 0 1px 1px 0 rgba(0, 255, 255, 0.5),
+2px 4px 0 rgba(0, 255, 255, 0.5), 0 4px 8px 0 rgba(0, 255, 255, 0.5),
+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: rgb(164,163,163);
+  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 black;
+}
+.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: #ff55ff;
+  padding: 2px 8px 4px;
+  border-radius: 7px;
+}
+.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-family: Helvetica, sans-serif;
+  font-size: 110%;
+  text-shadow: 2px 2px 2px #000;
+  color: yellow;
+}
+.bottomright {
+  display: flex;
+  border-top: none;
+  text-align: justify;
+  color:#ddd;
+  padding:10px;
+  align-items:center;
+  justify-content:center;
+}
+.wordcount {
+  position: absolute;
+  bottom: 0.7em;
+  right: 0.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: 0.6em;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.books {
+  display: grid;
+  align-items: center;
+  justify-content: center;
+  margin-right: 0.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:0.3em;
+  margin-top:2em;
+  margin-bottom:1.5em;
+  font-weight:700;
+  font-size: 140%;
+  color:#00ffff;
+  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: 0.65em;
+  padding-top: 2em;
+  height:3em;
+}
+.files {
+  float: right;
+  top: 0;
+  padding: 0 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: 0.3em 2em 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:hover,
+.azw:hover,
+.pdf:hover {
+  background-color: #00ff00;
+}
+.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;
+}
+.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: 0.2em 0.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 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: -0.5em;
+}
+@keyframes pulse {
+% {
+    color: red;
+  }
+%{
+    opacity: 0;
+  }
+% {
+    color: red;
+  }
+}
+}}
 __NOTOC__
 <div class="background">
@@ Line 5: / Line 729: @@
 <div class="banner">[[File:Alessa_Profile.jpg|center|none]]</div>
 <div class="block">
+<div class="menu">[[User_talk:Alessa|Discuss]]</div>
   <p class="name">About Yuri Kisses</p>
   <p class="email">yurikisu@proton.me</p>

User:Alessa: Difference between revisions

Revision as of 23:04, 9 December 2023

Navigation menu

Search