Skip to content

Instantly share code, notes, and snippets.

@joelip

joelip/dabblet.css

Created June 6, 2012 04:04
Show Gist options
  • Save joelip/2879855 to your computer and use it in GitHub Desktop.
Save joelip/2879855 to your computer and use it in GitHub Desktop.
Download ZIP
Colloquiate Wireframe User home
Raw
dabblet.css
/* Colloquiate Wireframe User home */
/* colors
black: #000
grey: #666
light grey: #c0c0c0
*/
/* border reference
border: [size px] [line type (solid etc)] [color];
*/
body {
width: 950px;
height: 100%;
margin: 0 auto 0 auto;
display: block;
font-family: helvetica, arial, ans-serif;
}
header {
width: 100%;
height: 50px;
background-color: #000;
margin: 0px 0px 8px 0px;
}
/* side bar content */
aside {
width: 25%;
height: 800px;
float: left;
background-color: #666;
margin: 0px 8px 8px 0px;
}
aside > #profphoto {
width: 80px;
height: 80px;
background-color: #c0c0c0;
margin: 30px auto 10px auto;
text-align: center;
}
/* document browser content */
section {
width: 74%;
height: 800px;
float: right;
background-color: #666;
margin:0px 0px 0px 0px;
overflow-y: scroll;
}
section > nav {
width: 98%;
height: 80px;
background-color: #c0c0c0;
margin: 10px auto 10px auto;
border: 2px dashed #000;
text-align: center;
}
section > ul {
list-style: none;
}
section > ul > li {
width: 25%;
height: 350px;
float: left;
margin: 0px 0px 75px 80px;
}
#docbox {
width: 96px;
height: 125px;
background-color: #c0c0c0;
vertical-align: middle;
}
#docboxleft {
width: 96px;
height: 125px;
background-color: #c0c0c0;
margin: 0px 0px 0px 0px;
}
#docboxrowx {
width: 96px;
height: 125px;
background-color: #c0c0c0;
margin: 0px 0px 80px 80px;
/* footer content */
footer {
width: 100%;
height: 75px;
background-color: #000;
margin: 0px 0px 10px 0px;
position: absolute;
bottom: 0px;
}
Raw
dabblet.html
<body>
<header></header>
<aside>
<div id="profphoto">Photo</div>
</aside>
<section>
<ul>
<li id="docboxleft"></li>
<li id="docbox"></li>
<li id="docbox"></li>
<li id="docbox"></li>
<li id="docboxleft"></li>
<li id="docboxrowx"></li>
<li id="docboxrowx"></li>
<li id="docboxrowx"></li>
<li id="docboxleft"></li>
<li id="docboxrowx"></li>
<li id="docboxrowx"></li>
<li id="docboxrowx"></li>
<li id="docboxleft"></li>
<li id="docboxrowx"></li>
<li id="docboxrowx"></li>
<li id="docboxrowx"></li>
</ul>
</section>
<footer>
</footer>
Raw
settings.json
{"view":"split-vertical","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