Skip to content

Instantly share code, notes, and snippets.

@sunlight200

sunlight200/dabblet.css

Created May 30, 2017 13:48
Show Gist options
  • Save sunlight200/762ffc6ed1ced0486b79af20bf2f0551 to your computer and use it in GitHub Desktop.
Save sunlight200/762ffc6ed1ced0486b79af20bf2f0551 to your computer and use it in GitHub Desktop.
Download ZIP
DESIGNER CREDIT BOX
Raw
dabblet.css
#butterfly1{ background: url(http://i.imgur.com/AmHYwXr.gif)
87% 10%/100% auto no-repeat;
height: 580px;
width:10%;
left:26%;
bottom: 0;
top: 0;
position: fixed;
z-index: 5;
}
#butterfly2 {
background: url(http://i.imgur.com/AmHYwXr.gif) 87% 100%/100% auto no-repeat;
height: 580px;
width: 10%;
right:26%;
top: 0;
bottom: -20;
position: fixed;
z-index: 5;
transform:scalex(-1);
}
#right{
background:
url(http://i.imgur.com/Gaquh3N.gif)
50% 100%/40% no-repeat,
url(http://i.imgur.com/eQFBSis.gif)
50% 50%/100% 100% no-repeat;
position:fixed;
width:30%;
height:96.6%;
top:1%;
right:.4%;
transform:scalex(-1);
box-shadow:inset 0px 0px 20px 12px #9f8829,
inset 0px 0px 20px 22px #000,
0px 0px 22px 12px #000;
border:6px solid #000;
outline:3px dashed #fffbb6;
border-image:url(http://i.imgur.com/PBecdlt.gif)
8 round;
}
#left{
background:
url()
5% 20px/25% no-repeat,
url(http://i.imgur.com/Gaquh3N.gif)
50% 100%/40% no-repeat,
url(http://i.imgur.com/eQFBSis.gif)
50% 50%/100% 100% no-repeat;
position:fixed;
width:30%;
height:96.6%;
top:1%;
left:.4%;
box-shadow:inset 0px 0px 20px 12px #9f8829,
inset 0px 0px 20px 22px #000,
0px 0px 22px 12px #000;
border:6px solid #000;
outline:3px dashed #fffbb6;
border-image:url(http://i.imgur.com/PBecdlt.gif)8 round;
}
.Header{
background: -webkit-linear-gradient(transparent, transparent),
url("http://i.imgur.com/t7S9pJ6.gif") repeat;
background: -o-linear-gradient(transparent, transparent);
background: -moz-linear-gradient(transparent, transparent);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 0.1px;
-webkit-text-stroke-color:#000;
position:absolute;
width:100%;
height:150px;
margin:80px auto;
font:bold 60px Anton;
color:#f56a75;
}
#container{
background:
url(http://oi66.tinypic.com/339lhmc.jpg)
50% 0px /100% no-repeat,
url(http://img-fotki.yandex.ru/get/3711/112265771.20a/0_853e5_2d42e8e3_XL.jpg)
50% 50%/100% repeat-y,
rgba(225,146,44, 0.0);
position:absolute;
width:32%;
right:0;
left:0;
margin:.7% auto;
box-shadow:inset 0px 0px 20px 10px #000,
0px 0px 20px 10px #000 ;
border:6px solid #000;
outline:3px dashed #fffbb6;
border-image:url(http://i.imgur.com/PBecdlt.gif)8 round;
}
body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-2/nat117.cur), progress !important;}
body{
background:rgb(159,136,41);
}
.linksPosted
{display: none}
.countsWarning {display: none
}
.linksTable {
table-layout: fixed;
position: relative;
margin:70px auto 0;
padding: 0 50px;
border-spacing:0 220px;
width: 420px;
}
.linksTable TD+TD {
background:
url(http://s9.tinypic.com/rlfeqe.jpg)
0 0 repeat-x,
url(http://s9.tinypic.com/rlfeqe.jpg)
0 100% repeat-x,
URL(http://i.imgur.com/grQtY6a.png)
100% 5px/40% no-repeat,
url(http://i.imgur.com/0mmnuvG.png)
0% 5px/40% no-repeat,url(ttp://oi66.tinypic.com/23kpx0o.jpg)
50% 100% no-repeat,
url(https://img-fotki.yandex.ru/get/9306/112265771.31e/0_9f342_7e2d1f8b_XL)
50% 50%/100% repeat-y,rgb(124,129,57);
width:100%;
border-radius:0px;
border-top:10px solid #bfbfbf;
border-bottom:10px solid #bfbfbf;
box-shadow:inset 0px 0px 0px 0px #000,
0px 0px 22px 12px #000!important;
border-image:url(http://i.imgur.com/04iL2yZ.gif)
8 8 round;
}
.linksSubTable {
background:
url(http://img-fotki.yandex.ru/get/5634/112265771.23e/0_8cfd6_e850870f_XL.png)
-10% 50%/160% repeat-y,#19180b;
width: 50%;
margin: 140px auto 60px ;
padding: 15px 10px;
border-spacing: 0;
border-radius:0px;
border:5px solid #3d3d3d;
outline:0px ridge #a46b35;
box-shadow: 0px 0px 32px 5px #000;
transform:rotate(0deg);
border-image:url(http://i.imgur.com/nlh5fXk.gif)
8 8 round;
}
.linkNumber {
color:#bfac64;
font: bold 20px Sevillana;
vertical-align: center;
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 {
color:#bfac64;
font: normal 20px Sevillana;
vertical-align: center;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
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://i.imgur.com/hiis2aO.gif)
0 0/100% 100%,#b37019;
position: relative;
top:-70px;
margin:-180px 0px 0px 100px;
display: inline-block;
border-radius:0px;
border-right:double 5px #160e03;
border-left:double 5px #160e03;
border-top:double 5px #f2cfa1;
border-bottom:double 5px #f2cfa1;
outline:5px ridge #000;
height: 60px;
width: 60px;
padding: 5px ;
transform:rotate(0deg);
box-shadow:10px 10px 12px 10px #bfac64,
-12px -12px 12px 10px #000,
8px -10px 12px 12px #432a0a,
-13px 10px 12px 8px #432a0a;
}
.linkName::after {
content: "";
background: url(https://img-fotki.yandex.ru/get/9114/96945866.5c2/0_b47c7_25cc446c_S) 0 0/65% no-repeat;
width: 40px;
height: 40px;
margin: 50px 5px;
position: absolute;
}
.linkName:first-letter {
font: bold 35px Bonbon;
line-height: 20px;
color:#fff6ad;
}
.linkName {
color:#bfac64;
background:
url(ttp://i.imgur.com/oyU0UgW.gif)
70% 25%/130px no-repeat,
rgba(255,255,255,0.0);
position: relative;
display: inline-block;
top: -105px;
margin: 0px 0px 0px -5px;
width: 400px;
height: 200px;
font: bold 22px Sevillana;
line-height: 135px;
white-space: nowrap;
overflow: hidden;
padding: 5px;
text-align: left;
text-indent: 0px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;
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:first-letter {
font: normal 18px Pacifico;
color:#fffbb6;
}
.aLink {
background:#fffbb6;
background-size: 200% 100%;
color:#bfac64;
font: bold 16px Bonbon;
margin: 3px 15px;
display: block;
text-align: center;
text-decoration: none;
vertical-align:middle;
width: 50px;
height:32px;
line-height:32px;
border: 3px ridge #432928;
border-radius:0pt;
box-shadow: 0 0 40px rgba(0,0,0,.75),
inset 0px 0px 12px 3px #000;
border-image:url(http://i.imgur.com/nlh5fXk.gif)4 4 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);
}
.aLink:hover {
background-color:#7c8139;
color:#f8d569;
display: block;
font: bold 16px Baloo Thambi;
text-align: center;
text-decoration: none;
width: 50px;
line-height:1;
border-image:url(http://i.imgur.com/04iL2yZ.gif)4 round;
box-shadow: 0 0 30px 5px #fffbb6,
inset 0px 0px 12px 4px #000;
transition: all 0.4s ease-in-out 0s;
transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
}
.aLink:visited {
color:#f8d569;
}
.aLink:active {
text-decoration:none;
}
::-webkit-scrollbar-button:start:decrement {
background:
url(http://s8.tinypic.com/28t8bgg_th.jpg)
50% 50%/50% auto no-repeat,
#17100a;
height: 20px;
border-width: 2 3 0px 2px;
border-style:solid;
border-color:#bfac64;
}
::-webkit-scrollbar-button:end:increment {
background:
url(http://s8.tinypic.com/29ni7wo_th.jpg)
50% 50%/50% auto no-repeat,
#17100a;
height: 20px;
border-width: 0 3 2px 2px;
border-style:solid;
border-color:#bfac64;
}
::-webkit-scrollbar {
width: 20px;
}
::-webkit-scrollbar-track {
background:#17100a;
border-width: 0 3 0 2px;
border-style: solid;
border-color:#bfac64;
}
::-webkit-scrollbar-thumb {
background:#17100a;
Width:18px;
height:120px;
box-shadow:inset 0px 0px 12px #bfac64;
border:2px solid #bfac64;
}
::-webkit-scrollbar-thumb:hover {
background:
#e1922c;
Width:18px;
box-shadow:inset 0px 0px 12px #000;
}
/* DESIGNER CREDIT BOX */
.FBX-Design-Studio {
color:#f8d569;
position: relative;
top: -50px;
width: 250px;
left: 0;
padding: 8px 0;
margin: -50 auto 0 ;
font: bold 22px Uncial Antiqua;
line-height:12px;
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);
}
.FBX-Design-Studio b {
color: rgb(220,201,197);
font: normal 18px Montez;
text-decoration:none;
}
.FBX-Design-Studio a {
color:#f8d569;
font: bold 22px Uncial Antiqua;
line-height: 18px;
text-decoration:none;
}
.FBX-Design-Studio a:hover {
color:#bfac64;
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=
Montez|Anton|Englebert|Arima Madurai|Fugaz One|Special Elite|Uncial Antiqua|Rancho|Courgette|Fascinate Inline|Bonbon|Sevillana|Supermercado One|Baloo Thambi|Lobster|Pacifico|Francois One|'
rel='stylesheet' type='text/css'>
<link href="https://www.weebly.com/uploads/3/9/7/3/39731348/jyrd-def.css" rel="stylesheet" type="text/css">
<div id="right"></div>
<div id="left"></div>
<div id="butterfly1"></div>
<div id="butterfly2"></div>
<div id="container">
<div class="Header"><center>
Welcome</div>
<br /><span class="linksPosted">These Links Were Posted less than 1 minute Ago</span><br /><span class="countsWarning">The Click Counts May NOT Be 100% Accurate<br>Do NOT Rely on Them to Determine Actual Clicks or If Link is Good.</span><br /><br /><table class="linksTable"><tr><td class="linkImageTD"><img src="http://zynga4-a.akamaihd.net/farmville/assets/hashed/assets/farmers_market/51e2dd8b8eb87554b66840a9f6d4ba68.png" class="linkImage"><br /><span class="linkName">Mane Brush</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=13884980" 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=13884979" 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=13884978" 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/newsfeed/8c7385458c973479fac886b1037d4788.png" class="linkImage"><br /><span class="linkName">Organic Fertilizer</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=13884972" 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=13884973" 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=13884974" 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=13884975" 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=13884976" 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=13884977" 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=13884971" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr><tr class="oddRow;" ><td class="linkNumber">8.</td><td class="linkLink"><a href="clickcount.php?linkid=13884970" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr><tr class="oddRow;" ><td class="linkNumber">9.</td><td class="linkLink"><a href="clickcount.php?linkid=13884969" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr><tr class="oddRow;" ><td class="linkNumber">10.</td><td class="linkLink"><a href="clickcount.php?linkid=13884968" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr><tr class="oddRow;" ><td class="linkNumber">11.</td><td class="linkLink"><a href="clickcount.php?linkid=13884967" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr><tr class="oddRow;" ><td class="linkNumber">12.</td><td class="linkLink"><a href="clickcount.php?linkid=13884966" 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://zynga4-a.akamaihd.net/farmville/assets/hashed/assets/equipment/b899333ab19453509a74f0b24346b4b3.png" class="linkImage"><br /><span class="linkName">Small Can of Fuel</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=13884960" 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/decorations/8408c681f2cc07772eb772f44e4c16a1.png" class="linkImage"><br /><span class="linkName">Special Delivery</span></td><td><table class="linksSubTable"><tr class="oddRow;" ><td class="linkNumber">1.</td><td class="linkLink"><a href="clickcount.php?linkid=13884965" 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=13884963" 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=13884962" 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=13884961" 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=13884964" class="aLink" target="_blank">Link</a></td><td class="linkClick">Clicked 0 times</td></tr></table></td></tr></table><br /><br /> </header>
<embed src="https://104196266-746712972392399421.preview.editmysite.com/uploads/1/0/4/1/104196266/sam_smith_-_lay_me_down__official_audio_.mp3" autoplay=1 width=1 height=1></embed>
<center><div class="FBX-Design-Studio">
Codes & Design <br><br><br>
<img src="http://i.imgur.com/hg0YaNe.gif">
Simsim
<img src="http://i.imgur.com/hg0YaNe.gif">
<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> </div></div>
</div>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"result"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment