Skip to content

Instantly share code, notes, and snippets.

@TopherW

TopherW/dabblet.css

Last active January 24, 2020 21:51
Show Gist options
  • Save TopherW/906fdf3e2444f06c2c18dcbd83f90a0d to your computer and use it in GitHub Desktop.
Save TopherW/906fdf3e2444f06c2c18dcbd83f90a0d to your computer and use it in GitHub Desktop.
Download ZIP
We're All Part of the Same Puzzle
Raw
dabblet.css
body{
background:url(https://i.postimg.cc/nrh3prTg/Background-1.png)50% 50%/100% 100% no-repeat fixed;
}
body,a:hover {cursor: url(https://i.postimg.cc/ydBfpvRV/Unity-Wand-Cursor.png),progress!important;
}
h1 {
position: fixed;
font-family: Acme;
font-weight: normal;
font-size:24px;
color: #FFFFFF;
background: url(https://i.postimg.cc/Y99FSFK6/Small-Box-576x143.gif);
text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
width:250px;
margin-top:-42px;
margin-left:34%;
padding:15px 15px;
border:6px solid white;
outline:thick ridge #0d8afe;
box-shadow: -10px 10px 10px #000000, 10px -10px 10px #ffffff, inset 3px 3px 2px black, inset -3px -3px 2px silver;
border-image: url(https://i.postimg.cc/DzCg5n7c/frame-882x882.gif) 5 repeat;
-webkit-animation: vibrate-1 0.3s linear infinite both;
animation: vibrate-1 0.3s linear infinite both;
}
@-webkit-keyframes vibrate-1 {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
20% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
40% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
60% {
-webkit-transform: translate(2px, 2px);
transform: translate(2px, 2px);
}
80% {
-webkit-transform: translate(2px, -2px);
transform: translate(2px, -2px);
}
100% {
-webkit-transform: translate(0);
transform: translate(0);
}
}
@keyframes vibrate-1 {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
20% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
40% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
60% {
-webkit-transform: translate(2px, 2px);
transform: translate(2px, 2px);
}
80% {
-webkit-transform: translate(2px, -2px);
transform: translate(2px, -2px);
}
100% {
-webkit-transform: translate(0);
transform: translate(0);
}
}
#puzzle1{
background:url(https://i.postimg.cc/gkBTcVCD/Elf-Warrior-9.png) 62.05% 0%/294px 294px no-repeat;
position:fixed;
margin:0% auto;
width:100%;
height:100%;
left:0%;
-webkit-animation: fade-in1 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: fade-in1 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation-iteration-count: 1;
animation-delay:0s;
}
@-webkit-keyframes fade-in1 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
25% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
100% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
}
@keyframes fade-in1 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1; }
}
#puzzle2{
background:url(https://i.postimg.cc/DZKDk793/Elf-Warrior-3.png) 80.5% 0%/294px 294px no-repeat;
position:fixed;
margin:0% auto;
width:100%;
height:100%;
left:0%;
-webkit-animation: fade-in2 3.0s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: fade-in2 3.0s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
transition-delay: 2s;
animation-iteration-count: 1;
animation-delay:2s;
}
@-webkit-keyframes fade-in2 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
}
@keyframes fade-in2 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
}
#puzzle3{
background:url(https://i.postimg.cc/6qM1vnyB/Elf-Warrior-7.png) 99% 0%/294px 294px no-repeat;
position:fixed;
margin:0% auto;
width:100%;
height:100%;
left:0%;
-webkit-animation: fade-in3 4.0s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: fade-in3 4.0s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation-iteration-count: 1;
animation-delay:3s;
}
@-webkit-keyframes fade-in3 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
}
@keyframes fade-in3 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
}
#puzzle4{
background:url(https://i.postimg.cc/N0XVzKPx/Elf-Warrior-6.png) 62.05% 49%/294px 294px no-repeat;
position:fixed;
margin:0% auto;
width:100%;
height:100%;
left:0%;
-webkit-animation: fade-in4 5.0s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: fade-in4 5.0s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation-iteration-count: 1;
animation-delay:4s;
}
@-webkit-keyframes fade-in4 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
}
@keyframes fade-in4 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
}
#puzzle5{
background:url(https://i.postimg.cc/rsVPsQyh/Elf-Warrior-4.png) 80.5% 49%/294px 294px no-repeat;
position:fixed;
margin:0% auto;
width:100%;
height:100%;
left:0%;
-webkit-animation: fade-in5 6.0s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: fade-in5 6.0s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation-iteration-count: 1;
animation-delay:5s;
}
@-webkit-keyframes fade-in5 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
}
@keyframes fade-in5 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
}
#puzzle6{
background:url(https://i.postimg.cc/hjbYKHnz/Elf-Warrior-2.png) 99% 49%/294px 294px no-repeat;
position:fixed;
margin:0% auto;
width:100%;
height:100%;
left:0%;
-webkit-animation: fade-in6 7.0s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: fade-in6 7.0s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation-iteration-count: 1;
animation-delay:6s;
}
@-webkit-keyframes fade-in6 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
}
@keyframes fade-in6 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
}
#puzzle7{
background:url(https://i.postimg.cc/3JwqHScN/Elf-Warrior-8.png) 62.05% 97.75%/294px 294px no-repeat;
position:fixed;
margin:0% auto;
width:100%;
height:100%;
left:0%;
-webkit-animation: fade-in7 8.0s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: fade-in7 8.0s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation-iteration-count: 1;
animation-delay:7s;
}
@-webkit-keyframes fade-in7 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
}
@keyframes fade-in7 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
}
#puzzle8{
background:url(https://i.postimg.cc/NjSSD6bM/Elf-Warrior-1.png) 80.5% 97.75%/294px 294px no-repeat;
position:fixed;
margin:0% auto;
width:100%;
height:100%;
left:0%;
-webkit-animation: fade-in8 9.0s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: fade-in8 9.0s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation-iteration-count: 1;
animation-delay:8s;
}
@-webkit-keyframes fade-in8 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
}
@keyframes fade-in8 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
}
#puzzle9{
background:url(https://i.postimg.cc/gcs7QF41/Elf-Warrior-5.png) 99% 97.75%/294px 294px no-repeat;
position:fixed;
margin:0% auto;
width:100%;
height:100%;
left:0%;
-webkit-animation: fade-in9 10.0s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: fade-in9 10.0s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation-iteration-count: 1;
animation-delay:9s;
}
@-webkit-keyframes fade-in9 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
}
@keyframes fade-in9 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
}
#puzzle10{
background:url(https://i.postimg.cc/DzCg5n7c/frame-882x882.gif) 98.5% 0%/892px 100% no-repeat,
url(https://i.postimg.cc/J4gpC1XY/Main-Pic1.png) 98.5% 0%/882px 100% no-repeat;
position:fixed;
margin:0% auto;
width:100%;
height:100%;
left:0%;
-webkit-animation: swirl-in-fwd 5s ease-in-out alternate both;
animation: swirl-in-fwd 5s ease-in-out alternate both;
animation-iteration-count: 1;
animation-delay:18s;
}
@-webkit-keyframes swirl-in-fwd {
0% {
-webkit-transform: rotate(-720deg) scale(0);
transform: rotate(-720deg) scale(0);
opacity: 0;
}
100% {
-webkit-transform: rotate(0) scale(1);
transform: rotate(0) scale(1);
opacity: 1;
}
}
@keyframes swirl-in-fwd {
0% {
-webkit-transform: rotate(-720deg) scale(0);
transform: rotate(-720deg) scale(0);
opacity: 0;
}
100% {
-webkit-transform: rotate(0) scale(1);
transform: rotate(0) scale(1);
opacity: 1;
}
}
#orb{
background:url(https://i.postimg.cc/pdMkyqqD/Unity.gif) 62% 25%/300px 267px no-repeat; position:fixed;
margin:0% auto;
width:100%;
height:100%;
left:0%;
-webkit-animation: orb-in 6.0s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: orb-in 6.0s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation-iteration-count: 1;
animation-delay:22s;
}
@-webkit-keyframes orb-in {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
}
@keyframes orb-in {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
}
#container{
background:url();
position:absolute;
margin:1% auto;
width:35%;
left:2%;
top: 5%
}
.linksPosted {
display: none;
}
.countsWarning {
display: none;
}
.linkNumber,.linkLink,.linkClick {background: none !important; border: none !important; box-shadow: none !important}
.linksSubTable td:nth-child(1):before {display: none;}
.linksTable {
position: relative;
table-layout: fixed;
top:0px;
width:400px;
border-collapse: separate;
border-spacing:120px 80px;
left: -90px;
margin:10px auto;
padding: 0;
box-sizing: border-box;
}
.linksSubTable {
background:url();
border-radius: 0;
border-spacing: 0;
border:2px solid #000;
border-radius: 10pt;
border-image:url()10 10 round;
margin:10px -480px 50px;
padding: 20px 20px;
position: relative;
transform: rotate(0deg);
width: 260px;
box-shadow:0px 0px 22px 4px #000;
}
tr:nth-child(1n) .linksSubTable {
transform:rotate(-5deg); background:linear-gradient(to bottom,#1af5fe,#8c01b6,#fd02c2);margin:170px -370px 60px;
}
tr:nth-child(2n) .linksSubTable {
transform:rotate(5deg);background:linear-gradient(to bottom,#fd02c2,#0d8afe,#1af5fe); margin:190px -380px 60px;
}
.linksSubTable:hover {
background:#cdcecd;
transform:scale(1.06);
transition:all .5s ease-in-out;
}
.linksSubTable tr:nth-child(odd) {
background:url(https://i.postimg.cc/g03SKfnS/Small-Box-60-1.png)50% 50%/100% 100% no-repeat;
display: inline-block;
width: 220px;
height:38px;
padding:0px 0px 10px 70px;
border:1px solid #000;
border-radius: 30pt ;
}
.linksSubTable tr:nth-child(even){
background: url(https://i.postimg.cc/85HZ2MdL/Small-Box-60-2.png)50% 50%/100% 100% no-repeat;
width:220px;
height:38px;
display: inline-block;
padding:0px 0px 10px 70px;
border:1px solid #000;
border-radius:30pt ;
}
.linkImageTD{
background:url(https://i.postimg.cc/SQgZVLxh/holding-hands-1-686x198.gif) 1px 60px/100% no-repeat,
linear-gradient(to right,#fd02c2,#0d8afe,#1af5fe);
position: relative;
vertical-align: top;
overflow-x:hidden;
overflow-y:hidden;
width: 400px;
border:4px solid #000;
border-radius:20pt 20pt 20pt 20pt;
border-image:url(ttps://i.imgur.com/TZw6iYR.gif)10 10 round;
box-shadow: 0px 0px 22px 6px #000!important;
transform:rotate(-5deg);
}
tr:nth-child(2n) .linkImageTD{ background:url(https://i.postimg.cc/NfLdnyKr/holding-hands-2-686x198.gif) 1px 60px/100% no-repeat,
url() 100% 100%/90% no-repeat,linear-gradient(to right,#1af5fe,#0d8afe,#fd02c2);
position: relative;
vertical-align: top;
overflow-x:hidden;
overflow-y:hidden;
width: 400px;
border:4px solid #000;
border-radius:20pt 20pt 20pt 20pt;
border-image:url(ttps://i.imgur.com/TZw6iYR.gif)10 10 round;
box-shadow: 0px 0px 22px 6px #000!important;
transform:rotate(5deg);
}
.linkNumber {
background:none !important;
color:white;
text-indent:-50px;
font:normal 24px Carter One;
padding: 5px 0px 0px 0px;
text-shadow:
2px 3px 5px rgba(000,000,000,0.5),
-1px -1px 0 rgba(000,000,000,0.5),
1px -1px 0 rgba(000,000,000,0.5),
-1px 1px 0 rgba(000,000,000,0.5),
1px 1px 0 rgba(000,000,000,0.5);
}
.linkClick {
background:none !important;
color:white;
font:normal 18px Berkshire Swash;
padding: 5px 0px 0px 0px;
white-space:nowrap;
text-shadow:
2px 3px 5px rgba(000,000,000,0.5),
-1px -1px 0 rgba(000,000,000,0.5),
1px -1px 0 rgba(000,000,000,0.5),
-1px 1px 0 rgba(000,000,000,0.5),
1px 1px 0 rgba(000,000,000,0.5);
}
.linkImage{
background:url(https://i.postimg.cc/0yMHz6xq/Rainbow-Stars.gif)0% 0%/100% 100%;
right:0px;
top:-15px;
height:85px;
padding:10px;
position: absolute;
display: inline-block;
border:8px ridge #fff;
border-radius:0pt 0pt 50pt 0pt;
z-index:10;
box-shadow:0px 0px 22px 4px #000;
}
tr:nth-child(1n) .linkImage{
background:url(https://i.postimg.cc/0yMHz6xq/Rainbow-Stars.gif)0% 0%/100% 100%;
right:270px;
top:50%;
height:95px;
padding:10px;
position: absolute;
display: inline-block;
border:px ridge #000;
border-radius:20pt 40pt 20pt 40pt;
z-index:10;
box-shadow:0px 0px 22px 2px #000;
}
tr:nth-child(2n) .linkImage{
background:url(https://i.postimg.cc/0yMHz6xq/Rainbow-Stars.gif)0% 0%;
right:270px;
top:50%;
height:95px;
padding:10px;
position: absolute;
display: inline-block;
border:px ridge #000;
border-radius:40pt 20pt 40pt 20pt;
z-index:10;
box-shadow:0px 0px 22px 2px #000;
}
.linkName::first-letter {
color:white;
font:Bold italic 36px Montez;
letter-spacing: 3.5px;
text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
}
.linkName{
background:url();
color:#f9d024;
position: relative;
text-align: center;
display: inline-block;
font:normal 18px Berkshire Swash;
letter-spacing: 1.2px;
top:-4px;
left: 0px;
line-height: 50px;
margin:60px auto;
padding: 0;
width: 450px;
height: 50px;
border-top: 0px solid #fffbb6;
border-bottom: 4px solid #fff;
border-image:url()9 4 round;
text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
box-shadow:3px 3px 22px #000;
animation:pulse 8s linear infinite;
}
@keyframes rotateright{
0%{-webkit-transform: rotate(0deg);}
50%{-webkit-transform: rotate(180deg);}
100%{-webkit-transform: rotate(360deg);}
}
}
@keyframes rotateleft{
0%{-webkit-transform: rotate(0deg);}
50%{-webkit-transform: rotate(180deg);}
100%{-webkit-transform: rotate(360deg);}
}
tr:nth-child(1n) .linkName {
background:linear-gradient(to top, #1af5fe,#0d8afe,#fd02c2);
position: relative;
text-align: center;
text-indent:0px;
white-space:wrap;
display: inline-block;
font:bold 20px Calligraffitti;
letter-spacing: 1.5px;
top:4px;
left: 0px;
line-height: 76px;
margin:-40px auto;
padding: 0;
width: 450px;
height: 66px;
border-top: 0px solid #000;
border-bottom: 4px solid #f9d024;
border-image:url()4 4 round;
text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
box-shadow:3px 3px 22px #000;
}
tr:nth-child(2n) .linkName {
background:linear-gradient(to top,#fd02c2,#0d8afe,#1af5fe);
color:#1af5fe;
position: relative;
text-align: center;
text-indent:0px;
white-space:wrap;
display: inline-block;
font:bold 26px Montez;
top:4px;
left: 0px;
line-height: 76px;
margin:-40px auto;
padding: 0;
width: 450px;
height: 66px;
border-top: 0px solid #8c01b6;
border-bottom: 4px solid #f9d024;
border-image:url()4 4 round;
text-shadow: 0px 1px 0px #888, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
box-shadow:3px 3px 22px #000;
}
.aLink::first-letter {
font:bold 48px Ceviche One;
color:#fff;
}
.aLink {
color:#fff;
margin:0px 0px ;
padding:0px;
width:85px;
line-height:40px;
font:normal 40px Ceviche One;
font-variant: small-caps;
text-align: center;
letter-spacing:4px;
display: block;
text-decoration: none;
text-transform: case;
border-radius: 100% 100%;
-webkit-animation: text-pop-up-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: text-pop-up-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes text-pop-up-top {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-shadow: none;
}
100% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-shadow: 0 1px 0 #000, 0 2px 0 #000, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.5);
}
}
@keyframes text-pop-up-top {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-shadow: none;
}
100% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
text-shadow: 0 1px 0 #000, 0 2px 0 #000, 0 3px 0 #000, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.5);
}
}
.aLink:hover:first-letter {
font:bold 48px Ceviche One;
color:#fd02c2;
transition:all .5s ease-in-out;
}
.aLink:hover {
border-radius: 100%;
color: #fd02c2;
font:normal 40px Ceviche One;
letter-spacing:6px;
transition:all .5s ease-in-out;
}
.aLink:visited:first-letter {
color: #f9d024;
}
.aLink:visited {
color: #f9d024;
}
.aLink:active {
text-decoration:none;
}
::-webkit-scrollbar-button:start:decrement {
background: url(https://i.postimg.cc/vT23ByNB/Green-Arrow.gif) 50% 50%/80% auto no-repeat,#fd02c2;
height: 60px;
border:2px ridge #030e1a;
}
::-webkit-scrollbar-button:end:increment {
background: url(https://i.postimg.cc/vT23ByNB/Green-Arrow.gif) 50% 50%/80% auto no-repeat,#1af5fe;
height: 60px;
border:2px ridge #030e1a;
}
::-webkit-scrollbar {
width:35px;
}
::-webkit-scrollbar-track {
background: url(ttps://i.imgur.com/pGkcUbw.png) 0% 100% repeat-y,linear-gradient(to right,#1af5fe,#fd02c2,#8c01b6);
border:2px ridge #030e1a;
box-shadow: inset 0px 0px 22px 3px #0000!important;
}
::-webkit-scrollbar-thumb {
background: url(https://i.postimg.cc/Tw6R7MQp/Orb.gif)50% 50%/100% auto no-repeat, radial-gradient(circle,#1af5fe,#8c01b6,#fd02c2);
;
Width:20x;
height:80px;
border-radius:0pt;
border:1px solid #000;
box-shadow:inset 0px 0px 1px 0px #000;
}
::-webkit-scrollbar-thumb:hover {
background: url(https://i.postimg.cc/Tw6R7MQp/Orb.gif) 50% 50%/100% auto no-repeat, radial-gradient(circle,#fd02c2,#8c01b6,#1af5fe);
Width:20px;
height:80px;
border-radius:0pt;
border:1px solid #000;
box-shadow:inset 0px 0px 1px 0px #000;
}
/* DESIGNER CREDIT BOX */
.FBX-Design-Studio {
background: url()50% 50%/100% 100% no-repeat,radial-gradient(circle,#1af5fe,#8c01b6,#fd02c2);
color:white;
position: relative;
top: 20px;
width:500px;
height:400px;
left: 0px;
padding: 18px 10px ;
margin: 40px auto;
font: normal 32px Berkshire Swash;
letter-spacing: 1.5px;
line-height:10px;
border:5px linear-gradient(to top,#1af5fe,#8c01b6,#fd02c2);
border-image:url() 15 round;
-webkit-animation: color-change-5x 8s linear infinite alternate both;
animation: color-change-5x 8s linear infinite alternate both;
box-shadow:inset 0px 0px 8px 5px #8C8CFF, inset 0px 0px 0px 14px #000,26px 0px 12px -10px #000,-26px 0px 12px -10px #000!important ;
text-shadow: 0 1px #808d93,
-1px 0 #cdd2d5,
-1px 2px #808d93,
-2px 1px #cdd2d5,
-2px 3px #808d93,
-3px 2px #cdd2d5,
-3px 4px #808d93,
-4px 3px #cdd2d5,
-4px 5px #808d93,
-5px 4px #cdd2d5,
-5px 6px #808d93,
-6px 5px #cdd2d5,
-6px 7px #808d93,
-7px 6px #cdd2d5,
-7px 8px #808d93,
-8px 7px #cdd2d5,
0 0 20px #fefcc9;
}
@-webkit-keyframes color-change-5x {
0% {
background: radial-gradient(circle,#1af5fe,#8c01b6,#fd02c2);
}
25% {
background: radial-gradient(circle,#1af5fe,#8c01b6,#fd02c2);
}
50% {
background: radial-gradient(circle,#1af5fe,#8c01b6,#fd02c2);
}
75% {
background: radial-gradient(circle,#1af5fe,#8c01b6,#fd02c2);
}
100% {
background: radial-gradient(circle,#1af5fe,#8c01b6,#fd02c2);
}
}
@keyframes color-change-5x {
0% {
background: radial-gradient(circle,#1af5fe,#8c01b6,#fd02c2);
}
25% {
background: radial-gradient(circle,#fd02c2,#1af5fe,#8c01b6);
}
50% {
background: radial-gradient(circle,#8c01b6,#fd02c2,#1af5fe);
}
75% {
background: radial-gradient(circle,#1af5fe,#8c01b6,#fd02c2);
}
100% {
background: radial-gradient(circle,#fd02c2,#1af5fe,#8c01b6);
}
}
.FBX-Design-Studio b {
color: black;
font: normal 18px Mr Dafoe;
letter-spacing: 1.5px;
text-decoration:none;
}
.FBX-Design-Studio a {
color:#8c01b6; font:bold 48px Montez;
letter-spacing: 3.5px;
line-height: 28px;
text-decoration:none;
line-height: 2px;
}
.FBX-Design-Studio a:hover {
color:MediumVioletRed;
text-decoration:none;
}
.FBX-Design-Studio pre,small {
color:white;
font:bold 24px Montez;
letter-spacing: 1.5px;
line-height:15px;
}
Raw
dabblet.html
<link href="https://fonts.googleapis.com/css?family=Acme|Carter+One|Mr+Dafoe|Berkshire+Swash|Calligraffitti|Montez|Ceviche+One" rel="stylesheet">
<div id="puzzle1"></div>
<div id="puzzle2"></div>
<div id="puzzle3"></div>
<div id="puzzle4"></div>
<div id="puzzle5"></div>
<div id="puzzle6"></div>
<div id="puzzle7"></div>
<div id="puzzle8"></div>
<div id="puzzle9"></div>
<div id="puzzle10"></div>
<div id="orb"></div>
<div id="container">
<h1 align="center">Take What You Like, <br>But Like What You Take</h1>
<center>
<!-- ♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥ -->
<br /><table class="linksTable"><tr><td class="linkImageTD"><img src="http://zynga4-a.akamaihd.net/farmville/assets/hashed/assets/trees/e1db3c3dce14a97c31a94fbc2703939f.png" class="linkImage"><br /><span class="linkName">Dawn Tree</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=642940" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=642939" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=642938" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr></table></td></tr><tr><td class="linkImageTD"><img src="http://zynga3-a.akamaihd.net/farmville/assets/hashed/assets/trees/eeb0d1406fea4c5f813a84e60c661e85.png" class="linkImage"><br /><span class="linkName">Dusk Tree</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=642935" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=642937" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=642936" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr></table></td></tr><tr><td class="linkImageTD"><img src="http://zynga4-a.akamaihd.net/farmville/assets/hashed/assets/trees/36f248eb09454680af7c14bff181e6bb.png" class="linkImage"><br /><span class="linkName">Loco Tree</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=642942" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=642941" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=642943" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr></table></td></tr><tr><td class="linkImageTD"><img src="http://zynga1-a.akamaihd.net/farmville/assets/hashed/assets/trees/4f4f893881fe0b3bc78a84f820443395.png" class="linkImage"><br /><span class="linkName">Sunrise Tree</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=642933" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=642932" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=642934" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr></table></td></tr><tr><td class="linkImageTD"><img src="http://zynga2-a.akamaihd.net/farmville/assets/hashed/assets/trees/b5745da1aac0bb3bba9996ae99b02bc4.png" class="linkImage"><br /><span class="linkName">Sunset Tree</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=642931" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=642930" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=642929" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr></table></td></tr></table>
<br /><table class="linksTable"><tr><td class="linkImageTD"><img src="http://zynga2-a.akamaihd.net/farmville/assets/hashed/assets/animals/19c82ca9e798011db98c12c624e3ced1.png" class="linkImage"><br /><span class="linkName">Artic Princess Unicorn Foal</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=6350908" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=6350962" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=6350949" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">4.</td><td class="linkLink"><a href="clickcount.php?linkid=6350956" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">5.</td><td class="linkLink"><a href="clickcount.php?linkid=6350923" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr><tr class="oddRow;" ><td class="linkNumber">6.</td><td class="linkLink"><a href="clickcount.php?linkid=6350922" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr><tr class="oddRow;" ><td class="linkNumber">7.</td><td class="linkLink"><a href="clickcount.php?linkid=6350948" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr></table></td></tr><tr><td class="linkImageTD"><img src="http://zynga2-a.akamaihd.net/farmville/assets/hashed/assets/animals/82ea41da9cf6bbd7b5375499717ab638.png" class="linkImage"><br /><span class="linkName">Aviator Unicorn Foal</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=6350937" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=6350918" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=6350940" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">4.</td><td class="linkLink"><a href="clickcount.php?linkid=6350926" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">5.</td><td class="linkLink"><a href="clickcount.php?linkid=6350951" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr><tr class="oddRow;" ><td class="linkNumber">6.</td><td class="linkLink"><a href="clickcount.php?linkid=6350910" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr></table></td></tr><tr><td class="linkImageTD"><img src="http://zynga1-a.akamaihd.net/farmville/assets/hashed/assets/animals/0c9825238891b8398a3d6e623612f25d.png" class="linkImage"><br /><span class="linkName">Black Swan Pegasus Foal</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=6350952" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 2 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=6350946" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=6350953" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr></table></td></tr><tr><td class="linkImageTD"><img src="http://zynga3-a.akamaihd.net/farmville/assets/hashed/assets/animals/2bac56179f8f07118994b7c2dd6268a6.png" class="linkImage"><br /><span class="linkName">Brown Foal</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=6350911" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=6350939" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=6350959" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr><tr class="oddRow;" ><td class="linkNumber">4.</td><td class="linkLink"><a href="clickcount.php?linkid=6350932" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr><tr class="oddRow;" ><td class="linkNumber">5.</td><td class="linkLink"><a href="clickcount.php?linkid=6350929" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr></table></td></tr><tr><td class="linkImageTD"><img src="http://zynga2-a.akamaihd.net/farmville/assets/hashed/assets/animals/fe681895e3a9c91872d5ffcc4b7e4cad.png" class="linkImage"><br /><span class="linkName">Cotton Twirl Pegasus Foal</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=6350916" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 2 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=6350941" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr></table></td></tr><tr><td class="linkImageTD"><img src="http://zynga1-a.akamaihd.net/farmville/assets/hashed/assets/animals/f72b7780cca83debbb5e3def9f0de632.png" class="linkImage"><br /><span class="linkName">Country Ride Mare Foal</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=6350917" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=6350944" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=6350935" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">4.</td><td class="linkLink"><a href="clickcount.php?linkid=6350921" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">5.</td><td class="linkLink"><a href="clickcount.php?linkid=6350957" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr></table></td></tr><tr><td class="linkImageTD"><img src="http://zynga3-a.akamaihd.net/farmville/assets/hashed/assets/animals/8ba0945e9ce2f03b233533c96b2effbf.png" class="linkImage"><br /><span class="linkName">Dark Foal</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=6350960" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr></table></td></tr><tr><td class="linkImageTD"><img src="http://zynga3-a.akamaihd.net/farmville/assets/hashed/assets/animals/aeed7741f792e3b275bdfba5543dad3b.png" class="linkImage"><br /><span class="linkName">Dreamtime Aussie Foal</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=6350933" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=6350928" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=6350914" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr><tr class="oddRow;" ><td class="linkNumber">4.</td><td class="linkLink"><a href="clickcount.php?linkid=6350947" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr></table></td></tr><tr><td class="linkImageTD"><img src="http://zynga3-a.akamaihd.net/farmville/assets/hashed/assets/animals/b0989b959681627392703d10bc2bceac.png" class="linkImage"><br /><span class="linkName">Enchanted Swirl Pegacorn Foal</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=6350927" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 2 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=6350906" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=6350936" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">4.</td><td class="linkLink"><a href="clickcount.php?linkid=6350942" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">5.</td><td class="linkLink"><a href="clickcount.php?linkid=6350919" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">6.</td><td class="linkLink"><a href="clickcount.php?linkid=6350961" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr><tr class="oddRow;" ><td class="linkNumber">7.</td><td class="linkLink"><a href="clickcount.php?linkid=6350938" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr></table></td></tr><tr><td class="linkImageTD"><img src="http://zynga2-a.akamaihd.net/farmville/assets/hashed/assets/animals/ce3a7ef09d9428347d24c52fb7a3c30e.png" class="linkImage"><br /><span class="linkName">Floral Unicorn Foal</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=6350915" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=6350924" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=6350954" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr></table></td></tr><tr><td class="linkImageTD"><img src="http://zynga1-a.akamaihd.net/farmville/assets/hashed/assets/animals/cc2259cc86362870b349c9b069e21323.png" class="linkImage"><br /><span class="linkName">Flower Fairy Foal</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=6350925" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 2 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=6350934" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=6350943" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">4.</td><td class="linkLink"><a href="clickcount.php?linkid=6350913" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr></table></td></tr><tr><td class="linkImageTD"><img src="http://zynga3-a.akamaihd.net/farmville/assets/hashed/assets/animals/66d40c3b8f613befdd94a029e5f50fa9.png" class="linkImage"><br /><span class="linkName">Fluffly Cloudy Unicorn Foal</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=6350950" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 2 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=6350945" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=6350955" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr></table></td></tr><tr><td class="linkImageTD"><img src="http://zynga3-a.akamaihd.net/farmville/assets/hashed/assets/animals/cda2acd4aa5252146c1a86ef875948e5.png" class="linkImage"><br /><span class="linkName">Pecockicorn Foal</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=6350920" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=6350930" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=6350912" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">4.</td><td class="linkLink"><a href="clickcount.php?linkid=6350907" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr></table></td></tr><tr><td class="linkImageTD"><img src="http://zynga2-a.akamaihd.net/farmville/assets/hashed/assets/animals/ea77f9ba3e76bfddfa614007cfcc1677.png" class="linkImage"><br /><span class="linkName">Quetzal Pegasus Foal</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=6350931" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 2 times</td></tr><tr class="oddRow;" ><td class="linkNumber">2.</td><td class="linkLink"><a href="clickcount.php?linkid=6350909" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr><tr class="oddRow;" ><td class="linkNumber">3.</td><td class="linkLink"><a href="clickcount.php?linkid=6350958" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 1 times</td></tr></table></td></tr></table><br /><br />
<!-- ♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥ --><center>
<div class="FBX-Design-Studio">
<br><br><br>
Designed by: Topher <br><br>
<img src="https://i.postimg.cc/bwt3zKHy/Rainbow-Twirl-Mirrored.gif"height="150" width="500>
<br><br><br><br>
<!-- Please leave this here so your friends can join -->
<a href="https://www.facebook.com/groups/866167856846509/" title="FBX-Design-Studio" _target="blank"><br>FBX Design Studio</a><br><br><br><br><br>
<pre><small>All Layouts Are 100% Yours<br><br>Check Us Out & Spread The Word!</small></pre>
<!-- Please leave this here so your friends can join -->
</div>
<EMBED SRC="https://120445703-629571636905723391.preview.editmysite.com/uploads/1/2/0/4/120445703/bleed_the_same.mp3" HEIGHT=0 WIDTH=0>
</object>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment