Skip to content

Instantly share code, notes, and snippets.

@sunlight200

sunlight200/dabblet.css

Created September 30, 2019 05:03
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sunlight200/ad5dd7877327a20b43c5f8d53cb32c64 to your computer and use it in GitHub Desktop.
Save sunlight200/ad5dd7877327a20b43c5f8d53cb32c64 to your computer and use it in GitHub Desktop.
Download ZIP
DESIGNER CREDIT BOX
Raw
dabblet.css
*, *:before, *:after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html, body {
height: 100%;
font-size: 62.5%;
}
@media (max-width: 900px) {
html, body {
font-size: 50%;
}
}
body,a:hover { cursor: url('data:image/x-icon;base64,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AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVgAAAP9ENFX7AAAA+AAAAP8BAQGrAAAACgEBAdYAAAD/AAAACAAAAAgAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD0EQ4X/gAAAOMAAAB0AAAAGwAAAAQAAAAPAAAAAQAAAGkAAAACAAAAAgAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAxgAAAMwAAADZAAAADQAAAAcAAAADAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADBAAAASQAAAAMAAAADAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////8f///+H////A////gP///gH///wB///wAf//8AP//8AD///AA///AAf//gAP//wAD//wAB//4AA//8AAf//AAP//gAD//QAB//wAH//0AB//4AAf/+AAf//gAP//4AH///Ab///wH///8B///+Cf///H////j////7////8='), auto; }
body {
overflow:hidden;
background:
url(ttps://i.postimg.cc/c4nyCkVY/300742894159211.png)
0% 0%/350px repeat,
url(https://i.postimg.cc/k5jhfW0q/eiEtru6.gif)
0 0 no-repeat,linear-gradient(to bottom,#525351,#000);
background-attachment:fixed;
}
.demo {
position: absolute;
left:45%;
top:47%;
width:42.5rem;
height: 56rem;
margin-left: -60.25rem;
margin-top: -26rem;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-animation: rotateReverse 2s infinite linear;
animation: rotateReverse 2s infinite linear;
}
.demo__content {
position: relative;
height: 100%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-animation: rotate 2s infinite linear;
animation: rotate 2s infinite linear;
-webkit-transform: rotateX(10deg) rotateZ(0);
transform: rotateX(10deg) rotateZ(0);
background:
url(ttp://i.imgur.com/pRtCU0u.png)
100% 100% no-repeat,
url(https://i.imgur.com/vM4RdJo.gif)
0% 0%/100% no-repeat,
url()
0% 80%/60% no-repeat,
url(https://imgur.com/1dwSpQh.jpg)
0% 100%/100% 100% no-repeat,
url(ttps://imgur.com/L5Tmo3A.gif),linear-gradient(to bottom,#000,#000);
border:5px dashed maroon;
box-shadow:inset 0px 0px 20px 18px #2f302e,
inset 0px 0px 0px 19px #000,
0px 0px 20px 2px #000 ;
border-image:url(https://imgur.com/e8rnHN4.gif)
5 5 round;
}
.demo__content:before {
content: "";
z-index: -1;
position: absolute;
left: 0;
top:0;
width: 100%;
height: 100%;
box-shadow: 0 5rem 10rem rgba(0, 0, 0, 0.4);
}
.demo__img {
overflow: hidden;
position: absolute;
left: 4rem;
top: .2rem;
width:55.6rem;
height:60.7rem;
-webkit-transform: translateZ(5rem) scale(0.95);
transform: translateZ(5rem) scale(0.95);
}
.demo__img:before {
content: "";
position: absolute;
left: 0;
top:0;
width: 100%;
height: 100%;
background:url(ttps://i.imgur.com/0PtSxhx.gif)
100% 100% no-repeat,
url(https://i.postimg.cc/VNjkPBnc/Malefica-Alicia-Mujica-2014.png)
0% 100%/auto 100% no-repeat;
}
.demo__img:after {
content: "";
z-index: 2;
overflow: hidden;
position: absolute;
left: -20%;
top: 0;
width:80%;
padding-bottom: 80%;
border-radius: 50%;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-animation: shiny 2s infinite ease-in-out;
animation: shiny 2s infinite ease-in-out;
}
@-webkit-keyframes rotate {
100% {
-webkit-transform: rotateX(10deg) rotateZ(360deg);
transform: rotateX(10deg) rotateZ(360deg);
}
}
@keyframes rotate {
100% {
-webkit-transform: rotateX(10deg) rotateZ(360deg);
transform: rotateX(10deg) rotateZ(360deg);
}
}
@-webkit-keyframes rotateReverse {
100% {
-webkit-transform: rotateZ(-360deg);
transform: rotateZ(-360deg);
}
}
@keyframes rotateReverse {
100% {
-webkit-transform: rotateZ(-360deg);
transform: rotateZ(-360deg);
}
}
@-webkit-keyframes shiny {
25% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
50% {
-webkit-transform: translateY(60rem);
transform: translateY(60rem);
}
50.1% {
-webkit-transform: translate(75%, 60rem);
transform: translate(75%, 60rem);
}
75% {
-webkit-transform: translate(75%, -100%);
transform: translate(75%, -100%);
}
}
@keyframes shiny {
25% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
50% {
-webkit-transform: translateY(60rem);
transform: translateY(60rem);
}
50.1% {
-webkit-transform: translate(75%, 60rem);
transform: translate(75%, 60rem);
}
75% {
-webkit-transform: translate(75%, -100%);
transform: translate(75%, -100%);
}
}
.source {
position: absolute;
left: 0.5rem;
bottom: 0.5rem;
font-size: 2rem;
}
.tip {
padding: 1rem;
font-size: 1.8rem;
}
.demo_right {
position: absolute;
right:1%;
top:47%;
width:42.5rem;
height: 56rem;
margin-left: -60.25rem;
margin-top: -26rem;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-animation: rotateReverse 2s infinite linear;
animation: rotateReverse 2s infinite linear;
}
.demo_right__content {
position: relative;
height: 100%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-animation: rotate 2s infinite linear;
animation: rotate 2s infinite linear;
-webkit-transform: rotateX(10deg) rotateZ(0);
transform: rotateX(10deg) rotateZ(0);
background:
url(ttp://i.imgur.com/pRtCU0u.png)
100% 100% no-repeat,
url(ttp://i.imgur.com/6EoF7wr.png)
100% 100%/100% no-repeat,
url(ttps://img-fotki.yandex.ru/get/6829/258295133.481/0_12e0db_9d3b695_XL)
10% 10%/40% no-repeat,
url(ttps://i.imgur.com/PGmebwm.gif)
100% 100% repeat,
url(https://i.postimg.cc/QMcKMPgt/1zq68g1.jpg)
100% 0/100% 100%,
url(ttps://imgur.com/L5Tmo3A.gif),#131314;
border:5px dashed maroon;
box-shadow:inset 0px 0px 20px 18px #2f302e,
inset 0px 0px 0px 19px #000,
0px 0px 20px 2px #000 ;
border-image:url(https://imgur.com/e8rnHN4.gif)
5 5 round;
}
.demo_right__content:before {
content: "";
z-index: -1;
position: absolute;
left: 0;
top:0;
width: 100%;
height: 100%;
box-shadow: 0 5rem 10rem rgba(0, 0, 0, 0.4);
}
.demo_right__img {
overflow: hidden;
position: absolute;
left: 0rem;
top: .2rem;
width:55.6rem;
height:60.7rem;
-webkit-transform: translateZ(5rem) scale(0.95);
transform: translateZ(5rem) scale(0.95);
}
.demo_right__img:before {
content: "";
position: absolute;
left: 0%;
top:0%;
width: 100%;
height: 100%;
background:
url(https://i.imgur.com/037yrjn.gif)
-18% 70% no-repeat,
url(ttps://i.imgur.com/0PtSxhx.gif)
100% 100% no-repeat,
url(https://imgur.com/AY40EN6.png)
0% 100%/auto 100% no-repeat,
url(ttps://i.postimg.cc/X7MMfz93/34qjzuw.gif)
-20% 38%/80% no-repeat;
}
.demo_right__img:after {
content: "";
z-index: 2;
overflow: hidden;
position: absolute;
left: -20%;
top: 0%;
width:80%;
padding-bottom: 80%;
border-radius: 50%;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-animation: shiny 2s infinite ease-in-out;
animation: shiny 2s infinite ease-in-out;
}
#content{
background:
url(),
url(http://i.imgur.com/hhjJTdp.gif)
60% 10px/26% no-repeat,
url(https://i.postimg.cc/GpKYQGZx/vd1dsy.png)
0% 0%/auto 100% no-repeat,
url("ttps://www.transparenttextures.com/patterns/grunge-wall.png")
0% 0% repeat,linear-gradient(to bottom,rgba(104,104,122,.8),rgba(104,104,122,.8));
position:fixed;
width:32%;
right:0%;
left:0%;
height:96%;
overflow-x:hidden;
margin:1% auto;
border:5px dashed maroon;
box-shadow:0px 0px 10px 2px #000,
0px 0px 10px 18px #2f302e,
0px 0px 10px 20px #000;
border-image:url(https://imgur.com/e8rnHN4.gif)
5 5 round;
}
.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:50px;
width:350px;
border-collapse: separate;
border-spacing:0px 100px;
margin:-10px auto;
padding: 0;
box-sizing: border-box;
}
.linksSubTable {
background:rgb(131,131,154);
border-spacing: 0;
border:5px solid #fff;
border-radius: 0pt;
border-image:
url(https://imgur.com/32mM28j.gif)6 round;
margin:120px -356px 60px;
padding: 20px 20px;
position: relative;
transform: rotate(0deg);
width: 304px;
box-shadow:;
}
.linksSubTable tr:nth-child(odd) {
background:
url(https://i.postimg.cc/SRXt69nj/graphs-pixelrosedivider8-brightred-topright-by-empressofroses-dc.gif)
56% 50% no-repeat,
url(https://i.postimg.cc/GmPgxdmP/graphs-pixelrosedivider8-brightred-topleft-by-empressofroses-dci.gif)
18% 50% no-repeat,
url(https://imgur.com/yFoggR3.jpg)
0% 0%/20% 100% no-repeat,
url(https://imgur.com/yFoggR3.jpg)
100% 0%/42% 100% no-repeat,#83839a;
display: inline-block;
width: 280px;
padding:0px 10px 0px 70px;
border:1px solid #000;
border-radius: 20pt 20pt 20pt 20pt;
box-shadow:inset 0px 0px 12px 2px #000,4px 4px 22px #000;
}
.linksSubTable tr:nth-child(even){
background:
url(https://i.postimg.cc/SRXt69nj/graphs-pixelrosedivider8-brightred-topright-by-empressofroses-dc.gif)
56% 50% no-repeat,
url(https://i.postimg.cc/GmPgxdmP/graphs-pixelrosedivider8-brightred-topleft-by-empressofroses-dci.gif)
18% 50% no-repeat, url(https://imgur.com/yFoggR3.jpg)
0% 0%/20% 100% no-repeat,
url(https://imgur.com/yFoggR3.jpg)
100% 0%/42% 100% no-repeat,#83839a;
width:280px;
display: inline-block;
box-shadow:inset 0px 0px 12px 2px #000,4px 4px 22px #000;
padding:0px 10px 0px 70px;
border:1px solid #000;
border-radius: 20pt 20pt 20pt 20pt;
}
.linksSubTable tr:nth-child(even):hover{
background:
url(https://i.postimg.cc/SRXt69nj/graphs-pixelrosedivider8-brightred-topright-by-empressofroses-dc.gif)
56% 50% no-repeat,
url(https://i.postimg.cc/GmPgxdmP/graphs-pixelrosedivider8-brightred-topleft-by-empressofroses-dci.gif)
18% 50% no-repeat, url(https://imgur.com/yFoggR3.jpg)
0% 0%/20% 100% no-repeat,
url(https://imgur.com/yFoggR3.jpg)
100% 0%/42% 100% no-repeat,#fff;
width:280px;
display: inline-block;
box-shadow:inset 0px 0px 12px 2px #000,4px 4px 22px #000;
padding:0px 10px 0px 70px;
border:1px solid #000;
border-radius: 20pt 20pt 20pt 20pt;
}
.linksSubTable tr:nth-child(odd):hover {
background:
url(https://i.postimg.cc/SRXt69nj/graphs-pixelrosedivider8-brightred-topright-by-empressofroses-dc.gif)
56% 50% no-repeat,
url(https://i.postimg.cc/GmPgxdmP/graphs-pixelrosedivider8-brightred-topleft-by-empressofroses-dci.gif)
18% 50% no-repeat,
url(https://imgur.com/yFoggR3.jpg)
0% 0%/20% 100% no-repeat,
url(https://imgur.com/yFoggR3.jpg)
100% 0%/42% 100% no-repeat,#fff;
display: inline-block;
width: 280px;
padding:0px 10px 0px 70px;
border:1px solid #000;
border-radius: 20pt 20pt 20pt 20pt;
box-shadow:inset 0px 0px 12px 2px #000,4px 4px 22px #000;
}
.linkImageTD{
background:
url(ttps://img-fotki.yandex.ru/get/769006/307195836.19/0_1905ed_c4521358_XL)
10% 12px no-repeat,
url(https://i.postimg.cc/YSFrZdpg/125s112.gif)
50% 0px/90% no-repeat,
url(https://i.postimg.cc/HLmXbdk5/t8s1gp.png)
50% 100% /100% no-repeat,
url("https://www.transparenttextures.com/patterns/shley-tree-2.png"),
url(ttps://i.postimg.cc/k5jhfW0q/eiEtru6.gif)
0 0/150%,
0 0 no-repeat
rgba(0,0,0,.5);
position: relative;
vertical-align: top;
width: 380px;
border:6px double #fff;
border-radius:0pt;
outline:2px dashed #fff;
border-image:
url(https://imgur.com/e8rnHN4.gif)6 6 round;
box-shadow:
0px 0px 22px 12px #000;}
tr:nth-child(2n) .linkImageTD{ background:
url(https://i.postimg.cc/DfY9SvS8/pixel-lace-divider-v3-black-by-starlightdreamspirit-dbvwrhi.gif)
0% 100% repeat-x,
url(https://i.postimg.cc/DfY9SvS8/pixel-lace-divider-v3-black-by-starlightdreamspirit-dbvwrhi.gif)
0% 0% repeat-x,
url(ttps://i.imgur.com/D2hxMFp.gif)
50% 0%/80% no-repeat,
10% 12px no-repeat,
url(https://www.transparenttextures.com/patterns/tasky.png), rgba(0,0,0,.8);
Position: relative;
vertical-align: top;
width: 420px;
border:6px double #fff;
border-radius:0pt;
outline:2px dashed #fff;
border-image:
url(https://imgur.com/e8rnHN4.gif)6 6 round;
box-shadow:
0px 0px 22px 12px #000;}
.linkNumber {
background:none !important;
color:#83839a;
text-indent:-40px;
font:bold 24px Niconne;
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;
padding:0px 2px 2px 25px;
position:relative;
color:#83839a;
font:normal 18px Niconne;
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(http://s9.tinypic.com/2vs3yfr_th.jpg)0% 0%/100% 100%;
right:280px;
top:5px;
height:75px;
padding:16px;
position: absolute;
display: inline-block;
border:3px ridge #fff;
border-radius:0pt 0pt 50pt 0pt;
z-index:10;
}
@-webkit-keyframes swingme {0%, 100% {-webkit-transform: rotate(10deg); }
50% {-webkit-transform: rotate(-10deg);}}
@-moz-keyframes swingme {0%, 100% {-moz-transform: rotate(10deg); }
50% {-moz-transform: rotate(-10deg);}}
@-o-keyframes swingme {0%, 100% {-o-transform: rotate(10deg); }
50% {-o-transform: rotate(-10deg);}}
@-ms-keyframes swingme {0%, 100% {-ms-transform: rotate(10deg); }
50% {-ms-transform: rotate(-10deg);}}
@keyframes swingme {0%, 100% {transform: rotate(10deg); }
50% {transform: rotate(-10deg);}}
tr:nth-child(1n) .linkImage{
background:URL(ttps://img-fotki.yandex.ru/get/967052/307195836.3f/0_190eb7_f2b730ac_S);
right:160px;
top:60px;
height:75px;
padding:0px;
position: absolute;
display: inline-block;
border:0px solid grey;
border-radius:100%;
z-index:10;
box-shadow:0px 0px 0px #fff;
transform:rotate(0deg);
-webkit-transform-origin:bottom center; -moz-transform-origin:bottom center; -o-transform-origin:bottom center;
-ms-transform-origin: bottom center; transform-origin: bottom center; -webkit-animation: swingme 2s ease-in-out 0s infinite;
-moz-animation: swingme 2s ease-in-out 0s infinite; -o-animation: swingme 2s ease-in-out 0s infinite;
-ms-animation: swingme 2s ease-in-out 0s infinite; animation: swingme 2s ease-in-out 0s infinite;
}
.linkName::first-letter {
color:#d6227d;
font:normal 30px Niconne;
}
tr:nth-child(2n) .linkImage{
background:url(https://imgur.com/Lz0jLCQ.gif),rgba(131,131,154,.7);
right:150px;
top:35px;
height:75px;
padding:2px;
position: absolute;
display: inline-block;
border:1px solid #000;
border-radius:100pt ;
z-index:10;
box-shadow:0px 0px 20px #fff,inset 0px 0px 10px #000;
transform:rotate(0deg);
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation: swingme 0s ease-in-out 0s infinite;
-moz-animation: swingme 0s ease-in-out 0s infinite;
-o-animation: swingme 0s ease-in-out 0s infinite;
-ms-animation: swingme 0s ease-in-out 0s infinite;
animation: swingme 0s ease-in-out 0s infinite;
}
.linkName::first-letter {
color:#fff;
font:normal 30px Niconne;
} .linkName{
background:;
color:#b32d2b;
position: relative;
text-align: center;
display: inline-block;
font:bold 22px Niconne;
top:-4px;
left: -30px;
line-height: 50px;
margin:20px auto;
padding: 0;
width:420px;
height: 50px;
border-top: 0px solid #fffbb6;
border-bottom: 4px solid #fff;
border-image:url(ttp://s9.tinypic.com/30sdn2e_th.jpg)4 4 round;
animation:pulse 8s linear infinite;
}
@keyframes pulse{
0%{transform:scale(1);}
50%{transform:scale(1.3);}
100%{transform:scale(1);}
}
tr:nth-child(1n) .linkName {
color:#fff;
position: absolute;
text-align: center;
text-indent:-80px;
display: inline-block;
font:bold 20px Niconne;
left: -30px;
line-height: 50px;
margin:-50px auto;
padding: 0;
width: 490px;
height:50px;
white-space:wrap;
border-top: 0px solid #fffbb6;
border-bottom: 0px solid #fff;
border-image:
url(http://s9.tinypic.com/30sdn2e_th.jpg)6 round;
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);
animation:pulse 0s linear infinite;
}
tr:nth-child(2n) .linkName {
color:#fff;
position:absolute;
text-align: center;
white-space:wrap;
display: inline-block;
font:bold 20px Niconne;
left: -20px;
line-height: 50px;
margin:-5px auto;
padding: 0;
width: 490px;
height:50px;
border-top: 0px solid #fffbb6;
border-bottom: 0px solid #fff;
border-image:
url(http://s9.tinypic.com/hrah50_th.jpg)6 round;
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);
animation:pulse 0s linear infinite;
}
.aLink::first-letter {
color:#fff;
}
.aLink {
background:;
color:#fff;
margin:1px 0px 0px -14px;
padding:2px;
width:100px;
height:28px;
line-height:30px;
font:bold 22px Niconne;
text-align: center;
display: block;
text-decoration: none;
text-transform: lowercase;
border:0px dotted #fffbb6;
border-radius: 100% 100%;
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);
}
.aLink:hover {
background:;
border-radius: 100%;
letter-spacing:4px;
color:#83839a;
font:bold 24px Sail;
box-shadow:;
transition:all .5s ease-in-out;
}
.aLink:visited {
color:#83839a;
}.aLink:active {
text-decoration:none;
}::-webkit-scrollbar {
width:5px;
}
::-webkit-scrollbar-track {
background:#000;
border:1px dotted #000;
box-shadow:!important;
}
::-webkit-scrollbar-thumb {
background:#fff;
Width:18px;
height:100px;
border-radius:2pt;
border:0px solid #000;
}
::-webkit-scrollbar-thumb:hover {
background:grey;
border:0px solid firebrick;
}
/* DESIGNER CREDIT BOX */
.FBX-Design-Studio {
background:rgba(0,0,0,.9);
border:2px dashed #fff;
border-radius:0pt;
outline:10px double #000;
border-image:url(ttp://s9.tinypic.com/hrah50_th.jpg)6 round;
box-shadow:
0px 0px 22px 12px #000,
inset 0px 0px 28px 0px #000;
color:#83839a;
position: relative;
top: -10px;
width:280px;
height:110px;
left: 0;
padding: 8px 0;
margin: 0 auto;
font:bold 26px Niconne;
line-height:6px;
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);
box-shadow:0px 0px 22px 6px #000;
}
.FBX-Design-Studio b {
color: rgba(255, 255, 255, 1);
font: normal 18px Montez;
text-decoration:none;
}
.FBX-Design-Studio a {
color:#83839a;
font:bold 28px Anton;
line-height: 18px;
text-decoration:none;
}
.FBX-Design-Studio a:hover {
color:#fff;
text-decoration:none;
}
.FBX-Design pre,small {
color: black;
font:bold 12px Montez;
line-height:12px;
}
Raw
dabblet.html
<link href='https://fonts.googleapis.com/css?family=Piedra|Flavors|Parisienne|Mystery Quest|Alex Brush|Anton|Vibur|Bubbler One|Niconne|Audiowide|Metal Mania|Artifika|Arizonia|Aladin|Englebert|Walter+Turncoat|Creepster|Handlee|Snippet|Sail' rel='stylesheet' type='text/css'>
<div class="demo">
<div class="demo__content">
<embed src="http://i.imgur.com/eiEtru6.gif" width="100%" height="60%" quality="left" wmode="transparent" align="left" style="position:fixed;left:0;top:0;opacity:.4;">
<div class="demo__img"></div>
</div>
</div>
<div class="demo_right">
<div class="demo_right__content">
<embed src="http://i.imgur.com/eiEtru6.gif" width="100%" height="60%" quality="left" wmode="transparent" align="left" style="position:fixed;left:0;top:0;opacity:.4;">
<div class="demo_right__img"></div>
</div>
</div>
<div id="content"><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 />
<!-- ♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥ -->
<EMBED SRC="https://32106563-671163127666249452.preview.editmysite.com/uploads/3/2/1/0/32106563/y2mate.com_-_sarah_jeffery_queen_of_mean_from_descendants_3_r9o1qs-itsu.mp3" HEIGHT=0 WIDTH=0></embed>
<center><div class="FBX-Design-Studio"><br><br>
Coded & Designed by <br><br><br><br>
Simsim
<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><br><br><br> </div></div></div>
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