|
|
Line 1: |
Line 1: |
| {{#css: | | {{#css:Yk.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),
| |
| 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: 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 {
| |
| 0% {
| |
| color: red;
| |
| }
| |
| 50%{
| |
| opacity: 0;
| |
| }
| |
| 100% {
| |
| color: red;
| |
| }
| |
| }
| |
| }} | |
| __NOTOC__ | | __NOTOC__ |
| <div class="background"> | | <div class="background"> |