Skip to content

Instantly share code, notes, and snippets.

@aaazalea

aaazalea/dabblet.css

Created June 27, 2013 19:52
Show Gist options
  • Save aaazalea/5879783 to your computer and use it in GitHub Desktop.
Save aaazalea/5879783 to your computer and use it in GitHub Desktop.
Download ZIP
HPAC site
Raw
dabblet.css
/**
* HPAC site
*/
#header ul {
list-style: none;
padding:0;
margin:0;
text-align:center
}
.title1{
text-align: center;
font-size:30;
}
#header li {
display: inline;
border: solid;
border-radius:5px;
border-width: 1px;
margin: 0 4.5em 0 0;
background-color:lightblue;
font-size:16px;
}
.col{
display:table-cell;
border-radius:5px;
background:#f45;
border-width:10px;
border-color:blue;
height:100%;
padding-left:1em;
}
.container{
display:table;
border-spacing:5px;
width:100%;
height:600px;
}
#header li a {
padding: 0 1em;
}
#header #selected {
padding-bottom: 1px;
background: white;
}
Raw
dabblet.html
<link href='http://fonts.googleapis.com/css?family=Lato:700' rel='stylesheet' type='text/css'>
<body>
<div id="header">
<div style="font-size:30px;text-align:center">HPAC Site</div><br>
<ul>
<li id="selected"><a href="#">Home</a></li>
<li><a href="#">Recent HPAC Activity</a></li>
<li><a href="#">Game</a></li>
<li><a href="#">Resources</a></li>
</ul>
</div>
<div id="content" class="container">
<div class="col" style="width:20%"><p>
Blah Blah
</p>
</div>
<div class="col" style="width:60%"><p>
Blah Blah
</p>
</div>
<div class="col" style="width:20%"><p>
Blah Blah
</p>
</div>
</body>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"separate","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