Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- @font-face {
- font-family: Chemre;
- src: url(https://dl.dropbox.com/s/a4vu0khvvhe5lwq/Chemre.ttf);
- }
- #image01, #image02, #image03 {
- -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: 150%;
- -webkit-mask-repeat: no-repeat;
- -webkit-mask-position: center;
- }
- ::-webkit-scrollbar {
- width: 14px;
- }
- ::-webkit-scrollbar:horizontal {
- height: 14px;
- }
- ::-webkit-scrollbar-corner {
- background: #eee;
- }
- ::-webkit-scrollbar-track:vertical {
- background: linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
- border-radius: 5px;
- }
- ::-webkit-scrollbar-track:horizontal {
- background: linear-gradient(180deg, #e5e5e5, #f0f0f0 20%);
- border-radius: 5px;
- }
- ::-webkit-scrollbar-thumb {
- border: 1.5px solid #888;
- border-radius: 5px;
- box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #fff;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background: linear-gradient(90deg, #eee 45%, #ddd 0, #bbb);
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background: linear-gradient(180deg, #eee 45%, #ddd 0, #bbb);
- }
- ::-webkit-scrollbar-button:horizontal:end:increment,
- ::-webkit-scrollbar-button:horizontal:start:decrement,
- ::-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"), #eee;
- 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;
- border: 1.5px solid #888;
- 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: url("https://dl.dropbox.com/s/cdcco6pih7n1lae/scroll4.png"), #eee;
- 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;
- border: 1.5px solid #888;
- border-radius: 5px;
- }
- ::-webkit-scrollbar-button:horizontal {
- width: 14px
- }
- ::-webkit-scrollbar-button:horizontal:start:increment {
- display: none;
- }
- ::-webkit-scrollbar-button:horizontal:end:decrement {
- display: none;
- }
- ::-webkit-scrollbar-button:horizontal:start:decrement {
- background: white;
- background: url("https://dl.dropbox.com/s/xcm618ghd823271/scroll5.png"), linear-gradient(180deg, #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: 5px;
- border: 1.5px solid #888;
- }
- ::-webkit-scrollbar-button:horizontal:end:increment {
- background: white;
- background: url("https://dl.dropbox.com/s/byeyi7am889ii9m/scroll6.png"), linear-gradient(180deg, #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: 5px;
- border: 1.5px solid #888;
- }
- @keyframes heart{
- 0%, 12%, 25%, 50% {
- transform: rotate(0deg);
- }
- 55% {
- transform: rotate(-2.5deg);
- }
- 65% {
- transform: rotate(3.5deg);
- }
- 75% {
- transform: rotate(-7deg);
- }
- 95%, 100& {
- transform: rotate(0deg);
- }}
- </style>
- <script type="text/javascript">
- // <![CDATA[
- var speed=100; // speed of wobbling, lower is faster
- var height=3; // height of wobbling in pixels
- var alink="http://www.mf2fm.com/rv"; // page to link text to (set to ="" for no link)
- /****************************
- * Wobbly Text Effect *
- *(c) 2003-6 mf2fm web-design*
- * http://www.mf2fm.com/rv *
- * DON'T EDIT BELOW THIS BOX *
- ****************************/
- var wobtxt, wobble, wobcnt=0;
- window.onload=function() { if (document.getElementById) {
- var i, wobli;
- wobble=document.getElementById("wobble");
- wobtxt=wobble.firstChild.nodeValue;
- while (wobble.childNodes.length) wobble.removeChild(wobble.childNodes[0]);
- for (i=0; i<wobtxt.length; i++) {
- wobli=document.createElement("span");
- wobli.setAttribute("id", "wobb"+i);
- wobli.style.position="relative";
- wobli.appendChild(document.createTextNode(wobtxt.charAt(i)));
- if (alink) {
- wobli.style.cursor="pointer";
- wobli.onclick=function() { top.location.href=alink; }
- }
- wobble.appendChild(wobli);
- }
- setInterval("wobbler()", speed);
- }}
- function wobbler() {
- for (var i=0; i<wobtxt.length; i++) document.getElementById("wobb"+i).style.top=Math.round(height*Math.sin(i+wobcnt))+"px"
- wobcnt++;
- }
- // ]]>
- </script>
- <style type="text/css">* {cursor: url(https://cur.cursors-4u.net/holidays/hol-1/hol19.cur), auto !important;}</style>
Advertisement
Add Comment
Please, Sign In to add comment