Skip to content

Instantly share code, notes, and snippets.

@iljamaas

iljamaas/dabblet.css

Last active August 29, 2015 14:06
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 iljamaas/e8312ae6a9a5d83960be to your computer and use it in GitHub Desktop.
Save iljamaas/e8312ae6a9a5d83960be to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
dabblet.css
div{
width: 500px;
height: 200px;
background-color: grey;
position: relative;
border-right: 3px solid #ff0;
border-left: 3px solid #000;
}
.bot-left:after {
content: "";
position: absolute; bottom: -3px;
left: -3px;
right: -3px; height: 3px;
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#000), to(#ff0));
background-image: -webkit-linear-gradient(left, #000, #ff0);
background-image: -moz-linear-gradient(left, #000, #ff0);
background-image: -o-linear-gradient(left, #000, #ff0);
}
.bot-left:before {
content: "";
position: absolute; top: -3px;
left: -3px;
right: -3px; height: 3px;
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#000), to(#ff0));
background-image: -webkit-linear-gradient(left, #000, #ff0);
background-image: -moz-linear-gradient(left, #000, #ff0);
background-image: -o-linear-gradient(left, #000, #ff0);
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="bot-left">blabal</div>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment