Skip to content

Instantly share code, notes, and snippets.

@phiat

phiat/dabblet.css

Created April 11, 2013 07:40
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 phiat/5361484 to your computer and use it in GitHub Desktop.
Save phiat/5361484 to your computer and use it in GitHub Desktop.
Download ZIP
The first commented line is your dabblet’s title
Raw
dabblet.css
/**
* The first commented line is your dabblet’s title
*/
body {
border-bottom-color: #ffd300;
border-bottom-width: 10px;
border-collapse: collapse;
border-left-color: #fcfa02;
border-right-color: #fcfa02;
border-style: groove;
border-top-color: #ffd300;
border-top-width: 10px;
font-family: "PT Sans";
outline-color: #040302;
outline-style: double;
outline-width: 20px;
margin-left:auto;
margin-right:auto;
width:500px;
min-height: 100%;
background: radial-gradient(circle 1500px, black,white);
}
#top{
margin: 20px;
width: 500px;
height: 50px;
color:red;
text-align:center;
font-size:2em;
}
#work{
color: white;
width: 500px;
padding-bottom:10px;
background: linear-gradient(45deg,black,gray);
}
#work-entry{
background: linear-gradient(10deg,white,black);
width:100%;
height:5px;
}
.position{
margin:0px 0px 0px 10px;
font-size:2em;
}
.duration{
margin-left:30%;
font-size:0.5em;
color:white;
}
.company{
font-size:1.0em;
margin:0px 20px 5px 210px;
color: white;
}
.location{
padding-right: 40px;
font-size:1.0em;
float:right;
}
#objective{
margin: 0px;
margin-right: auto;
margin-left: auto;
font-size:1.0em;
background: linear-gradient(0deg,white,lightgray);
width: 350px;
min-height:20px;
color:black;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<body>
<p>
<div id="top">
Will McGraw
</div>
</p>
<p>
<div id="work">
<p id="work-entry"></p>
<p class="position"> Mechanic <span class="duration">Jan 2006- Mar 2009</span></p>
<p class="company"> Stonewall BMW <span class="location"> Jefferson, AL </span></p>
<p id="objective">Maintain bikes</p>
<p id="objective">Fix things</p>
<p id="work-entry"> </p>
<p class="position"> Mechanic <span class="duration">Jan 2006- Mar 2009</span></p>
<p class="company"> Stonewall BMW <span class="location"> Jefferson, AL </span></p>
<p id="objective">Maintain bikes</p>
<p id="objective">Fix things</p>
<p id="work-entry"></p>
<p class="position"> Mechanic <span class="duration">Jan 2006- Mar 2009</span></p>
<p class="company"> Stonewall BMW <span class="location"> Jefferson, AL </span></p>
<p id="objective">Maintain bikes</p>
<p id="objective">Fix things</p>
<p id="work-entry"></p>
<p class="position"> Fisherman <span class="duration">Jan 2006- Mar 2009</span></p>
<p class="company"> Stonewall BMW <span class="location"> Jefferson, AL </span></p>
<p id="objective">Maintain bikes</p>
<p id="objective">Fix things</p>
<p id="work-entry"></p>
<p class="position"> Spoonman <span class="duration">Jan 2006- Mar 2009</span></p>
<p class="company"> Stonewall BMW <span class="location"> Jefferson, AL </span></p>
<p id="objective">Maintain bikes</p>
<p id="objective">Fix things</p>
<p id="objective">Make Spoons</p>
<p id="objective">with my hands</p>
</div>
</p>
</body>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","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