Skip to content

Instantly share code, notes, and snippets.

@man-oi

man-oi/dabblet.css

Last active January 19, 2016 21:17
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 man-oi/81f123dd8236262bd846 to your computer and use it in GitHub Desktop.
Save man-oi/81f123dd8236262bd846 to your computer and use it in GitHub Desktop.
Download ZIP
profile image / settings
Raw
dabblet.css
/**
* profile image / settings
*/
.container {
width: 700px;
height: auto;
margin: auto;
background-color: #333;
color: white;
display: table;
}
.box {
width: 25%;
padding-top: 10px;
padding-bottom: 10px;
display: table-cell;
vertical-align: middle;
}
.box:nth-child(2) {
width: 50%;
text-align: center;
}
.box:nth-child(2) img {
width: 90%;
height: auto;
border-radius: 50%;
}
.box:nth-child(3) {
text-align: right;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="container">
<div class="box"></div>
<div class="box"><img src="https://unsplash.it/400/400/?random" /></div>
<div class="box"><img src="https://unsplash.it/80/80/?random"/></div>
</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