Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- @font-face {
- font-family: windows;
- src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
- }
- @font-face {
- font-family: Chemre;
- src: url(https://dl.dropbox.com/s/a4vu0khvvhe5lwq/Chemre.ttf);
- }
- ::-webkit-scrollbar {
- width: 16px
- }
- ::-webkit-scrollbar-corner {
- background: #eee
- }
- ::-webkit-scrollbar-track:vertical {
- background: linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
- }
- ::-webkit-scrollbar-thumb {
- border: 1.5px solid #888;
- border-radius: 3px;
- box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #fff;
- background-color: #eee;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background: url("https://dl.dropbox.com/s/9a29qbkza3gmgl7/scroll1.png"), linear-gradient(90deg, #eee 45%, #ddd 0, #bbb);
- background-repeat: no-repeat;
- background-size: 65% auto, cover;
- background-position: center;
- }
- ::-webkit-scrollbar-button:vertical:end:increment,
- ::-webkit-scrollbar-button:vertical:start:decrement {
- display: block
- }
- ::-webkit-scrollbar-button:vertical {
- height: 15px
- }
- ::-webkit-scrollbar-button:vertical:start:decrement {
- background: white;
- background: url("https://dl.dropbox.com/s/n9ji42h9hdgdtpc/scroll3.png"), linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
- background-repeat: no-repeat;
- background-position: center;
- -moz-background-size: 100% auto, cover;
- -webkit-background-size: 100% auto, cover;
- -o-background-size: 100% auto, cover;
- background-size: 100% auto, cover;
- background-position: center;
- border-radius: 0 3px 0 0;
- }
- ::-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: url("https://dl.dropbox.com/s/cdcco6pih7n1lae/scroll4.png"), linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
- background-repeat: no-repeat;
- background-position: center;
- -moz-background-size: 100% auto, cover;
- -webkit-background-size: 100% auto, cover;
- -o-background-size: 100% auto, cover;
- background-size: 100% auto, cover;
- background-position: center;
- border-radius: 0 0 3px 0;
- }
- @keyframes floating {
- 0% { transform: translate(0, 0px); }
- 50% { transform: translate(0, 15px); }
- 100% { transform: translate(0, -0px); }
- }
- #image01 {
- -webkit-mask-image: url(https://i.ibb.co/JjDXBPr/ED5929-CE-1-D66-4-EC4-8-F8-A-14792-D8-F2384.png);
- -webkit-mask-size: 100%;
- -webkit-mask-repeat: no-repeat;
- width: 100%;
- height: auto;
- border-radius: 15px;
- -webkit-mask-position: center;
- }
- #image02 {
- animation: brrr 0.5s infinite;
- }
- @keyframes brrr {
- 0% {
- transform: rotate(5deg);
- }
- 50% {
- transform: rotate(5deg);
- }
- 51% {
- transform: rotate(10deg);
- }
- 100% {
- transform: rotate(10deg);
- }
- }
- #image02 .frame {
- position: absolute;
- z-index: 999;
- top: -5em;
- left: 25em;
- }
- #container03 > .wrapper {
- box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
- height: 20em;
- }
- #container04 > .wrapper {
- box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
- width: 14em;
- height: 19em;
- position: absolute;
- z-index: 999;
- top: -19.75em;
- left: 1em;
- animation-name: floating;
- animation-duration: 3s;
- animation-iteration-count: infinite;
- animation-timing-function: ease-in-out;
- }
- #container09 > .wrapper, #container08 > .wrapper {
- box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
- width: 15.5em;
- height: 16em;
- position: absolute;
- z-index: 999;
- top: -25.375em;
- left: 15.5em;
- overflow-y: scroll;
- border-radius: 10px 0px 0px 0px;
- }
- #container05 > .wrapper {
- box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
- width: 15.5em;
- position: absolute;
- z-index: 999;
- top: -3.5em;
- left: 15.5em;
- border-radius: 0px 0px 10px 10px;
- }
- @media only screen and (max-width: 600px) {
- #container05, #container08, #container09 {
- width: 14em;
- }
- }
- #text01 {
- font-family: windows;
- border: 1px solid #575757;
- border-radius: 15px 15px 15px 15px;
- box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
- width: 10em;
- }
- #text03 {
- font-family: windows;
- border: 1px solid #575757;
- border-radius: 15px 15px 15px 15px;
- box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
- }
- #text04, #text06, #text10 {
- font-family: Chemre;
- background: linear-gradient(0deg, #a1a1a1 20%, #575757 90%);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- }
- #text05 {
- font-family: windows;
- background: white;
- padding: 3px;
- border: 1px solid #575757;
- border-radius: 0px 10px 10px 10px;
- }
- #text05 mark {
- color: #BB93E3;
- -webkit-text-stroke: 0.25px #575757;
- font-size: 1.5em;
- }
- #buttons01 li a {
- box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
- font-family: windows;
- border: 1px solid #575757;
- }
- #text08, #text12 {
- font-family: windows;
- }
- #text11, #text13, #text07, #text09 {
- font-family: windows;
- background: white;
- padding: 5px;
- width: 11em;
- left: -3em;
- border: 1px solid #575757;
- border-radius: 0px 15px 15px 15px;
- box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
- }
- #text07 mark {
- color: #BB93E3;
- -webkit-text-stroke: 0.25px #575757;
- font-size: 1.5em;
- }
- #text09 mark {
- color: #BB93E3;
- -webkit-text-stroke: 0.25px #575757;
- font-size: 1.5em;
- }
- #text11 mark {
- color: #BB93E3;
- -webkit-text-stroke: 0.25px #575757;
- font-size: 1.5em;
- }
- #text13 mark {
- color: #BB93E3;
- -webkit-text-stroke: 0.25px #575757;
- font-size: 1.5em;
- }
- </style>
Advertisement
Add Comment
Please, Sign In to add comment