Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- @font-face {
- font-family: MS San Serif;
- src: url(https://cdn.glitch.me/9bbfdfb3-4bfa-4c39-8743-5621c8b9df21/MS%20Sans%20Serif.ttf);
- }
- ::-webkit-scrollbar {
- width: 14px;
- height: 10px;
- }
- ::-webkit-scrollbar-thumb {
- background: linear-gradient(90deg, rgba(238,238,238,1) 38%, rgba(206,206,206,1) 62%);
- border: 1.5px solid #888888;
- border-radius: 5px;
- }
- ::-webkit-scrollbar-track {
- background: linear-gradient(90deg, rgba(230,230,230,1) 6%, rgba(240,240,240,1) 18%);
- }
- ::-webkit-scrollbar-button {
- display: block;
- width: 14px;
- height: 16px;
- }
- ::-webkit-scrollbar-button:vertical:start:decrement {
- background: white;
- background-image: url("https://dl.dropbox.com/s/vtnpkuealr2f7u4/whc8iy3_d.png");
- border: 1.5px solid #888888;
- border-radius: 5px;
- }
- ::-webkit-scrollbar-button:vertical:start:increment {
- display: none;
- }
- ::-webkit-scrollbar-button:vertical:end:decrement {
- display: none;
- }
- ::-webkit-scrollbar-button:vertical:end:increment {
- background: white;
- background-image: url("https://dl.dropbox.com/s/vtnpkuealr2f7u4/whc8iy3_d.png");
- border: 1.5px solid #888888;
- border-radius: 5px;
- }
- .sjkfgksfg{
- overflow-x:hidden;
- overflow-y:scroll;
- height:9em;
- width:7em;
- }
- #container01 > .wrapper, #container05 > .wrapper {
- box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(238, 238, 238,0.565);
- }
- #container02 > .wrapper {
- box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(238, 238, 238,0.565);
- width: 10em;
- left: 9.275em;
- height: 16em;
- z-index: 999;
- }
- #container03 > .wrapper {
- box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(238, 238, 238,0.565);
- position: absolute;
- left: 0em;
- width: 18em;
- top: -16em;
- }
- #container04 > .wrapper {
- box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(238, 238, 238,0.565);
- position: absolute;
- left: 0em;
- width: 18em;
- top: -10em;
- }
- @media only screen and (max-width: 600px) {
- #container04 {
- top: -0.25em;
- }
- }
- #container06 > .wrapper, #container07 > .wrapper, #container08 > .wrapper {
- position: absolute;
- z-index: 9999;
- left: 8em;
- top: -6em;
- width: 19em;
- }
- @media only screen and (max-width: 600px) {
- #container06, #container07, #container08 {
- width: 19em;
- }
- }
- #image01 .frame {
- position: absolute;
- filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 2px 0 #fec5e5) drop-shadow(0 -1px 0 white) drop-shadow(0 1px 1.5px #Fec5e5) drop-shadow(0 -1px 1.5px #Fec5e5) drop-shadow(1px -1px 1.5px #Fec5e5) drop-shadow(-1px -1px 1.5px #Fec5e5);
- top: -11em;
- left: 20em;
- z-index: 9999;
- }
- #image02 .frame {
- filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 2px 0 #fec5e5) drop-shadow(0 -1px 0 white) drop-shadow(0 1px 1.5px #Fec5e5) drop-shadow(0 -1px 1.5px #Fec5e5) drop-shadow(1px -1px 1.5px #Fec5e5) drop-shadow(-1px -1px 1.5px #Fec5e5);
- position: relative;
- top: 2em;
- left: -2em;
- }
- #image03 .frame {
- filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 2px 0 #fec5e5) drop-shadow(0 -1px 0 white) drop-shadow(0 1px 1.5px #Fec5e5) drop-shadow(0 -1px 1.5px #Fec5e5) drop-shadow(1px -1px 1.5px #Fec5e5) drop-shadow(-1px -1px 1.5px #Fec5e5);
- position: absolute;
- top: -1em;
- left: 8.5em;
- z-index: 99999;
- }
- #text02 {
- background: #fec5e5;
- border: 1px solid #808080;
- border-radius: 10px 10px 10px 10px;
- box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(238, 238, 238,0.565);
- }
- #text03 {
- font-family: MS San Serif;
- background: white;
- border-radius: 10px 10px 10px 10px;
- padding: 3px;
- }
- #text06, #text08 {
- z-index: 999;
- -webkit-text-stroke: 1px #808080;
- }
- #text07, #text09 {
- font-family: MS San Serif;
- background: white;
- border-radius: 10px 0px 0px 10px;
- padding: 5px;
- height: 8.5em;
- overflow-y: scroll;
- }
- #text10 {
- background: radial-gradient(circle, #ffc8e5, #fffcfa);
- border: 1px solid #808080;
- border-radius: 10px 0px 0px 0px;
- padding: 5px;
- }
- #text11, #text12, #text13 {
- font-family: MS San Serif;
- background: white;
- border-radius: 10px 0px 0px 10px;
- padding: 5px;
- height: 6em;
- overflow-y: scroll;
- }
- </style>
Advertisement
Add Comment
Please, Sign In to add comment